{"version":3,"names":["NAVIGATION_STICKYSLEVEL_MAIN","NAVIGATION_STICKYSLEVEL_TOOLBAR","NAVIGATION_STICKYSLEVEL_META","navigationCss","EonUiNavigationStyle0","Navigation","this","metaHeight","toolbarHeight","mainHeight","lastScrollTop","burgerPosition","NAVIGATION_MAIN_BURGERPOSITION_LEFT","mobileNavigationPadding","mobileNavigationPaddingSticky","updateNavigationHeight","navigationWrapper","getBoundingClientRect","height","openToolbarSub","rel","keyboard","clearTimeout","toolbarWrapperTimeout","deactivateToolbarLinks","closeMainSub","isMobileNavOpen","closeMobileNav","isMainSubOpen","activeToolbarSubContainer","hostElement","querySelector","isToolbarSubOpen","showToolbarSub","initSubKeyboardNav","closeToolbarSub","setTimeout","style","display","openMainSub","mainWrapperTimeout","deactivateMainLinks","deactivateMainIconLinks","activeMainSubContainer","isMainSubWrapperOpen","showMainSub","openMobileNav","closeMobileSub","mobileWrapper","classList","add","mainNavigation","burgerActive","remove","openMobileSub","activeMobileSubContainer","showMobileSub","openMobileSubImmediately","showMobileSubImmediately","mobileSubChilds","forEach","element","scrollTop","mobileMainNavigation","detectScrollDirection","sticky","scrollTimeout","isTouchDevice","st","window","pageYOffset","document","documentElement","currentScrollDirection","closeNavigationsOnResize","resizeTimeout","componentWillLoad","getNavigationStructure","calcMobileNavigationPadding","toolbarNavigation","toolbarChilds","querySelectorAll","toolbarLinks","mainChilds","mainStandardChilds","mainIconChilds","mainLinks","mainIconLinks","setParentNavTypeDataAttributeToFlyoutLink","setInnerBackgroundToSubs","componentDidLoad","mainSubWrapper","initMainSubFunctionality","createMainMobileNavigation","_a","setCssVariables","toolbarChild","link","dataset","parentNavigationType","mainChild","child","setAttribute","NAVIGATION_TOOLBAR_FLYOUT_INNER_BACKGROUND","NAVIGATION_MAIN_FLYOUT_INNER_BACKGROUND","setToolbarSubHeight","setMainSubHeight","activeSubContainer","subItems","Array","prototype","slice","call","firstFocusableItem","lastFocusableItem","hasAttribute","shadowRoot","focusableElement","focus","exitSecondaryNavViaKey","firstChild","lastChild","contains","addEventListener","e","key","KeyIds","TAB","shiftKey","preventDefault","relatedLink","getAttribute","hasMetaNavigation","hasToolbarNavigation","hasMainNavigation","hasExtension","stickyLevel","setCssVariable","toolbarSubHeight","mainSubHeight","item","removeActiveState","mouse","closestEdge","mouseLeaveTimeout","createMobileMain","mainNavigationChilds","toolbarNavigationChilds","_b","cloneNode","push","_d","_c","h","class","ref","el","innerHTML","map","outerHTML","join","createMobileSub","subNavi","relatedNavigation","subNavigationChilds","backLinkText","id","column","from","children","columnItem","onClick","name","createMobileSubWithGrid","subNaviClone","importNode","removeAttribute","spacing","elem","elemBounding","elementLeftEdge","left","elementTopEdge","top","elementRightEdge","right","elementBottomEdge","bottom","mouseX","pageX","mouseY","pageY","topEdgeDist","Math","abs","bottomEdgeDist","leftEdgeDist","rightEdgeDist","min","render","Host","pfx","overlay","act","onTouchEnd","Fragment","active","NAVIGATION_MOBILE_FLYOUT_INNER_BACKGROUND"],"sources":["src/components/navigation/constants/navigation-constants.ts","src/components/navigation/navigation.scss?tag=eon-ui-navigation&encapsulation=shadow","src/components/navigation/navigation.tsx"],"sourcesContent":["export const NAVIGATION_STICKYSLEVEL_MAIN = \"main\";\nexport const NAVIGATION_STICKYSLEVEL_TOOLBAR = \"toolbar\";\nexport const NAVIGATION_STICKYSLEVEL_META = \"meta\";\n\nexport const NAVIGATION_STICKYLEVELS = [\n  NAVIGATION_STICKYSLEVEL_MAIN,\n  NAVIGATION_STICKYSLEVEL_TOOLBAR,\n  NAVIGATION_STICKYSLEVEL_META\n] as const;\n","$metaHeight: 48px;\n$toolbarHeight: 72px;\n$mainHeight: 68px;\n\n$mobile-nav-width: 305px;\n$mobile-nav-width-phone: 296px;\n\n:host {\n  display: block;\n\n  *,\n  :after,\n  :before {\n    box-sizing: border-box;\n    outline: 0 none;\n    text-rendering: optimizelegibility;\n  }\n}\n\n@mixin animation {\n  transition-property: all;\n  transition-duration: 400ms;\n  transition-timing-function: ease;\n  transition-delay: 0s;\n}\n\n.#{$prefix}navigation-wrapper {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n  outline: 0 none;\n  text-rendering: optimizelegibility;\n  margin: 0;\n  padding: 0;\n  font-family: $font-family-base;\n  z-index: 99;\n  box-shadow: $navigation-box-shadow;\n  @include animation;\n\n  &.#{$prefix}sticky {\n    position: fixed;\n    left: 0;\n    top: 0;\n  }\n\n  &.#{$prefix}collapsed {\n    top: ($metaHeight + $toolbarHeight + $mainHeight) * -1;\n\n    // act as if no toolbar navigation (toolbar hidden on mobile)\n    @include for-size(tablet-or-smaller) {\n      top: ($metaHeight + $mainHeight) * -1;\n    }\n\n    // if no toolbar navigation\n    &.#{$prefix}nav-meta-main {\n      top: ($metaHeight + $mainHeight) * -1;\n    }\n\n    // if no meta navigation\n    &.#{$prefix}nav-toolbar-main {\n      top: ($toolbarHeight + $mainHeight) * -1;\n\n      // act as if no toolbar navigation (toolbar hidden on mobile)\n      @include for-size(tablet-or-smaller) {\n        top: ($mainHeight) * -1;\n      }\n    }\n\n    // if no meta and no toolbar navigation\n    &.#{$prefix}nav-main {\n      top: ($mainHeight) * -1;\n    }\n\n    .#{$prefix}mobile-wrapper {\n      height: calc(100vh - var(--mobileNavigationPaddingSticky));\n    }\n  }\n\n  &.#{$prefix}sticky-level-main {\n    &.#{$prefix}collapsed {\n      top: ($metaHeight + $toolbarHeight) * -1;\n\n      // act as if no toolbar navigation (toolbar hidden on mobile)\n      @include for-size(tablet-or-smaller) {\n        top: ($metaHeight) * -1;\n      }\n\n      // if no toolbar navigation\n      &.#{$prefix}nav-meta-main {\n        top: ($metaHeight) * -1;\n      }\n\n      // if no meta navigation\n      &.#{$prefix}nav-toolbar-main {\n        top: ($toolbarHeight) * -1;\n\n        // act as if no toolbar navigation (toolbar hidden on mobile)\n        @include for-size(tablet-or-smaller) {\n          top: 0;\n        }\n      }\n\n      // if no meta and no toolbar navigation\n      &.#{$prefix}nav-main {\n        top: 0;\n      }\n    }\n  }\n\n  &.#{$prefix}sticky-level-toolbar {\n    &.#{$prefix}collapsed {\n      top: ($metaHeight) * -1;\n\n      // if no meta navigation\n      &.#{$prefix}nav-toolbar-main {\n        top: 0;\n\n        // act as if no toolbar navigation (toolbar hidden on mobile)\n        @include for-size(tablet-or-smaller) {\n          top: 0;\n        }\n      }\n\n      // if no meta and no toolbar navigation\n      &.#{$prefix}nav-main {\n        top: 0;\n      }\n    }\n  }\n\n  &.#{$prefix}sticky-level-meta {\n    &.#{$prefix}collapsed {\n      top: 0;\n    }\n  }\n\n  .#{$prefix}toolbar-sub {\n    position: relative;\n    width: 100%;\n    height: 0px;\n    max-height: 70vh;\n    background-color: $navigation-toolbar-sub-bg-color;\n    overflow: auto;\n    transition-property: height;\n    transition-duration: 400ms;\n    transition-timing-function: ease;\n    transition-delay: 0s;\n\n    .#{$prefix}toolbar-sub-inner {\n      position: relative;\n      width: 100%;\n      max-width: calc($content-max-width-desktop-l + 16px);\n      margin: 0px auto 0px auto;\n      padding-top: 32px;\n      padding-right: 24px;\n      padding-bottom: 32px;\n      padding-left: 24px;\n\n      @include for-size(desktop-or-smaller) {\n        max-width: $content-max-width-desktop;\n      }\n\n      @include for-size(desktop) {\n        padding-right: 16px;\n        padding-left: 16px;\n      }\n\n      @include for-size(tablet) {\n        padding-left: 4px;\n        padding-right: 4px;\n      }\n\n      @include for-size(phone) {\n        padding-left: 8px;\n        padding-right: 8px;\n      }\n    }\n  }\n\n  .#{$prefix}main-sub-wrapper {\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 0;\n    overflow: hidden;\n    z-index: 89;\n\n    .#{$prefix}main-sub {\n      position: absolute;\n      left: 0;\n      top: 0;\n      transform: translateY(-110%);\n      transform-origin: top;\n      width: 100%;\n      height: auto;\n      max-height: 70vh;\n      background-color: $navigation-main-sub-bg-color;\n      overflow: auto;\n      box-shadow: $navigation-main-sub-box-shadow;\n      transition-property: all;\n      transition-duration: 400ms;\n      transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);\n      transition-delay: 0s;\n      border-bottom: $navigation-main-sub-border-width $navigation-main-sub-border-style\n        $navigation-main-sub-border-color;\n\n      &.#{$prefix}active {\n        transform: translateY(0px);\n        transition-duration: 800ms;\n        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\n      }\n\n      .#{$prefix}main-sub-inner {\n        position: relative;\n        width: 100%;\n        max-width: calc($content-max-width-desktop-l + 16px);\n        margin: 0px auto 0px auto;\n        padding-top: 32px;\n        padding-right: 24px;\n        padding-bottom: 32px;\n        padding-left: 24px;\n\n        @include for-size(desktop-or-smaller) {\n          max-width: $content-max-width-desktop;\n        }\n\n        @include for-size(desktop) {\n          padding-right: 16px;\n          padding-left: 16px;\n        }\n\n        @include for-size(tablet) {\n          padding-right: 4px;\n          padding-left: 4px;\n        }\n\n        @include for-size(phone) {\n          padding-right: 8px;\n          padding-left: 8px;\n        }\n      }\n    }\n  }\n\n  .#{$prefix}overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    z-index: 20;\n    background-color: rgba(57, 57, 58, 0.4);\n    visibility: hidden;\n    opacity: 0;\n    transition-property: all;\n    transition-duration: 400ms;\n    transition-timing-function: ease;\n    transition-delay: 0s;\n\n    &.#{$prefix}act {\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n}\n\n.#{$prefix}mobile-wrapper {\n  position: absolute;\n  left: -400px;\n  width: $mobile-nav-width;\n  height: calc(100vh - var(--mobileNavigationPadding));\n  background-color: $navigation-mobile-bg-color;\n  z-index: 30;\n  overflow: hidden;\n  font-family: $font-family-base;\n  display: none;\n  box-sizing: border-box;\n\n  &.from-left {\n    left: -400px;\n    right: unset;\n  }\n\n  &.from-right {\n    right: -400px;\n    left: unset;\n  }\n\n  transition-property: left, right;\n  transition-duration: 400ms;\n  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);\n  transition-delay: 0s;\n\n  &.act {\n    transition-duration: 800ms;\n    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\n\n    &.from-left {\n      left: 0;\n    }\n\n    &.from-right {\n      right: 0;\n    }\n  }\n\n  @include for-size(phone) {\n    display: block;\n    width: $mobile-nav-width-phone;\n  }\n\n  @include for-size(tablet) {\n    display: block;\n  }\n}\n\n.mobile-main-nav {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  background-color: $navigation-mobile-bg-color;\n\n  transition-property: filter;\n  transition-duration: 500ms;\n  transition-timing-function: ease;\n  transition-delay: 0s;\n\n  .mobile-main-nav-inner {\n    position: relative;\n    padding: 24px 0px 140px 0px;\n    transition-property: transform;\n    transition-duration: 500ms;\n    transition-timing-function: ease;\n    transition-delay: 0s;\n\n    .main-navigation-links {\n      position: relative;\n      margin-bottom: 46px;\n    }\n\n    .toolbar-navigation-links {\n      position: relative;\n    }\n  }\n\n  &.scale {\n    filter: brightness(80%);\n\n    .mobile-main-nav-inner {\n      transform: scale(0.93);\n    }\n  }\n}\n\n.mobile-secondary-nav {\n  position: absolute;\n  right: -305px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  box-shadow: -1px 0px 0px 0px #{$navigation-mobile-bg-color};\n  overflow: hidden;\n  overflow-y: auto;\n  background-color: $navigation-mobile-bg-color;\n  display: flex;\n  flex-direction: column;\n\n  transition-property: right;\n  transition-duration: 500ms;\n  transition-timing-function: ease;\n  transition-delay: 0s;\n\n  &.no-animation {\n    transition: unset;\n  }\n\n  &.act {\n    right: 0;\n  }\n\n  .mobile-secondary-nav-backlink {\n    position: relative;\n    cursor: pointer;\n    font-size: 24px;\n    padding: 12px 24px 12px 64px;\n    margin: 8px 0px 8px 0px;\n    line-height: 24px;\n    font-weight: 700;\n    color: #{$navigation-mobile-link-font-color};\n\n    @include for-size(phone) {\n      font-size: 22px;\n      line-height: 22px;\n      padding-left: 56px;\n    }\n\n    eon-ui-icon {\n      position: absolute;\n      left: 34px;\n      top: 50%;\n      transform: translateY(-50%);\n      color: #{$navigation-mobile-link-font-color};\n\n      @include for-size(phone) {\n        left: 26px;\n      }\n    }\n  }\n\n  .mobile-secondary-nav-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    padding-bottom: 140px;\n\n    &.spacing {\n      padding-left: 8px;\n      padding-right: 8px;\n    }\n\n    &.spacing-top {\n      padding-top: 24px;\n    }\n  }\n\n  eon-ui-navigation-flyout-divider {\n    display: none;\n  }\n}\n\n::slotted(eon-ui-navigation-toolbar) {\n  @include for-size(tablet-or-smaller) {\n    display: none;\n  }\n}\n","import { h, Component, Host, State, Element, Prop, Listen, Fragment, Method, Watch } from \"@stencil/core\";\nimport { StickyLevel } from \"./constants/navigation-types\";\nimport pfx from \"../../utils/style-class-prefix-helper\";\nimport { KeyIds } from \"../../constants/keys\";\nimport { BurgerPosition } from \"./navigation-components/navigation-main/constants/navigation-main-types\";\nimport { NAVIGATION_MAIN_BURGERPOSITION_LEFT } from \"./navigation-components/navigation-main/constants/navigation-main-constants\";\nimport { setCssVariable } from \"../../utils/css-variables\";\nimport { isTouchDevice } from \"../../utils/touch-helper\";\nimport {\n  NAVIGATION_STICKYSLEVEL_MAIN,\n  NAVIGATION_STICKYSLEVEL_META,\n  NAVIGATION_STICKYSLEVEL_TOOLBAR\n} from \"./constants/navigation-constants\";\nimport {\n  NAVIGATION_TOOLBAR_FLYOUT_INNER_BACKGROUND,\n  NAVIGATION_MAIN_FLYOUT_INNER_BACKGROUND,\n  NAVIGATION_MOBILE_FLYOUT_INNER_BACKGROUND\n} from \"../../constants/global-constants\";\n// import { InitLogging } from \"../../decorators/init-logging\";\n\n/**\n * @slot [meta] - holds eon-ui-meta-navigation.\n * @slot [toolbar] - holds eon-ui-toolbar-navigation.\n * @slot [main] - holds eon-ui-meta-navigation.\n * @slot [extension] - holds any further navigation and puts it to the bottom of the container.\n */\n@Component({\n  tag: \"eon-ui-navigation\",\n  styleUrl: \"navigation.scss\",\n  shadow: true\n})\nexport class Navigation {\n  // @InitLogging() sentryTransaction;\n  metaHeight = 46;\n  toolbarHeight = 72;\n  mainHeight = 64;\n\n  scrollTimeout;\n  resizeTimeout;\n  mainWrapperTimeout;\n  toolbarWrapperTimeout;\n  mouseLeaveTimeout;\n\n  lastScrollTop = 0;\n\n  hasMetaNavigation: boolean;\n  hasToolbarNavigation: boolean;\n  hasMainNavigation: boolean;\n  hasExtension: boolean;\n\n  toolbarNavigation;\n  toolbarChilds;\n  activeToolbarSubContainer;\n  toolbarLinks;\n\n  mainNavigation;\n  mainChilds;\n  mainStandardChilds;\n  mainIconChilds;\n  mainLinks;\n  mainIconLinks;\n  mainSubWrapper;\n  activeMainSubContainer;\n\n  burgerPosition: BurgerPosition = NAVIGATION_MAIN_BURGERPOSITION_LEFT;\n  mobileSubChilds;\n  activeMobileSubContainer;\n\n  mobileNavigationPadding = 0;\n  mobileNavigationPaddingSticky = 0;\n\n  @State() currentScrollDirection: string = \"up\";\n  @State() isToolbarSubOpen: boolean = false;\n  @State() toolbarSubHeight: number;\n  @State() isMainSubWrapperOpen: boolean = false;\n  @State() isMainSubOpen: boolean = false;\n  @State() mainSubHeight: number;\n  @State() navigationWrapper: HTMLElement;\n  @State() mobileNavigation: HTMLElement;\n  @State() mobileSubNavigation: HTMLElement;\n  @State() mobileWrapper: HTMLElement;\n  @State() mobileMainNavigation: HTMLElement;\n  @State() isMobileNavOpen: boolean = false;\n\n  @Element() hostElement: HTMLEonUiNavigationElement;\n\n  /**\n   * Activate fixed positioning and sticky behaviour.\n   */\n  @Prop() sticky: boolean = true;\n\n  /**\n   * Defines which navigation sections should stay visible when scrolling down.\n   */\n  @Prop() stickyLevel: StickyLevel;\n\n  /**\n   * Method to evaluate the component height\n   */\n  @Method()\n  async updateNavigationHeight() {\n    // We could not use this.hostElement because if sticky-true, the height is 0\n    // navigationWrapper delivers always the height, independent of sticky\n    return await this.navigationWrapper.getBoundingClientRect().height;\n  }\n\n  /**\n   * Open toolbar sub navigation wrapper and show related part\n   */\n  @Method()\n  async openToolbarSub(rel: string, keyboard: boolean = false) {\n    clearTimeout(this.toolbarWrapperTimeout);\n    this.deactivateToolbarLinks();\n    this.closeMainSub();\n    this.isMobileNavOpen && this.closeMobileNav();\n    this.isMainSubOpen && this.closeMainSub();\n    this.activeToolbarSubContainer = this.hostElement.querySelector(`#${rel}`) as HTMLElement;\n\n    if (this.activeToolbarSubContainer) {\n      this.isToolbarSubOpen = true;\n      this.showToolbarSub();\n      if (!!keyboard) this.initSubKeyboardNav(this.activeToolbarSubContainer);\n    }\n  }\n\n  /**\n   * Close toolbar sub navigation wrapper\n   */\n  @Method()\n  async closeToolbarSub() {\n    clearTimeout(this.toolbarWrapperTimeout);\n    this.deactivateToolbarLinks();\n    this.isToolbarSubOpen = false;\n    this.toolbarWrapperTimeout = setTimeout(() => {\n      if (this.activeToolbarSubContainer) this.activeToolbarSubContainer.style.display = \"none\";\n    }, 800);\n  }\n\n  /**\n   * Open main sub navigation wrapper and show related part\n   */\n  @Method()\n  async openMainSub(rel: string, keyboard: boolean = false) {\n    clearTimeout(this.mainWrapperTimeout);\n    this.deactivateMainLinks();\n    this.deactivateMainIconLinks();\n    this.isMobileNavOpen && this.closeMobileNav();\n    this.isToolbarSubOpen && this.closeToolbarSub();\n    this.activeMainSubContainer = this.hostElement.querySelector(`#${rel}`) as HTMLElement;\n\n    if (this.activeMainSubContainer) {\n      this.isMainSubOpen = true;\n      this.isMainSubWrapperOpen = true;\n      this.showMainSub();\n      if (!!keyboard) this.initSubKeyboardNav(this.activeMainSubContainer);\n    }\n  }\n\n  /**\n   * Close main sub navigation wrapper\n   */\n  @Method()\n  async closeMainSub() {\n    clearTimeout(this.mainWrapperTimeout);\n    this.deactivateMainLinks();\n    this.deactivateMainIconLinks();\n    this.isMainSubOpen = false;\n    this.mainWrapperTimeout = setTimeout(() => {\n      this.isMainSubWrapperOpen = false;\n      if (this.activeMainSubContainer) this.activeMainSubContainer.style.display = \"none\";\n    }, 400);\n  }\n\n  /**\n   * Open mobile nav\n   */\n  @Method()\n  async openMobileNav() {\n    this.closeMobileSub();\n    this.isMainSubOpen && this.closeMainSub();\n    this.isToolbarSubOpen && this.closeToolbarSub();\n    this.mobileWrapper.classList.add(\"act\");\n    this.isMobileNavOpen = true;\n    this.mainNavigation.burgerActive = true;\n  }\n\n  /**\n   * Close mobile nav\n   */\n  @Method()\n  async closeMobileNav() {\n    this.deactivateMainIconLinks();\n    this.mobileWrapper.classList.remove(\"act\");\n    this.isMobileNavOpen = false;\n    this.mainNavigation.burgerActive = false;\n    setTimeout(() => {\n      this.closeMobileSub();\n    }, 400);\n  }\n\n  /**\n   * Open mobile sub navigation wrapper and show related part\n   */\n  @Method()\n  async openMobileSub(rel: string) {\n    this.activeMobileSubContainer = this.mobileWrapper.querySelector(`#mobile-${rel}`) as HTMLElement;\n    this.showMobileSub();\n  }\n\n  /**\n   * Open mobile sub navigation wrapper and show related part\n   */\n  @Method()\n  async openMobileSubImmediately(rel: string) {\n    this.mainNavigation.burgerActive = false;\n    this.closeMobileSub();\n    this.activeMobileSubContainer = this.mobileWrapper.querySelector(`#mobile-${rel}`) as HTMLElement;\n    this.isMainSubOpen && this.closeMainSub();\n    this.isToolbarSubOpen && this.closeToolbarSub();\n    this.mobileWrapper.classList.add(\"act\");\n    this.isMobileNavOpen = true;\n    this.showMobileSubImmediately();\n  }\n\n  /**\n   * Close mobile sub navigation wrapper\n   */\n  @Method()\n  async closeMobileSub() {\n    this.deactivateMainIconLinks();\n    this.mobileSubChilds.forEach((element: HTMLElement) => {\n      element.classList.remove(\"act\");\n      element.querySelector(\".mobile-secondary-nav-inner\").scrollTop = 0;\n    });\n    this.mobileMainNavigation.scrollTop = 0;\n    this.mobileMainNavigation.classList.remove(\"scale\"); //why does this even work?\n  }\n\n  @Listen(\"scroll\", { target: \"window\" })\n  detectScrollDirection() {\n    if (this.sticky) {\n      clearTimeout(this.scrollTimeout);\n      this.scrollTimeout = setTimeout(() => {\n        if (!isTouchDevice()) {\n          let st = window.pageYOffset || document.documentElement.scrollTop;\n          if (st > 128 && st > this.lastScrollTop) {\n            this.currentScrollDirection = \"down\";\n          } else {\n            this.currentScrollDirection = \"up\";\n          }\n\n          this.lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling\n        } else {\n          if (document.documentElement.scrollTop > 128) {\n            this.currentScrollDirection = \"down\";\n          } else {\n            setTimeout(() => {\n              this.currentScrollDirection = \"up\";\n            }, 500);\n          }\n        }\n      }, 50);\n    }\n  }\n\n  @Listen(\"resize\", { target: \"window\" })\n  closeNavigationsOnResize() {\n    if (this.isToolbarSubOpen || this.isMainSubOpen) {\n      clearTimeout(this.resizeTimeout);\n      this.resizeTimeout = setTimeout(() => {\n        this.closeToolbarSub();\n        this.closeMainSub();\n      }, 100);\n    }\n  }\n\n  componentWillLoad() {\n    this.getNavigationStructure();\n    this.calcMobileNavigationPadding();\n    this.toolbarNavigation = this.hostElement.querySelector('[slot=\"toolbar\"]');\n    this.toolbarChilds = this.hostElement.querySelectorAll('[slot=\"toolbar-sub\"]');\n    this.toolbarLinks = this.hostElement.querySelectorAll(\"eon-ui-navigation-toolbar-icon-link\");\n    this.mainNavigation = this.hostElement.querySelector('[slot=\"main\"]');\n    this.mainChilds = this.hostElement.querySelectorAll('[slot=\"main-sub\"], [slot=\"main-icon-sub\"]');\n    this.mainStandardChilds = this.hostElement.querySelectorAll('[slot=\"main-sub\"]');\n    this.mainIconChilds = this.hostElement.querySelectorAll('[slot=\"main-icon-sub\"]');\n    this.mainLinks = this.hostElement.querySelectorAll(\"eon-ui-navigation-main-link\");\n    this.mainIconLinks = this.hostElement.querySelectorAll(\"eon-ui-navigation-main-icon-link\");\n    this.setParentNavTypeDataAttributeToFlyoutLink();\n    this.setInnerBackgroundToSubs();\n  }\n\n  componentDidLoad() {\n    this.mainSubWrapper && this.initMainSubFunctionality();\n    this.createMainMobileNavigation();\n    this.mobileSubChilds = this.mobileWrapper?.querySelectorAll(\".mobile-secondary-nav\");\n    this.setCssVariables();\n  }\n\n  /**\n   * Adds type of parent navigation to flyout link. This is needed for tracking.\n   */\n  setParentNavTypeDataAttributeToFlyoutLink() {\n    // set parent navigation type for toolbar flyout links\n    this.toolbarChilds.forEach((toolbarChild) => {\n      toolbarChild.querySelectorAll(\"eon-ui-navigation-flyout-link\").forEach((link) => {\n        link.dataset.parentNavigationType = \"toolbar\";\n      });\n    });\n\n    // set parent navigation type for main flyout links\n    this.mainChilds.forEach((mainChild) => {\n      mainChild.querySelectorAll(\"eon-ui-navigation-flyout-link\").forEach((link) => {\n        link.dataset.parentNavigationType = \"main\";\n      });\n    });\n  }\n\n  setInnerBackgroundToSubs() {\n    this.toolbarChilds.forEach((child: HTMLElement) => {\n      child.setAttribute(\"inner-background\", NAVIGATION_TOOLBAR_FLYOUT_INNER_BACKGROUND);\n    });\n\n    this.mainChilds.forEach((child: HTMLElement) => {\n      child.setAttribute(\"inner-background\", NAVIGATION_MAIN_FLYOUT_INNER_BACKGROUND);\n    });\n  }\n\n  showToolbarSub() {\n    this.toolbarChilds.forEach((element: HTMLElement) => {\n      element.style.display = \"none\";\n    });\n\n    this.activeToolbarSubContainer.style.display = \"block\";\n    this.setToolbarSubHeight();\n  }\n\n  showMainSub() {\n    this.mainChilds.forEach((element: HTMLElement) => {\n      element.style.display = \"none\";\n    });\n\n    this.activeMainSubContainer.style.display = \"block\";\n\n    this.setMainSubHeight();\n  }\n\n  showMobileSub() {\n    this.activeMobileSubContainer.classList.add(\"act\");\n    this.mobileMainNavigation.classList.add(\"scale\");\n  }\n\n  showMobileSubImmediately() {\n    this.activeMobileSubContainer.classList.add(\"no-animation\");\n    this.activeMobileSubContainer.classList.add(\"act\");\n    this.mobileMainNavigation.classList.add(\"scale\");\n  }\n\n  initSubKeyboardNav(activeSubContainer: HTMLElement) {\n    let subItems = Array.prototype.slice.call(activeSubContainer.querySelectorAll(\"*\"));\n    let firstFocusableItem: HTMLElement;\n    let lastFocusableItem: HTMLElement;\n\n    subItems.forEach((element) => {\n      if (element.hasAttribute(\"tabindex\")) {\n        if (!firstFocusableItem) firstFocusableItem = element;\n        lastFocusableItem = element;\n      } else {\n        if (element.shadowRoot) {\n          let focusableElement = element.shadowRoot.querySelector(\"[tabindex]\");\n          if (!!focusableElement) {\n            if (!firstFocusableItem) firstFocusableItem = focusableElement;\n            lastFocusableItem = focusableElement;\n          }\n        }\n      }\n    });\n\n    if (!!firstFocusableItem) firstFocusableItem.focus();\n    if (!!firstFocusableItem && !!lastFocusableItem)\n      this.exitSecondaryNavViaKey(firstFocusableItem, lastFocusableItem, activeSubContainer);\n  }\n\n  exitSecondaryNavViaKey(firstChild: HTMLElement, lastChild: HTMLElement, activeSubContainer: HTMLElement) {\n    if (!firstChild.classList.contains(\"event-listener\")) {\n      firstChild.classList.add(\"event-listener\");\n      firstChild.addEventListener(\"keydown\", (e) => {\n        switch (e.key) {\n          case KeyIds.TAB:\n            if (e.shiftKey) {\n              e.preventDefault();\n              this.closeMainSub();\n              let relatedLink = document.querySelector(\n                `[sub-nav-rel=\"${activeSubContainer.getAttribute(\"id\")}\"]`\n              ) as HTMLElement;\n              (relatedLink.shadowRoot.querySelector(\"[tabindex]\") as HTMLElement)?.focus();\n            }\n            break;\n          default:\n            break;\n        }\n      });\n    }\n\n    if (!lastChild.classList.contains(\"event-listener\")) {\n      lastChild.classList.add(\"event-listener\");\n      lastChild.addEventListener(\"keydown\", (e) => {\n        switch (e.key) {\n          case KeyIds.TAB:\n            if (!e.shiftKey) {\n              e.preventDefault();\n              this.closeMainSub();\n              let relatedLink = document.querySelector(\n                `[sub-nav-rel=\"${this.activeMainSubContainer.getAttribute(\"id\")}\"]`\n              ) as HTMLElement;\n              (relatedLink.shadowRoot.querySelector(\"[tabindex]\") as HTMLElement)?.focus();\n            }\n            break;\n          default:\n            break;\n        }\n      });\n    }\n  }\n\n  getNavigationStructure() {\n    this.hasMetaNavigation = !!this.hostElement.querySelector('[slot=\"meta\"]');\n    this.hasToolbarNavigation = !!this.hostElement.querySelector('[slot=\"toolbar\"]');\n    this.hasMainNavigation = !!this.hostElement.querySelector('[slot=\"main\"]');\n    this.hasExtension = !!this.hostElement.querySelector('[slot=\"extension\"]');\n  }\n\n  @Watch(\"sticky\")\n  @Watch(\"stickyLevel\")\n  calcMobileNavigationPadding() {\n    this.hasMetaNavigation && (this.mobileNavigationPadding += this.metaHeight);\n    // this.hasToolbarNavigation && (mobileNavigationPadding += this.toolbarHeight);\n    this.hasMainNavigation && (this.mobileNavigationPadding += this.mainHeight);\n\n    switch (this.stickyLevel) {\n      case NAVIGATION_STICKYSLEVEL_META:\n        this.mobileNavigationPaddingSticky = this.mobileNavigationPadding;\n        break;\n      case NAVIGATION_STICKYSLEVEL_TOOLBAR:\n        this.mobileNavigationPaddingSticky =\n          this.mobileNavigationPadding - (this.hasMetaNavigation ? this.metaHeight : 0);\n        break;\n      case NAVIGATION_STICKYSLEVEL_MAIN:\n        this.mobileNavigationPaddingSticky =\n          /* mobileNavigationPadding -\n          (this.hasMetaNavigation ? this.metaHeight : 0) -\n          (this.hasToolbarNavigation ? this.toolbarHeight : 0); */\n          this.mobileNavigationPadding - (this.hasMetaNavigation ? this.metaHeight : 0);\n        break;\n    }\n  }\n\n  setCssVariables(): void {\n    setCssVariable(this.hostElement, \"--mobileNavigationPadding\", `${this.mobileNavigationPadding}px`);\n    setCssVariable(this.hostElement, \"--mobileNavigationPaddingSticky\", `${this.mobileNavigationPaddingSticky}px`);\n  }\n\n  setToolbarSubHeight() {\n    this.toolbarSubHeight = this.activeToolbarSubContainer.getBoundingClientRect().height + 64; // 64: padding-top and -bottom of parent container + space\n  }\n\n  setMainSubHeight() {\n    this.mainSubHeight = this.activeMainSubContainer.getBoundingClientRect().height + 64 + 10; // 64: padding-top and -bottom of parent container + space\n  }\n\n  deactivateMainLinks() {\n    this.mainLinks.forEach((item: HTMLEonUiNavigationMainLinkElement) => {\n      item.removeActiveState();\n    });\n  }\n\n  deactivateMainIconLinks() {\n    this.mainIconLinks.forEach((item: HTMLEonUiNavigationMainIconLinkElement) => {\n      item.removeActiveState();\n    });\n  }\n\n  deactivateToolbarLinks() {\n    this.toolbarLinks.forEach((item: HTMLEonUiNavigationToolbarIconLinkElement) => {\n      item.removeActiveState();\n    });\n  }\n\n  initMainSubFunctionality() {\n    /*\n     * Init secondary navigation mouse leave function\n     * Closes secondary navigation after mouse leave at the bottom (400ms)\n     */\n    this.mainSubWrapper.addEventListener(\"mouseleave\", (mouse) => {\n      if (this.closestEdge(mouse, this.mainSubWrapper) !== \"top\") {\n        this.mouseLeaveTimeout = setTimeout(() => {\n          this.closeMainSub();\n        }, 400);\n      }\n    });\n\n    /*\n     * Init secondary navigation mouse enter function\n     * Interrupts mouse leave function if reentering navigation (400ms)\n     */\n    this.mainSubWrapper.addEventListener(\"mouseenter\", () => {\n      if (this.mouseLeaveTimeout) {\n        clearTimeout(this.mouseLeaveTimeout);\n      }\n    });\n  }\n\n  /**\n   * Loop through the columns which should be available for mobile navigation\n   * and append them to the mobile navigation div\n   */\n  private createMainMobileNavigation() {\n    if (this.hasMainNavigation) {\n      // this.mainNavigation = this.hostElement.querySelector('[slot=\"main\"]');\n\n      if (this.mainNavigation.hasAttribute(\"burger-position\")) {\n        this.burgerPosition = this.mainNavigation.getAttribute(\"burger-position\") as BurgerPosition;\n      }\n\n      this.mobileWrapper.classList.add(`from-${this.burgerPosition}`);\n    }\n  }\n\n  private createMobileMain() {\n    const mainNavigationChilds: HTMLElement[] = [];\n    const toolbarNavigationChilds: HTMLElement[] = [];\n\n    this.mainNavigation?.querySelectorAll(\"eon-ui-navigation-main-link\")?.forEach((element) => {\n      const item = element.cloneNode(true) as HTMLElement;\n      item.setAttribute(\"mobile\", \"true\");\n      mainNavigationChilds.push(item);\n    });\n\n    this.toolbarNavigation?.querySelectorAll(\"eon-ui-navigation-toolbar-icon-link\")?.forEach((element) => {\n      const item = element.cloneNode(true) as HTMLElement;\n      item.setAttribute(\"mobile\", \"true\");\n      toolbarNavigationChilds.push(item);\n    });\n\n    return (\n      <div class=\"mobile-main-nav\" ref={(el) => (this.mobileMainNavigation = el as HTMLElement)}>\n        <div class=\"mobile-main-nav-inner\">\n          <div\n            class=\"main-navigation-links\"\n            innerHTML={mainNavigationChilds.map((element: HTMLElement) => element.outerHTML).join(\"\")}\n          ></div>\n          <div\n            class=\"toolbar-navigation-links\"\n            innerHTML={toolbarNavigationChilds.map((element: HTMLElement) => element.outerHTML).join(\"\")}\n          ></div>\n        </div>\n      </div>\n    );\n  }\n\n  /**\n   * Creates the submenu for the navigation\n   */\n  private createMobileSub(subNavi, relatedNavigation) {\n    let subNavigationChilds: HTMLElement[] = [];\n    const backLinkText = relatedNavigation.querySelector(`[sub-nav-rel='${subNavi.id}']`)?.getAttribute(\"text\");\n\n    subNavi.querySelectorAll(\"eon-ui-grid-control-column\").forEach((column) => {\n      Array.from(column.children).forEach((columnItem: HTMLElement) => {\n        const item = columnItem.cloneNode(true) as HTMLElement;\n        item.setAttribute(\"mobile\", \"true\");\n        subNavigationChilds.push(item);\n      });\n    });\n\n    return (\n      <div class=\"mobile-secondary-nav\" id={`mobile-${subNavi.id}`}>\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n        <div class=\"mobile-secondary-nav-backlink\" onClick={() => this.closeMobileSub()}>\n          <span>{backLinkText}</span>\n          <eon-ui-icon name=\"chevron_small_left\"></eon-ui-icon>\n        </div>\n        <div\n          class=\"mobile-secondary-nav-inner\"\n          innerHTML={subNavigationChilds.map((element: HTMLElement) => element.outerHTML).join(\"\")}\n        ></div>\n      </div>\n    );\n  }\n\n  /**\n   * Creates the submenu for the navigation\n   */\n  private createMobileSubWithGrid(subNavi: HTMLElement, relatedNavigation) {\n    const backLinkText = relatedNavigation.querySelector(`[sub-nav-rel='${subNavi.id}']`)?.getAttribute(\"text\");\n\n    const subNaviClone = document.importNode(subNavi, true);\n    subNaviClone.removeAttribute(\"sub-nav-rel\");\n    subNaviClone.setAttribute(\"force-mobile-layout\", \"true\");\n    subNaviClone.style.display = \"block\";\n\n    return (\n      <div class=\"mobile-secondary-nav\" id={`mobile-${subNavi.id}`}>\n        {!!backLinkText && (\n          /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n          <div class=\"mobile-secondary-nav-backlink\" onClick={() => this.closeMobileSub()}>\n            <span>{backLinkText}</span>\n            <eon-ui-icon name=\"chevron_small_left\"></eon-ui-icon>\n          </div>\n        )}\n        <div\n          class={{ \"mobile-secondary-nav-inner\": true, spacing: true, \"spacing-top\": !backLinkText }}\n          innerHTML={subNaviClone.outerHTML}\n        ></div>\n      </div>\n    );\n  }\n\n  closestEdge(mouse, elem) {\n    var elemBounding = elem.getBoundingClientRect();\n\n    var elementLeftEdge = elemBounding.left;\n    var elementTopEdge = elemBounding.top;\n    var elementRightEdge = elemBounding.right;\n    var elementBottomEdge = elemBounding.bottom;\n\n    var mouseX = mouse.pageX;\n    var mouseY = mouse.pageY;\n\n    var topEdgeDist = Math.abs(elementTopEdge - mouseY);\n    var bottomEdgeDist = Math.abs(elementBottomEdge - mouseY);\n    var leftEdgeDist = Math.abs(elementLeftEdge - mouseX);\n    var rightEdgeDist = Math.abs(elementRightEdge - mouseX);\n\n    var min = Math.min(topEdgeDist, bottomEdgeDist, leftEdgeDist, rightEdgeDist);\n\n    switch (min) {\n      case leftEdgeDist:\n        return \"left\";\n      case rightEdgeDist:\n        return \"right\";\n      case topEdgeDist:\n        return \"top\";\n      case bottomEdgeDist:\n        return \"bottom\";\n    }\n  }\n\n  render() {\n    return (\n      <Host id=\"eonui-navigation\">\n        <nav\n          aria-label=\"Navigation\"\n          class={pfx({\n            \"navigation-wrapper\": true,\n            [`nav${!!this.hasMetaNavigation ? \"-meta\" : \"\"}${!!this.hasToolbarNavigation ? \"-toolbar\" : \"\"}${\n              !!this.hasMainNavigation ? \"-main\" : \"\"\n            }`]: true,\n            [`sticky`]: !!this.sticky,\n            [`sticky-level-${this.stickyLevel}`]: !!this.sticky && !!this.stickyLevel,\n            [`collapsed`]: !!this.sticky && this.currentScrollDirection === \"down\"\n          })}\n          ref={(el) => (this.navigationWrapper = el as HTMLElement)}\n        >\n          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n          <div\n            class={pfx({ overlay: true, act: !!this.isMobileNavOpen })}\n            onClick={() => this.closeMobileNav()}\n            onTouchEnd={() => this.closeMobileNav()}\n          ></div>\n          {this.hasMetaNavigation && (\n            <div class={pfx(\"meta-wrapper\")}>\n              <slot name=\"meta\" />\n            </div>\n          )}\n          {this.hasToolbarNavigation && (\n            <Fragment>\n              <div class={pfx(\"toolbar-wrapper\")}>\n                <slot name=\"toolbar\" />\n              </div>\n              <div\n                class={pfx({ \"toolbar-sub\": true, active: this.isToolbarSubOpen })}\n                style={{\n                  height: `${this.isToolbarSubOpen && this.toolbarSubHeight ? this.toolbarSubHeight : 0}px`\n                }}\n              >\n                <div class={pfx(\"toolbar-sub-inner\")}>\n                  <slot name=\"toolbar-sub\" />\n                </div>\n              </div>\n            </Fragment>\n          )}\n          {this.hasMainNavigation && (\n            <Fragment>\n              <div class={pfx(\"main-wrapper\")}>\n                <slot name=\"main\" />\n              </div>\n              <div\n                ref={(el) => (this.mainSubWrapper = el as HTMLElement)}\n                class={pfx(\"main-sub-wrapper\")}\n                style={{\n                  height: `${this.isMainSubWrapperOpen && this.mainSubHeight ? this.mainSubHeight : 0}px`\n                }}\n              >\n                <div\n                  class={pfx({\n                    \"main-sub\": true,\n                    active: this.isMainSubOpen\n                  })}\n                >\n                  <div class={pfx(\"main-sub-inner\")}>\n                    <slot name=\"main-sub\" />\n                    <slot name=\"main-icon-sub\" />\n                  </div>\n                </div>\n              </div>\n\n              <div\n                class={pfx(\"mobile-wrapper\")}\n                ref={(el) => (this.mobileWrapper = el as HTMLElement)}\n                inner-background={NAVIGATION_MOBILE_FLYOUT_INNER_BACKGROUND}\n              >\n                {this.createMobileMain()}\n                {Array.from(this.mainStandardChilds).map((child: HTMLElement) =>\n                  this.createMobileSub(child, this.mainNavigation)\n                )}\n                {Array.from(this.mainIconChilds).map((child: HTMLElement) =>\n                  this.createMobileSubWithGrid(child, this.mainNavigation)\n                )}\n                {Array.from(this.toolbarChilds).map((child: HTMLElement) =>\n                  this.createMobileSubWithGrid(child, this.toolbarNavigation)\n                )}\n              </div>\n            </Fragment>\n          )}\n          {this.hasExtension && (\n            <div class={pfx(\"extension-wrapper\")}>\n              <slot name=\"extension\" />\n            </div>\n          )}\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sSAAO,MAAMA,EAA+B,OACrC,MAAMC,EAAkC,UACxC,MAAMC,EAA+B,OCF5C,MAAMC,EAAgB,o1mDACtB,MAAAC,EAAeD,E,MC8BFE,EAAU,M,yBAErBC,KAAAC,WAAa,GACbD,KAAAE,cAAgB,GAChBF,KAAAG,WAAa,GAQbH,KAAAI,cAAgB,EAqBhBJ,KAAAK,eAAiCC,EAIjCN,KAAAO,wBAA0B,EAC1BP,KAAAQ,8BAAgC,E,4BAEU,K,sBACL,M,0DAEI,M,mBACP,M,uNAOE,M,YAOV,K,2BAW1B,4BAAMC,GAGJ,aAAaT,KAAKU,kBAAkBC,wBAAwBC,M,CAO9D,oBAAMC,CAAeC,EAAaC,EAAoB,OACpDC,aAAahB,KAAKiB,uBAClBjB,KAAKkB,yBACLlB,KAAKmB,eACLnB,KAAKoB,iBAAmBpB,KAAKqB,iBAC7BrB,KAAKsB,eAAiBtB,KAAKmB,eAC3BnB,KAAKuB,0BAA4BvB,KAAKwB,YAAYC,cAAc,IAAIX,KAEpE,GAAId,KAAKuB,0BAA2B,CAClCvB,KAAK0B,iBAAmB,KACxB1B,KAAK2B,iBACL,KAAMZ,EAAUf,KAAK4B,mBAAmB5B,KAAKuB,0B,EAQjD,qBAAMM,GACJb,aAAahB,KAAKiB,uBAClBjB,KAAKkB,yBACLlB,KAAK0B,iBAAmB,MACxB1B,KAAKiB,sBAAwBa,YAAW,KACtC,GAAI9B,KAAKuB,0BAA2BvB,KAAKuB,0BAA0BQ,MAAMC,QAAU,MAAM,GACxF,I,CAOL,iBAAMC,CAAYnB,EAAaC,EAAoB,OACjDC,aAAahB,KAAKkC,oBAClBlC,KAAKmC,sBACLnC,KAAKoC,0BACLpC,KAAKoB,iBAAmBpB,KAAKqB,iBAC7BrB,KAAK0B,kBAAoB1B,KAAK6B,kBAC9B7B,KAAKqC,uBAAyBrC,KAAKwB,YAAYC,cAAc,IAAIX,KAEjE,GAAId,KAAKqC,uBAAwB,CAC/BrC,KAAKsB,cAAgB,KACrBtB,KAAKsC,qBAAuB,KAC5BtC,KAAKuC,cACL,KAAMxB,EAAUf,KAAK4B,mBAAmB5B,KAAKqC,uB,EAQjD,kBAAMlB,GACJH,aAAahB,KAAKkC,oBAClBlC,KAAKmC,sBACLnC,KAAKoC,0BACLpC,KAAKsB,cAAgB,MACrBtB,KAAKkC,mBAAqBJ,YAAW,KACnC9B,KAAKsC,qBAAuB,MAC5B,GAAItC,KAAKqC,uBAAwBrC,KAAKqC,uBAAuBN,MAAMC,QAAU,MAAM,GAClF,I,CAOL,mBAAMQ,GACJxC,KAAKyC,iBACLzC,KAAKsB,eAAiBtB,KAAKmB,eAC3BnB,KAAK0B,kBAAoB1B,KAAK6B,kBAC9B7B,KAAK0C,cAAcC,UAAUC,IAAI,OACjC5C,KAAKoB,gBAAkB,KACvBpB,KAAK6C,eAAeC,aAAe,I,CAOrC,oBAAMzB,GACJrB,KAAKoC,0BACLpC,KAAK0C,cAAcC,UAAUI,OAAO,OACpC/C,KAAKoB,gBAAkB,MACvBpB,KAAK6C,eAAeC,aAAe,MACnChB,YAAW,KACT9B,KAAKyC,gBAAgB,GACpB,I,CAOL,mBAAMO,CAAclC,GAClBd,KAAKiD,yBAA2BjD,KAAK0C,cAAcjB,cAAc,WAAWX,KAC5Ed,KAAKkD,e,CAOP,8BAAMC,CAAyBrC,GAC7Bd,KAAK6C,eAAeC,aAAe,MACnC9C,KAAKyC,iBACLzC,KAAKiD,yBAA2BjD,KAAK0C,cAAcjB,cAAc,WAAWX,KAC5Ed,KAAKsB,eAAiBtB,KAAKmB,eAC3BnB,KAAK0B,kBAAoB1B,KAAK6B,kBAC9B7B,KAAK0C,cAAcC,UAAUC,IAAI,OACjC5C,KAAKoB,gBAAkB,KACvBpB,KAAKoD,0B,CAOP,oBAAMX,GACJzC,KAAKoC,0BACLpC,KAAKqD,gBAAgBC,SAASC,IAC5BA,EAAQZ,UAAUI,OAAO,OACzBQ,EAAQ9B,cAAc,+BAA+B+B,UAAY,CAAC,IAEpExD,KAAKyD,qBAAqBD,UAAY,EACtCxD,KAAKyD,qBAAqBd,UAAUI,OAAO,Q,CAI7C,qBAAAW,GACE,GAAI1D,KAAK2D,OAAQ,CACf3C,aAAahB,KAAK4D,eAClB5D,KAAK4D,cAAgB9B,YAAW,KAC9B,IAAK+B,IAAiB,CACpB,IAAIC,EAAKC,OAAOC,aAAeC,SAASC,gBAAgBV,UACxD,GAAIM,EAAK,KAAOA,EAAK9D,KAAKI,cAAe,CACvCJ,KAAKmE,uBAAyB,M,KACzB,CACLnE,KAAKmE,uBAAyB,I,CAGhCnE,KAAKI,cAAgB0D,GAAM,EAAI,EAAIA,C,KAC9B,CACL,GAAIG,SAASC,gBAAgBV,UAAY,IAAK,CAC5CxD,KAAKmE,uBAAyB,M,KACzB,CACLrC,YAAW,KACT9B,KAAKmE,uBAAyB,IAAI,GACjC,I,KAGN,G,EAKP,wBAAAC,GACE,GAAIpE,KAAK0B,kBAAoB1B,KAAKsB,cAAe,CAC/CN,aAAahB,KAAKqE,eAClBrE,KAAKqE,cAAgBvC,YAAW,KAC9B9B,KAAK6B,kBACL7B,KAAKmB,cAAc,GAClB,I,EAIP,iBAAAmD,GACEtE,KAAKuE,yBACLvE,KAAKwE,8BACLxE,KAAKyE,kBAAoBzE,KAAKwB,YAAYC,cAAc,oBACxDzB,KAAK0E,cAAgB1E,KAAKwB,YAAYmD,iBAAiB,wBACvD3E,KAAK4E,aAAe5E,KAAKwB,YAAYmD,iBAAiB,uCACtD3E,KAAK6C,eAAiB7C,KAAKwB,YAAYC,cAAc,iBACrDzB,KAAK6E,WAAa7E,KAAKwB,YAAYmD,iBAAiB,6CACpD3E,KAAK8E,mBAAqB9E,KAAKwB,YAAYmD,iBAAiB,qBAC5D3E,KAAK+E,eAAiB/E,KAAKwB,YAAYmD,iBAAiB,0BACxD3E,KAAKgF,UAAYhF,KAAKwB,YAAYmD,iBAAiB,+BACnD3E,KAAKiF,cAAgBjF,KAAKwB,YAAYmD,iBAAiB,oCACvD3E,KAAKkF,4CACLlF,KAAKmF,0B,CAGP,gBAAAC,G,MACEpF,KAAKqF,gBAAkBrF,KAAKsF,2BAC5BtF,KAAKuF,6BACLvF,KAAKqD,iBAAkBmC,EAAAxF,KAAK0C,iBAAa,MAAA8C,SAAA,SAAAA,EAAEb,iBAAiB,yBAC5D3E,KAAKyF,iB,CAMP,yCAAAP,GAEElF,KAAK0E,cAAcpB,SAASoC,IAC1BA,EAAaf,iBAAiB,iCAAiCrB,SAASqC,IACtEA,EAAKC,QAAQC,qBAAuB,SAAS,GAC7C,IAIJ7F,KAAK6E,WAAWvB,SAASwC,IACvBA,EAAUnB,iBAAiB,iCAAiCrB,SAASqC,IACnEA,EAAKC,QAAQC,qBAAuB,MAAM,GAC1C,G,CAIN,wBAAAV,GACEnF,KAAK0E,cAAcpB,SAASyC,IAC1BA,EAAMC,aAAa,mBAAoBC,EAA2C,IAGpFjG,KAAK6E,WAAWvB,SAASyC,IACvBA,EAAMC,aAAa,mBAAoBE,EAAwC,G,CAInF,cAAAvE,GACE3B,KAAK0E,cAAcpB,SAASC,IAC1BA,EAAQxB,MAAMC,QAAU,MAAM,IAGhChC,KAAKuB,0BAA0BQ,MAAMC,QAAU,QAC/ChC,KAAKmG,qB,CAGP,WAAA5D,GACEvC,KAAK6E,WAAWvB,SAASC,IACvBA,EAAQxB,MAAMC,QAAU,MAAM,IAGhChC,KAAKqC,uBAAuBN,MAAMC,QAAU,QAE5ChC,KAAKoG,kB,CAGP,aAAAlD,GACElD,KAAKiD,yBAAyBN,UAAUC,IAAI,OAC5C5C,KAAKyD,qBAAqBd,UAAUC,IAAI,Q,CAG1C,wBAAAQ,GACEpD,KAAKiD,yBAAyBN,UAAUC,IAAI,gBAC5C5C,KAAKiD,yBAAyBN,UAAUC,IAAI,OAC5C5C,KAAKyD,qBAAqBd,UAAUC,IAAI,Q,CAG1C,kBAAAhB,CAAmByE,GACjB,IAAIC,EAAWC,MAAMC,UAAUC,MAAMC,KAAKL,EAAmB1B,iBAAiB,MAC9E,IAAIgC,EACJ,IAAIC,EAEJN,EAAShD,SAASC,IAChB,GAAIA,EAAQsD,aAAa,YAAa,CACpC,IAAKF,EAAoBA,EAAqBpD,EAC9CqD,EAAoBrD,C,KACf,CACL,GAAIA,EAAQuD,WAAY,CACtB,IAAIC,EAAmBxD,EAAQuD,WAAWrF,cAAc,cACxD,KAAMsF,EAAkB,CACtB,IAAKJ,EAAoBA,EAAqBI,EAC9CH,EAAoBG,C,OAM5B,KAAMJ,EAAoBA,EAAmBK,QAC7C,KAAML,KAAwBC,EAC5B5G,KAAKiH,uBAAuBN,EAAoBC,EAAmBP,E,CAGvE,sBAAAY,CAAuBC,EAAyBC,EAAwBd,GACtE,IAAKa,EAAWvE,UAAUyE,SAAS,kBAAmB,CACpDF,EAAWvE,UAAUC,IAAI,kBACzBsE,EAAWG,iBAAiB,WAAYC,I,MACtC,OAAQA,EAAEC,KACR,KAAKC,EAAOC,IACV,GAAIH,EAAEI,SAAU,CACdJ,EAAEK,iBACF3H,KAAKmB,eACL,IAAIyG,EAAc3D,SAASxC,cACzB,iBAAiB4E,EAAmBwB,aAAa,YAEnDrC,EAACoC,EAAYd,WAAWrF,cAAc,iBAA6B,MAAA+D,SAAA,SAAAA,EAAEwB,O,CAEvE,M,IAOR,IAAKG,EAAUxE,UAAUyE,SAAS,kBAAmB,CACnDD,EAAUxE,UAAUC,IAAI,kBACxBuE,EAAUE,iBAAiB,WAAYC,I,MACrC,OAAQA,EAAEC,KACR,KAAKC,EAAOC,IACV,IAAKH,EAAEI,SAAU,CACfJ,EAAEK,iBACF3H,KAAKmB,eACL,IAAIyG,EAAc3D,SAASxC,cACzB,iBAAiBzB,KAAKqC,uBAAuBwF,aAAa,YAE5DrC,EAACoC,EAAYd,WAAWrF,cAAc,iBAA6B,MAAA+D,SAAA,SAAAA,EAAEwB,O,CAEvE,M,KAQV,sBAAAzC,GACEvE,KAAK8H,oBAAsB9H,KAAKwB,YAAYC,cAAc,iBAC1DzB,KAAK+H,uBAAyB/H,KAAKwB,YAAYC,cAAc,oBAC7DzB,KAAKgI,oBAAsBhI,KAAKwB,YAAYC,cAAc,iBAC1DzB,KAAKiI,eAAiBjI,KAAKwB,YAAYC,cAAc,qB,CAKvD,2BAAA+C,GACExE,KAAK8H,oBAAsB9H,KAAKO,yBAA2BP,KAAKC,YAEhED,KAAKgI,oBAAsBhI,KAAKO,yBAA2BP,KAAKG,YAEhE,OAAQH,KAAKkI,aACX,KAAKtI,EACHI,KAAKQ,8BAAgCR,KAAKO,wBAC1C,MACF,KAAKZ,EACHK,KAAKQ,8BACHR,KAAKO,yBAA2BP,KAAK8H,kBAAoB9H,KAAKC,WAAa,GAC7E,MACF,KAAKP,EACHM,KAAKQ,8BAIHR,KAAKO,yBAA2BP,KAAK8H,kBAAoB9H,KAAKC,WAAa,GAC7E,M,CAIN,eAAAwF,GACE0C,EAAenI,KAAKwB,YAAa,4BAA6B,GAAGxB,KAAKO,6BACtE4H,EAAenI,KAAKwB,YAAa,kCAAmC,GAAGxB,KAAKQ,kC,CAG9E,mBAAA2F,GACEnG,KAAKoI,iBAAmBpI,KAAKuB,0BAA0BZ,wBAAwBC,OAAS,E,CAG1F,gBAAAwF,GACEpG,KAAKqI,cAAgBrI,KAAKqC,uBAAuB1B,wBAAwBC,OAAS,GAAK,E,CAGzF,mBAAAuB,GACEnC,KAAKgF,UAAU1B,SAASgF,IACtBA,EAAKC,mBAAmB,G,CAI5B,uBAAAnG,GACEpC,KAAKiF,cAAc3B,SAASgF,IAC1BA,EAAKC,mBAAmB,G,CAI5B,sBAAArH,GACElB,KAAK4E,aAAatB,SAASgF,IACzBA,EAAKC,mBAAmB,G,CAI5B,wBAAAjD,GAKEtF,KAAKqF,eAAegC,iBAAiB,cAAemB,IAClD,GAAIxI,KAAKyI,YAAYD,EAAOxI,KAAKqF,kBAAoB,MAAO,CAC1DrF,KAAK0I,kBAAoB5G,YAAW,KAClC9B,KAAKmB,cAAc,GAClB,I,KAQPnB,KAAKqF,eAAegC,iBAAiB,cAAc,KACjD,GAAIrH,KAAK0I,kBAAmB,CAC1B1H,aAAahB,KAAK0I,kB,KAShB,0BAAAnD,GACN,GAAIvF,KAAKgI,kBAAmB,CAG1B,GAAIhI,KAAK6C,eAAegE,aAAa,mBAAoB,CACvD7G,KAAKK,eAAiBL,KAAK6C,eAAegF,aAAa,kB,CAGzD7H,KAAK0C,cAAcC,UAAUC,IAAI,QAAQ5C,KAAKK,iB,EAI1C,gBAAAsI,G,YACN,MAAMC,EAAsC,GAC5C,MAAMC,EAAyC,IAE/CC,GAAAtD,EAAAxF,KAAK6C,kBAAc,MAAA2C,SAAA,SAAAA,EAAEb,iBAAiB,kCAA8B,MAAAmE,SAAA,SAAAA,EAAExF,SAASC,IAC7E,MAAM+E,EAAO/E,EAAQwF,UAAU,MAC/BT,EAAKtC,aAAa,SAAU,QAC5B4C,EAAqBI,KAAKV,EAAK,KAGjCW,GAAAC,EAAAlJ,KAAKyE,qBAAiB,MAAAyE,SAAA,SAAAA,EAAEvE,iBAAiB,0CAAsC,MAAAsE,SAAA,SAAAA,EAAE3F,SAASC,IACxF,MAAM+E,EAAO/E,EAAQwF,UAAU,MAC/BT,EAAKtC,aAAa,SAAU,QAC5B6C,EAAwBG,KAAKV,EAAK,IAGpC,OACEa,EAAA,OAAKC,MAAM,kBAAkBC,IAAMC,GAAQtJ,KAAKyD,qBAAuB6F,GACrEH,EAAA,OAAKC,MAAM,yBACTD,EAAA,OACEC,MAAM,wBACNG,UAAWX,EAAqBY,KAAKjG,GAAyBA,EAAQkG,YAAWC,KAAK,MAExFP,EAAA,OACEC,MAAM,2BACNG,UAAWV,EAAwBW,KAAKjG,GAAyBA,EAAQkG,YAAWC,KAAK,O,CAU3F,eAAAC,CAAgBC,EAASC,G,MAC/B,IAAIC,EAAqC,GACzC,MAAMC,GAAevE,EAAAqE,EAAkBpI,cAAc,iBAAiBmI,EAAQI,WAAO,MAAAxE,SAAA,SAAAA,EAAEqC,aAAa,QAEpG+B,EAAQjF,iBAAiB,8BAA8BrB,SAAS2G,IAC9D1D,MAAM2D,KAAKD,EAAOE,UAAU7G,SAAS8G,IACnC,MAAM9B,EAAO8B,EAAWrB,UAAU,MAClCT,EAAKtC,aAAa,SAAU,QAC5B8D,EAAoBd,KAAKV,EAAK,GAC9B,IAGJ,OACEa,EAAA,OAAKC,MAAM,uBAAuBY,GAAI,UAAUJ,EAAQI,MAEtDb,EAAA,OAAKC,MAAM,gCAAgCiB,QAAS,IAAMrK,KAAKyC,kBAC7D0G,EAAA,YAAOY,GACPZ,EAAA,eAAamB,KAAK,wBAEpBnB,EAAA,OACEC,MAAM,6BACNG,UAAWO,EAAoBN,KAAKjG,GAAyBA,EAAQkG,YAAWC,KAAK,M,CASrF,uBAAAa,CAAwBX,EAAsBC,G,MACpD,MAAME,GAAevE,EAAAqE,EAAkBpI,cAAc,iBAAiBmI,EAAQI,WAAO,MAAAxE,SAAA,SAAAA,EAAEqC,aAAa,QAEpG,MAAM2C,EAAevG,SAASwG,WAAWb,EAAS,MAClDY,EAAaE,gBAAgB,eAC7BF,EAAaxE,aAAa,sBAAuB,QACjDwE,EAAazI,MAAMC,QAAU,QAE7B,OACEmH,EAAA,OAAKC,MAAM,uBAAuBY,GAAI,UAAUJ,EAAQI,QACnDD,GAEDZ,EAAA,OAAKC,MAAM,gCAAgCiB,QAAS,IAAMrK,KAAKyC,kBAC7D0G,EAAA,YAAOY,GACPZ,EAAA,eAAamB,KAAK,wBAGtBnB,EAAA,OACEC,MAAO,CAAE,6BAA8B,KAAMuB,QAAS,KAAM,eAAgBZ,GAC5ER,UAAWiB,EAAaf,Y,CAMhC,WAAAhB,CAAYD,EAAOoC,GACjB,IAAIC,EAAeD,EAAKjK,wBAExB,IAAImK,EAAkBD,EAAaE,KACnC,IAAIC,EAAiBH,EAAaI,IAClC,IAAIC,EAAmBL,EAAaM,MACpC,IAAIC,EAAoBP,EAAaQ,OAErC,IAAIC,EAAS9C,EAAM+C,MACnB,IAAIC,EAAShD,EAAMiD,MAEnB,IAAIC,EAAcC,KAAKC,IAAIZ,EAAiBQ,GAC5C,IAAIK,EAAiBF,KAAKC,IAAIR,EAAoBI,GAClD,IAAIM,EAAeH,KAAKC,IAAId,EAAkBQ,GAC9C,IAAIS,EAAgBJ,KAAKC,IAAIV,EAAmBI,GAEhD,IAAIU,EAAML,KAAKK,IAAIN,EAAaG,EAAgBC,EAAcC,GAE9D,OAAQC,GACN,KAAKF,EACH,MAAO,OACT,KAAKC,EACH,MAAO,QACT,KAAKL,EACH,MAAO,MACT,KAAKG,EACH,MAAO,S,CAIb,MAAAI,GACE,OACE9C,EAAC+C,EAAI,CAAA3E,IAAA,2CAACyC,GAAG,oBACPb,EAAA,OAAA5B,IAAA,wDACa,aACX6B,MAAO+C,EAAI,CACT,qBAAsB,KACtB,CAAC,QAAQnM,KAAK8H,kBAAoB,QAAU,OAAO9H,KAAK+H,qBAAuB,WAAa,OACxF/H,KAAKgI,kBAAoB,QAAU,MAClC,KACL,CAAC,YAAahI,KAAK2D,OACnB,CAAC,gBAAgB3D,KAAKkI,iBAAkBlI,KAAK2D,UAAY3D,KAAKkI,YAC9D,CAAC,eAAgBlI,KAAK2D,QAAU3D,KAAKmE,yBAA2B,SAElEkF,IAAMC,GAAQtJ,KAAKU,kBAAoB4I,GAGvCH,EAAA,OAAA5B,IAAA,2CACE6B,MAAO+C,EAAI,CAAEC,QAAS,KAAMC,MAAOrM,KAAKoB,kBACxCiJ,QAAS,IAAMrK,KAAKqB,iBACpBiL,WAAY,IAAMtM,KAAKqB,mBAExBrB,KAAK8H,mBACJqB,EAAA,OAAA5B,IAAA,2CAAK6B,MAAO+C,EAAI,iBACdhD,EAAA,QAAA5B,IAAA,2CAAM+C,KAAK,UAGdtK,KAAK+H,sBACJoB,EAACoD,EAAQ,CAAAhF,IAAA,4CACP4B,EAAA,OAAA5B,IAAA,2CAAK6B,MAAO+C,EAAI,oBACdhD,EAAA,QAAA5B,IAAA,2CAAM+C,KAAK,aAEbnB,EAAA,OAAA5B,IAAA,2CACE6B,MAAO+C,EAAI,CAAE,cAAe,KAAMK,OAAQxM,KAAK0B,mBAC/CK,MAAO,CACLnB,OAAQ,GAAGZ,KAAK0B,kBAAoB1B,KAAKoI,iBAAmBpI,KAAKoI,iBAAmB,QAGtFe,EAAA,OAAA5B,IAAA,2CAAK6B,MAAO+C,EAAI,sBACdhD,EAAA,QAAA5B,IAAA,2CAAM+C,KAAK,mBAKlBtK,KAAKgI,mBACJmB,EAACoD,EAAQ,CAAAhF,IAAA,4CACP4B,EAAA,OAAA5B,IAAA,2CAAK6B,MAAO+C,EAAI,iBACdhD,EAAA,QAAA5B,IAAA,2CAAM+C,KAAK,UAEbnB,EAAA,OAAA5B,IAAA,2CACE8B,IAAMC,GAAQtJ,KAAKqF,eAAiBiE,EACpCF,MAAO+C,EAAI,oBACXpK,MAAO,CACLnB,OAAQ,GAAGZ,KAAKsC,sBAAwBtC,KAAKqI,cAAgBrI,KAAKqI,cAAgB,QAGpFc,EAAA,OAAA5B,IAAA,2CACE6B,MAAO+C,EAAI,CACT,WAAY,KACZK,OAAQxM,KAAKsB,iBAGf6H,EAAA,OAAA5B,IAAA,2CAAK6B,MAAO+C,EAAI,mBACdhD,EAAA,QAAA5B,IAAA,2CAAM+C,KAAK,aACXnB,EAAA,QAAA5B,IAAA,2CAAM+C,KAAK,qBAKjBnB,EAAA,OAAA5B,IAAA,2CACE6B,MAAO+C,EAAI,kBACX9C,IAAMC,GAAQtJ,KAAK0C,cAAgB4G,EAAkB,mBACnCmD,GAEjBzM,KAAK2I,mBACLpC,MAAM2D,KAAKlK,KAAK8E,oBAAoB0E,KAAKzD,GACxC/F,KAAK2J,gBAAgB5D,EAAO/F,KAAK6C,kBAElC0D,MAAM2D,KAAKlK,KAAK+E,gBAAgByE,KAAKzD,GACpC/F,KAAKuK,wBAAwBxE,EAAO/F,KAAK6C,kBAE1C0D,MAAM2D,KAAKlK,KAAK0E,eAAe8E,KAAKzD,GACnC/F,KAAKuK,wBAAwBxE,EAAO/F,KAAKyE,uBAKhDzE,KAAKiI,cACJkB,EAAA,OAAA5B,IAAA,2CAAK6B,MAAO+C,EAAI,sBACdhD,EAAA,QAAA5B,IAAA,2CAAM+C,KAAK,gB"}