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

package/dist/infineon-design-system-stencil/ifx-set-filter.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-set-filter.entry.esm.js","sources":["src/components/table-advanced-version/set-filter/set-filter.scss?tag=ifx-set-filter&encapsulation=shadow","src/components/table-advanced-version/set-filter/setFilter.tsx"],"sourcesContent":["/* set-filter.css */\r\n\r\n","// SetFilter.tsx\r\nimport { Component, h, Event, EventEmitter, Prop, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-set-filter',\r\n  styleUrl: 'set-filter.scss',\r\n  shadow: true\r\n})\r\nexport class SetFilter {\r\n  @Prop() filterName: string;\r\n  @Prop() filterLabel: string;\r\n  @Prop() placeholder: string;\r\n  @Prop() type: 'text' | 'single-select' | 'multi-select' = 'text';\r\n  @Prop() options: any[] | string;\r\n  @State() filterValues: string[] = [];\r\n\r\n  @Event() ifxFilterSelect: EventEmitter;\r\n\r\n\r\n  handleTextInputChange(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n    const value = target.value;\r\n    this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component\r\n\r\n  }\r\n\r\n  handleSingleSelectChange(event: CustomEvent) {\r\n    const value = event.detail.value;\r\n    this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component\r\n  }\r\n\r\n\r\n  handleMultiselectOptionChange(event: CustomEvent) {\r\n    this.filterValues = event.detail.map(option => ({\r\n      label: option.value,\r\n      value: option.value\r\n    }));\r\n    this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: this.filterValues, type: this.type });\r\n  }\r\n\r\n\r\n  render() {\r\n    let optionsArray = [];\r\n\r\n    // Parse options if it's a string\r\n    if (typeof this.options === 'string') {\r\n      try {\r\n        optionsArray = JSON.parse(this.options);\r\n      } catch (e) {\r\n        console.error('Failed to parse options:', e);\r\n        optionsArray = [];\r\n      }\r\n    } else if (Array.isArray(this.options)) {\r\n      optionsArray = this.options;\r\n    }\r\n\r\n    switch (this.type) {\r\n      case 'text':\r\n        return (\r\n          <ifx-text-field error={false} disabled={false} placeholder={this.placeholder}\r\n            onIfxInput={event => this.handleTextInputChange(event)}\r\n          >{this.filterLabel}</ifx-text-field>\r\n        );\r\n      case 'single-select':\r\n        return (\r\n          <ifx-select\r\n            placeholder=\"true\"\r\n            search-enabled=\"true\"\r\n            search-placeholder-value=\"Search...\"\r\n            onIfxSelect={event => this.handleSingleSelectChange(event)}\r\n            ifx-placeholder-value={this.placeholder}\r\n            ifx-label={this.filterLabel}\r\n            ifx-options={this.options}\r\n          ></ifx-select>\r\n        );\r\n      case 'multi-select':\r\n        return (\r\n          <ifx-multiselect\r\n            label={this.filterLabel}\r\n            placeholder={this.placeholder}\r\n            onIfxSelect={event => this.handleMultiselectOptionChange(event)}\r\n          >\r\n            {optionsArray.map(option => (\r\n              <ifx-multiselect-option value={option.value || option}>\r\n                {option.label || option}\r\n              </ifx-multiselect-option>\r\n            ))}\r\n          </ifx-multiselect>\r\n        );\r\n      default:\r\n        return null;\r\n    }\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ifx-set-filter.entry.esm.js","sources":["src/components/table-advanced-version/set-filter/set-filter.scss?tag=ifx-set-filter&encapsulation=shadow","src/components/table-advanced-version/set-filter/setFilter.tsx"],"sourcesContent":["/* set-filter.css */\n\n","// SetFilter.tsx\nimport { Component, h, Event, EventEmitter, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-set-filter',\n  styleUrl: 'set-filter.scss',\n  shadow: true\n})\nexport class SetFilter {\n  @Prop() filterName: string;\n  @Prop() filterLabel: string;\n  @Prop() placeholder: string;\n  @Prop() type: 'text' | 'single-select' | 'multi-select' = 'text';\n  @Prop() options: any[] | string;\n  @State() filterValues: string[] = [];\n\n  @Event() ifxFilterSelect: EventEmitter;\n\n\n  handleTextInputChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n    const value = target.value;\n    this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component\n\n  }\n\n  handleSingleSelectChange(event: CustomEvent) {\n    const value = event.detail.value;\n    this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component\n  }\n\n\n  handleMultiselectOptionChange(event: CustomEvent) {\n    this.filterValues = event.detail.map(option => ({\n      label: option.value,\n      value: option.value\n    }));\n    this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: this.filterValues, type: this.type });\n  }\n\n\n  render() {\n    let optionsArray = [];\n\n    // Parse options if it's a string\n    if (typeof this.options === 'string') {\n      try {\n        optionsArray = JSON.parse(this.options);\n      } catch (e) {\n        console.error('Failed to parse options:', e);\n        optionsArray = [];\n      }\n    } else if (Array.isArray(this.options)) {\n      optionsArray = this.options;\n    }\n\n    switch (this.type) {\n      case 'text':\n        return (\n          <ifx-text-field error={false} disabled={false} placeholder={this.placeholder}\n            onIfxInput={event => this.handleTextInputChange(event)}\n          >{this.filterLabel}</ifx-text-field>\n        );\n      case 'single-select':\n        return (\n          <ifx-select\n            placeholder=\"true\"\n            search-enabled=\"true\"\n            search-placeholder-value=\"Search...\"\n            onIfxSelect={event => this.handleSingleSelectChange(event)}\n            ifx-placeholder-value={this.placeholder}\n            ifx-label={this.filterLabel}\n            ifx-options={this.options}\n          ></ifx-select>\n        );\n      case 'multi-select':\n        return (\n          <ifx-multiselect\n            label={this.filterLabel}\n            placeholder={this.placeholder}\n            onIfxSelect={event => this.handleMultiselectOptionChange(event)}\n          >\n            {optionsArray.map(option => (\n              <ifx-multiselect-option value={option.value || option}>\n                {option.label || option}\n              </ifx-multiselect-option>\n            ))}\n          </ifx-multiselect>\n        );\n      default:\n        return null;\n    }\n  }\n}\n\n"],"names":[],"mappings":"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"}

package/dist/infineon-design-system-stencil/ifx-sidebar-item.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-sidebar-item.entry.esm.js","sources":["src/components/navigation/sidebar/sidebar-item.scss?tag=ifx-sidebar-item&encapsulation=shadow","src/components/navigation/sidebar/sidebar-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n:host {\r\n  position: relative;\r\n  display: block;\r\n}\r\n\r\n:host([data-has-icon=\"false\"]) {\r\n  display: var(--ifx-sidebar-item-without-icon-display, block);\r\n}\r\n\r\n.sidebar__nav-item,\r\n.sidebar__nav-item.header__section {\r\n  &:focus-visible {\r\n      outline: none;\r\n      box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\r\n\r\n    & .sidebar__nav-item-icon-wrapper {\r\n      color: tokens.$ifxColorOcean600;\r\n    }\r\n\r\n    & .sidebar__nav-item-label {\r\n      outline: none;\r\n      color: tokens.$ifxColorOcean600;\r\n    }\r\n\r\n    & .sidebar__nav-item-indicator {\r\n      & .item__arrow-wrapper {\r\n        & ifx-icon {\r\n          color: tokens.$ifxColorOcean600;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n\r\n  &:hover {\r\n    outline: none;\r\n\r\n    & .sidebar__nav-item-icon-wrapper {\r\n      color: tokens.$ifxColorOcean600;\r\n    }\r\n\r\n    & .sidebar__nav-item-label {\r\n      outline: none;\r\n      color: tokens.$ifxColorOcean600;\r\n    }\r\n\r\n    & .sidebar__nav-item-indicator {\r\n      & .item__arrow-wrapper {\r\n        & ifx-icon {\r\n          color: tokens.$ifxColorOcean600;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.sidebar__nav-item {\r\n  display: flex;\r\n  flex-direction: var(--ifx-sidebar-item-flex-direction, row);\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 8px 0px;\r\n  gap: 4px;\r\n  flex: none;\r\n  order: 0;\r\n  flex-grow: 0;\r\n  text-decoration: none;\r\n  color: tokens.$ifxColorBaseBlack;\r\n  cursor: pointer;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n\r\n  &.extra-padding__bottom {\r\n    padding: 8px 0px 16px 0px;\r\n  }\r\n\r\n  &.active {\r\n    color: tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &.active-section {\r\n    &::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -32px;\r\n      height: 40px;\r\n      width: 2px;\r\n      background: tokens.$ifxColorOcean500;\r\n    }\r\n  }\r\n\r\n\r\n  &.open {\r\n    padding: 8px 0px;\r\n\r\n    & .sidebar__nav-item-label {\r\n      font-size: 16px;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: 24px;\r\n    }\r\n\r\n    & .sidebar__nav-item-indicator {\r\n      & .item__arrow-wrapper {\r\n        & ifx-icon {\r\n          transform: rotate(-180deg);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.header__section {\r\n    box-sizing: padding-box;\r\n    border-top: 1px solid tokens.$ifxColorEngineering200;\r\n    padding: 16px 0px;\r\n    display: -webkit-flex;\r\n    -webkit-line-clamp: 1;\r\n    -webkit-box-orient: horizontal;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n\r\n    &.no-top-border {\r\n      border-top: none;\r\n    }\r\n\r\n    &.active-section {\r\n      &::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        left: -32px;\r\n        height: 40px;\r\n        width: 2px;\r\n        background: tokens.$ifxColorOcean500;\r\n      }\r\n    }\r\n\r\n    &.open {\r\n\r\n      padding: 16px 0px 8px 0px;\r\n\r\n      & .sidebar__nav-item-indicator {\r\n        & .item__arrow-wrapper {\r\n          & ifx-icon {\r\n            transform: rotate(-180deg);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    & .sidebar__nav-item-label {\r\n      color: tokens.$ifxColorBaseBlack;\r\n      font-family: Source Sans 3;\r\n      font-size: 16px;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n      line-height: 24px;\r\n    }\r\n  }\r\n\r\n  &.submenu__item {\r\n    padding: 4px 0px;\r\n\r\n    &.extra-padding__bottom {\r\n      padding: 4px 0px 16px 0px;\r\n    }\r\n  }\r\n\r\n  & .sidebar__nav-item-icon-wrapper {\r\n    display: flex;\r\n    width: tokens.$ifxSize300;\r\n    height: tokens.$ifxSize300;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: tokens.$ifxSpace100;\r\n    flex-shrink: 0;\r\n\r\n    &.noIcon {\r\n      display: none;\r\n    }\r\n\r\n    & ifx-icon {\r\n      width: tokens.$ifxSize200;\r\n      height: tokens.$ifxSize200;\r\n    }\r\n  }\r\n\r\n  & .sidebar__nav-item-label {\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: tokens.$ifxFontSizeM;\r\n    line-height: tokens.$ifxLineHeightM;\r\n    display: flex;\r\n    align-items: center;\r\n    flex: none;\r\n    order: 1;\r\n    flex-grow: 1;\r\n    cursor: pointer;\r\n    display: var(--ifx-sidebar-item-text-display, flex);\r\n  }\r\n\r\n  & .sidebar__nav-item-indicator {\r\n    display: var(--ifx-sidebar-item-text-display, flex);\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 0px 4px;\r\n    flex: none;\r\n    order: 2;\r\n    flex-grow: 0;\r\n    position: relative;\r\n\r\n    // Collapsed state styling - position indicator over icon\r\n    :host([data-sidebar-collapsed]) & {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      z-index: 10;\r\n      padding: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.expandable__submenu {\r\n  display: none;\r\n  list-style-type: none;\r\n  flex-direction: column;\r\n  padding: 0;\r\n  margin: 0;\r\n  padding-left: 40px;\r\n\r\n  &.open {\r\n    display: flex;\r\n  }\r\n}\r\n\r\n.header__section+.expandable__submenu {\r\n  padding-left: 0;\r\n}","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"],"names":[],"mappings":"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"}
+{"version":3,"file":"ifx-sidebar-item.entry.esm.js","sources":["src/components/navigation/sidebar/sidebar-item.scss?tag=ifx-sidebar-item&encapsulation=shadow","src/components/navigation/sidebar/sidebar-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n:host {\n  position: relative;\n  display: block;\n}\n\n:host([data-has-icon=\"false\"]) {\n  display: var(--ifx-sidebar-item-without-icon-display, block);\n}\n\n.sidebar__nav-item,\n.sidebar__nav-item.header__section {\n  &:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n\n    & .sidebar__nav-item-icon-wrapper {\n      color: tokens.$ifxColorOcean600;\n    }\n\n    & .sidebar__nav-item-label {\n      outline: none;\n      color: tokens.$ifxColorOcean600;\n    }\n\n    & .sidebar__nav-item-indicator {\n      & .item__arrow-wrapper {\n        & ifx-icon {\n          color: tokens.$ifxColorOcean600;\n        }\n      }\n    }\n  }\n\n\n\n  &:hover {\n    outline: none;\n\n    & .sidebar__nav-item-icon-wrapper {\n      color: tokens.$ifxColorOcean600;\n    }\n\n    & .sidebar__nav-item-label {\n      outline: none;\n      color: tokens.$ifxColorOcean600;\n    }\n\n    & .sidebar__nav-item-indicator {\n      & .item__arrow-wrapper {\n        & ifx-icon {\n          color: tokens.$ifxColorOcean600;\n        }\n      }\n    }\n  }\n}\n\n.sidebar__nav-item {\n  display: flex;\n  flex-direction: var(--ifx-sidebar-item-flex-direction, row);\n  align-items: center;\n  width: 100%;\n  padding: 8px 0px;\n  gap: 4px;\n  flex: none;\n  order: 0;\n  flex-grow: 0;\n  text-decoration: none;\n  color: tokens.$ifxColorBaseBlack;\n  cursor: pointer;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n  &.extra-padding__bottom {\n    padding: 8px 0px 16px 0px;\n  }\n\n  &.active {\n    color: tokens.$ifxColorOcean500;\n  }\n\n  &.active-section {\n    &::before {\n      content: \"\";\n      position: absolute;\n      left: -32px;\n      height: 40px;\n      width: 2px;\n      background: tokens.$ifxColorOcean500;\n    }\n  }\n\n\n  &.open {\n    padding: 8px 0px;\n\n    & .sidebar__nav-item-label {\n      font-size: 16px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 24px;\n    }\n\n    & .sidebar__nav-item-indicator {\n      & .item__arrow-wrapper {\n        & ifx-icon {\n          transform: rotate(-180deg);\n        }\n      }\n    }\n  }\n\n  &.header__section {\n    box-sizing: padding-box;\n    border-top: 1px solid tokens.$ifxColorEngineering200;\n    padding: 16px 0px;\n    display: -webkit-flex;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: horizontal;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.no-top-border {\n      border-top: none;\n    }\n\n    &.active-section {\n      &::before {\n        content: \"\";\n        position: absolute;\n        left: -32px;\n        height: 40px;\n        width: 2px;\n        background: tokens.$ifxColorOcean500;\n      }\n    }\n\n    &.open {\n\n      padding: 16px 0px 8px 0px;\n\n      & .sidebar__nav-item-indicator {\n        & .item__arrow-wrapper {\n          & ifx-icon {\n            transform: rotate(-180deg);\n          }\n        }\n      }\n    }\n\n    & .sidebar__nav-item-label {\n      color: tokens.$ifxColorBaseBlack;\n      font-family: Source Sans 3;\n      font-size: 16px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: 24px;\n    }\n  }\n\n  &.submenu__item {\n    padding: 4px 0px;\n\n    &.extra-padding__bottom {\n      padding: 4px 0px 16px 0px;\n    }\n  }\n\n  & .sidebar__nav-item-icon-wrapper {\n    display: flex;\n    width: tokens.$ifxSize300;\n    height: tokens.$ifxSize300;\n    justify-content: center;\n    align-items: center;\n    gap: tokens.$ifxSpace100;\n    flex-shrink: 0;\n\n    &.noIcon {\n      display: none;\n    }\n\n    & ifx-icon {\n      width: tokens.$ifxSize200;\n      height: tokens.$ifxSize200;\n    }\n  }\n\n  & .sidebar__nav-item-label {\n    font-style: normal;\n    font-weight: 400;\n    font-size: tokens.$ifxFontSizeM;\n    line-height: tokens.$ifxLineHeightM;\n    display: flex;\n    align-items: center;\n    flex: none;\n    order: 1;\n    flex-grow: 1;\n    cursor: pointer;\n    display: var(--ifx-sidebar-item-text-display, flex);\n  }\n\n  & .sidebar__nav-item-indicator {\n    display: var(--ifx-sidebar-item-text-display, flex);\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    padding: 0px 4px;\n    flex: none;\n    order: 2;\n    flex-grow: 0;\n    position: relative;\n\n    // Collapsed state styling - position indicator over icon\n    :host([data-sidebar-collapsed]) & {\n      position: absolute;\n      top: 0;\n      right: 0;\n      z-index: 10;\n      padding: 0;\n    }\n  }\n}\n\n.expandable__submenu {\n  display: none;\n  list-style-type: none;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n  padding-left: 40px;\n\n  &.open {\n    display: flex;\n  }\n}\n\n.header__section+.expandable__submenu {\n  padding-left: 0;\n}","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"],"names":[],"mappings":"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"}

package/dist/infineon-design-system-stencil/ifx-sidebar-title.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-sidebar-title.entry.esm.js","sources":["src/components/navigation/sidebar/sidebar-title.scss?tag=ifx-sidebar-title&encapsulation=shadow","src/components/navigation/sidebar/sidebar-title.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n:host {\r\n    position: relative;\r\n    display: var(--ifx-sidebar-title-display, block);\r\n}\r\n\r\n:host([data-show-in-collapsed=\"true\"]) {\r\n    display: var(--ifx-sidebar-title-show-in-collapsed-display, block);\r\n}\r\n\r\n.sidebar__title {\r\n    width: 100%;\r\n    height: fit-content;\r\n    border-top: 1px solid tokens.$ifxColorEngineering200;\r\n    padding: var(--ifx-sidebar-title-padding, tokens.$ifxSpace150 0);\r\n\r\n    &.no-top-border {\r\n        border-top: none;\r\n    }\r\n}\r\n\r\n.sidebar__title-label {\r\n    height: 20px;\r\n    font: tokens.$ifxEyebrowEyebrow02;\r\n    text-transform: uppercase;\r\n    color: tokens.$ifxColorEngineering500;\r\n    letter-spacing: 3px;\r\n    display: var(--ifx-sidebar-title-label-display, block);\r\n}\r\n","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"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,0lBAA0lB;;MCQrmB,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQY,QAAA,IAAe,CAAA,eAAA,GAAY,KAAK;AAgB3C;IAdG,iBAAiB,GAAA;;AAEb,QAAA,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC;;IAGnF,MAAM,GAAA;AACF,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAG,gBAAgB,EAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAG,sBAAsB,EAAA,EAC/B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACJ;;;;;;;;"}
+{"version":3,"file":"ifx-sidebar-title.entry.esm.js","sources":["src/components/navigation/sidebar/sidebar-title.scss?tag=ifx-sidebar-title&encapsulation=shadow","src/components/navigation/sidebar/sidebar-title.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n:host {\n    position: relative;\n    display: var(--ifx-sidebar-title-display, block);\n}\n\n:host([data-show-in-collapsed=\"true\"]) {\n    display: var(--ifx-sidebar-title-show-in-collapsed-display, block);\n}\n\n.sidebar__title {\n    width: 100%;\n    height: fit-content;\n    border-top: 1px solid tokens.$ifxColorEngineering200;\n    padding: var(--ifx-sidebar-title-padding, tokens.$ifxSpace150 0);\n\n    &.no-top-border {\n        border-top: none;\n    }\n}\n\n.sidebar__title-label {\n    height: 20px;\n    font: tokens.$ifxEyebrowEyebrow02;\n    text-transform: uppercase;\n    color: tokens.$ifxColorEngineering500;\n    letter-spacing: 3px;\n    display: var(--ifx-sidebar-title-label-display, block);\n}\n","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"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,0lBAA0lB;;MCQrmB,YAAY,GAAA,MAAA;AANzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQY,QAAA,IAAe,CAAA,eAAA,GAAY,KAAK;AAgB3C;IAdG,iBAAiB,GAAA;;AAEb,QAAA,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC;;IAGnF,MAAM,GAAA;AACF,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAG,gBAAgB,EAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAG,sBAAsB,EAAA,EAC/B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACJ;;;;;;;;"}

package/dist/infineon-design-system-stencil/ifx-sidebar.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-sidebar.entry.esm.js","sources":["src/components/navigation/sidebar/sidebar.scss?tag=ifx-sidebar&encapsulation=shadow","src/components/navigation/sidebar/sidebar.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n:host {\r\n  height: 100%;\r\n  display: inline-flex;\r\n}\r\n\r\n.sidebar__container {\r\n  box-sizing: border-box;\r\n  display: inline-flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  padding: 0px;\r\n  background-color: tokens.$ifxColorBaseWhite;\r\n  border-right: 1px solid #EEEDED;\r\n  width: 264px;\r\n  height: 100%;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n  &--collapsed {\r\n    width: tokens.$ifxSize600;\r\n\r\n    .sidebar__hide-menu,\r\n    .sidebar__nav-bar,\r\n    .sidebar__nav-container {\r\n      padding: tokens.$ifxSpace150 tokens.$ifxSpace100 !important;\r\n    }\r\n\r\n\r\n    .sidebar__nav-bar-logo-text,\r\n    .sidebar__hide-menu-text {\r\n      display: none !important;\r\n    }\r\n\r\n    .sidebar__footer-container {\r\n      display: none !important;\r\n    }\r\n\r\n    .sidebar__nav-bar {\r\n\r\n      .sidebar__nav-bar-logo {\r\n        svg {\r\n          width: tokens.$ifxSize400 !important;\r\n          height: auto !important;\r\n        }\r\n\r\n        .sidebar__nav-bar-logo-text {\r\n          display: none !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    .sidebar__hide-menu {\r\n      padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  & .sidebar__top-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    padding: 0px;\r\n    flex: 1 1 auto;\r\n    order: 0;\r\n    z-index: 0;\r\n    width: 100%;\r\n    overflow-y: auto;\r\n\r\n    //max-height: 440px;\r\n    //overflow-y: auto;\r\n\r\n    & .sidebar__nav-bar {\r\n      box-sizing: border-box;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      padding: 12px 32px;\r\n      background-color: tokens.$ifxColorBaseWhite;\r\n      flex: none;\r\n      order: 0;\r\n      flex-grow: 0;\r\n      width: 100%;\r\n\r\n      & .sidebar__nav-bar-logo {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: flex-start;\r\n        padding: 0px;\r\n        gap: tokens.$ifxSpace200;\r\n        flex: none;\r\n        order: 0;\r\n        flex-grow: 0;\r\n\r\n        & .sidebar__nav-bar-logo-img {\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n          align-items: center;\r\n          padding: 0px;\r\n          flex: none;\r\n          order: 0;\r\n          flex-grow: 0;\r\n\r\n          & svg {\r\n            width: 91px;\r\n            height: tokens.$ifxSize500;\r\n          }\r\n        }\r\n\r\n        & .sidebar__nav-bar-logo-text {\r\n          font-style: normal;\r\n          font-weight: tokens.$ifxFontWeightSemibold;\r\n          font-size: tokens.$ifxFontSizeM;\r\n          line-height: tokens.$ifxLineHeightM;\r\n          display: flex;\r\n          align-items: center;\r\n          color: tokens.$ifxColorBaseBlack;\r\n          flex: none;\r\n          order: 1;\r\n          flex-grow: 0;\r\n          white-space: pre-wrap;\r\n          word-wrap: break-word;\r\n          overflow-wrap: anywhere;\r\n        }\r\n      }\r\n    }\r\n\r\n    & .sidebar__nav-container {\r\n      scrollbar-gutter: stable;\r\n      box-sizing: border-box;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      padding: 12px 32px;\r\n      flex: 1 1 auto;\r\n      order: 1;\r\n      width: 100%;\r\n      // overflow-y: auto;\r\n\r\n      & ::slotted(*) {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  & .sidebar__footer-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    align-items: center;\r\n    padding: 0px 32px;\r\n    flex: none;\r\n    order: 1;\r\n    align-self: stretch;\r\n    flex-grow: 1;\r\n    z-index: 1;\r\n\r\n    & .sidebar__footer-wrapper {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      padding: 24px 0px;\r\n      gap: tokens.$ifxSpace200;\r\n      border-top: 1px solid #EEEDED;\r\n      flex: none;\r\n      order: 0;\r\n      flex-grow: 0;\r\n      width: 100%;\r\n\r\n\r\n      & .sidebar__footer-wrapper-top-links {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        padding: 0px;\r\n        gap: 12px;\r\n        flex: none;\r\n        order: 0;\r\n        align-self: stretch;\r\n        flex-grow: 0;\r\n        flex-wrap: wrap;\r\n\r\n        & a {\r\n          font: tokens.$ifxBodyBody04;\r\n          display: flex;\r\n          text-decoration: none;\r\n          align-items: center;\r\n          color: tokens.$ifxColorBaseBlack;\r\n          flex: none;\r\n          flex-grow: 0;\r\n\r\n          &:hover {\r\n            color: #08665C;\r\n          }\r\n\r\n          &:focus {\r\n            outline: none;\r\n            color: #08665C;\r\n          }\r\n        }\r\n      }\r\n\r\n      & .sidebar__footer-wrapper-bottom-links {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n\r\n        & span {\r\n          font: tokens.$ifxBodyBody04;\r\n          text-decoration: none;\r\n          color: tokens.$ifxColorEngineering500;\r\n          flex: none;\r\n          order: 1;\r\n          flex-grow: 0;\r\n          white-space: pre-wrap;\r\n          word-wrap: break-word;\r\n          overflow-wrap: anywhere;\r\n\r\n          &:hover {\r\n            cursor: initial;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .sidebar__hide-menu {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: tokens.$ifxSpace150 tokens.$ifxSpace400;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    cursor: pointer;\r\n    border-top: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\r\n    border-bottom: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\r\n    background-color: tokens.$ifxColorBaseWhite;\r\n    gap: tokens.$ifxSpace200;\r\n\r\n    &:hover {\r\n      background-color: tokens.$ifxColorEngineering100;\r\n    }\r\n\r\n    &:focus {\r\n      outline: tokens.$ifxBorderWidth25 solid tokens.$ifxColorOcean500;\r\n      outline-offset: - tokens.$ifxBorderWidth25;\r\n    }\r\n\r\n    &-icon {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      width: tokens.$ifxSize300;\r\n      height: tokens.$ifxSize300;\r\n      flex-shrink: 0;\r\n\r\n      ifx-icon {\r\n        width: tokens.$ifxSize200;\r\n        height: tokens.$ifxSize200;\r\n        color: tokens.$ifxColorBaseBlack;\r\n      }\r\n    }\r\n\r\n    &-text {\r\n      font-style: normal;\r\n      font-weight: tokens.$ifxFontWeightRegular;\r\n      font-size: tokens.$ifxFontSizeM;\r\n      line-height: tokens.$ifxLineHeightM;\r\n      color: tokens.$ifxColorBaseBlack;\r\n    }\r\n  }\r\n}\r\n","import { Component, h, Element, Prop, State, Listen, Method, Watch, Event, EventEmitter } from '@stencil/core';\r\nimport { trackComponent } from '../../../global/utils/tracking';\r\nimport { detectFramework } from '../../../global/utils/framework-detection';\r\n\r\nconst ACTIVE = 'active';\r\nconst ACTIVE_SECTION = 'active-section';\r\nconst SIDEBAR_ITEM = '.sidebar__nav-item';\r\n\r\n@Component({\r\n  tag: 'ifx-sidebar',\r\n  styleUrl: 'sidebar.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class Sidebar {\r\n  @Element() el;\r\n  @Prop() applicationName: string = ''\r\n  @Prop() initialCollapse: boolean = true\r\n  @Prop() showFooter: boolean = true\r\n  @Prop() showHeader: boolean = true;\r\n  @Prop() termsOfUse: string = \"#\"\r\n  @Prop() imprint: string = \"#\"\r\n  @Prop() privacyPolicy: string = \"#\"\r\n  @Prop() target: string = \"_blank\"\r\n  @State() currentYear: number = new Date().getFullYear()\r\n  @Prop() copyrightText: string = '© 1999 - ' + this.currentYear + ' Infineon Technologies AG'\r\n  @State() internalTermsofUse: string = \"\"\r\n  @State() internalImprint: string = \"\"\r\n  @State() internalPrivacyPolicy: string = \"\"\r\n  @State() internalShowFooter: boolean = true\r\n\r\n  @State() activeItem: HTMLElement | null = null;\r\n  @Prop() collapsible: boolean = false;\r\n  @Prop() collapsed: boolean = false; // New property for initial collapsed state\r\n  @Prop() hideMenuLabel: string = \"Hide Menu\"; // New property for hide menu label\r\n  @State() isCollapsed: boolean = false;\r\n\r\n  @Event({ bubbles: true, composed: true }) ifxSidebarCollapseChange: EventEmitter<{ collapsed: boolean }>;\r\n\r\n  expandActiveItems(){\r\n    const expandRecursively = async (parent) => {\r\n      if(await parent.isItemExpandable() !== true){\r\n        if(parent.active) return 1;\r\n        return 0;\r\n      }\r\n      let currRes = 0;\r\n      const children = this.getSidebarMenuItems(parent);\r\n      for(let i = 0; i < children.length; i++){\r\n        currRes = Math.max(currRes, await expandRecursively(children[i]));\r\n      }\r\n      if(currRes > 0){\r\n        if(currRes == 1){\r\n          parent.expandMenu(false);\r\n        }else{\r\n          parent.expandMenu(true);\r\n        }\r\n      }\r\n\r\n      return (currRes ? currRes+1 : 0);\r\n    }\r\n\r\n    const topLevelItems = this.getSidebarMenuItems(this.el);\r\n    for(let i = 0; i < topLevelItems.length; i++){\r\n      expandRecursively(topLevelItems[i])\r\n    }\r\n  }\r\n\r\n  adjustTopBorder() {\r\n    const children = this.el.children;\r\n    if(!children.length) return;\r\n    if(children[0].tagName === 'IFX-SIDEBAR-TITLE'){\r\n      children[0].shadowRoot.querySelector('.sidebar__title').classList.add('no-top-border')\r\n    }\r\n\r\n    if(children[0].tagName === 'IFX-SIDEBAR-ITEM' && children[0].shadowRoot.querySelector('div > a').classList.contains('header__section')){\r\n      children[0].shadowRoot.querySelector('div > a').classList.add('no-top-border')\r\n    }\r\n\r\n    const allIfxTitles = this.el.querySelectorAll('ifx-sidebar-title');\r\n    allIfxTitles.forEach(element => {\r\n      const nextSibling = element.nextElementSibling;\r\n      if(nextSibling && nextSibling.tagName === 'IFX-SIDEBAR-ITEM' && nextSibling.shadowRoot.querySelector('div > a').classList.contains('header__section')){\r\n        nextSibling.shadowRoot.querySelector('div > a').classList.add('no-top-border')\r\n      }\r\n    });\r\n  }\r\n\r\n  async addPaddingToTheLastItem(sidebarItem) {\r\n    const sidebarChildItems = this.getSidebarMenuItems(sidebarItem)\r\n\r\n    for(let i = 0; i < sidebarChildItems.length; i++){\r\n\r\n      const childItem = sidebarChildItems[i];\r\n      const childNavItem = this.getNavItem(childItem.shadowRoot);\r\n      const isChildItemExpandable = await childItem.isItemExpandable();\r\n\r\n      if(isChildItemExpandable) {\r\n        this.addPaddingToTheLastItem(childItem);\r\n      }\r\n\r\n      if(i === sidebarChildItems.length-1){\r\n        this.handleClassList(childNavItem, 'add', 'extra-padding__bottom');\r\n      }\r\n    }\r\n  }\r\n\r\n  async adjustItemsPadding() {\r\n    const sidebarItems = this.el.children;\r\n\r\n    if(sidebarItems.length === 0) return;\r\n\r\n    // Processing first item\r\n    if(sidebarItems[0].tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM') {\r\n      const isFirstSidebarItemExpandable = sidebarItems[0].isItemExpandable();\r\n      if(isFirstSidebarItemExpandable) {\r\n        this.addPaddingToTheLastItem(sidebarItems[0]);\r\n      }\r\n    }\r\n\r\n    // Processing remaining items\r\n    for(let i = 1; i < sidebarItems.length; i++){\r\n\r\n      const sidebarItem = sidebarItems[i];\r\n      const previousSidebarItem = sidebarItems[i-1];\r\n      const previousSidebarNavItem = this.getNavItem(previousSidebarItem.shadowRoot);\r\n\r\n      if(sidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-TITLE') {\r\n\r\n        if(previousSidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM' && previousSidebarNavItem && !this.handleClassList(previousSidebarNavItem, 'contains', 'header__section')) {\r\n          this.handleClassList(previousSidebarNavItem, 'add', 'extra-padding__bottom');\r\n        }\r\n\r\n      } else if(sidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM') {\r\n\r\n        const sidebarNavItem = this.getNavItem(sidebarItem.shadowRoot);\r\n\r\n        if(previousSidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM' && previousSidebarNavItem && !this.handleClassList(previousSidebarNavItem, 'contains', 'header__section') && this.handleClassList(sidebarNavItem, 'contains', 'header__section')) {\r\n          this.handleClassList(previousSidebarNavItem, 'add', 'extra-padding__bottom');\r\n        }\r\n\r\n        const isSidebarItemExpandable = await sidebarItem.isItemExpandable();\r\n\r\n        if(isSidebarItemExpandable) {\r\n          this.addPaddingToTheLastItem(sidebarItem);\r\n        }\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  async componentDidLoad() {\r\n    const framework = detectFramework();\r\n    trackComponent('ifx-sidebar', await framework)\r\n    this.adjustTopBorder();\r\n    this.setInitialActiveItem();\r\n    if(!this.initialCollapse){\r\n      this.expandActiveItems();\r\n    }\r\n    this.adjustItemsPadding();\r\n    this.applyActiveSectionToParent(this.el);\r\n\r\n    if (this.isCollapsed) {\r\n      this.updateCollapsedState();\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  setInitialActiveItem() {\r\n    const handleItem = (parent) => {\r\n      const children = this.getSidebarMenuItems(parent);\r\n      let firstActiveFoundInGroup = false;\r\n\r\n      children?.forEach(item => {\r\n        // If the item is active and it's the first active one in its group\r\n        if (this.isActive(item) && !firstActiveFoundInGroup) {\r\n          firstActiveFoundInGroup = true;\r\n          this.handleBorderIndicatorDisplacement(item);\r\n        }\r\n        // If the item is active but it's not the first one in its group\r\n        else if (this.isActive(item) && firstActiveFoundInGroup) {\r\n          item.setAttribute('active', 'false'); // Set the 'active' attribute to 'false'\r\n        }\r\n\r\n\r\n        // If the clicked item is a menu and doesn't have any active children\r\n        if (this.hasChildren(item.shadowRoot) && !this.hasActiveChild(item.shadowRoot)) {\r\n          const clickedItemSection = this.getActiveItemSection(item);\r\n          this.handleClassList(clickedItemSection, 'remove', 'active-section');\r\n        }\r\n        // If clickedItem is an opened menu and it contains another menu with 'active-section'\r\n        if (this.hasChildren(item.shadowRoot) && this.isOpen(item.shadowRoot) && this.containsActiveSection(item)) {\r\n          const clickedItemSection = this.getActiveItemSection(item);\r\n          this.handleClassList(clickedItemSection, 'remove', 'active-section');\r\n        }\r\n\r\n        // Recursive call for child items\r\n        if (this.hasChildren(item.shadowRoot)) {\r\n          handleItem(item.shadowRoot);\r\n        }\r\n      });\r\n    }\r\n    // Start with the top-level items\r\n    const topLevelItems = this.getSidebarMenuItems(this.el);\r\n    topLevelItems.forEach(handleItem);\r\n  }\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\r\n  getActiveItemSection(item) {\r\n    return this.getNavItem(item.shadowRoot);\r\n  }\r\n\r\n\r\n  getNavItem(el) {\r\n    return el?.querySelector('.sidebar__nav-item')\r\n  }\r\n\r\n  hasChildren(el) {\r\n    return el?.querySelector('.item__arrow-wrapper') !== null ? true : false;\r\n  }\r\n\r\n\r\n  handleBorderIndicatorDisplacement(clickedItem) {\r\n    // Recursive function to handle each item\r\n    const handleItem = (item) => {\r\n      // Check if current item is active or the one that was clicked\r\n      const isActive = this.isActive(item) || item === clickedItem;\r\n\r\n      if (isActive) {\r\n        const activeMenuItemSection = this.getActiveItemSection(item);\r\n        const isMenu = this.hasChildren(activeMenuItemSection);\r\n\r\n        if (isMenu) {\r\n          this.handleClassList(activeMenuItemSection, 'add', 'active-section');\r\n        }\r\n      }\r\n\r\n      // Recursive call for child items\r\n      const children = this.getSidebarMenuItems(item);\r\n      children.forEach(handleItem);\r\n    };\r\n\r\n    // Start with the top-level items\r\n    const topLevelItems = this.getSidebarMenuItems(this.el);\r\n    topLevelItems.forEach(handleItem);\r\n  }\r\n\r\n\r\n  removeActiveClassesRecursively() {\r\n    const removeClasses = (root) => {\r\n      const children = this.querySidebarItems(root);\r\n      children.forEach((child) => {\r\n        const sidebarItem = child.shadowRoot.querySelector(SIDEBAR_ITEM);\r\n        sidebarItem.classList.remove(ACTIVE_SECTION);\r\n        sidebarItem.classList.remove(ACTIVE);\r\n        if (child.getAttribute('active')) {\r\n          child.setAttribute('active', 'false');\r\n        }\r\n        removeClasses(child.shadowRoot);\r\n      });\r\n    }\r\n    removeClasses(this.el);\r\n    if (this.activeItem) {\r\n      this.activeItem.setAttribute('active', 'false');\r\n    }\r\n    this.activeItem = null;\r\n  }\r\n\r\n  hasActiveChild(menuItem) {\r\n    const children = this.getSidebarMenuItems(menuItem);\r\n    if (children) {\r\n      for (let child of children) {\r\n        // If the child item is active\r\n        if (this.isActive(child)) {\r\n          return true;\r\n        }\r\n        // If the child item has children, recurse into them\r\n        else if (this.hasChildren(child.shadowRoot)) {\r\n          if (this.hasActiveChild(child.shadowRoot)) {\r\n            return true;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    return false;\r\n  }\r\n\r\n\r\n  @Listen('ifxSidebarMenu')\r\n  handleSidebarItemInteraction(event: CustomEvent) {\r\n    // This method can be used to handle the ifxSidebarMenu event\r\n    // Get the element that triggered the event\r\n    const clickedItem = event.detail;\r\n\r\n    // If the clicked item is not a menu OR is a menu that has an active child\r\n    if (!this.hasChildren(clickedItem.shadowRoot) || this.hasActiveChild(clickedItem.shadowRoot)) {\r\n      this.handleBorderIndicatorDisplacement(clickedItem);\r\n    }\r\n\r\n    // If the clicked item is a menu and doesn't have any active children\r\n    if (this.hasChildren(clickedItem.shadowRoot) && !this.hasActiveChild(clickedItem.shadowRoot)) {\r\n      const clickedItemSection = this.getActiveItemSection(clickedItem);\r\n      this.handleClassList(clickedItemSection, 'remove', 'active-section');\r\n    }\r\n\r\n    // If clickedItem is an opened menu and it contains another menu with 'active-section'\r\n    if (this.hasChildren(clickedItem.shadowRoot) && this.isOpen(clickedItem.shadowRoot) && this.containsActiveSection(clickedItem)) {\r\n      const clickedItemSection = this.getActiveItemSection(clickedItem);\r\n      this.handleClassList(clickedItemSection, 'remove', 'active-section');\r\n    }\r\n  }\r\n\r\n  isOpen(menuItem) {\r\n    return this.getNavItem(menuItem).classList.contains('open') ? true : false;\r\n  }\r\n\r\n  containsActiveSection(menuItem) {\r\n    const children = this.getSidebarMenuItems(menuItem);\r\n    for (let child of children) {\r\n      if (this.getNavItem(child.shadowRoot).classList.contains('active-section') || (this.hasChildren(child.shadowRoot) && this.containsActiveSection(child.shadowRoot))) {\r\n        this.handleClassList(child, 'add', 'active-section')\r\n        return true;\r\n      }\r\n    }\r\n    return false;\r\n  }\r\n\r\n  applyActiveSectionToParent(el) {\r\n    // Get all submenus of the given element\r\n    const subMenus = this.getSidebarMenuItems(el);\r\n\r\n    subMenus?.forEach(menu => {\r\n      // If this submenu has an active child, add active-section class to it\r\n      if (this.hasActiveChild(menu.shadowRoot)) {\r\n        const menuItemSection = this.getActiveItemSection(menu);\r\n        this.handleClassList(menuItemSection, 'add', 'active-section');\r\n      }\r\n\r\n      // Apply to submenu's children\r\n      this.applyActiveSectionToParent(menu.shadowRoot);\r\n    });\r\n  }\r\n\r\n\r\n\r\n  querySidebarItems(el) {\r\n    return el.querySelectorAll('ifx-sidebar-item')\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  @Listen('ifxSidebarNavigationItem')\r\n  handleSidebarItemActivated(event: CustomEvent) {\r\n\r\n    this.removeActiveClassesRecursively();\r\n\r\n    this.activeItem = event.detail;\r\n    this.activeItem.setAttribute('active', 'true');\r\n\r\n    // Get the parent element of the activated item\r\n    const parent = this.getNavItem(event.detail.parentElement.parentElement.parentElement);\r\n    if (parent) {\r\n      this.handleClassList(parent, 'add', 'active-section');\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalTermsofUse = this.termsOfUse.trim();\r\n    this.internalPrivacyPolicy = this.privacyPolicy.trim();\r\n    this.internalImprint = this.imprint.trim();\r\n    this.internalShowFooter = this.showFooter;\r\n    if(this.internalShowFooter && !this.internalImprint && !this.internalPrivacyPolicy && !this.internalTermsofUse && !this.copyrightText){\r\n      this.internalShowFooter = false;\r\n    }\r\n\r\n    // Set initial collapsed state from prop - independent of collapsible\r\n    this.isCollapsed = Boolean(this.collapsed);\r\n  }\r\n\r\n  @Watch('collapsible')\r\n  handleCollapsibleChange(_newValue: boolean) {\r\n    // Force re-render when collapsible changes\r\n    this.forceUpdate();\r\n  }\r\n\r\n  private forceUpdate() {\r\n    // Trigger a re-render\r\n    this.el.forceUpdate?.() || this.el.setAttribute('data-force-update', Date.now().toString());\r\n  }\r\n\r\n  @Method()\r\n  async toggleCollapse() {\r\n    this.isCollapsed = !this.isCollapsed;\r\n    this.updateCollapsedState();\r\n    // Emit event after state change\r\n    this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\r\n  }\r\n\r\n  @Method()\r\n  async collapse() {\r\n    this.isCollapsed = true;\r\n    this.updateCollapsedState();\r\n    // Emit event after state change\r\n    this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\r\n  }\r\n\r\n  @Method()\r\n  async expand() {\r\n    this.isCollapsed = false;\r\n    this.updateCollapsedState();\r\n    // Emit event after state change\r\n    this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\r\n  }\r\n\r\n  @Watch('collapsed')\r\n  handleCollapsedPropChange(newValue: boolean) {\r\n    this.isCollapsed = newValue;\r\n    this.updateCollapsedState();\r\n    // Emit event when prop changes\r\n    this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\r\n  }\r\n\r\n  private updateCollapsedState() {\r\n    // Set CSS custom properties to handle Shadow DOM components\r\n    if (this.isCollapsed) {\r\n      this.el.style.setProperty('--ifx-sidebar-item-text-display', 'none');\r\n      this.el.style.setProperty('--ifx-sidebar-item-without-icon-display', 'none');\r\n      this.el.style.setProperty('--ifx-sidebar-title-display', 'none');\r\n      this.el.style.setProperty('--ifx-sidebar-title-show-in-collapsed-display', 'block');\r\n      this.el.style.setProperty('--ifx-sidebar-title-label-display', 'none');\r\n      this.el.style.setProperty('--ifx-sidebar-title-padding', '0');\r\n      this.el.style.setProperty('--ifx-sidebar-item-flex-direction', 'column');\r\n\r\n      // Set attributes on all sidebar items\r\n      this.setSidebarItemAttributes(true);\r\n    } else {\r\n      this.el.style.removeProperty('--ifx-sidebar-item-text-display');\r\n      this.el.style.removeProperty('--ifx-sidebar-item-without-icon-display');\r\n      this.el.style.removeProperty('--ifx-sidebar-title-display');\r\n      this.el.style.removeProperty('--ifx-sidebar-title-show-in-collapsed-display');\r\n      this.el.style.removeProperty('--ifx-sidebar-title-label-display');\r\n      this.el.style.removeProperty('--ifx-sidebar-title-padding');\r\n      this.el.style.removeProperty('--ifx-sidebar-item-flex-direction');\r\n\r\n      // Remove attributes from all sidebar items\r\n      this.setSidebarItemAttributes(false);\r\n    }\r\n  }\r\n\r\nprivate setSidebarItemAttributes(collapsed: boolean) {\r\n  const allSidebarItems = this.el.querySelectorAll('ifx-sidebar-item');\r\n  allSidebarItems.forEach(item => {\r\n    if (collapsed) {\r\n      item.setAttribute('data-sidebar-collapsed', 'true');\r\n      if (!item.icon) { \r\n        item.setAttribute('data-hide-in-collapsed', 'true');\r\n      }\r\n    } else {\r\n      item.removeAttribute('data-sidebar-collapsed');\r\n      item.removeAttribute('data-hide-in-collapsed');\r\n    }\r\n  });\r\n}\r\n\r\n  private handleHideMenuClick = () => {\r\n    this.toggleCollapse();\r\n  }\r\n\r\n  private handleHideMenuKeyDown = (event: KeyboardEvent) => {\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n      this.toggleCollapse();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div aria-label=\"a navigation sidebar\" aria-value={this.applicationName} class={`sidebar__container ${this.isCollapsed ? 'sidebar__container--collapsed' : ''}`}>\r\n        <div class='sidebar__top-container'>\r\n          {\r\n            this.showHeader &&\r\n            <div class=\"sidebar__nav-bar\">\r\n              <div class=\"sidebar__nav-bar-logo\">\r\n                <div class='sidebar__nav-bar-logo-img'>\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>              </div>\r\n              <div class='sidebar__nav-bar-logo-text'>{this.applicationName}</div>\r\n            </div>\r\n          </div>\r\n        }\r\n          {this.collapsible && (\r\n            <div\r\n              class=\"sidebar__hide-menu\"\r\n              onClick={this.handleHideMenuClick}\r\n              onKeyDown={this.handleHideMenuKeyDown}\r\n              tabIndex={0}\r\n              role=\"button\"\r\n              aria-label={this.isCollapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\r\n            >\r\n              <div class=\"sidebar__hide-menu-icon\">\r\n                <ifx-icon icon=\"menu-16\"></ifx-icon>\r\n              </div>\r\n              <div class=\"sidebar__hide-menu-text\">{this.hideMenuLabel}</div>\r\n            </div>\r\n          )}\r\n          <div class=\"sidebar__nav-container\">\r\n            <slot />\r\n          </div>\r\n        </div>\r\n\r\n        {\r\n          this.internalShowFooter &&\r\n          <div class='sidebar__footer-container'>\r\n            <div class=\"sidebar__footer-wrapper\">\r\n            {\r\n              (this.internalTermsofUse || this.internalImprint || this.internalPrivacyPolicy) &&\r\n              <div class='sidebar__footer-wrapper-top-links'>\r\n                  {\r\n                    this.internalTermsofUse !== ''  && <a target={this.target} href={this.internalTermsofUse}>Terms of use</a>\r\n                  }\r\n                  {\r\n                    this.internalImprint !== '' && <a target={this.target} href={this.internalImprint}>Imprint</a>\r\n                  }\r\n                  {\r\n                    this.internalPrivacyPolicy !== '' && <a target={this.target} href={this.internalPrivacyPolicy}>Privacy policy</a>\r\n                  }\r\n              </div>\r\n            }\r\n\r\n              {\r\n                this.copyrightText &&\r\n                <div class='sidebar__footer-wrapper-bottom-links'>\r\n                    <span>{this.copyrightText}</span>\r\n                </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ifx-sidebar.entry.esm.js","sources":["src/components/navigation/sidebar/sidebar.scss?tag=ifx-sidebar&encapsulation=shadow","src/components/navigation/sidebar/sidebar.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n:host {\n  height: 100%;\n  display: inline-flex;\n}\n\n.sidebar__container {\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n  background-color: tokens.$ifxColorBaseWhite;\n  border-right: 1px solid #EEEDED;\n  width: 264px;\n  height: 100%;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n  &--collapsed {\n    width: tokens.$ifxSize600;\n\n    .sidebar__hide-menu,\n    .sidebar__nav-bar,\n    .sidebar__nav-container {\n      padding: tokens.$ifxSpace150 tokens.$ifxSpace100 !important;\n    }\n\n\n    .sidebar__nav-bar-logo-text,\n    .sidebar__hide-menu-text {\n      display: none !important;\n    }\n\n    .sidebar__footer-container {\n      display: none !important;\n    }\n\n    .sidebar__nav-bar {\n\n      .sidebar__nav-bar-logo {\n        svg {\n          width: tokens.$ifxSize400 !important;\n          height: auto !important;\n        }\n\n        .sidebar__nav-bar-logo-text {\n          display: none !important;\n        }\n      }\n    }\n\n    .sidebar__hide-menu {\n      padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n      justify-content: center;\n    }\n  }\n\n  & .sidebar__top-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 0px;\n    flex: 1 1 auto;\n    order: 0;\n    z-index: 0;\n    width: 100%;\n    overflow-y: auto;\n\n    //max-height: 440px;\n    //overflow-y: auto;\n\n    & .sidebar__nav-bar {\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      padding: 12px 32px;\n      background-color: tokens.$ifxColorBaseWhite;\n      flex: none;\n      order: 0;\n      flex-grow: 0;\n      width: 100%;\n\n      & .sidebar__nav-bar-logo {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n        padding: 0px;\n        gap: tokens.$ifxSpace200;\n        flex: none;\n        order: 0;\n        flex-grow: 0;\n\n        & .sidebar__nav-bar-logo-img {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          padding: 0px;\n          flex: none;\n          order: 0;\n          flex-grow: 0;\n\n          & svg {\n            width: 91px;\n            height: tokens.$ifxSize500;\n          }\n        }\n\n        & .sidebar__nav-bar-logo-text {\n          font-style: normal;\n          font-weight: tokens.$ifxFontWeightSemibold;\n          font-size: tokens.$ifxFontSizeM;\n          line-height: tokens.$ifxLineHeightM;\n          display: flex;\n          align-items: center;\n          color: tokens.$ifxColorBaseBlack;\n          flex: none;\n          order: 1;\n          flex-grow: 0;\n          white-space: pre-wrap;\n          word-wrap: break-word;\n          overflow-wrap: anywhere;\n        }\n      }\n    }\n\n    & .sidebar__nav-container {\n      scrollbar-gutter: stable;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      padding: 12px 32px;\n      flex: 1 1 auto;\n      order: 1;\n      width: 100%;\n      // overflow-y: auto;\n\n      & ::slotted(*) {\n        width: 100%;\n      }\n    }\n  }\n\n  & .sidebar__footer-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: center;\n    padding: 0px 32px;\n    flex: none;\n    order: 1;\n    align-self: stretch;\n    flex-grow: 1;\n    z-index: 1;\n\n    & .sidebar__footer-wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      padding: 24px 0px;\n      gap: tokens.$ifxSpace200;\n      border-top: 1px solid #EEEDED;\n      flex: none;\n      order: 0;\n      flex-grow: 0;\n      width: 100%;\n\n\n      & .sidebar__footer-wrapper-top-links {\n        display: flex;\n        align-items: flex-start;\n        padding: 0px;\n        gap: 12px;\n        flex: none;\n        order: 0;\n        align-self: stretch;\n        flex-grow: 0;\n        flex-wrap: wrap;\n\n        & a {\n          font: tokens.$ifxBodyBody04;\n          display: flex;\n          text-decoration: none;\n          align-items: center;\n          color: tokens.$ifxColorBaseBlack;\n          flex: none;\n          flex-grow: 0;\n\n          &:hover {\n            color: #08665C;\n          }\n\n          &:focus {\n            outline: none;\n            color: #08665C;\n          }\n        }\n      }\n\n      & .sidebar__footer-wrapper-bottom-links {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n\n        & span {\n          font: tokens.$ifxBodyBody04;\n          text-decoration: none;\n          color: tokens.$ifxColorEngineering500;\n          flex: none;\n          order: 1;\n          flex-grow: 0;\n          white-space: pre-wrap;\n          word-wrap: break-word;\n          overflow-wrap: anywhere;\n\n          &:hover {\n            cursor: initial;\n          }\n        }\n      }\n    }\n  }\n\n  .sidebar__hide-menu {\n    display: flex;\n    align-items: center;\n    padding: tokens.$ifxSpace150 tokens.$ifxSpace400;\n    box-sizing: border-box;\n    width: 100%;\n    cursor: pointer;\n    border-top: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\n    border-bottom: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\n    background-color: tokens.$ifxColorBaseWhite;\n    gap: tokens.$ifxSpace200;\n\n    &:hover {\n      background-color: tokens.$ifxColorEngineering100;\n    }\n\n    &:focus {\n      outline: tokens.$ifxBorderWidth25 solid tokens.$ifxColorOcean500;\n      outline-offset: - tokens.$ifxBorderWidth25;\n    }\n\n    &-icon {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: tokens.$ifxSize300;\n      height: tokens.$ifxSize300;\n      flex-shrink: 0;\n\n      ifx-icon {\n        width: tokens.$ifxSize200;\n        height: tokens.$ifxSize200;\n        color: tokens.$ifxColorBaseBlack;\n      }\n    }\n\n    &-text {\n      font-style: normal;\n      font-weight: tokens.$ifxFontWeightRegular;\n      font-size: tokens.$ifxFontSizeM;\n      line-height: tokens.$ifxLineHeightM;\n      color: tokens.$ifxColorBaseBlack;\n    }\n  }\n}\n","import { Component, h, Element, Prop, State, Listen, Method, Watch, Event, EventEmitter } from '@stencil/core';\nimport { trackComponent } from '../../../global/utils/tracking';\nimport { detectFramework } from '../../../global/utils/framework-detection';\n\nconst ACTIVE = 'active';\nconst ACTIVE_SECTION = 'active-section';\nconst SIDEBAR_ITEM = '.sidebar__nav-item';\n\n@Component({\n  tag: 'ifx-sidebar',\n  styleUrl: 'sidebar.scss',\n  shadow: true\n})\n\nexport class Sidebar {\n  @Element() el;\n  @Prop() applicationName: string = ''\n  @Prop() initialCollapse: boolean = true\n  @Prop() showFooter: boolean = true\n  @Prop() showHeader: boolean = true;\n  @Prop() termsOfUse: string = \"#\"\n  @Prop() imprint: string = \"#\"\n  @Prop() privacyPolicy: string = \"#\"\n  @Prop() target: string = \"_blank\"\n  @State() currentYear: number = new Date().getFullYear()\n  @Prop() copyrightText: string = '© 1999 - ' + this.currentYear + ' Infineon Technologies AG'\n  @State() internalTermsofUse: string = \"\"\n  @State() internalImprint: string = \"\"\n  @State() internalPrivacyPolicy: string = \"\"\n  @State() internalShowFooter: boolean = true\n\n  @State() activeItem: HTMLElement | null = null;\n  @Prop() collapsible: boolean = false;\n  @Prop() collapsed: boolean = false; // New property for initial collapsed state\n  @Prop() hideMenuLabel: string = \"Hide Menu\"; // New property for hide menu label\n  @State() isCollapsed: boolean = false;\n\n  @Event({ bubbles: true, composed: true }) ifxSidebarCollapseChange: EventEmitter<{ collapsed: boolean }>;\n\n  expandActiveItems(){\n    const expandRecursively = async (parent) => {\n      if(await parent.isItemExpandable() !== true){\n        if(parent.active) return 1;\n        return 0;\n      }\n      let currRes = 0;\n      const children = this.getSidebarMenuItems(parent);\n      for(let i = 0; i < children.length; i++){\n        currRes = Math.max(currRes, await expandRecursively(children[i]));\n      }\n      if(currRes > 0){\n        if(currRes == 1){\n          parent.expandMenu(false);\n        }else{\n          parent.expandMenu(true);\n        }\n      }\n\n      return (currRes ? currRes+1 : 0);\n    }\n\n    const topLevelItems = this.getSidebarMenuItems(this.el);\n    for(let i = 0; i < topLevelItems.length; i++){\n      expandRecursively(topLevelItems[i])\n    }\n  }\n\n  adjustTopBorder() {\n    const children = this.el.children;\n    if(!children.length) return;\n    if(children[0].tagName === 'IFX-SIDEBAR-TITLE'){\n      children[0].shadowRoot.querySelector('.sidebar__title').classList.add('no-top-border')\n    }\n\n    if(children[0].tagName === 'IFX-SIDEBAR-ITEM' && children[0].shadowRoot.querySelector('div > a').classList.contains('header__section')){\n      children[0].shadowRoot.querySelector('div > a').classList.add('no-top-border')\n    }\n\n    const allIfxTitles = this.el.querySelectorAll('ifx-sidebar-title');\n    allIfxTitles.forEach(element => {\n      const nextSibling = element.nextElementSibling;\n      if(nextSibling && nextSibling.tagName === 'IFX-SIDEBAR-ITEM' && nextSibling.shadowRoot.querySelector('div > a').classList.contains('header__section')){\n        nextSibling.shadowRoot.querySelector('div > a').classList.add('no-top-border')\n      }\n    });\n  }\n\n  async addPaddingToTheLastItem(sidebarItem) {\n    const sidebarChildItems = this.getSidebarMenuItems(sidebarItem)\n\n    for(let i = 0; i < sidebarChildItems.length; i++){\n\n      const childItem = sidebarChildItems[i];\n      const childNavItem = this.getNavItem(childItem.shadowRoot);\n      const isChildItemExpandable = await childItem.isItemExpandable();\n\n      if(isChildItemExpandable) {\n        this.addPaddingToTheLastItem(childItem);\n      }\n\n      if(i === sidebarChildItems.length-1){\n        this.handleClassList(childNavItem, 'add', 'extra-padding__bottom');\n      }\n    }\n  }\n\n  async adjustItemsPadding() {\n    const sidebarItems = this.el.children;\n\n    if(sidebarItems.length === 0) return;\n\n    // Processing first item\n    if(sidebarItems[0].tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM') {\n      const isFirstSidebarItemExpandable = sidebarItems[0].isItemExpandable();\n      if(isFirstSidebarItemExpandable) {\n        this.addPaddingToTheLastItem(sidebarItems[0]);\n      }\n    }\n\n    // Processing remaining items\n    for(let i = 1; i < sidebarItems.length; i++){\n\n      const sidebarItem = sidebarItems[i];\n      const previousSidebarItem = sidebarItems[i-1];\n      const previousSidebarNavItem = this.getNavItem(previousSidebarItem.shadowRoot);\n\n      if(sidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-TITLE') {\n\n        if(previousSidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM' && previousSidebarNavItem && !this.handleClassList(previousSidebarNavItem, 'contains', 'header__section')) {\n          this.handleClassList(previousSidebarNavItem, 'add', 'extra-padding__bottom');\n        }\n\n      } else if(sidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM') {\n\n        const sidebarNavItem = this.getNavItem(sidebarItem.shadowRoot);\n\n        if(previousSidebarItem.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM' && previousSidebarNavItem && !this.handleClassList(previousSidebarNavItem, 'contains', 'header__section') && this.handleClassList(sidebarNavItem, 'contains', 'header__section')) {\n          this.handleClassList(previousSidebarNavItem, 'add', 'extra-padding__bottom');\n        }\n\n        const isSidebarItemExpandable = await sidebarItem.isItemExpandable();\n\n        if(isSidebarItemExpandable) {\n          this.addPaddingToTheLastItem(sidebarItem);\n        }\n      }\n    }\n\n  }\n\n  async componentDidLoad() {\n    const framework = detectFramework();\n    trackComponent('ifx-sidebar', await framework)\n    this.adjustTopBorder();\n    this.setInitialActiveItem();\n    if(!this.initialCollapse){\n      this.expandActiveItems();\n    }\n    this.adjustItemsPadding();\n    this.applyActiveSectionToParent(this.el);\n\n    if (this.isCollapsed) {\n      this.updateCollapsedState();\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  setInitialActiveItem() {\n    const handleItem = (parent) => {\n      const children = this.getSidebarMenuItems(parent);\n      let firstActiveFoundInGroup = false;\n\n      children?.forEach(item => {\n        // If the item is active and it's the first active one in its group\n        if (this.isActive(item) && !firstActiveFoundInGroup) {\n          firstActiveFoundInGroup = true;\n          this.handleBorderIndicatorDisplacement(item);\n        }\n        // If the item is active but it's not the first one in its group\n        else if (this.isActive(item) && firstActiveFoundInGroup) {\n          item.setAttribute('active', 'false'); // Set the 'active' attribute to 'false'\n        }\n\n\n        // If the clicked item is a menu and doesn't have any active children\n        if (this.hasChildren(item.shadowRoot) && !this.hasActiveChild(item.shadowRoot)) {\n          const clickedItemSection = this.getActiveItemSection(item);\n          this.handleClassList(clickedItemSection, 'remove', 'active-section');\n        }\n        // If clickedItem is an opened menu and it contains another menu with 'active-section'\n        if (this.hasChildren(item.shadowRoot) && this.isOpen(item.shadowRoot) && this.containsActiveSection(item)) {\n          const clickedItemSection = this.getActiveItemSection(item);\n          this.handleClassList(clickedItemSection, 'remove', 'active-section');\n        }\n\n        // Recursive call for child items\n        if (this.hasChildren(item.shadowRoot)) {\n          handleItem(item.shadowRoot);\n        }\n      });\n    }\n    // Start with the top-level items\n    const topLevelItems = this.getSidebarMenuItems(this.el);\n    topLevelItems.forEach(handleItem);\n  }\n\n\n  handleClassList(el, type, className) {\n    el.classList[type](className)\n    if (type === 'contains') {\n      return el.classList.contains(className)\n    }\n  }\n\n\n  getActiveItemSection(item) {\n    return this.getNavItem(item.shadowRoot);\n  }\n\n\n  getNavItem(el) {\n    return el?.querySelector('.sidebar__nav-item')\n  }\n\n  hasChildren(el) {\n    return el?.querySelector('.item__arrow-wrapper') !== null ? true : false;\n  }\n\n\n  handleBorderIndicatorDisplacement(clickedItem) {\n    // Recursive function to handle each item\n    const handleItem = (item) => {\n      // Check if current item is active or the one that was clicked\n      const isActive = this.isActive(item) || item === clickedItem;\n\n      if (isActive) {\n        const activeMenuItemSection = this.getActiveItemSection(item);\n        const isMenu = this.hasChildren(activeMenuItemSection);\n\n        if (isMenu) {\n          this.handleClassList(activeMenuItemSection, 'add', 'active-section');\n        }\n      }\n\n      // Recursive call for child items\n      const children = this.getSidebarMenuItems(item);\n      children.forEach(handleItem);\n    };\n\n    // Start with the top-level items\n    const topLevelItems = this.getSidebarMenuItems(this.el);\n    topLevelItems.forEach(handleItem);\n  }\n\n\n  removeActiveClassesRecursively() {\n    const removeClasses = (root) => {\n      const children = this.querySidebarItems(root);\n      children.forEach((child) => {\n        const sidebarItem = child.shadowRoot.querySelector(SIDEBAR_ITEM);\n        sidebarItem.classList.remove(ACTIVE_SECTION);\n        sidebarItem.classList.remove(ACTIVE);\n        if (child.getAttribute('active')) {\n          child.setAttribute('active', 'false');\n        }\n        removeClasses(child.shadowRoot);\n      });\n    }\n    removeClasses(this.el);\n    if (this.activeItem) {\n      this.activeItem.setAttribute('active', 'false');\n    }\n    this.activeItem = null;\n  }\n\n  hasActiveChild(menuItem) {\n    const children = this.getSidebarMenuItems(menuItem);\n    if (children) {\n      for (let child of children) {\n        // If the child item is active\n        if (this.isActive(child)) {\n          return true;\n        }\n        // If the child item has children, recurse into them\n        else if (this.hasChildren(child.shadowRoot)) {\n          if (this.hasActiveChild(child.shadowRoot)) {\n            return true;\n          }\n        }\n      }\n    }\n    return false;\n  }\n\n\n  @Listen('ifxSidebarMenu')\n  handleSidebarItemInteraction(event: CustomEvent) {\n    // This method can be used to handle the ifxSidebarMenu event\n    // Get the element that triggered the event\n    const clickedItem = event.detail;\n\n    // If the clicked item is not a menu OR is a menu that has an active child\n    if (!this.hasChildren(clickedItem.shadowRoot) || this.hasActiveChild(clickedItem.shadowRoot)) {\n      this.handleBorderIndicatorDisplacement(clickedItem);\n    }\n\n    // If the clicked item is a menu and doesn't have any active children\n    if (this.hasChildren(clickedItem.shadowRoot) && !this.hasActiveChild(clickedItem.shadowRoot)) {\n      const clickedItemSection = this.getActiveItemSection(clickedItem);\n      this.handleClassList(clickedItemSection, 'remove', 'active-section');\n    }\n\n    // If clickedItem is an opened menu and it contains another menu with 'active-section'\n    if (this.hasChildren(clickedItem.shadowRoot) && this.isOpen(clickedItem.shadowRoot) && this.containsActiveSection(clickedItem)) {\n      const clickedItemSection = this.getActiveItemSection(clickedItem);\n      this.handleClassList(clickedItemSection, 'remove', 'active-section');\n    }\n  }\n\n  isOpen(menuItem) {\n    return this.getNavItem(menuItem).classList.contains('open') ? true : false;\n  }\n\n  containsActiveSection(menuItem) {\n    const children = this.getSidebarMenuItems(menuItem);\n    for (let child of children) {\n      if (this.getNavItem(child.shadowRoot).classList.contains('active-section') || (this.hasChildren(child.shadowRoot) && this.containsActiveSection(child.shadowRoot))) {\n        this.handleClassList(child, 'add', 'active-section')\n        return true;\n      }\n    }\n    return false;\n  }\n\n  applyActiveSectionToParent(el) {\n    // Get all submenus of the given element\n    const subMenus = this.getSidebarMenuItems(el);\n\n    subMenus?.forEach(menu => {\n      // If this submenu has an active child, add active-section class to it\n      if (this.hasActiveChild(menu.shadowRoot)) {\n        const menuItemSection = this.getActiveItemSection(menu);\n        this.handleClassList(menuItemSection, 'add', 'active-section');\n      }\n\n      // Apply to submenu's children\n      this.applyActiveSectionToParent(menu.shadowRoot);\n    });\n  }\n\n\n\n  querySidebarItems(el) {\n    return el.querySelectorAll('ifx-sidebar-item')\n  }\n\n  isActive(iteratedComponent) {\n    const activeAttributeValue = iteratedComponent.getAttribute('active');\n    const isActive = activeAttributeValue === 'true';\n    return isActive;\n  }\n\n  @Listen('ifxSidebarNavigationItem')\n  handleSidebarItemActivated(event: CustomEvent) {\n\n    this.removeActiveClassesRecursively();\n\n    this.activeItem = event.detail;\n    this.activeItem.setAttribute('active', 'true');\n\n    // Get the parent element of the activated item\n    const parent = this.getNavItem(event.detail.parentElement.parentElement.parentElement);\n    if (parent) {\n      this.handleClassList(parent, 'add', 'active-section');\n    }\n  }\n\n  componentWillLoad() {\n    this.internalTermsofUse = this.termsOfUse.trim();\n    this.internalPrivacyPolicy = this.privacyPolicy.trim();\n    this.internalImprint = this.imprint.trim();\n    this.internalShowFooter = this.showFooter;\n    if(this.internalShowFooter && !this.internalImprint && !this.internalPrivacyPolicy && !this.internalTermsofUse && !this.copyrightText){\n      this.internalShowFooter = false;\n    }\n\n    // Set initial collapsed state from prop - independent of collapsible\n    this.isCollapsed = Boolean(this.collapsed);\n  }\n\n  @Watch('collapsible')\n  handleCollapsibleChange(_newValue: boolean) {\n    // Force re-render when collapsible changes\n    this.forceUpdate();\n  }\n\n  private forceUpdate() {\n    // Trigger a re-render\n    this.el.forceUpdate?.() || this.el.setAttribute('data-force-update', Date.now().toString());\n  }\n\n  @Method()\n  async toggleCollapse() {\n    this.isCollapsed = !this.isCollapsed;\n    this.updateCollapsedState();\n    // Emit event after state change\n    this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\n  }\n\n  @Method()\n  async collapse() {\n    this.isCollapsed = true;\n    this.updateCollapsedState();\n    // Emit event after state change\n    this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\n  }\n\n  @Method()\n  async expand() {\n    this.isCollapsed = false;\n    this.updateCollapsedState();\n    // Emit event after state change\n    this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\n  }\n\n  @Watch('collapsed')\n  handleCollapsedPropChange(newValue: boolean) {\n    this.isCollapsed = newValue;\n    this.updateCollapsedState();\n    // Emit event when prop changes\n    this.ifxSidebarCollapseChange.emit({ collapsed: this.isCollapsed });\n  }\n\n  private updateCollapsedState() {\n    // Set CSS custom properties to handle Shadow DOM components\n    if (this.isCollapsed) {\n      this.el.style.setProperty('--ifx-sidebar-item-text-display', 'none');\n      this.el.style.setProperty('--ifx-sidebar-item-without-icon-display', 'none');\n      this.el.style.setProperty('--ifx-sidebar-title-display', 'none');\n      this.el.style.setProperty('--ifx-sidebar-title-show-in-collapsed-display', 'block');\n      this.el.style.setProperty('--ifx-sidebar-title-label-display', 'none');\n      this.el.style.setProperty('--ifx-sidebar-title-padding', '0');\n      this.el.style.setProperty('--ifx-sidebar-item-flex-direction', 'column');\n\n      // Set attributes on all sidebar items\n      this.setSidebarItemAttributes(true);\n    } else {\n      this.el.style.removeProperty('--ifx-sidebar-item-text-display');\n      this.el.style.removeProperty('--ifx-sidebar-item-without-icon-display');\n      this.el.style.removeProperty('--ifx-sidebar-title-display');\n      this.el.style.removeProperty('--ifx-sidebar-title-show-in-collapsed-display');\n      this.el.style.removeProperty('--ifx-sidebar-title-label-display');\n      this.el.style.removeProperty('--ifx-sidebar-title-padding');\n      this.el.style.removeProperty('--ifx-sidebar-item-flex-direction');\n\n      // Remove attributes from all sidebar items\n      this.setSidebarItemAttributes(false);\n    }\n  }\n\nprivate setSidebarItemAttributes(collapsed: boolean) {\n  const allSidebarItems = this.el.querySelectorAll('ifx-sidebar-item');\n  allSidebarItems.forEach(item => {\n    if (collapsed) {\n      item.setAttribute('data-sidebar-collapsed', 'true');\n      if (!item.icon) { \n        item.setAttribute('data-hide-in-collapsed', 'true');\n      }\n    } else {\n      item.removeAttribute('data-sidebar-collapsed');\n      item.removeAttribute('data-hide-in-collapsed');\n    }\n  });\n}\n\n  private handleHideMenuClick = () => {\n    this.toggleCollapse();\n  }\n\n  private handleHideMenuKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggleCollapse();\n    }\n  }\n\n  render() {\n    return (\n      <div aria-label=\"a navigation sidebar\" aria-value={this.applicationName} class={`sidebar__container ${this.isCollapsed ? 'sidebar__container--collapsed' : ''}`}>\n        <div class='sidebar__top-container'>\n          {\n            this.showHeader &&\n            <div class=\"sidebar__nav-bar\">\n              <div class=\"sidebar__nav-bar-logo\">\n                <div class='sidebar__nav-bar-logo-img'>\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>              </div>\n              <div class='sidebar__nav-bar-logo-text'>{this.applicationName}</div>\n            </div>\n          </div>\n        }\n          {this.collapsible && (\n            <div\n              class=\"sidebar__hide-menu\"\n              onClick={this.handleHideMenuClick}\n              onKeyDown={this.handleHideMenuKeyDown}\n              tabIndex={0}\n              role=\"button\"\n              aria-label={this.isCollapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n            >\n              <div class=\"sidebar__hide-menu-icon\">\n                <ifx-icon icon=\"menu-16\"></ifx-icon>\n              </div>\n              <div class=\"sidebar__hide-menu-text\">{this.hideMenuLabel}</div>\n            </div>\n          )}\n          <div class=\"sidebar__nav-container\">\n            <slot />\n          </div>\n        </div>\n\n        {\n          this.internalShowFooter &&\n          <div class='sidebar__footer-container'>\n            <div class=\"sidebar__footer-wrapper\">\n            {\n              (this.internalTermsofUse || this.internalImprint || this.internalPrivacyPolicy) &&\n              <div class='sidebar__footer-wrapper-top-links'>\n                  {\n                    this.internalTermsofUse !== ''  && <a target={this.target} href={this.internalTermsofUse}>Terms of use</a>\n                  }\n                  {\n                    this.internalImprint !== '' && <a target={this.target} href={this.internalImprint}>Imprint</a>\n                  }\n                  {\n                    this.internalPrivacyPolicy !== '' && <a target={this.target} href={this.internalPrivacyPolicy}>Privacy policy</a>\n                  }\n              </div>\n            }\n\n              {\n                this.copyrightText &&\n                <div class='sidebar__footer-wrapper-bottom-links'>\n                    <span>{this.copyrightText}</span>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,UAAU,GAAG,koKAAkoK;;ACIrpK,MAAM,MAAM,GAAG,QAAQ;AACvB,MAAM,cAAc,GAAG,gBAAgB;AACvC,MAAM,YAAY,GAAG,oBAAoB;MAQ5B,OAAO,GAAA,MAAA;AANpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQU,QAAA,IAAe,CAAA,eAAA,GAAW,EAAE;AAC5B,QAAA,IAAe,CAAA,eAAA,GAAY,IAAI;AAC/B,QAAA,IAAU,CAAA,UAAA,GAAY,IAAI;AAC1B,QAAA,IAAU,CAAA,UAAA,GAAY,IAAI;AAC1B,QAAA,IAAU,CAAA,UAAA,GAAW,GAAG;AACxB,QAAA,IAAO,CAAA,OAAA,GAAW,GAAG;AACrB,QAAA,IAAa,CAAA,aAAA,GAAW,GAAG;AAC3B,QAAA,IAAM,CAAA,MAAA,GAAW,QAAQ;QACxB,IAAA,CAAA,WAAW,GAAW,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;QAC/C,IAAa,CAAA,aAAA,GAAW,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,2BAA2B;AACnF,QAAA,IAAkB,CAAA,kBAAA,GAAW,EAAE;AAC/B,QAAA,IAAe,CAAA,eAAA,GAAW,EAAE;AAC5B,QAAA,IAAqB,CAAA,qBAAA,GAAW,EAAE;AAClC,QAAA,IAAkB,CAAA,kBAAA,GAAY,IAAI;AAElC,QAAA,IAAU,CAAA,UAAA,GAAuB,IAAI;AACtC,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAC5B,QAAA,IAAA,CAAA,SAAS,GAAY,KAAK,CAAC;AAC3B,QAAA,IAAA,CAAA,aAAa,GAAW,WAAW,CAAC;AACnC,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AA+b7B,QAAA,IAAmB,CAAA,mBAAA,GAAG,MAAK;YACjC,IAAI,CAAC,cAAc,EAAE;AACvB,SAAC;AAEO,QAAA,IAAA,CAAA,qBAAqB,GAAG,CAAC,KAAoB,KAAI;AACvD,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;gBAC9C,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,cAAc,EAAE;;AAEzB,SAAC;AA6EF;IAjhBC,iBAAiB,GAAA;AACf,QAAA,MAAM,iBAAiB,GAAG,OAAO,MAAM,KAAI;YACzC,IAAG,MAAM,MAAM,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAC;gBAC1C,IAAG,MAAM,CAAC,MAAM;AAAE,oBAAA,OAAO,CAAC;AAC1B,gBAAA,OAAO,CAAC;;YAEV,IAAI,OAAO,GAAG,CAAC;YACf,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC;AACjD,YAAA,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAC;AACtC,gBAAA,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;;AAEnE,YAAA,IAAG,OAAO,GAAG,CAAC,EAAC;AACb,gBAAA,IAAG,OAAO,IAAI,CAAC,EAAC;AACd,oBAAA,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;;qBACrB;AACH,oBAAA,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;;;AAI3B,YAAA,QAAQ,OAAO,GAAG,OAAO,GAAC,CAAC,GAAG,CAAC;AACjC,SAAC;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC;AACvD,QAAA,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAC;AAC3C,YAAA,iBAAiB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;;;IAIvC,eAAe,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ;QACjC,IAAG,CAAC,QAAQ,CAAC,MAAM;YAAE;QACrB,IAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,mBAAmB,EAAC;AAC7C,YAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC;;AAGxF,QAAA,IAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,kBAAkB,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAC;AACrI,YAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC;;QAGhF,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC;AAClE,QAAA,YAAY,CAAC,OAAO,CAAC,OAAO,IAAG;AAC7B,YAAA,MAAM,WAAW,GAAG,OAAO,CAAC,kBAAkB;YAC9C,IAAG,WAAW,IAAI,WAAW,CAAC,OAAO,KAAK,kBAAkB,IAAI,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAC;AACpJ,gBAAA,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC;;AAElF,SAAC,CAAC;;IAGJ,MAAM,uBAAuB,CAAC,WAAW,EAAA;QACvC,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC;AAE/D,QAAA,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAC;AAE/C,YAAA,MAAM,SAAS,GAAG,iBAAiB,CAAC,CAAC,CAAC;YACtC,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC;AAC1D,YAAA,MAAM,qBAAqB,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE;YAEhE,IAAG,qBAAqB,EAAE;AACxB,gBAAA,IAAI,CAAC,uBAAuB,CAAC,SAAS,CAAC;;YAGzC,IAAG,CAAC,KAAK,iBAAiB,CAAC,MAAM,GAAC,CAAC,EAAC;gBAClC,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,KAAK,EAAE,uBAAuB,CAAC;;;;AAKxE,IAAA,MAAM,kBAAkB,GAAA;AACtB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ;AAErC,QAAA,IAAG,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE;;AAG9B,QAAA,IAAG,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;YAC/D,MAAM,4BAA4B,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE;YACvE,IAAG,4BAA4B,EAAE;gBAC/B,IAAI,CAAC,uBAAuB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;;;;AAKjD,QAAA,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAC;AAE1C,YAAA,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC;YACnC,MAAM,mBAAmB,GAAG,YAAY,CAAC,CAAC,GAAC,CAAC,CAAC;YAC7C,MAAM,sBAAsB,GAAG,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,UAAU,CAAC;YAE9E,IAAG,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,mBAAmB,EAAE;gBAE5D,IAAG,mBAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,IAAI,sBAAsB,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,sBAAsB,EAAE,UAAU,EAAE,iBAAiB,CAAC,EAAE;oBAC7K,IAAI,CAAC,eAAe,CAAC,sBAAsB,EAAE,KAAK,EAAE,uBAAuB,CAAC;;;iBAGzE,IAAG,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;gBAElE,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC;AAE9D,gBAAA,IAAG,mBAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,IAAI,sBAAsB,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,sBAAsB,EAAE,UAAU,EAAE,iBAAiB,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,UAAU,EAAE,iBAAiB,CAAC,EAAE;oBACpP,IAAI,CAAC,eAAe,CAAC,sBAAsB,EAAE,KAAK,EAAE,uBAAuB,CAAC;;AAG9E,gBAAA,MAAM,uBAAuB,GAAG,MAAM,WAAW,CAAC,gBAAgB,EAAE;gBAEpE,IAAG,uBAAuB,EAAE;AAC1B,oBAAA,IAAI,CAAC,uBAAuB,CAAC,WAAW,CAAC;;;;;AAOjD,IAAA,MAAM,gBAAgB,GAAA;AACpB,QAAA,MAAM,SAAS,GAAG,eAAe,EAAE;AACnC,QAAA,cAAc,CAAC,aAAa,EAAE,MAAM,SAAS,CAAC;QAC9C,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,oBAAoB,EAAE;AAC3B,QAAA,IAAG,CAAC,IAAI,CAAC,eAAe,EAAC;YACvB,IAAI,CAAC,iBAAiB,EAAE;;QAE1B,IAAI,CAAC,kBAAkB,EAAE;AACzB,QAAA,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,EAAE,CAAC;AAExC,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,oBAAoB,EAAE;;;AAI/B,IAAA,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAA;;QAC9B,MAAM,YAAY,GAAG,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AAC5D,QAAA,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;AAC7B,YAAA,OAAO,CAAA,EAAA,GAAA,EAAE,CAAC,UAAU,0CAAE,gBAAgB,CAAC,kBAAkB,CAAC;;AAE5D,QAAA,OAAO,YAAY;;IAGrB,oBAAoB,GAAA;AAClB,QAAA,MAAM,UAAU,GAAG,CAAC,MAAM,KAAI;YAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC;YACjD,IAAI,uBAAuB,GAAG,KAAK;YAEnC,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,MAAA,GAAA,MAAA,GAAA,QAAQ,CAAE,OAAO,CAAC,IAAI,IAAG;;gBAEvB,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;oBACnD,uBAAuB,GAAG,IAAI;AAC9B,oBAAA,IAAI,CAAC,iCAAiC,CAAC,IAAI,CAAC;;;qBAGzC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,uBAAuB,EAAE;oBACvD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;;;AAKvC,gBAAA,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;oBAC9E,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;oBAC1D,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,QAAQ,EAAE,gBAAgB,CAAC;;;gBAGtE,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE;oBACzG,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;oBAC1D,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,QAAQ,EAAE,gBAAgB,CAAC;;;gBAItE,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;AACrC,oBAAA,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC;;AAE/B,aAAC,CAAC;AACJ,SAAC;;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC;AACvD,QAAA,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC;;AAInC,IAAA,eAAe,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAA;QACjC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;AAC7B,QAAA,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,OAAO,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;;;AAK3C,IAAA,oBAAoB,CAAC,IAAI,EAAA;QACvB,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC;;AAIzC,IAAA,UAAU,CAAC,EAAE,EAAA;QACX,OAAO,EAAE,KAAF,IAAA,IAAA,EAAE,KAAF,MAAA,GAAA,MAAA,GAAA,EAAE,CAAE,aAAa,CAAC,oBAAoB,CAAC;;AAGhD,IAAA,WAAW,CAAC,EAAE,EAAA;AACZ,QAAA,OAAO,CAAA,EAAE,KAAF,IAAA,IAAA,EAAE,uBAAF,EAAE,CAAE,aAAa,CAAC,sBAAsB,CAAC,MAAK,IAAI,GAAG,IAAI,GAAG,KAAK;;AAI1E,IAAA,iCAAiC,CAAC,WAAW,EAAA;;AAE3C,QAAA,MAAM,UAAU,GAAG,CAAC,IAAI,KAAI;;AAE1B,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,WAAW;YAE5D,IAAI,QAAQ,EAAE;gBACZ,MAAM,qBAAqB,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;gBAC7D,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,qBAAqB,CAAC;gBAEtD,IAAI,MAAM,EAAE;oBACV,IAAI,CAAC,eAAe,CAAC,qBAAqB,EAAE,KAAK,EAAE,gBAAgB,CAAC;;;;YAKxE,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;AAC/C,YAAA,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC;AAC9B,SAAC;;QAGD,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC;AACvD,QAAA,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC;;IAInC,8BAA8B,GAAA;AAC5B,QAAA,MAAM,aAAa,GAAG,CAAC,IAAI,KAAI;YAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;AAC7C,YAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;gBACzB,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC;AAChE,gBAAA,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;AAC5C,gBAAA,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;AACpC,gBAAA,IAAI,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE;AAChC,oBAAA,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC;;AAEvC,gBAAA,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC;AACjC,aAAC,CAAC;AACJ,SAAC;AACD,QAAA,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC;;AAEjD,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;AAGxB,IAAA,cAAc,CAAC,QAAQ,EAAA;QACrB,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC;QACnD,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,IAAI,KAAK,IAAI,QAAQ,EAAE;;AAE1B,gBAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACxB,oBAAA,OAAO,IAAI;;;qBAGR,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;oBAC3C,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;AACzC,wBAAA,OAAO,IAAI;;;;;AAKnB,QAAA,OAAO,KAAK;;AAKd,IAAA,4BAA4B,CAAC,KAAkB,EAAA;;;AAG7C,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;;AAGhC,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE;AAC5F,YAAA,IAAI,CAAC,iCAAiC,CAAC,WAAW,CAAC;;;AAIrD,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE;YAC5F,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC;YACjE,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,QAAQ,EAAE,gBAAgB,CAAC;;;QAItE,IAAI,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,EAAE;YAC9H,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC;YACjE,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,QAAQ,EAAE,gBAAgB,CAAC;;;AAIxE,IAAA,MAAM,CAAC,QAAQ,EAAA;QACb,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,KAAK;;AAG5E,IAAA,qBAAqB,CAAC,QAAQ,EAAA;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC;AACnD,QAAA,KAAK,IAAI,KAAK,IAAI,QAAQ,EAAE;AAC1B,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE;gBAClK,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC;AACpD,gBAAA,OAAO,IAAI;;;AAGf,QAAA,OAAO,KAAK;;AAGd,IAAA,0BAA0B,CAAC,EAAE,EAAA;;QAE3B,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC;QAE7C,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,MAAA,GAAA,MAAA,GAAA,QAAQ,CAAE,OAAO,CAAC,IAAI,IAAG;;YAEvB,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;gBACxC,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;gBACvD,IAAI,CAAC,eAAe,CAAC,eAAe,EAAE,KAAK,EAAE,gBAAgB,CAAC;;;AAIhE,YAAA,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,UAAU,CAAC;AAClD,SAAC,CAAC;;AAKJ,IAAA,iBAAiB,CAAC,EAAE,EAAA;AAClB,QAAA,OAAO,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;;AAGhD,IAAA,QAAQ,CAAC,iBAAiB,EAAA;QACxB,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,YAAY,CAAC,QAAQ,CAAC;AACrE,QAAA,MAAM,QAAQ,GAAG,oBAAoB,KAAK,MAAM;AAChD,QAAA,OAAO,QAAQ;;AAIjB,IAAA,0BAA0B,CAAC,KAAkB,EAAA;QAE3C,IAAI,CAAC,8BAA8B,EAAE;AAErC,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM;QAC9B,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC;;AAG9C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC;QACtF,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC;;;IAIzD,iBAAiB,GAAA;QACf,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;QAChD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;QACtD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AAC1C,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU;QACzC,IAAG,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,qBAAqB,IAAI,CAAC,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAC;AACpI,YAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;;;QAIjC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;;AAI5C,IAAA,uBAAuB,CAAC,SAAkB,EAAA;;QAExC,IAAI,CAAC,WAAW,EAAE;;IAGZ,WAAW,GAAA;;;QAEjB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,EAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAI,KAAI,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;;AAI7F,IAAA,MAAM,cAAc,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW;QACpC,IAAI,CAAC,oBAAoB,EAAE;;AAE3B,QAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;;AAIrE,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,IAAI,CAAC,oBAAoB,EAAE;;AAE3B,QAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;;AAIrE,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;QACxB,IAAI,CAAC,oBAAoB,EAAE;;AAE3B,QAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;;AAIrE,IAAA,yBAAyB,CAAC,QAAiB,EAAA;AACzC,QAAA,IAAI,CAAC,WAAW,GAAG,QAAQ;QAC3B,IAAI,CAAC,oBAAoB,EAAE;;AAE3B,QAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;;IAG7D,oBAAoB,GAAA;;AAE1B,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,iCAAiC,EAAE,MAAM,CAAC;YACpE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,yCAAyC,EAAE,MAAM,CAAC;YAC5E,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,6BAA6B,EAAE,MAAM,CAAC;YAChE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,+CAA+C,EAAE,OAAO,CAAC;YACnF,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,mCAAmC,EAAE,MAAM,CAAC;YACtE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,6BAA6B,EAAE,GAAG,CAAC;YAC7D,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,mCAAmC,EAAE,QAAQ,CAAC;;AAGxE,YAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC;;aAC9B;YACL,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,iCAAiC,CAAC;YAC/D,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,yCAAyC,CAAC;YACvE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,6BAA6B,CAAC;YAC3D,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,+CAA+C,CAAC;YAC7E,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,mCAAmC,CAAC;YACjE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,6BAA6B,CAAC;YAC3D,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,mCAAmC,CAAC;;AAGjE,YAAA,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC;;;AAIlC,IAAA,wBAAwB,CAAC,SAAkB,EAAA;QACjD,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;AACpE,QAAA,eAAe,CAAC,OAAO,CAAC,IAAI,IAAG;YAC7B,IAAI,SAAS,EAAE;AACb,gBAAA,IAAI,CAAC,YAAY,CAAC,wBAAwB,EAAE,MAAM,CAAC;AACnD,gBAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACd,oBAAA,IAAI,CAAC,YAAY,CAAC,wBAAwB,EAAE,MAAM,CAAC;;;iBAEhD;AACL,gBAAA,IAAI,CAAC,eAAe,CAAC,wBAAwB,CAAC;AAC9C,gBAAA,IAAI,CAAC,eAAe,CAAC,wBAAwB,CAAC;;AAElD,SAAC,CAAC;;IAcF,MAAM,GAAA;QACJ,QACE,0EAAgB,sBAAsB,EAAA,YAAA,EAAa,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,CAAsB,mBAAA,EAAA,IAAI,CAAC,WAAW,GAAG,+BAA+B,GAAG,EAAE,CAAE,CAAA,EAAA,EAC7J,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAE/B,IAAI,CAAC,UAAU;AACf,YAAA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAa,uBAAuB,EAAA,EAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,4yGAA4yG,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,EACt0G,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,+2BAA+2B,EAAC,IAAI,EAAC,SAAS,GAAG,CACv4B,EACJ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAG,CAAA,CACnC,CACN,CACH,EAAoB,gBAAA,CAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EAAE,IAAI,CAAC,eAAe,CAAO,CAChE,CACF,EAEL,IAAI,CAAC,WAAW,KACf,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,mBAAmB,EACjC,SAAS,EAAE,IAAI,CAAC,qBAAqB,EACrC,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,IAAI,CAAC,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,EAAA,EAEpE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,EAAA,CAAY,CAChC,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAAE,IAAI,CAAC,aAAa,CAAO,CAC3D,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,CACF,EAGJ,IAAI,CAAC,kBAAkB;AACvB,YAAA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAElC,CAAC,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,qBAAqB;gBAC9E,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mCAAmC,EAAA,EAExC,IAAI,CAAC,kBAAkB,KAAK,EAAE,IAAK,0DAAG,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAkB,EAAA,cAAA,CAAA,EAG1G,IAAI,CAAC,eAAe,KAAK,EAAE,IAAI,0DAAG,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,eAAe,EAAa,EAAA,SAAA,CAAA,EAG9F,IAAI,CAAC,qBAAqB,KAAK,EAAE,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,qBAAqB,qBAAoB,CAEjH,EAIJ,IAAI,CAAC,aAAa;AAClB,gBAAA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAA,EAC7C,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,aAAa,CAAQ,CAC/B,CAEJ,CACF,CAEJ;;;;;;;;;;;;"}

package/dist/infineon-design-system-stencil/ifx-slider.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-slider.entry.esm.js","sources":["src/components/slider/slider.scss?tag=ifx-slider&encapsulation=shadow","src/components/slider/slider.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n.left-icon,\r\n.right-icon,\r\n.left-text,\r\n.right-text,\r\n.percentage-display {\r\n  font-size: tokens.$ifxFontSizeS;\r\n  color: tokens.$ifxColorEngineering500;\r\n  margin-left: tokens.$ifxSpace100;\r\n\r\n  &.disabled {\r\n    // Add the disabled state for the percentage display\r\n    color: tokens.$ifxColorEngineering300;\r\n  }\r\n}\r\n\r\n.left-icon,\r\n.left-text {\r\n  margin-right: tokens.$ifxSpace100;\r\n}\r\n\r\n.right-icon,\r\n.right-text,\r\n.percentage-display {\r\n  margin-left: tokens.$ifxSpace100;\r\n}\r\n\r\n\r\n.ifx-slider {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: tokens.$ifxSpace25 tokens.$ifxSpace200;\r\n  border-radius: tokens.$ifxBorderRadiusRound;\r\n\r\n  input[type='range'] {\r\n    -webkit-appearance: none;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(to right, tokens.$ifxColorOcean500 0%, tokens.$ifxColorOcean500 var(--value-percent, 0%), tokens.$ifxColorEngineering200 var(--value-percent, 0%), tokens.$ifxColorEngineering200 100%);\r\n    outline: none;\r\n    cursor: pointer;\r\n    transition: 0.2s;\r\n\r\n    &:focus-visible {\r\n      outline: 2px solid tokens.$ifxColorOcean500;\r\n    outline-offset: 4px;}\r\n\r\n    &::-moz-range-thumb {\r\n      width: tokens.$ifxSize250;\r\n      height: tokens.$ifxSize250;\r\n      border-radius: 50%;\r\n      background: tokens.$ifxColorOcean500;\r\n      cursor: pointer;\r\n      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);\r\n    }\r\n    \r\n\r\n    &:not(:disabled)::-webkit-slider-thumb {\r\n      -webkit-appearance: none;\r\n      width: 16px;\r\n      height: 16px;\r\n      background: tokens.$ifxColorOcean500;\r\n      border-radius: 50%;\r\n      cursor: pointer;\r\n      transition: box-shadow 0.2s;\r\n\r\n      &:hover {\r\n        background: tokens.$ifxColorOcean600;\r\n      }\r\n\r\n      &:active {\r\n        background: tokens.$ifxColorOcean700;\r\n      }\r\n    }\r\n  }\r\n\r\n  input[type='range']:disabled {\r\n    background: tokens.$ifxColorEngineering300;\r\n    cursor: default;\r\n  }\r\n\r\n  input[type='range']:disabled::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    width: 16px;\r\n    height: 16px;\r\n    background: tokens.$ifxColorEngineering300;\r\n    border-radius: 50%;\r\n    cursor: default;\r\n  }\r\n  \r\n  & .range-slider__wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0px 2px;\r\n    \r\n    background: linear-gradient(to right, tokens.$ifxColorEngineering200 0%, tokens.$ifxColorEngineering200 var(--min-value-percent, 100%), tokens.$ifxColorOcean500 var(--min-value-percent, 100%), tokens.$ifxColorOcean500 var(--max-value-percent, 100%), tokens.$ifxColorEngineering200 var(--max-value-percent, 100%), tokens.$ifxColorEngineering200 100%);\r\n\r\n    &:has(input[type='range']:disabled) {\r\n      background: tokens.$ifxColorEngineering300;\r\n    }\r\n\r\n    \r\n    @mixin thumb() {\r\n      -webkit-appearance: none;\r\n      border: none; \r\n      pointer-events: auto;\r\n      cursor: pointer;\r\n      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);\r\n    }\r\n    \r\n    @mixin track() {\r\n      -webkit-appearance: none;\r\n      border: none;\r\n      background: none; \r\n      width: 100%;\r\n    }\r\n\r\n    input[type='range'] {\r\n      position: absolute;\r\n      pointer-events: none; \r\n      background: none;\r\n      \r\n      &:focus-visible {\r\n      outline: 2px solid tokens.$ifxColorOcean500;\r\n      outline-offset: 4px;}\r\n\r\n      &::-webkit-slider-thumb { @include thumb; }\r\n      &::-moz-range-thumb { @include thumb; }\r\n      &::-ms-thumb { @include thumb; }\r\n\r\n      &::-webkit-slider-runnable-track { @include track; }\r\n      &::-moz-range-track { @include track; }\r\n    }\r\n  }\r\n  \r\n}\r\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';  \r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n  tag: 'ifx-slider',\r\n  styleUrl: 'slider.scss',\r\n  shadow: true,\r\n})\r\nexport class IfxSlider {\r\n  @Prop() min: number = 0;\r\n  @Prop() max: number = 100;\r\n  @Prop() step: number = 1;\r\n  @Prop() value: number;\r\n  @Prop() minValueHandle: number;\r\n  @Prop() maxValueHandle: number;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() showPercentage: boolean = false;\r\n  @Prop() leftIcon: string;\r\n  @Prop() rightIcon: string;\r\n  @Prop() leftText: string;\r\n  @Prop() rightText: string;\r\n  @Prop() type: 'single' | 'double' = 'single';\r\n  @Prop() ariaLabel: string | null;\r\n  @State() internalValue: number = 0;\r\n  @State() percentage: number = 0;\r\n  @State() internalMinValue: number = 0;\r\n  @State() internalMaxValue: number = 100;\r\n  @Event() ifxChange: EventEmitter;\r\n\r\n  @Element() el;\r\n\r\n  private inputRef: HTMLInputElement;\r\n  private minInputRef: HTMLInputElement;\r\n  private maxInputRef: HTMLInputElement;\r\n                                             \r\n  @Watch('value')\r\n  valueChanged(newValue: number) {\r\n    this.internalValue = newValue;\r\n    this.updateValuePercent();\r\n  }\r\n\r\n  @Watch('minValueHandle')\r\n  minValueChanged(newValue: number) {\r\n    this.internalMinValue = newValue;\r\n    this.updateValuePercent();\r\n  }\r\n  \r\n  @Watch('maxValueHandle')\r\n  maxValueChanged(newValue: number) {\r\n    this.internalMaxValue = newValue;\r\n    this.updateValuePercent();\r\n  }\r\n\r\n  getRangeSliderWrapper() {\r\n    const rangeSliderWrapper = this.el.shadowRoot.querySelector('.range-slider__wrapper');\r\n    return rangeSliderWrapper;\r\n  }\r\n\r\n  handleInputChangeOfRangeSlider(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n    if(parseFloat(this.maxInputRef.value) - parseFloat(this.minInputRef.value) <= 0) {\r\n      if(target.id === 'max-slider') {\r\n        this.maxInputRef.value = this.minInputRef.value;\r\n      }else{\r\n        this.minInputRef.value = this.maxInputRef.value;\r\n      }\r\n    }\r\n    if(target.id === 'max-slider') {\r\n      this.internalMaxValue = parseFloat(this.maxInputRef.value);\r\n    } else {\r\n      this.internalMinValue = parseFloat(this.minInputRef.value);\r\n    }\r\n    this.ifxChange.emit({minVal: this.internalMinValue, maxVal: this.internalMaxValue});\r\n    this.updateValuePercent();\r\n    this.updateZIndexIfRangeSlider(target.id)\r\n  }\r\n  \r\n  handleOnMouseLeaveOfRangeSlider(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n    const sliderWrapper = this.getRangeSliderWrapper();\r\n    if(target.id === 'max-slider') {\r\n      sliderWrapper.insertBefore(this.maxInputRef, this.minInputRef);\r\n    } else {\r\n      sliderWrapper.insertBefore(this.minInputRef, this.maxInputRef);\r\n    }\r\n  }\r\n\r\n  calculatePercentageValue() {\r\n    const num = (this.internalValue - this.min) * 1.0;\r\n    const den = this.max - this.min;\r\n    this.percentage = +parseFloat(String((num/den)*100)).toFixed(2);\r\n  }\r\n\r\n  handleInputChange(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n    this.internalValue = parseFloat(target.value);\r\n    this.ifxChange.emit(this.internalValue);\r\n    this.calculatePercentageValue();\r\n    this.updateValuePercent();\r\n  }\r\n\r\n  private roundToValidStep(value: number) {\r\n    const relativeValue = value - this.min;\r\n    const remainder = relativeValue % this.step;\r\n    if (remainder >= this.step / 2) {\r\n      return this.min + relativeValue + (this.step - remainder);\r\n    } else {\r\n      return this.min + relativeValue - remainder;\r\n    }\r\n  }\r\n\r\n  updateValuePercent() {\r\n    const den = this.max - this.min;\r\n    if(this.type === 'double'){\r\n      if (this.minInputRef) {\r\n        const num = (this.roundToValidStep(this.internalMinValue) - this.min) * 1.0;\r\n        const minPercent = (num/den) * 100;\r\n        this.minInputRef.parentElement.style.setProperty('--min-value-percent', `${minPercent}%`);\r\n      }\r\n\r\n      if (this.maxInputRef) {\r\n        const num = (this.roundToValidStep(this.internalMaxValue) - this.min) * 1.0;\r\n        const maxPercent = (num/den) * 100;\r\n        this.maxInputRef.parentElement.style.setProperty('--max-value-percent', `${maxPercent}%`);\r\n      }\r\n\r\n    } else {\r\n\r\n      if (this.inputRef) {\r\n        const num = (this.roundToValidStep(this.internalValue) - this.min) * 1.0;\r\n        const den = this.max - this.min;\r\n        const percentage = (num/den) * 100;\r\n        this.inputRef.style.setProperty('--value-percent', `${percentage}%`);\r\n      }\r\n\r\n    }\r\n  }  \r\n  \r\n  // Ensures that the last used slider thumb stays on top of the other thumb in order to handle correct overlapping \r\n  // if min and max thumbs take the same value.\r\n  updateZIndexIfRangeSlider(targetId: string = '') {\r\n    if (targetId === 'max-slider') {\r\n      this.minInputRef.style.zIndex = '1';\r\n      this.maxInputRef.style.zIndex = '2';\r\n    } else {\r\n      this.minInputRef.style.zIndex = '2';\r\n      this.maxInputRef.style.zIndex = '1';\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if(this.value === undefined) {\r\n      this.internalValue = (this.max-this.min) / 2;\r\n    } else {\r\n      this.internalValue = Math.max(this.min, Math.min(this.max, this.value));\r\n    }\r\n\r\n    this.calculatePercentageValue();\r\n\r\n    if(this.minValueHandle !== undefined) this.internalMinValue = this.minValueHandle;\r\n    else this.internalMinValue = this.min;\r\n    if(this.maxValueHandle !== undefined) this.internalMaxValue = this.maxValueHandle;\r\n    else this.internalMaxValue = this.max;\r\n  }\r\n\r\n  async componentDidLoad() {\r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-slider', await framework)\r\n    }\r\n    this.updateValuePercent();\r\n  }\r\n\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"ifx-slider\">\r\n        {this.leftText && (\r\n          <span class={`left-text`}>\r\n            {this.leftText}\r\n          </span>\r\n        )}\r\n        {this.leftIcon && (\r\n          <ifx-icon icon={this.leftIcon} class={`left-icon${this.disabled ? ' disabled' : ''}`} />\r\n        )}\r\n        {\r\n          (this.type !== 'double') ?\r\n            <input\r\n              type=\"range\"\r\n              min={this.min}\r\n              max={this.max}\r\n              step={this.step}\r\n              value={this.internalValue}\r\n              disabled={this.disabled}\r\n              ref={(el) => (this.inputRef = el as HTMLInputElement)}\r\n              onInput={(event) => this.handleInputChange(event)}\r\n              aria-label=\"Slider\"\r\n              aria-valuemin={this.min}\r\n              aria-valuemax={this.max}\r\n              aria-valuenow={this.internalValue}\r\n              aria-disabled={this.disabled ? \"true\" : \"false\"}\r\n              /> \r\n              :\r\n            <div class = 'range-slider__wrapper' aria-label={this.ariaLabel} role=\"group\">\r\n              <input \r\n                id='min-slider'\r\n                type='range'\r\n                min={this.min}\r\n                max={this.max}\r\n                step={this.step}\r\n                value={this.internalMinValue}\r\n                disabled={this.disabled}\r\n                ref={(el) => (this.minInputRef = el as HTMLInputElement)}\r\n                onInput={(event) => this.handleInputChangeOfRangeSlider(event)}\r\n                onMouseUp={(event) => this.handleOnMouseLeaveOfRangeSlider(event)}\r\n                aria-label=\"Minimum value slider\"\r\n                aria-valuemin={this.min}\r\n                aria-valuemax={this.max}\r\n                aria-valuenow={this.internalMinValue} aria-disabled={this.disabled ? \"true\" : \"false\"}\r\n              />\r\n              <input \r\n                id='max-slider'\r\n                type='range'\r\n                min={this.min}\r\n                max={this.max}\r\n                step={this.step}\r\n                value={this.internalMaxValue}\r\n                disabled={this.disabled}\r\n                ref={(el) => (this.maxInputRef = el as HTMLInputElement)}\r\n                onInput={(event) => this.handleInputChangeOfRangeSlider(event)}\r\n                onMouseUp={(event) => this.handleOnMouseLeaveOfRangeSlider(event)}\r\n                aria-label=\"Maximum value slider\"\r\n                aria-valuemin={this.min}\r\n                aria-valuemax={this.max}\r\n                aria-valuenow={this.internalMaxValue}\r\n                aria-disabled={this.disabled ? \"true\" : \"false\"}\r\n              />\r\n            </div>\r\n        }\r\n        {this.rightIcon && (\r\n          <ifx-icon icon={this.rightIcon} class={`right-icon${this.disabled ? ' disabled' : ''}`} />\r\n        )}\r\n        {this.rightText && (\r\n          <span class={`right-text${this.disabled ? ' disabled' : ''}`}>\r\n            {this.rightText}\r\n          </span>\r\n        )}\r\n\r\n        {this.showPercentage && (this.type !== \"double\") && (\r\n          <span\r\n            class={`percentage-display${this.disabled ? ' disabled' : ''}`}\r\n          >\r\n            {this.percentage}%\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"ifx-slider.entry.esm.js","sources":["src/components/slider/slider.scss?tag=ifx-slider&encapsulation=shadow","src/components/slider/slider.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: block;\n}\n\n.left-icon,\n.right-icon,\n.left-text,\n.right-text,\n.percentage-display {\n  font-size: tokens.$ifxFontSizeS;\n  color: tokens.$ifxColorEngineering500;\n  margin-left: tokens.$ifxSpace100;\n\n  &.disabled {\n    // Add the disabled state for the percentage display\n    color: tokens.$ifxColorEngineering300;\n  }\n}\n\n.left-icon,\n.left-text {\n  margin-right: tokens.$ifxSpace100;\n}\n\n.right-icon,\n.right-text,\n.percentage-display {\n  margin-left: tokens.$ifxSpace100;\n}\n\n\n.ifx-slider {\n  display: flex;\n  align-items: center;\n  padding: tokens.$ifxSpace25 tokens.$ifxSpace200;\n  border-radius: tokens.$ifxBorderRadiusRound;\n\n  input[type='range'] {\n    -webkit-appearance: none;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(to right, tokens.$ifxColorOcean500 0%, tokens.$ifxColorOcean500 var(--value-percent, 0%), tokens.$ifxColorEngineering200 var(--value-percent, 0%), tokens.$ifxColorEngineering200 100%);\n    outline: none;\n    cursor: pointer;\n    transition: 0.2s;\n\n    &:focus-visible {\n      outline: 2px solid tokens.$ifxColorOcean500;\n    outline-offset: 4px;}\n\n    &::-moz-range-thumb {\n      width: tokens.$ifxSize250;\n      height: tokens.$ifxSize250;\n      border-radius: 50%;\n      background: tokens.$ifxColorOcean500;\n      cursor: pointer;\n      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);\n    }\n    \n\n    &:not(:disabled)::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      width: 16px;\n      height: 16px;\n      background: tokens.$ifxColorOcean500;\n      border-radius: 50%;\n      cursor: pointer;\n      transition: box-shadow 0.2s;\n\n      &:hover {\n        background: tokens.$ifxColorOcean600;\n      }\n\n      &:active {\n        background: tokens.$ifxColorOcean700;\n      }\n    }\n  }\n\n  input[type='range']:disabled {\n    background: tokens.$ifxColorEngineering300;\n    cursor: default;\n  }\n\n  input[type='range']:disabled::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 16px;\n    height: 16px;\n    background: tokens.$ifxColorEngineering300;\n    border-radius: 50%;\n    cursor: default;\n  }\n  \n  & .range-slider__wrapper {\n    position: relative;\n    width: 100%;\n    height: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0px 2px;\n    \n    background: linear-gradient(to right, tokens.$ifxColorEngineering200 0%, tokens.$ifxColorEngineering200 var(--min-value-percent, 100%), tokens.$ifxColorOcean500 var(--min-value-percent, 100%), tokens.$ifxColorOcean500 var(--max-value-percent, 100%), tokens.$ifxColorEngineering200 var(--max-value-percent, 100%), tokens.$ifxColorEngineering200 100%);\n\n    &:has(input[type='range']:disabled) {\n      background: tokens.$ifxColorEngineering300;\n    }\n\n    \n    @mixin thumb() {\n      -webkit-appearance: none;\n      border: none; \n      pointer-events: auto;\n      cursor: pointer;\n      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);\n    }\n    \n    @mixin track() {\n      -webkit-appearance: none;\n      border: none;\n      background: none; \n      width: 100%;\n    }\n\n    input[type='range'] {\n      position: absolute;\n      pointer-events: none; \n      background: none;\n      \n      &:focus-visible {\n      outline: 2px solid tokens.$ifxColorOcean500;\n      outline-offset: 4px;}\n\n      &::-webkit-slider-thumb { @include thumb; }\n      &::-moz-range-thumb { @include thumb; }\n      &::-ms-thumb { @include thumb; }\n\n      &::-webkit-slider-runnable-track { @include track; }\n      &::-moz-range-track { @include track; }\n    }\n  }\n  \n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';  \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-slider',\n  styleUrl: 'slider.scss',\n  shadow: true,\n})\nexport class IfxSlider {\n  @Prop() min: number = 0;\n  @Prop() max: number = 100;\n  @Prop() step: number = 1;\n  @Prop() value: number;\n  @Prop() minValueHandle: number;\n  @Prop() maxValueHandle: number;\n  @Prop() disabled: boolean = false;\n  @Prop() showPercentage: boolean = false;\n  @Prop() leftIcon: string;\n  @Prop() rightIcon: string;\n  @Prop() leftText: string;\n  @Prop() rightText: string;\n  @Prop() type: 'single' | 'double' = 'single';\n  @Prop() ariaLabel: string | null;\n  @State() internalValue: number = 0;\n  @State() percentage: number = 0;\n  @State() internalMinValue: number = 0;\n  @State() internalMaxValue: number = 100;\n  @Event() ifxChange: EventEmitter;\n\n  @Element() el;\n\n  private inputRef: HTMLInputElement;\n  private minInputRef: HTMLInputElement;\n  private maxInputRef: HTMLInputElement;\n                                             \n  @Watch('value')\n  valueChanged(newValue: number) {\n    this.internalValue = newValue;\n    this.updateValuePercent();\n  }\n\n  @Watch('minValueHandle')\n  minValueChanged(newValue: number) {\n    this.internalMinValue = newValue;\n    this.updateValuePercent();\n  }\n  \n  @Watch('maxValueHandle')\n  maxValueChanged(newValue: number) {\n    this.internalMaxValue = newValue;\n    this.updateValuePercent();\n  }\n\n  getRangeSliderWrapper() {\n    const rangeSliderWrapper = this.el.shadowRoot.querySelector('.range-slider__wrapper');\n    return rangeSliderWrapper;\n  }\n\n  handleInputChangeOfRangeSlider(event: Event) {\n    const target = event.target as HTMLInputElement;\n    if(parseFloat(this.maxInputRef.value) - parseFloat(this.minInputRef.value) <= 0) {\n      if(target.id === 'max-slider') {\n        this.maxInputRef.value = this.minInputRef.value;\n      }else{\n        this.minInputRef.value = this.maxInputRef.value;\n      }\n    }\n    if(target.id === 'max-slider') {\n      this.internalMaxValue = parseFloat(this.maxInputRef.value);\n    } else {\n      this.internalMinValue = parseFloat(this.minInputRef.value);\n    }\n    this.ifxChange.emit({minVal: this.internalMinValue, maxVal: this.internalMaxValue});\n    this.updateValuePercent();\n    this.updateZIndexIfRangeSlider(target.id)\n  }\n  \n  handleOnMouseLeaveOfRangeSlider(event: Event) {\n    const target = event.target as HTMLInputElement;\n    const sliderWrapper = this.getRangeSliderWrapper();\n    if(target.id === 'max-slider') {\n      sliderWrapper.insertBefore(this.maxInputRef, this.minInputRef);\n    } else {\n      sliderWrapper.insertBefore(this.minInputRef, this.maxInputRef);\n    }\n  }\n\n  calculatePercentageValue() {\n    const num = (this.internalValue - this.min) * 1.0;\n    const den = this.max - this.min;\n    this.percentage = +parseFloat(String((num/den)*100)).toFixed(2);\n  }\n\n  handleInputChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n    this.internalValue = parseFloat(target.value);\n    this.ifxChange.emit(this.internalValue);\n    this.calculatePercentageValue();\n    this.updateValuePercent();\n  }\n\n  private roundToValidStep(value: number) {\n    const relativeValue = value - this.min;\n    const remainder = relativeValue % this.step;\n    if (remainder >= this.step / 2) {\n      return this.min + relativeValue + (this.step - remainder);\n    } else {\n      return this.min + relativeValue - remainder;\n    }\n  }\n\n  updateValuePercent() {\n    const den = this.max - this.min;\n    if(this.type === 'double'){\n      if (this.minInputRef) {\n        const num = (this.roundToValidStep(this.internalMinValue) - this.min) * 1.0;\n        const minPercent = (num/den) * 100;\n        this.minInputRef.parentElement.style.setProperty('--min-value-percent', `${minPercent}%`);\n      }\n\n      if (this.maxInputRef) {\n        const num = (this.roundToValidStep(this.internalMaxValue) - this.min) * 1.0;\n        const maxPercent = (num/den) * 100;\n        this.maxInputRef.parentElement.style.setProperty('--max-value-percent', `${maxPercent}%`);\n      }\n\n    } else {\n\n      if (this.inputRef) {\n        const num = (this.roundToValidStep(this.internalValue) - this.min) * 1.0;\n        const den = this.max - this.min;\n        const percentage = (num/den) * 100;\n        this.inputRef.style.setProperty('--value-percent', `${percentage}%`);\n      }\n\n    }\n  }  \n  \n  // Ensures that the last used slider thumb stays on top of the other thumb in order to handle correct overlapping \n  // if min and max thumbs take the same value.\n  updateZIndexIfRangeSlider(targetId: string = '') {\n    if (targetId === 'max-slider') {\n      this.minInputRef.style.zIndex = '1';\n      this.maxInputRef.style.zIndex = '2';\n    } else {\n      this.minInputRef.style.zIndex = '2';\n      this.maxInputRef.style.zIndex = '1';\n    }\n  }\n\n  componentWillLoad() {\n    if(this.value === undefined) {\n      this.internalValue = (this.max-this.min) / 2;\n    } else {\n      this.internalValue = Math.max(this.min, Math.min(this.max, this.value));\n    }\n\n    this.calculatePercentageValue();\n\n    if(this.minValueHandle !== undefined) this.internalMinValue = this.minValueHandle;\n    else this.internalMinValue = this.min;\n    if(this.maxValueHandle !== undefined) this.internalMaxValue = this.maxValueHandle;\n    else this.internalMaxValue = this.max;\n  }\n\n  async componentDidLoad() {\n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-slider', await framework)\n    }\n    this.updateValuePercent();\n  }\n\n\n  render() {\n    return (\n      <div class=\"ifx-slider\">\n        {this.leftText && (\n          <span class={`left-text`}>\n            {this.leftText}\n          </span>\n        )}\n        {this.leftIcon && (\n          <ifx-icon icon={this.leftIcon} class={`left-icon${this.disabled ? ' disabled' : ''}`} />\n        )}\n        {\n          (this.type !== 'double') ?\n            <input\n              type=\"range\"\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              value={this.internalValue}\n              disabled={this.disabled}\n              ref={(el) => (this.inputRef = el as HTMLInputElement)}\n              onInput={(event) => this.handleInputChange(event)}\n              aria-label=\"Slider\"\n              aria-valuemin={this.min}\n              aria-valuemax={this.max}\n              aria-valuenow={this.internalValue}\n              aria-disabled={this.disabled ? \"true\" : \"false\"}\n              /> \n              :\n            <div class = 'range-slider__wrapper' aria-label={this.ariaLabel} role=\"group\">\n              <input \n                id='min-slider'\n                type='range'\n                min={this.min}\n                max={this.max}\n                step={this.step}\n                value={this.internalMinValue}\n                disabled={this.disabled}\n                ref={(el) => (this.minInputRef = el as HTMLInputElement)}\n                onInput={(event) => this.handleInputChangeOfRangeSlider(event)}\n                onMouseUp={(event) => this.handleOnMouseLeaveOfRangeSlider(event)}\n                aria-label=\"Minimum value slider\"\n                aria-valuemin={this.min}\n                aria-valuemax={this.max}\n                aria-valuenow={this.internalMinValue} aria-disabled={this.disabled ? \"true\" : \"false\"}\n              />\n              <input \n                id='max-slider'\n                type='range'\n                min={this.min}\n                max={this.max}\n                step={this.step}\n                value={this.internalMaxValue}\n                disabled={this.disabled}\n                ref={(el) => (this.maxInputRef = el as HTMLInputElement)}\n                onInput={(event) => this.handleInputChangeOfRangeSlider(event)}\n                onMouseUp={(event) => this.handleOnMouseLeaveOfRangeSlider(event)}\n                aria-label=\"Maximum value slider\"\n                aria-valuemin={this.min}\n                aria-valuemax={this.max}\n                aria-valuenow={this.internalMaxValue}\n                aria-disabled={this.disabled ? \"true\" : \"false\"}\n              />\n            </div>\n        }\n        {this.rightIcon && (\n          <ifx-icon icon={this.rightIcon} class={`right-icon${this.disabled ? ' disabled' : ''}`} />\n        )}\n        {this.rightText && (\n          <span class={`right-text${this.disabled ? ' disabled' : ''}`}>\n            {this.rightText}\n          </span>\n        )}\n\n        {this.showPercentage && (this.type !== \"double\") && (\n          <span\n            class={`percentage-display${this.disabled ? ' disabled' : ''}`}\n          >\n            {this.percentage}%\n          </span>\n        )}\n      </div>\n    );\n  }\n}"],"names":[],"mappings":"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"}