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

package/dist/components/ifx-modal.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
 import { i as isNestedInIfxComponent, d as detectFramework, t as trackComponent } from './p-bqYaVeZb.js';
-import { d as defineCustomElement$3 } from './p-BnjY2AJX.js';
-import { d as defineCustomElement$2 } from './p-BpoV3zpc.js';
+import { d as defineCustomElement$3 } from './p-DhNY6ZGA.js';
+import { d as defineCustomElement$2 } from './p-F-WOWp_H.js';
 
 /**
  * Copy/pasted from https://github.com/andreasbm/focus-trap
@@ -340,8 +340,8 @@ const IfxModal$1 = /*@__PURE__*/ proxyCustomElement(class IfxModal extends H {
     }
     render() {
         const isAlertVariant = this.variant !== 'default';
-        return (h(Host, { key: '6bbf2c70a6bec5646ac9e0dd0d407647d8a8bfe0' }, h("div", { key: 'ad9073f6168097d55b950cb1f998b65445af2528', ref: (el) => (this.modalContainer = el), class: `modal-container ${this.showModal ? 'open' : ''}` }, h("div", { key: '98bef6177dcc0ebcd4fd2d6afb4dde487bd6da0c', class: "modal-overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '107156697de5fe6a6777da70918891cb8a32744f', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabindex: "0" }), h("div", { key: '56252e01d98d2d99cd38bbabe66cdc7be5c3cd3f', class: `modal-content-container ${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.captionAriaLabel }, isAlertVariant ? (h("div", { class: `modal-icon-container ${this.variant === 'alert-brand' ? '' : 'danger'}` }, this.alertIcon ? h("ifx-icon", { icon: this.alertIcon }) : null)) : null, h("div", { key: '3865db58ca34df99500d2c5d3e03070e7dc0bcbf', class: "modal-content" }, h("div", { key: '81ea4d6edd35c84e903bfcaaebf5a51293e24412', class: "modal-header" }, h("h2", { key: 'efd86cf75acb7c8631e009714d987d4e92b00460', class: "modal-caption" }, this.caption), this.showCloseButton &&
-            h("ifx-icon-button", { key: '219502e33c5d4ae07b3f35295b60a717a3eef45e', class: 'modal-close-button', ref: (el) => (this.closeButton = el), icon: "cross-16", variant: "tertiary", onClick: () => this.doBeforeClose('CLOSE_BUTTON') })), h("div", { key: 'e00b53e5f2759232d7c0c5aae77e6254708814a4', class: "modal-body" }, h("slot", { key: '64b8b62f167181641116084d91ec29d3a84c9e78', name: "content", onSlotchange: (e) => this.handleContentUpdate(e) })), h("div", { key: '1b7a3d6dd7ae33cab61b3b01a6ee0f83f19fa891', class: `modal-footer ${this.slotButtonsPresent ? 'buttons-present' : ''}` }, h("slot", { key: '41a45a714c573e2b122ecced7fd258d80a74e7d6', name: "buttons", onSlotchange: (e) => this.handleButtonsSlotChange(e) })))), h("div", { key: 'eec4ae5bed38dbe5390afd80291a6c31d6bc62bd', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+        return (h(Host, { key: '8927c0356e8b8987acf9310b559c1568c6de4f37' }, h("div", { key: 'df0f8b0be2953a4974ca739120c7b7495c52fc1f', ref: (el) => (this.modalContainer = el), class: `modal-container ${this.showModal ? 'open' : ''}` }, h("div", { key: '8e6d35ddf390200573b38c6b2057bdf382838428', class: "modal-overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '324587e244e5519f7e0d755cbf1b43b1ca998ce7', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabindex: "0" }), h("div", { key: '11cb80157d6ae5e0c57b786c0a295722b6c94d85', class: `modal-content-container ${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.captionAriaLabel }, isAlertVariant ? (h("div", { class: `modal-icon-container ${this.variant === 'alert-brand' ? '' : 'danger'}` }, this.alertIcon ? h("ifx-icon", { icon: this.alertIcon }) : null)) : null, h("div", { key: 'ec6865df02bd71ac1b8513e147bf48bab522479b', class: "modal-content" }, h("div", { key: 'c9591304fc6ee447a60d16eea4c5017903397691', class: "modal-header" }, h("h2", { key: 'de9241b726711243ca5101ce3e49250f743c994b', class: "modal-caption" }, this.caption), this.showCloseButton &&
+            h("ifx-icon-button", { key: '561e1f6783efc4f54f422856cc4cb36c89503529', class: 'modal-close-button', ref: (el) => (this.closeButton = el), icon: "cross-16", variant: "tertiary", onClick: () => this.doBeforeClose('CLOSE_BUTTON') })), h("div", { key: '12788241b957ea98433872238c15a8d2ad9c13f6', class: "modal-body" }, h("slot", { key: '1dab9a551e1dbe7e90334869282ef0c6597104a7', name: "content", onSlotchange: (e) => this.handleContentUpdate(e) })), h("div", { key: '215c3be2970c6191a97a878d8fb97d5c8a2a40e6', class: `modal-footer ${this.slotButtonsPresent ? 'buttons-present' : ''}` }, h("slot", { key: '221bf1f5442baa42a6e098505baa32b5aa343ba0', name: "buttons", onSlotchange: (e) => this.handleButtonsSlotChange(e) })))), h("div", { key: '516f850b612376cde60c4cff6f7e04927bda5e7e', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/ifx-modal.js.map

@@ -1 +1 @@
-{"file":"ifx-modal.js","mappings":"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","names":["IfxModal","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/global/utils/focus-trap.ts","src/global/utils/animation.ts","src/components/modal/modal.scss?tag=ifx-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["/**\r\n * Copy/pasted from https://github.com/andreasbm/focus-trap\r\n */\r\n\r\n/**\r\n * Traverses the slots of the open shadowroots and returns all children matching the query.\r\n * We need to traverse each child-depth one at a time because if an element should be skipped\r\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"*\")\r\n * the information of whether the children is within a hidden parent is lost.\r\n * @param {ShadowRoot | HTMLElement} root\r\n * @param skipNode\r\n * @param isMatch\r\n * @param {number} maxDepth\r\n * @param {number} depth\r\n * @returns {HTMLElement[]}\r\n */\r\nexport function queryShadowRoot(\r\n  root: ShadowRoot | HTMLElement,\r\n  skipNode: ($elem: HTMLElement) => boolean,\r\n  isMatch: ($elem: HTMLElement) => boolean,\r\n  maxDepth: number = 20,\r\n  depth: number = 0\r\n): HTMLElement[] {\r\n  const matches: HTMLElement[] = [];\r\n\r\n  // If the depth is above the max depth, abort the searching here.\r\n  if (depth >= maxDepth) {\r\n    return matches;\r\n  }\r\n\r\n  // Traverses a slot element\r\n  const traverseSlot = ($slot: HTMLSlotElement) => {\r\n    // Only check nodes that are of the type Node.ELEMENT_NODE\r\n    // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\r\n    const assignedNodes = $slot\r\n      .assignedNodes()\r\n      .filter((node) => node.nodeType === 1);\r\n    if (assignedNodes.length > 0) {\r\n      const $slotParent = assignedNodes[0].parentElement!;\r\n      return queryShadowRoot(\r\n        $slotParent,\r\n        skipNode,\r\n        isMatch,\r\n        maxDepth,\r\n        depth + 1\r\n      );\r\n    }\r\n\r\n    return [];\r\n  };\r\n\r\n  // Go through each child and continue the traversing if necessary\r\n  // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\r\n  // Therefore we fallback to an empty array if it is undefined.\r\n  const children = Array.from(root.children || []) as HTMLElement[];\r\n  for (const $child of children) {\r\n    // Check if the element and its descendants should be skipped\r\n    if (skipNode($child)) {\r\n      // console.log('-- SKIP', $child);\r\n      continue;\r\n    }\r\n\r\n    // console.log('$child', $child);\r\n\r\n    // If the element matches we always add it\r\n    if (isMatch($child)) {\r\n      matches.push($child);\r\n    }\r\n\r\n    if ($child.shadowRoot != null) {\r\n      // If the element has a shadow root we need to traverse it\r\n      matches.push(\r\n        ...queryShadowRoot(\r\n          $child.shadowRoot,\r\n          skipNode,\r\n          isMatch,\r\n          maxDepth,\r\n          depth + 1\r\n        )\r\n      );\r\n    } else if ($child.tagName === 'SLOT') {\r\n      // If the child is a slot we need to traverse each assigned node\r\n      matches.push(...traverseSlot($child as HTMLSlotElement));\r\n    } else {\r\n      // Traverse the children of the element\r\n      matches.push(\r\n        ...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1)\r\n      );\r\n    }\r\n  }\r\n\r\n  return matches;\r\n}\r\n\r\n/**\r\n * Returns whether the element is hidden.\r\n * @param $elem\r\n */\r\nexport function isHidden($elem: HTMLElement): boolean {\r\n  return (\r\n    $elem.hasAttribute('hidden') ||\r\n    ($elem.hasAttribute('aria-hidden') &&\r\n      $elem.getAttribute('aria-hidden') !== 'false') ||\r\n    // A quick and dirty way to check whether the element is hidden.\r\n    // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\r\n    // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\r\n    // we won't be able to catch it here. We accept it due to the huge performance benefits.\r\n    $elem.style.display === `none` ||\r\n    $elem.style.opacity === `0` ||\r\n    $elem.style.visibility === `hidden` ||\r\n    $elem.style.visibility === `collapse`\r\n  );\r\n\r\n  // If offsetParent is null we can assume that the element is hidden\r\n  // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\r\n  // || $elem.offsetParent == null;\r\n}\r\n\r\n/**\r\n * Returns whether the element is disabled.\r\n * @param $elem\r\n */\r\nexport function isDisabled($elem: HTMLElement): boolean {\r\n  return (\r\n    $elem.hasAttribute('disabled') ||\r\n    ($elem.hasAttribute('aria-disabled') &&\r\n      $elem.getAttribute('aria-disabled') !== 'false')\r\n  );\r\n}\r\n\r\n/**\r\n * Determines whether an element is focusable.\r\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\r\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\r\n * @param $elem\r\n */\r\nexport function isFocusable($elem: HTMLElement): boolean {\r\n  // Discard elements that are removed from the tab order.\r\n  if (\r\n    $elem.getAttribute('tabindex') === '-1' ||\r\n    isHidden($elem) ||\r\n    isDisabled($elem)\r\n  ) {\r\n    return false;\r\n  }\r\n\r\n  return (\r\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\r\n    $elem.hasAttribute('tabindex') ||\r\n    // Anchor tags or area tags with a href set\r\n    (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) &&\r\n      $elem.hasAttribute('href')) ||\r\n    // Form elements which are not disabled\r\n    $elem instanceof HTMLButtonElement ||\r\n    $elem instanceof HTMLInputElement ||\r\n    $elem instanceof HTMLTextAreaElement ||\r\n    $elem instanceof HTMLSelectElement ||\r\n    // IFrames\r\n    $elem instanceof HTMLIFrameElement\r\n  );\r\n}","export function animationTo(\r\n  element: HTMLElement,\r\n  keyframes: Keyframe | Keyframe[],\r\n  options?: KeyframeAnimationOptions\r\n) {\r\n  const animated = element.animate(keyframes, { ...options, fill: 'both' });\r\n  animated.addEventListener('finish', () => {\r\n    // @ts-ignore\r\n    animated.commitStyles();\r\n    animated.cancel();\r\n  });\r\n\r\n  return animated;\r\n}\r\n\r\nconst keyframeDefaults = {\r\n  easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\r\n};\r\n\r\nexport const KEYFRAMES = {\r\n  fadeIn: [\r\n    {\r\n      offset: 0,\r\n      ...keyframeDefaults,\r\n      opacity: 0,\r\n    },\r\n    {\r\n      offset: 1,\r\n      ...keyframeDefaults,\r\n      opacity: 1,\r\n    },\r\n  ],\r\n  fadeOut: [\r\n    {\r\n      offset: 0,\r\n      ...keyframeDefaults,\r\n      opacity: 1,\r\n    },\r\n    {\r\n      offset: 1,\r\n      ...keyframeDefaults,\r\n      opacity: 0,\r\n    },\r\n  ],\r\n};","@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.modal-container {\r\n  display: none;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 1060;\r\n  overflow-y: auto;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n\r\n}\r\n\r\n.modal-container.open {\r\n  display: flex;\r\n}\r\n\r\n.modal-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: tokens.$ifxColorBaseBlack;\r\n  opacity: 0.5;\r\n  z-index: 0;\r\n}\r\n\r\n.modal-content-container {\r\n  position: absolute;\r\n  display: flex;\r\n  justify-content: center;\r\n  width: 90%;\r\n  min-height: 218px;\r\n  background-color: #fff;\r\n  border-radius: tokens.$ifxBorderRadiusNone;\r\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n  \r\n  //overflow: hidden;\r\n\r\n  box-sizing: border-box;\r\n  align-items: stretch;\r\n}\r\n\r\n.modal-content-container {\r\n  &.no-overflow { \r\n    overflow: hidden;\r\n    & .modal-body { \r\n      overflow-y: auto;\r\n    }\r\n  }\r\n}\r\n\r\n/* Add desktop size here */\r\n@media screen and (min-width: 768px) {\r\n  .modal-content-container {\r\n    width: 540px;\r\n    min-height: 132px;\r\n\r\n    &.m,\r\n    &.l,\r\n    &.s {\r\n      width: 90%;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1024px) {\r\n  .modal-content-container {\r\n\r\n    &.s {\r\n      width: 47vw;\r\n    }\r\n\r\n    &.m {\r\n      width: 63vw;\r\n    }\r\n\r\n    &.l {\r\n      width: 80%;\r\n    }\r\n  }\r\n}\r\n\r\n.modal-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  max-height: 90vh;\r\n}\r\n\r\n.modal-icon-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  background-color: tokens.$ifxColorOcean500;\r\n  align-self: stretch;\r\n\r\n  &.danger {\r\n    background-color: tokens.$ifxColorRed500;\r\n  }\r\n\r\n  & ifx-icon {\r\n    color: tokens.$ifxColorBaseWhite;\r\n  }\r\n}\r\n\r\n.modal-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 24px;\r\n  min-height: 76px;\r\n  max-height: 105px;\r\n  box-sizing: border-box;\r\n  border-radius: 1px 1px 0px 0px;\r\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\r\n}\r\n\r\n.modal-caption {\r\n  max-height: 56px;\r\n  display: -webkit-box;\r\n  overflow: hidden;\r\n  white-space: pre-wrap;\r\n  word-wrap: break-word;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical; \r\n}\r\n\r\n.modal-header h2 {\r\n  margin: 0;\r\n  font-weight: tokens.$ifxFontWeightSemibold;\r\n  font-size: tokens.$ifxFontSizeXl;\r\n  line-height: 28px;\r\n}\r\n\r\n.modal-header button {\r\n  background: none;\r\n  border: none;\r\n  font-size: 1.5em;\r\n  padding: 0;\r\n  cursor: pointer;\r\n}\r\n\r\n.modal-close-button {\r\n  align-self: flex-start;\r\n  margin-right: -8px;\r\n}\r\n\r\n.modal-body {\r\n  padding: 16px 24px;\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n  flex: 1;\r\n  \r\n  //overflow-y: auto;\r\n}\r\n\r\n.modal-footer.buttons-present ::slotted(*){\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  gap: 16px;\r\n  padding: 16px 24px 32px 16px\r\n}\r\n\r\n.modal-border {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  font-size: 1.5em;\r\n  flex-grow: 1;\r\n\r\n  &.primary {\r\n    background-color: tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &.secondary {\r\n    background-color: tokens.$ifxColorEngineering500;\r\n  }\r\n\r\n  &.danger {\r\n    background-color: tokens.$ifxColorRed500;\r\n  }\r\n\r\n  &.success {\r\n    background-color: tokens.$ifxColorGreen500;\r\n  }\r\n\r\n  &.warning {\r\n    background-color: tokens.$ifxColorOrange500;\r\n  }\r\n\r\n  &.orange {\r\n    background-color: tokens.$ifxColorOrange500;\r\n  }\r\n\r\n  &.ocean {\r\n    background-color: tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &.grey {\r\n    background-color: tokens.$ifxColorEngineering500;\r\n  }\r\n\r\n  &.grey-200 {\r\n    background-color: tokens.$ifxColorEngineering200;\r\n  }\r\n\r\n  &.red {\r\n    background-color: tokens.$ifxColorRed500;\r\n  }\r\n\r\n  &.green {\r\n    background-color: tokens.$ifxColorGreen500;\r\n  }\r\n\r\n  &.berry {\r\n    background-color: tokens.$ifxColorBerry500;\r\n  }\r\n}","import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch } 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\nimport { queryShadowRoot, isHidden, isFocusable } from '../../global/utils/focus-trap';\r\nimport { animationTo, KEYFRAMES } from '../../global/utils/animation';\r\n \r\ntype CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP';\r\n\r\nexport interface BeforeCloseEventDetail {\r\n  trigger: CloseEventTrigger;\r\n}\r\n@Component({\r\n  tag: 'ifx-modal',\r\n  styleUrl: 'modal.scss',\r\n  shadow: true\r\n})\r\nexport class IfxModal {\r\n  @Prop({ reflect: true, mutable: true }) opened?: boolean = false;\r\n  @State() showModal: boolean = this.opened || false;\r\n\r\n  @Prop() caption: string = 'Modal Title';\r\n  @Prop() captionAriaLabel: string | null;\r\n\r\n  @Prop() closeOnOverlayClick: boolean = true;\r\n\r\n  @Event() ifxOpen: EventEmitter;\r\n  @Event() ifxClose: EventEmitter;\r\n\r\n  @Prop() variant: 'default' | 'alert-brand' | 'alert-danger' = 'default';\r\n\r\n  @Prop() size: 's' | 'm' | 'l' = 's';\r\n\r\n  @Prop() alertIcon: string = '';\r\n  @Prop() okButtonLabel: string = 'OK';\r\n  @Prop() cancelButtonLabel: string = 'Cancel';\r\n  @Prop() closeButtonAriaLabel: string | null;\r\n\r\n  @Element() hostElement: HTMLElement;\r\n\r\n  @State() slotButtonsPresent: boolean = false;\r\n\r\n  @Prop() showCloseButton: boolean = true;\r\n\r\n  private modalContainer: HTMLElement;\r\n  private focusableElements: HTMLElement[] = [];\r\n  private closeButton: HTMLButtonElement | HTMLIfxIconButtonElement;\r\n  private resizeTimeout: ReturnType<typeof setTimeout>;\r\n\r\n  handleResize = () => {\r\n  clearTimeout(this.resizeTimeout);\r\n  this.resizeTimeout = setTimeout(() => {\r\n    if (this.showModal) {\r\n      this.handleComponentOverflow();\r\n    }\r\n  }, 100);\r\n};\r\n\r\n  async componentDidLoad() {\r\n    if(!isNestedInIfxComponent(this.hostElement)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-modal', await framework)\r\n    }\r\n    // Query all focusable elements and store them in `focusableElements`.\r\n    // Needed for the \"focus trap\" functionality.\r\n    this.focusableElements = queryShadowRoot(\r\n      this.hostElement.shadowRoot,\r\n      (el) => isHidden(el) || el.matches('[data-focus-trap-edge]'),\r\n      isFocusable\r\n    );\r\n    window.addEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n  window.removeEventListener('resize', this.handleResize);\r\n}\r\n\r\n  componentWillRender() { \r\n    if(this.showModal) { \r\n      this.handleComponentOverflow();\r\n    }\r\n  }\r\n\r\n  async handleComponentOverflow() { \r\n    const modalContentContainer = this.hostElement.shadowRoot.querySelector('.modal-content-container');\r\n    if (this.showModal && await this.isModalContentContainerHeightReachedViewport()) {\r\n      modalContentContainer.classList.add('no-overflow')\r\n    } else if (modalContentContainer?.classList.contains('no-overflow')) {\r\n      modalContentContainer?.classList.remove('no-overflow')\r\n    }\r\n  }\r\n\r\n  getFirstFocusableElement(): HTMLElement | null {\r\n    return this.focusableElements[0];\r\n  }\r\n\r\n  getLastFocusableElement(): HTMLElement | null {\r\n    return this.focusableElements[this.focusableElements.length - 1];\r\n  }\r\n\r\n  handleTopFocus = () => {\r\n    this.attemptFocus(this.getLastFocusableElement());\r\n  };\r\n\r\n  handleBottomFocus = () => {\r\n    this.attemptFocus(this.getFirstFocusableElement());\r\n  };\r\n\r\n  attemptFocus(element: HTMLElement | null) {\r\n    if (element == null) {\r\n      setTimeout(() => { //wait until DOM is fully loaded\r\n        this.closeButton.focus();\r\n      },);\r\n      return;\r\n    }\r\n\r\n    setTimeout(() => { //wait until DOM is fully loaded\r\n      element.focus();\r\n    }, 0);\r\n  }\r\n\r\n  open() {\r\n    this.showModal = true;\r\n    try {\r\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {\r\n        duration: 200,\r\n      });\r\n      anim.addEventListener('finish', () => {\r\n        // Setting focus on last item and removing immediately\r\n        // so, on tab press first element is focused\r\n        setTimeout(() => {\r\n          this.getLastFocusableElement()?.focus();\r\n          this.getLastFocusableElement()?.blur();\r\n        }, 0);\r\n\r\n        this.ifxOpen.emit();\r\n      });\r\n\r\n      this.hostElement.addEventListener('keydown', this.handleKeypress);\r\n    } catch (err) {\r\n      this.ifxOpen.emit();\r\n    }\r\n  }\r\n\r\n  close() {\r\n    try {\r\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {\r\n        duration: 200,\r\n      });\r\n      anim.addEventListener('finish', () => {\r\n        this.showModal = false;\r\n        this.ifxClose.emit();\r\n      });\r\n      this.hostElement.removeEventListener('keydown', this.handleKeypress);\r\n    } catch (err) {\r\n      this.showModal = false;\r\n      this.ifxClose.emit();\r\n    }\r\n  }\r\n\r\n  handleKeypress = (event: KeyboardEvent) => {\r\n    if (!this.showModal) {\r\n      return;\r\n    }\r\n    if (event.key === 'Escape') {\r\n      this.doBeforeClose('ESCAPE_KEY');\r\n    }\r\n  };\r\n\r\n  doBeforeClose(trigger: CloseEventTrigger) {\r\n    const triggers = [];\r\n    triggers.push(trigger);\r\n    const prevented = triggers.some((event) => event.defaultPrevented);\r\n    if (!prevented) {\r\n      this.opened = false;\r\n    }\r\n  }\r\n\r\n  @Watch('opened')\r\n  openedChanged(newValue) {\r\n    if (newValue === true) {\r\n      this.open();\r\n    } else {\r\n      this.close()\r\n    }\r\n  }\r\n\r\n  handleOverlayClick() {\r\n    if (this.closeOnOverlayClick) {\r\n      this.doBeforeClose('BACKDROP')\r\n    }\r\n  }\r\n\r\n  handleContentUpdate(e) {\r\n    const slotElement = e.target;\r\n    const nodes = slotElement.assignedNodes();\r\n    if (nodes.length > 0) {\r\n      nodes.forEach(node => {\r\n        if (node.observer) {\r\n          node.observer.disconnect();\r\n          delete node.observer;\r\n        }\r\n        const observer = new MutationObserver((mutationsList, _) => {\r\n          for (let mutation of mutationsList) {\r\n            if (mutation.type === 'childList') {\r\n              if (this.showModal) {\r\n                this.handleComponentOverflow();\r\n              }\r\n            }\r\n          }\r\n        });\r\n        observer.observe(node, { attributes: true, childList: true, subtree: true });\r\n        node.observer = observer;\r\n      });\r\n    }\r\n  }\r\n\r\n  handleButtonsSlotChange(e) {\r\n    if (e.currentTarget.assignedElements()[0]?.childElementCount > 0) {\r\n      this.slotButtonsPresent = true;\r\n    } else {\r\n      this.slotButtonsPresent = false;\r\n    }\r\n  }\r\n\r\n isModalContentContainerHeightReachedViewport() {\r\n  //Adding timeout for proper height detection on Edge browser\r\n  return new Promise(resolve => {\r\n    setTimeout(() => {\r\n      const modalContent = this.hostElement.shadowRoot.querySelector('.modal-content') as HTMLElement;\r\n      const modalContentHeight = modalContent.offsetHeight;\r\n      const viewportHeight = window.innerHeight;\r\n      const extraMarginForEdgeBrowser = 3;\r\n      resolve(modalContentHeight + extraMarginForEdgeBrowser >= viewportHeight * 0.9);\r\n    }, 100);\r\n  });\r\n}\r\n\r\n\r\n  render() {\r\n    const isAlertVariant = this.variant !== 'default';\r\n    return (\r\n      <Host>\r\n        <div\r\n          ref={(el) => (this.modalContainer = el)}\r\n          class={`modal-container ${this.showModal ? 'open' : ''}`}\r\n        >\r\n          <div\r\n            class=\"modal-overlay\"\r\n            onClick={() => this.handleOverlayClick()}\r\n          ></div>\r\n          <div\r\n            data-focus-trap-edge\r\n            onFocus={this.handleTopFocus}\r\n            tabindex=\"0\"\r\n          ></div>\r\n          <div\r\n            class={`modal-content-container ${this.size}`}\r\n            role=\"dialog\"\r\n            aria-modal=\"true\"\r\n            aria-label={this.captionAriaLabel}>\r\n            {isAlertVariant ? (\r\n              <div class={`modal-icon-container ${this.variant === 'alert-brand' ? '' : 'danger'}`}>\r\n                {this.alertIcon ? <ifx-icon icon={this.alertIcon} /> : null}\r\n              </div>\r\n            ) : null}\r\n            <div class=\"modal-content\">\r\n              <div class=\"modal-header\">\r\n                <h2 class=\"modal-caption\">{this.caption}</h2>\r\n                {\r\n                  this.showCloseButton &&\r\n                  <ifx-icon-button class='modal-close-button' ref={(el) => (this.closeButton = el)} icon=\"cross-16\" variant=\"tertiary\" onClick={() => this.doBeforeClose('CLOSE_BUTTON')}>\r\n                  </ifx-icon-button>\r\n                }\r\n              </div>\r\n              <div class=\"modal-body\">\r\n                <slot name=\"content\" onSlotchange={(e) => this.handleContentUpdate(e)} />\r\n              </div>\r\n              <div class={`modal-footer ${this.slotButtonsPresent ? 'buttons-present' : ''}`}>\r\n                <slot name=\"buttons\" onSlotchange={(e) => this.handleButtonsSlotChange(e)}>\r\n                </slot>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            data-focus-trap-edge\r\n            onFocus={this.handleBottomFocus}\r\n            tabindex=\"0\"\r\n          ></div>\r\n        </div>\r\n      </Host>\r\n\r\n    );\r\n  }\r\n}"],"version":3}
+{"file":"ifx-modal.js","mappings":"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","names":["IfxModal","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/global/utils/focus-trap.ts","src/global/utils/animation.ts","src/components/modal/modal.scss?tag=ifx-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["/**\n * Copy/pasted from https://github.com/andreasbm/focus-trap\n */\n\n/**\n * Traverses the slots of the open shadowroots and returns all children matching the query.\n * We need to traverse each child-depth one at a time because if an element should be skipped\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"*\")\n * the information of whether the children is within a hidden parent is lost.\n * @param {ShadowRoot | HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n */\nexport function queryShadowRoot(\n  root: ShadowRoot | HTMLElement,\n  skipNode: ($elem: HTMLElement) => boolean,\n  isMatch: ($elem: HTMLElement) => boolean,\n  maxDepth: number = 20,\n  depth: number = 0\n): HTMLElement[] {\n  const matches: HTMLElement[] = [];\n\n  // If the depth is above the max depth, abort the searching here.\n  if (depth >= maxDepth) {\n    return matches;\n  }\n\n  // Traverses a slot element\n  const traverseSlot = ($slot: HTMLSlotElement) => {\n    // Only check nodes that are of the type Node.ELEMENT_NODE\n    // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n    const assignedNodes = $slot\n      .assignedNodes()\n      .filter((node) => node.nodeType === 1);\n    if (assignedNodes.length > 0) {\n      const $slotParent = assignedNodes[0].parentElement!;\n      return queryShadowRoot(\n        $slotParent,\n        skipNode,\n        isMatch,\n        maxDepth,\n        depth + 1\n      );\n    }\n\n    return [];\n  };\n\n  // Go through each child and continue the traversing if necessary\n  // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n  // Therefore we fallback to an empty array if it is undefined.\n  const children = Array.from(root.children || []) as HTMLElement[];\n  for (const $child of children) {\n    // Check if the element and its descendants should be skipped\n    if (skipNode($child)) {\n      // console.log('-- SKIP', $child);\n      continue;\n    }\n\n    // console.log('$child', $child);\n\n    // If the element matches we always add it\n    if (isMatch($child)) {\n      matches.push($child);\n    }\n\n    if ($child.shadowRoot != null) {\n      // If the element has a shadow root we need to traverse it\n      matches.push(\n        ...queryShadowRoot(\n          $child.shadowRoot,\n          skipNode,\n          isMatch,\n          maxDepth,\n          depth + 1\n        )\n      );\n    } else if ($child.tagName === 'SLOT') {\n      // If the child is a slot we need to traverse each assigned node\n      matches.push(...traverseSlot($child as HTMLSlotElement));\n    } else {\n      // Traverse the children of the element\n      matches.push(\n        ...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1)\n      );\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Returns whether the element is hidden.\n * @param $elem\n */\nexport function isHidden($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('hidden') ||\n    ($elem.hasAttribute('aria-hidden') &&\n      $elem.getAttribute('aria-hidden') !== 'false') ||\n    // A quick and dirty way to check whether the element is hidden.\n    // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n    // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n    // we won't be able to catch it here. We accept it due to the huge performance benefits.\n    $elem.style.display === `none` ||\n    $elem.style.opacity === `0` ||\n    $elem.style.visibility === `hidden` ||\n    $elem.style.visibility === `collapse`\n  );\n\n  // If offsetParent is null we can assume that the element is hidden\n  // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n  // || $elem.offsetParent == null;\n}\n\n/**\n * Returns whether the element is disabled.\n * @param $elem\n */\nexport function isDisabled($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('disabled') ||\n    ($elem.hasAttribute('aria-disabled') &&\n      $elem.getAttribute('aria-disabled') !== 'false')\n  );\n}\n\n/**\n * Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem: HTMLElement): boolean {\n  // Discard elements that are removed from the tab order.\n  if (\n    $elem.getAttribute('tabindex') === '-1' ||\n    isHidden($elem) ||\n    isDisabled($elem)\n  ) {\n    return false;\n  }\n\n  return (\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n    $elem.hasAttribute('tabindex') ||\n    // Anchor tags or area tags with a href set\n    (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) &&\n      $elem.hasAttribute('href')) ||\n    // Form elements which are not disabled\n    $elem instanceof HTMLButtonElement ||\n    $elem instanceof HTMLInputElement ||\n    $elem instanceof HTMLTextAreaElement ||\n    $elem instanceof HTMLSelectElement ||\n    // IFrames\n    $elem instanceof HTMLIFrameElement\n  );\n}","export function animationTo(\n  element: HTMLElement,\n  keyframes: Keyframe | Keyframe[],\n  options?: KeyframeAnimationOptions\n) {\n  const animated = element.animate(keyframes, { ...options, fill: 'both' });\n  animated.addEventListener('finish', () => {\n    // @ts-ignore\n    animated.commitStyles();\n    animated.cancel();\n  });\n\n  return animated;\n}\n\nconst keyframeDefaults = {\n  easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n};\n\nexport const KEYFRAMES = {\n  fadeIn: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n  ],\n  fadeOut: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n  ],\n};","@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: block;\n}\n\n.modal-container {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1060;\n  overflow-y: auto;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n}\n\n.modal-container.open {\n  display: flex;\n}\n\n.modal-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: tokens.$ifxColorBaseBlack;\n  opacity: 0.5;\n  z-index: 0;\n}\n\n.modal-content-container {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  width: 90%;\n  min-height: 218px;\n  background-color: #fff;\n  border-radius: tokens.$ifxBorderRadiusNone;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  \n  //overflow: hidden;\n\n  box-sizing: border-box;\n  align-items: stretch;\n}\n\n.modal-content-container {\n  &.no-overflow { \n    overflow: hidden;\n    & .modal-body { \n      overflow-y: auto;\n    }\n  }\n}\n\n/* Add desktop size here */\n@media screen and (min-width: 768px) {\n  .modal-content-container {\n    width: 540px;\n    min-height: 132px;\n\n    &.m,\n    &.l,\n    &.s {\n      width: 90%;\n    }\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .modal-content-container {\n\n    &.s {\n      width: 47vw;\n    }\n\n    &.m {\n      width: 63vw;\n    }\n\n    &.l {\n      width: 80%;\n    }\n  }\n}\n\n.modal-content {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-height: 90vh;\n}\n\n.modal-icon-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  background-color: tokens.$ifxColorOcean500;\n  align-self: stretch;\n\n  &.danger {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  & ifx-icon {\n    color: tokens.$ifxColorBaseWhite;\n  }\n}\n\n.modal-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 24px;\n  min-height: 76px;\n  max-height: 105px;\n  box-sizing: border-box;\n  border-radius: 1px 1px 0px 0px;\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n}\n\n.modal-caption {\n  max-height: 56px;\n  display: -webkit-box;\n  overflow: hidden;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical; \n}\n\n.modal-header h2 {\n  margin: 0;\n  font-weight: tokens.$ifxFontWeightSemibold;\n  font-size: tokens.$ifxFontSizeXl;\n  line-height: 28px;\n}\n\n.modal-header button {\n  background: none;\n  border: none;\n  font-size: 1.5em;\n  padding: 0;\n  cursor: pointer;\n}\n\n.modal-close-button {\n  align-self: flex-start;\n  margin-right: -8px;\n}\n\n.modal-body {\n  padding: 16px 24px;\n  min-height: 56px;\n  box-sizing: border-box;\n  flex: 1;\n  \n  //overflow-y: auto;\n}\n\n.modal-footer.buttons-present ::slotted(*){\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n  padding: 16px 24px 32px 16px\n}\n\n.modal-border {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  font-size: 1.5em;\n  flex-grow: 1;\n\n  &.primary {\n    background-color: tokens.$ifxColorOcean500;\n  }\n\n  &.secondary {\n    background-color: tokens.$ifxColorEngineering500;\n  }\n\n  &.danger {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  &.success {\n    background-color: tokens.$ifxColorGreen500;\n  }\n\n  &.warning {\n    background-color: tokens.$ifxColorOrange500;\n  }\n\n  &.orange {\n    background-color: tokens.$ifxColorOrange500;\n  }\n\n  &.ocean {\n    background-color: tokens.$ifxColorOcean500;\n  }\n\n  &.grey {\n    background-color: tokens.$ifxColorEngineering500;\n  }\n\n  &.grey-200 {\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &.red {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  &.green {\n    background-color: tokens.$ifxColorGreen500;\n  }\n\n  &.berry {\n    background-color: tokens.$ifxColorBerry500;\n  }\n}","import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\nimport { queryShadowRoot, isHidden, isFocusable } from '../../global/utils/focus-trap';\nimport { animationTo, KEYFRAMES } from '../../global/utils/animation';\n \ntype CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP';\n\nexport interface BeforeCloseEventDetail {\n  trigger: CloseEventTrigger;\n}\n@Component({\n  tag: 'ifx-modal',\n  styleUrl: 'modal.scss',\n  shadow: true\n})\nexport class IfxModal {\n  @Prop({ reflect: true, mutable: true }) opened?: boolean = false;\n  @State() showModal: boolean = this.opened || false;\n\n  @Prop() caption: string = 'Modal Title';\n  @Prop() captionAriaLabel: string | null;\n\n  @Prop() closeOnOverlayClick: boolean = true;\n\n  @Event() ifxOpen: EventEmitter;\n  @Event() ifxClose: EventEmitter;\n\n  @Prop() variant: 'default' | 'alert-brand' | 'alert-danger' = 'default';\n\n  @Prop() size: 's' | 'm' | 'l' = 's';\n\n  @Prop() alertIcon: string = '';\n  @Prop() okButtonLabel: string = 'OK';\n  @Prop() cancelButtonLabel: string = 'Cancel';\n  @Prop() closeButtonAriaLabel: string | null;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() slotButtonsPresent: boolean = false;\n\n  @Prop() showCloseButton: boolean = true;\n\n  private modalContainer: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n  private closeButton: HTMLButtonElement | HTMLIfxIconButtonElement;\n  private resizeTimeout: ReturnType<typeof setTimeout>;\n\n  handleResize = () => {\n  clearTimeout(this.resizeTimeout);\n  this.resizeTimeout = setTimeout(() => {\n    if (this.showModal) {\n      this.handleComponentOverflow();\n    }\n  }, 100);\n};\n\n  async componentDidLoad() {\n    if(!isNestedInIfxComponent(this.hostElement)) { \n      const framework = detectFramework();\n      trackComponent('ifx-modal', await framework)\n    }\n    // Query all focusable elements and store them in `focusableElements`.\n    // Needed for the \"focus trap\" functionality.\n    this.focusableElements = queryShadowRoot(\n      this.hostElement.shadowRoot,\n      (el) => isHidden(el) || el.matches('[data-focus-trap-edge]'),\n      isFocusable\n    );\n    window.addEventListener('resize', this.handleResize);\n  }\n\n  disconnectedCallback() {\n  window.removeEventListener('resize', this.handleResize);\n}\n\n  componentWillRender() { \n    if(this.showModal) { \n      this.handleComponentOverflow();\n    }\n  }\n\n  async handleComponentOverflow() { \n    const modalContentContainer = this.hostElement.shadowRoot.querySelector('.modal-content-container');\n    if (this.showModal && await this.isModalContentContainerHeightReachedViewport()) {\n      modalContentContainer.classList.add('no-overflow')\n    } else if (modalContentContainer?.classList.contains('no-overflow')) {\n      modalContentContainer?.classList.remove('no-overflow')\n    }\n  }\n\n  getFirstFocusableElement(): HTMLElement | null {\n    return this.focusableElements[0];\n  }\n\n  getLastFocusableElement(): HTMLElement | null {\n    return this.focusableElements[this.focusableElements.length - 1];\n  }\n\n  handleTopFocus = () => {\n    this.attemptFocus(this.getLastFocusableElement());\n  };\n\n  handleBottomFocus = () => {\n    this.attemptFocus(this.getFirstFocusableElement());\n  };\n\n  attemptFocus(element: HTMLElement | null) {\n    if (element == null) {\n      setTimeout(() => { //wait until DOM is fully loaded\n        this.closeButton.focus();\n      },);\n      return;\n    }\n\n    setTimeout(() => { //wait until DOM is fully loaded\n      element.focus();\n    }, 0);\n  }\n\n  open() {\n    this.showModal = true;\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        // Setting focus on last item and removing immediately\n        // so, on tab press first element is focused\n        setTimeout(() => {\n          this.getLastFocusableElement()?.focus();\n          this.getLastFocusableElement()?.blur();\n        }, 0);\n\n        this.ifxOpen.emit();\n      });\n\n      this.hostElement.addEventListener('keydown', this.handleKeypress);\n    } catch (err) {\n      this.ifxOpen.emit();\n    }\n  }\n\n  close() {\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        this.showModal = false;\n        this.ifxClose.emit();\n      });\n      this.hostElement.removeEventListener('keydown', this.handleKeypress);\n    } catch (err) {\n      this.showModal = false;\n      this.ifxClose.emit();\n    }\n  }\n\n  handleKeypress = (event: KeyboardEvent) => {\n    if (!this.showModal) {\n      return;\n    }\n    if (event.key === 'Escape') {\n      this.doBeforeClose('ESCAPE_KEY');\n    }\n  };\n\n  doBeforeClose(trigger: CloseEventTrigger) {\n    const triggers = [];\n    triggers.push(trigger);\n    const prevented = triggers.some((event) => event.defaultPrevented);\n    if (!prevented) {\n      this.opened = false;\n    }\n  }\n\n  @Watch('opened')\n  openedChanged(newValue) {\n    if (newValue === true) {\n      this.open();\n    } else {\n      this.close()\n    }\n  }\n\n  handleOverlayClick() {\n    if (this.closeOnOverlayClick) {\n      this.doBeforeClose('BACKDROP')\n    }\n  }\n\n  handleContentUpdate(e) {\n    const slotElement = e.target;\n    const nodes = slotElement.assignedNodes();\n    if (nodes.length > 0) {\n      nodes.forEach(node => {\n        if (node.observer) {\n          node.observer.disconnect();\n          delete node.observer;\n        }\n        const observer = new MutationObserver((mutationsList, _) => {\n          for (let mutation of mutationsList) {\n            if (mutation.type === 'childList') {\n              if (this.showModal) {\n                this.handleComponentOverflow();\n              }\n            }\n          }\n        });\n        observer.observe(node, { attributes: true, childList: true, subtree: true });\n        node.observer = observer;\n      });\n    }\n  }\n\n  handleButtonsSlotChange(e) {\n    if (e.currentTarget.assignedElements()[0]?.childElementCount > 0) {\n      this.slotButtonsPresent = true;\n    } else {\n      this.slotButtonsPresent = false;\n    }\n  }\n\n isModalContentContainerHeightReachedViewport() {\n  //Adding timeout for proper height detection on Edge browser\n  return new Promise(resolve => {\n    setTimeout(() => {\n      const modalContent = this.hostElement.shadowRoot.querySelector('.modal-content') as HTMLElement;\n      const modalContentHeight = modalContent.offsetHeight;\n      const viewportHeight = window.innerHeight;\n      const extraMarginForEdgeBrowser = 3;\n      resolve(modalContentHeight + extraMarginForEdgeBrowser >= viewportHeight * 0.9);\n    }, 100);\n  });\n}\n\n\n  render() {\n    const isAlertVariant = this.variant !== 'default';\n    return (\n      <Host>\n        <div\n          ref={(el) => (this.modalContainer = el)}\n          class={`modal-container ${this.showModal ? 'open' : ''}`}\n        >\n          <div\n            class=\"modal-overlay\"\n            onClick={() => this.handleOverlayClick()}\n          ></div>\n          <div\n            data-focus-trap-edge\n            onFocus={this.handleTopFocus}\n            tabindex=\"0\"\n          ></div>\n          <div\n            class={`modal-content-container ${this.size}`}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={this.captionAriaLabel}>\n            {isAlertVariant ? (\n              <div class={`modal-icon-container ${this.variant === 'alert-brand' ? '' : 'danger'}`}>\n                {this.alertIcon ? <ifx-icon icon={this.alertIcon} /> : null}\n              </div>\n            ) : null}\n            <div class=\"modal-content\">\n              <div class=\"modal-header\">\n                <h2 class=\"modal-caption\">{this.caption}</h2>\n                {\n                  this.showCloseButton &&\n                  <ifx-icon-button class='modal-close-button' ref={(el) => (this.closeButton = el)} icon=\"cross-16\" variant=\"tertiary\" onClick={() => this.doBeforeClose('CLOSE_BUTTON')}>\n                  </ifx-icon-button>\n                }\n              </div>\n              <div class=\"modal-body\">\n                <slot name=\"content\" onSlotchange={(e) => this.handleContentUpdate(e)} />\n              </div>\n              <div class={`modal-footer ${this.slotButtonsPresent ? 'buttons-present' : ''}`}>\n                <slot name=\"buttons\" onSlotchange={(e) => this.handleButtonsSlotChange(e)}>\n                </slot>\n              </div>\n            </div>\n          </div>\n          <div\n            data-focus-trap-edge\n            onFocus={this.handleBottomFocus}\n            tabindex=\"0\"\n          ></div>\n        </div>\n      </Host>\n\n    );\n  }\n}"],"version":3}

package/dist/components/ifx-multiselect-option.js

@@ -1,4 +1,4 @@
-import { M as MultiselectOption, d as defineCustomElement$1 } from './p-ncBPrnzY.js';
+import { M as MultiselectOption, d as defineCustomElement$1 } from './p-Djr4amRx.js';
 
 const IfxMultiselectOption = MultiselectOption;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-multiselect.js

@@ -1,4 +1,4 @@
-import { M as Multiselect, d as defineCustomElement$1 } from './p-B5v9D54X.js';
+import { M as Multiselect, d as defineCustomElement$1 } from './p-CcGE_f9F.js';
 
 const IfxMultiselect = Multiselect;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-navbar-item.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { d as defineCustomElement$3 } from './p-BnjY2AJX.js';
-import { d as defineCustomElement$2 } from './p-rP_UHrBl.js';
+import { d as defineCustomElement$3 } from './p-DhNY6ZGA.js';
+import { d as defineCustomElement$2 } from './p-BxahGQyq.js';
 
 const navbarItemCss = ":host(.hidden){display:none}.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s;display:flex}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .number__indicator-wrapper{position:relative;top:-11px}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:\"Source Sans 3\";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:\"Source Sans 3\";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container:focus{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .number__indicator-wrapper{position:relative;top:-11px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}";
 
@@ -396,14 +396,14 @@ const NavbarItem = /*@__PURE__*/ proxyCustomElement(class NavbarItem extends H {
         }
     }
     render() {
-        return (h("div", { key: 'd464ccfd18af4351bcb90ffb568073c4c1ef52b9', tabIndex: 1, class: "container", onMouseLeave: e => this.handleNestedLayerMenu(e), onKeyDown: (e) => this.handleKeyDown(e), onMouseEnter: e => this.handleNestedLayerMenu(e) }, h("div", { key: 'aac50e4893ee637649fc385748ff7dd9551dca28', class: "sub__layer-back-button" }, h("div", { key: 'f3f4d5a4270b1229cc28e50bcc181031999d2cfa', class: "back__button-wrapper", onClick: () => this.returnToFirstLayer() }, h("ifx-icon", { key: '95212c54c40473563e08ebf12f43e98ef7d55bf9', icon: "arrow-left-16" }), h("span", { key: 'd3d8d3f544b3ff81ca0c65acc2eb9a6db1bb6405' }, "Back"))), h("a", { key: '3876033f5b88637ff0a9eb2fd921d690d8ad3c1b', tabindex: -1, href: this.internalHref, target: this.target, onClick: () => this.toggleItemMenu(), class: `navbar__item ${this.isSidebarMenuItem ? 'sidebarMenuItem' : ""} ${!this.showLabel ? 'removeLabel' : ""} ${this.isMenuItem ? 'menuItem' : ""} ${this.hasChildNavItems ? 'isParent' : ""}` }, h("div", { key: 'c3f0716213b5b33721a628c2f749c601759b0ea4', class: "inner__content-wrapper" }, h("div", { key: '156e225c187a1843b5d4e8901dc6590ed47b899d', class: `navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon ? "removeWrapper" : ""}` }, this.icon && h("ifx-icon", { key: '8fb2cc8ea594885086db3eefc5f11b08c0189963', icon: this.icon }), this.icon && !this.showLabel && !isNaN(this.numberIndicator) &&
-            h("div", { key: '58b6a3f8794dd3ce8006137298e02e360ee3a8f5', class: "number__indicator-wrapper" }, h("ifx-indicator", { key: '4ae39e55075fab2e7b5d2d82be17b65fe8df9ae9', variant: "number", number: this.numberIndicator })), this.icon && !this.showLabel && !this.numberIndicator && this.dotIndicator &&
-            h("div", { key: 'ecac942becacd0bdbab2749db77eaa03231df026', class: "dot__indicator-wrapper" })), this.itemPosition === 'left'
+        return (h("div", { key: '2247bd282d899a4058904010e95e739ba268cff6', tabIndex: 1, class: "container", onMouseLeave: e => this.handleNestedLayerMenu(e), onKeyDown: (e) => this.handleKeyDown(e), onMouseEnter: e => this.handleNestedLayerMenu(e) }, h("div", { key: '59344778b99b7841b7b2dfa029377232d1366514', class: "sub__layer-back-button" }, h("div", { key: 'b6ca4910e8e76965c68dc047d3acc782cd42c104', class: "back__button-wrapper", onClick: () => this.returnToFirstLayer() }, h("ifx-icon", { key: '4e125406dbdd78a980875d2a61dc039c55092787', icon: "arrow-left-16" }), h("span", { key: '739794300dcaaa43b0603e857bd8844cc33e29ff' }, "Back"))), h("a", { key: 'd80292ea2a49171f0606366f4d179d4bf09c65e3', tabindex: -1, href: this.internalHref, target: this.target, onClick: () => this.toggleItemMenu(), class: `navbar__item ${this.isSidebarMenuItem ? 'sidebarMenuItem' : ""} ${!this.showLabel ? 'removeLabel' : ""} ${this.isMenuItem ? 'menuItem' : ""} ${this.hasChildNavItems ? 'isParent' : ""}` }, h("div", { key: '48256a9604f143a21fde2d228a46064383ef3f7a', class: "inner__content-wrapper" }, h("div", { key: 'cf0a99c88e7a7b8f0ac21323e63d3b10aa1f473b', class: `navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon ? "removeWrapper" : ""}` }, this.icon && h("ifx-icon", { key: '72ee0ff92a20930fefe6aaaa4446baa67af4ab78', icon: this.icon }), this.icon && !this.showLabel && !isNaN(this.numberIndicator) &&
+            h("div", { key: '7ddf104b002f5c8deaec6242182fb5ac5f28df79', class: "number__indicator-wrapper" }, h("ifx-indicator", { key: 'cc40353b433ef27a4b825178bdf5129c8f9e81ff', variant: "number", number: this.numberIndicator })), this.icon && !this.showLabel && !this.numberIndicator && this.dotIndicator &&
+            h("div", { key: '665350c3a2c2083583ac329db05efdc7b80f10d2', class: "dot__indicator-wrapper" })), this.itemPosition === 'left'
             && this.hasChildNavItems
             && this.isMenuItem &&
-            h("div", { key: '56806e4f48665ef7e896d6134f3e0bfba26f1fa0', class: "menuItemLeftIconWrapper" }, h("ifx-icon", { key: 'ddce41eb3316ce0af523d3ab75b4a03670f997b0', icon: "chevron-left-16" })), h("span", { key: '48e4bc93920249627d531156041600c2ce89ef31', class: "label__wrapper" }, h("slot", { key: 'e204f0b52d1208532b58fdf6a971828afb2ef722' }))), this.showLabel && this.numberIndicator && !isNaN(this.numberIndicator) ?
+            h("div", { key: 'c49e5148cfc99b9c46b7ace71285785feebf9d0f', class: "menuItemLeftIconWrapper" }, h("ifx-icon", { key: 'e5fe657c7da8e3c8d27c491e75cb85b66f1609aa', icon: "chevron-left-16" })), h("span", { key: 'cefa64025f76292a88a3af57ada85024d72ba52c', class: "label__wrapper" }, h("slot", { key: '1e8db1b48fb4e6bc2a55cbbde29dde56edfceccd' }))), this.showLabel && this.numberIndicator && !isNaN(this.numberIndicator) ?
             h("div", { class: "number__indicator-wrapper" }, h("ifx-indicator", { variant: "number", number: this.numberIndicator })) : "", this.showLabel && !this.numberIndicator && this.dotIndicator ?
-            h("ifx-indicator", { variant: "dot" }) : "", h("div", { key: '3b61b37cb8a4d0cbdf3e94831c5ecc270bad607a', class: `navItemIconWrapper ${this.hasChildNavItems && !this.isMenuItem && !this.isSidebarMenuItem ? '' : "hide"}` }, h("ifx-icon", { key: '6151f4899e39178e8c7000e788b6e9326a18f3c1', icon: "chevron-down-16" })), h("div", { key: 'ec0e91fe5f4fb6de238b1a0c1c5d70529263dd23', class: `menuItemRightIconWrapper ${((this.itemPosition === 'right' && this.hasChildNavItems && this.isMenuItem) || (this.isSidebarMenuItem && this.hasChildNavItems)) ? '' : "hide"}` }, h("ifx-icon", { key: '5157b3f82f18063460f4ad1708f9a1a3ade8e0db', icon: "chevron-right-16" }))), this.hasChildNavItems && !this.isSidebarMenuItem && h("ul", { key: '8ab512438c9aa13683321ce38fdafdc9a2fbd69c', class: 'navbar-menu' }, " ", h("slot", { key: 'cc05d93ff8215148c0263810dfa628cf4be05670', name: "first__layer" }), " "), this.isSidebarMenuItem && h("ul", { key: '75ee3afae6762b47731f8cfc8241fb8d8dd52272', class: 'sub__layer-menu' }, " ", h("slot", { key: '9d98f0ae47ce340c768d6c8df56c26b23124cec7', name: "second__layer" }), " ")));
+            h("ifx-indicator", { variant: "dot" }) : "", h("div", { key: '8de2ad0cf38c30dca322ad36fd3b8dfb0b5ef6e7', class: `navItemIconWrapper ${this.hasChildNavItems && !this.isMenuItem && !this.isSidebarMenuItem ? '' : "hide"}` }, h("ifx-icon", { key: '3375614a9105e72cb7f906c6e529c0b14860bcea', icon: "chevron-down-16" })), h("div", { key: 'dc9d37b40c43dc2edb2199af7e8b1ff3215e3cda', class: `menuItemRightIconWrapper ${((this.itemPosition === 'right' && this.hasChildNavItems && this.isMenuItem) || (this.isSidebarMenuItem && this.hasChildNavItems)) ? '' : "hide"}` }, h("ifx-icon", { key: '73047fefa740975ebf2d0474ba56230ef246c042', icon: "chevron-right-16" }))), this.hasChildNavItems && !this.isSidebarMenuItem && h("ul", { key: '3d0df1441e43ce07845101ad17aa64a261d024f6', class: 'navbar-menu' }, " ", h("slot", { key: 'cd573df9efea6c962fd935901f1db0fd6cc5be0d', name: "first__layer" }), " "), this.isSidebarMenuItem && h("ul", { key: 'ddd17b539b0df4e7f9151e1208b7fca653fd2fd5', class: 'sub__layer-menu' }, " ", h("slot", { key: '48e29dd8d98066753416120ed6886d9dce4e61dc', name: "second__layer" }), " ")));
     }
     get el() { return this; }
     static get style() { return navbarItemCss; }

package/dist/components/ifx-navbar-item.js.map

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

package/dist/components/ifx-navbar-profile.js

@@ -17,9 +17,9 @@ const NavbarProfile = /*@__PURE__*/ proxyCustomElement(class NavbarProfile exten
         this.isMenuItem = false;
         this.hasChildNavItems = false;
         this.internalImageUrl = { type: "", value: "" };
-        this.defaultProfileImage = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="#0A8276"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24 14C21.7909 14 20 15.7909 20 18C20 20.2091 21.7909 22 24 22C26.2091 22 28 20.2091 28 18C28 15.7909 26.2091 14 24 14ZM18 18C18 14.6863 20.6863 12 24 12C27.3137 12 30 14.6863 30 18C30 21.3137 27.3137 24 24 24C20.6863 24 18 21.3137 18 18ZM16.5869 28.3984C18.2683 27.0179 20.7466 26 24 26C27.2541 26 29.7324 27.0209 31.4134 28.4024C33.0562 29.7526 34 31.5119 34 33V35C34 35.5523 33.5523 36 33 36H15C14.4477 36 14 35.5523 14 35V33C14 31.5074 14.9433 29.7479 16.5869 28.3984ZM17.8561 29.9441C16.5187 31.0421 16 32.2826 16 33V34H32V33C32 32.2881 31.4818 31.0474 30.1436 29.9476C28.8436 28.8791 26.8219 28 24 28C21.1774 28 19.1557 28.8771 17.8561 29.9441Z" fill="white"/>
+        this.defaultProfileImage = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="#0A8276"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 14C21.7909 14 20 15.7909 20 18C20 20.2091 21.7909 22 24 22C26.2091 22 28 20.2091 28 18C28 15.7909 26.2091 14 24 14ZM18 18C18 14.6863 20.6863 12 24 12C27.3137 12 30 14.6863 30 18C30 21.3137 27.3137 24 24 24C20.6863 24 18 21.3137 18 18ZM16.5869 28.3984C18.2683 27.0179 20.7466 26 24 26C27.2541 26 29.7324 27.0209 31.4134 28.4024C33.0562 29.7526 34 31.5119 34 33V35C34 35.5523 33.5523 36 33 36H15C14.4477 36 14 35.5523 14 35V33C14 31.5074 14.9433 29.7479 16.5869 28.3984ZM17.8561 29.9441C16.5187 31.0421 16 32.2826 16 33V34H32V33C32 32.2881 31.4818 31.0474 30.1436 29.9476C28.8436 28.8791 26.8219 28 24 28C21.1774 28 19.1557 28.8771 17.8561 29.9441Z" fill="white"/>
 </svg>`;
     }
     handleOutsideClick(event) {
@@ -155,9 +155,9 @@ const NavbarProfile = /*@__PURE__*/ proxyCustomElement(class NavbarProfile exten
         }
     }
     render() {
-        return (h("div", { key: '09755c71c7e46d56a94447445c43a26c7afdea27', class: "container" }, h("a", { key: '258b91863549bd58c304861c8690da5daaed02f4', href: this.internalHref, target: this.target, onClick: () => this.toggleItemMenu(), class: `navbar__item ${!this.showLabel ? 'removeLabel' : ""} ${this.hasChildNavItems ? 'isParent' : ""}` }, h("div", { key: '2eb0ed918c8768defe04ca1891d886110a80112b', class: "inner__content-wrapper" }, h("div", { key: 'a25a6900785380daa05e7dfd22d0371dfae1b916', class: `navbar__container-right-content-navigation-item-icon-wrapper` }, this.userName.trim() !== "" && h("div", { key: '45b50379fa5ffd224d343609728931201361c27e', class: 'username__tooltip' }, this.userName), this.internalImageUrl.type !== 'initials' &&
-            h("img", { key: 'd21aaf5d8673b0d15b8ff1c4aa35be96b7cd27dc', src: this.internalImageUrl.type === 'url' ? this.internalImageUrl.value : `data:image/svg+xml,${encodeURIComponent(this.defaultProfileImage)}`, alt: this.alt }), this.internalImageUrl.type === 'initials' &&
-            h("div", { key: 'a4cc931179b662a90fa66e91bc42fbfbd609be04', class: "initials__wrapper" }, h("span", { key: 'be3e056ae6ca08228c90684bb693b052067ae9c0', class: "initials" }, this.internalImageUrl.value))), h("span", { key: 'abf45497fc5e740d068545d5772ff4fea7a5a6ac', class: "label__wrapper" }, h("slot", { key: '178cdc5b7f2168ac27483e81055168a4373e96d3', onSlotchange: () => this.setProfileGap() })))), this.hasChildNavItems && h("ul", { key: 'a937f2412c2cefe1be4c57467778a6bae664fb20', class: 'navbar-menu rightSideItemMenu' }, " ", h("slot", { key: '8856b0921c0309ad07cbc190a51c74bf8e7f057b', name: "first__layer" }), " ")));
+        return (h("div", { key: '837122b11b554e17b60c07c303944a11b17a1eae', class: "container" }, h("a", { key: 'fde977c00f830b4a070edad21927393d5a79c117', href: this.internalHref, target: this.target, onClick: () => this.toggleItemMenu(), class: `navbar__item ${!this.showLabel ? 'removeLabel' : ""} ${this.hasChildNavItems ? 'isParent' : ""}` }, h("div", { key: 'd4d190de3cf180bef8579d362a28519ddaa5fe3b', class: "inner__content-wrapper" }, h("div", { key: 'af01f7621f00de51db3ce906164c008778324ef5', class: `navbar__container-right-content-navigation-item-icon-wrapper` }, this.userName.trim() !== "" && h("div", { key: '5df6af9768a82cc9265b252b36f7927c37b51539', class: 'username__tooltip' }, this.userName), this.internalImageUrl.type !== 'initials' &&
+            h("img", { key: 'c9748a87892e169c9b472d21fbdb2d4957bb6bfb', src: this.internalImageUrl.type === 'url' ? this.internalImageUrl.value : `data:image/svg+xml,${encodeURIComponent(this.defaultProfileImage)}`, alt: this.alt }), this.internalImageUrl.type === 'initials' &&
+            h("div", { key: '604c7d5245f09daba9b19a890eaabbde87951d8b', class: "initials__wrapper" }, h("span", { key: '2bc213ff673fc4af3d10da3caa99275ba38d276c', class: "initials" }, this.internalImageUrl.value))), h("span", { key: 'e073d5b6763d3b716980c598b78f0ed099fc4791', class: "label__wrapper" }, h("slot", { key: '051f2cc80248b847944a03b04651786785d2fa4f', onSlotchange: () => this.setProfileGap() })))), this.hasChildNavItems && h("ul", { key: 'cefecb5bef10e87e336aa8c0620cb996da674ea3', class: 'navbar-menu rightSideItemMenu' }, " ", h("slot", { key: 'ae09e66ce2dedcec664c7d1d8c351cfca2c6a647', name: "first__layer" }), " ")));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }