@nanoporetech-digital/components 3.7.0 → 3.8.0

package/dist/nano-components/p-807c2e92.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utils/fetch.ts","src/components/global-nav/style/global-nav.scss?tag=nano-global-nav&encapsulation=shadow","src/components/global-nav/global-nav.tsx"],"names":["async","clientFetch","url","body","customConfig","headers","Accept","Access-Control-Allow-Origin","Content-Type","Cache","config","method","credentials","keepalive","mode","JSON","stringify","id","setTimeout","window","AbortController","controller","timeout","abort","signal","response","fetch","clearTimeout","ok","json","errorMessage","text","Error","globalNavCss","THRESHOLDBREAKS","about","main","login","search","icon","GlobalNav","this","currSize","thresholdsGoingUp","THRESHOLDLIMIT","Object","keys","length","autocompleteEles","currAIndex","isLoggedIn","myAccData","aboutNavItms","siteNavItms","loggedInNavItms","setResizingState","state","debounceSetResizingState","debounce","isResizing","onMenuBtnKeyDown","ev","key","modalOpen","menuClose","menuOpen","onMenuBtnClick","e","preventDefault","menuDiv","style","display","modalIsOpen","menuWrapDiv","addEventListener","focus","preventScroll","threshold","scrollHeight","innerHeight","document","overflow","menuFullScreen","overflowX","onMenuHidden","removeEventListener","activeElement","menuBtn","mainBarDiv","force","relatedTarget","closestElement","closest","requestAnimationFrame","secondaryMenuOpen","subMenuClose","target","open","onUserBtnClick","userMenuOpen","onUserBtnKeyDown","onUserMenuBlur","onSearchBtnClick","searchBarShown","searchbarShow","searchbarHide","onSearchBtnKeyDown","onSearchBarShown","searchBarEl","searchInput","setFocus","showAutocomplete","searchValInternal","onSearchBarHidden","height","onSearchInput","value","isSearchValSet","searchLoading","detail","type","onSearchChange","searchValue","autocompleteResults","nanoSearchReset","emit","currentIndex","currentSelectedIndex","processSearchResults","alogliaIndex","attributesToSnippet","hitsPerPage","filters","Math","floor","Date","now","console","error","scopeSearch","onSearchSubmit","showAutocompleteResults","algoliaSearchResults","queries","internalSearchIndeces","map","index","indexName","query","facets","algoliaClient","multipleQueries","nanoSearchError","results","result","i","name","selected","domain","domains","allGroup","nanoSearchResult","client","apiKey","searchApiKey","appId","searchAppId","onSearchIndexChange","indexStr","selectedIndex","find","searchIndex","switchIndexSubmit","onAutocompleteBlur","hits","onAutocompleteInteract","testIndex","el","shadowRoot","found","ele","setActiveElement","click","encodeURIComponent","location","href","protocol","host","[object Object]","env","userProfileUrl","getMyAccountData","remoteDataReady","ssoDataUrl","import","user","myAccountUser","processMyAccLinks","processMyAccData","foundIndex","algoliasearch","addAlgoliaIndeces","searchIndeces","forEach","initIndex","newThreshold","oldThreshold","intersectRatio","ratioChange","thresholdReady","siteContent","minHeight","barsDiv","clientHeight","menuItems","barItems","readTask","Array","from","querySelectorAll","push","writeTask","item","classList","add","remove","ready","attachIO","nanoIsReady","classes","innerWidth","secondaryMenu","stopPropagation","menuSelectedItems","menuContentDiv","displayTransition","userLinkPanel","widgetHeight","querySelector","toString","hit","lookFor","_snippetResult","prop","matchLevel","title","substring","autocompleteEle","setAttribute","hasSiteSlot","hasLoggedinSlot","hasPromotionSlot","aboutSlotLen","iconSlotLen","mainSlotLen","overflowSlotLen","searchSlotLen","io","root","IntersectionObserver","data","slice","intersectionRatio","observe","debounceResize","onWindowResize","bind","initAlgoliaClient","ComponentStore","init","MutationObserver","mo","assessSlottedContent","childList","subtree","disconnect","undefined","getMyAccData","content","scrollingUp","currentScopeHits","scopeChangeSuggestions","scopeSuggestReducer","total","currentSuggestReducer","reduce","scopeSuggestions","h","class","role","ref","a","tabindex","innerHTML","autocompleteSnippet","button","onClick","onMouseDown","aria-expanded","hidden","onKeyDown","onSubmit","label","hideLabel","showInlineError","onNanoChange","mask","slot","aria-label","clear-input","placeholder","input","onNanoInput","aria-autocomplete","aria-activedescendant","aria-controls","onNanoFocus","search-icon","search-icon--search","search-icon--show","search-icon--loader","isRtl","ownerDocument","dir","searchWidget","autocompleteList","Host","thresholdClasses","join","search-bar-shown","search-auto-complete-shown","modal-open","resizing","global-nav","scrolling-down","gn-menu","has-promotion","menu-full-screen","secondary-open","div","activeMyAccountSections","includes","msgUrl","msgCount","cartUrl","cartCount","urls","ssoRedirect","link","address","small_avatar_url","forgot_password","logout","auto-resize","break-point-max","quietMode","w","btn","showLogo","logoUrl","src","getAssetPath","alt","showSearch","aria-owns","icon-btn","search-btn","search-btn--open","user-links-btn","search-bar","show","onTouchEnd","origin","dm","multiResults","singleResult","match","domainFor","indeces","api_key","app_id","cart","count","notifications","messages","links","area"],"mappings":"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","sourcesContent":["interface FetchInputConfig {\n  body?: { [prop: string]: string };\n  headers?: { [prop: string]: string };\n  [prop: string]: any;\n}\n\nexport async function clientFetch(\n  url: string,\n  { body, ...customConfig }: FetchInputConfig = {}\n) {\n  const headers: { [prop: string]: string } = {\n    Accept: 'application/json, text/plain, */*',\n    'Access-Control-Allow-Origin': '*',\n    'Content-Type': 'application/json',\n    Cache: 'no-cache',\n  };\n  const config: RequestInit = {\n    method: body ? 'POST' : 'GET',\n    credentials: 'include',\n    keepalive: true,\n    mode: 'cors',\n    ...customConfig,\n    headers: {\n      ...headers,\n      ...customConfig.headers,\n    },\n  };\n  if (body) {\n    config.body = JSON.stringify(body);\n  }\n\n  let id = setTimeout(() => {}, 0);\n  if (window.AbortController) {\n    const controller = new AbortController();\n    const { timeout = 500 } = customConfig;\n    id = setTimeout(() => controller.abort(), timeout);\n    config.signal = controller.signal;\n  }\n\n  const response = await fetch(url, config);\n  clearTimeout(id);\n\n  if (response.ok) {\n    return await response.json();\n  } else {\n    const errorMessage = await response.text();\n    return new Error(errorMessage);\n  }\n}\n","@use 'sass:map';\n@use 'sass:list';\n@use '../../../global/style/nano-theme/form' as nanoForm;\n\n// globals\n@import '../../../global/style/utilities/globals';\n@import '../../../global/style/nano-theme/base';\n@import '../../../global/style/nano-theme/colours';\n@import '../../../global/style/nano-theme/layers';\n\n// local\n@import 'setup';\n@import 'bar';\n@import 'burger';\n@import 'search';\n@import 'user';\n\n:host {\n  /**\n   * @prop --bar-vertical-padding: Defaults to 21px;\n   * @prop --bar-item-spacing: Defaults to 16px;\n   * @prop --bar-background: Defaults to white;\n   * @prop --bar-text-color: Defaults to #196c82;\n   * @prop --bar-color-shade: Defaults to rgb(19, 89, 111);\n   * @prop --bar-color-tint: Defaults to rgb(19, 89, 111);\n   * @prop --bar-color-focus: Defaults to #001a21;\n   * @prop --bar-user-panel-bg: Defaults to #016d86;\n\n   * @prop --menu-background: Defaults to #001a21;\n   * @prop --menu-text-color: Defaults to white;\n   * @prop --bar-dropdown-bg: Defaults to #196c82;\n   * @prop --bar-dropdown-text: Defaults to white;\n   * @prop --menu-user-profile-bg: Defaults to #001a21;\n   * @prop --menu-user-panel-bg: Defaults to #193037;\n   * @prop --menu-padding: Defaults to 12px;\n   * @prop --menu-hint-color: Defaults to #33484d;\n   * @prop --menu-title-text: Defaults to #{map.get($colors, lightblue)};\n   * @prop --menu-icon-color: Defaults to white;\n\n   * @prop --login-button-bg: Defaults to #17bb75;\n   * @prop --login-button-text: Defaults to white;\n   */\n\n  --bar-vertical-padding: 21px;\n  --bar-item-spacing: 13px;\n  --bar-background: white;\n  --bar-text-color: #196c82;\n  --bar-color-shade: rgb(12, 90, 113);\n  --bar-color-tint: rgb(19, 89, 111);\n  --bar-color-focus: #99a3a6;\n  --bar-user-panel-bg: #016d86;\n  --bar-dropdown-bg: #196c82;\n  --bar-dropdown-text: white;\n  --menu-background: #001a21;\n  --menu-text-color: white;\n  --menu-user-profile-bg: #001a21;\n  --menu-user-panel-bg: #193037;\n  --menu-padding: 12px;\n  --menu-hint-color: #33484d;\n  --menu-title-text: #{map.get($colors, lightblue)};\n  --menu-icon-color: white;\n  --login-button-bg: #17bb75;\n  --login-button-text: white;\n\n  // not sure if this required any more\n  --padding: 12px;\n  --padding-top: var(--padding);\n  --padding-end: var(--padding);\n  --padding-bottom: var(--padding);\n  --padding-start: var(--padding);\n\n  display: block;\n  position: relative;\n  line-height: 1.5;\n  height: 100%;\n  font-size: 0.9375em;\n  font-size: clamp(0.77rem, 1vw, 0.9rem);\n\n  input,\n  select,\n  button {\n    font-family: inherit;\n    appearance: none;\n    font-size: inherit;\n  }\n\n  a,\n  button {\n    &:focus {\n      outline: none;\n    }\n\n    &:focus-visible {\n      box-shadow: #{nanoForm.$control-focus-style};\n    }\n  }\n}\n","import {\n  Component,\n  h,\n  Host,\n  Element,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  Listen,\n  Build,\n  getAssetPath,\n  readTask,\n  writeTask,\n  Method,\n  VNode,\n  ComponentInterface,\n} from '@stencil/core';\nimport algoliasearch, { SearchClient as AlgoliaClient } from 'algoliasearch';\nimport { closestElement } from '../../utils/dom';\nimport { clientFetch } from '../../utils/fetch';\nimport { ComponentStore } from '../../utils/store/component-store';\nimport { debounce } from '../../utils/throttle';\nimport { displayTransition } from '../../utils/transitions';\nimport type {\n  InputChangeEventDetail,\n  SelectChangeEventDetail,\n  AlgoliaResults,\n  SearchIndex,\n  MyAccountLink,\n  AloliaSearchResultDetail,\n  AlgoliaMultiResult,\n  MyAccountUser,\n  MyAccountData,\n  NavItemEventDetail,\n  AlgoliaResultHit,\n  AlgoliaNetworkError,\n  AlgoliaMultiResults,\n} from '../../interface';\n\n// the 'breakpoints' where different segments of content go into or out-of the burger / overflow menu\nconst THRESHOLDBREAKS = {\n  about: 0,\n  main: 1,\n  login: 2,\n  search: 3,\n  icon: 4,\n};\n\n/**\n * Nanopore digital global navigation and search bar.\n * Incorporates MyAccount / SSO states (messages / cart / user name etc).\n * Incorporates Algolia search.\n *\n * @slot main - main nav items. Should be used with nano-nav-item's\n * @slot icon - nano-nav-item's displayed alongside icon links that come from MyAccount\n * @slot loggedin - nano-nav-item's to display when users are signed in, alongside links from from MyAccount (within the overflow menu panel).\n * @slot about - nano-nav-item's to display with about links that come from MyAccount\n * @slot site - nano-nav-item's to display with site links that come from MyAccount\n * @slot overflow - items to always display in the overflow menu\n * @slot search - when not using myaccount search OR show-search=\"false\" you can utilise the search slot\n * @slot promotion - a free area for any promotional content, displayed within the overflow menu panel\n * @slot logo - when show-logo=\"false\" you can utilise the logo slot\n * @slot - if using search functionality, place a `<nano-search-results />` element in the default slot\n */\n@Component({\n  tag: 'nano-global-nav',\n  styleUrl: 'style/global-nav.scss',\n  shadow: true,\n  assetsDirs: ['assets'],\n})\nexport class GlobalNav implements ComponentInterface {\n  // position and dimension state\n  private io: IntersectionObserver;\n  private debounceResize: () => {};\n  private debounceSetResizingState: () => {};\n  private currSize: number = 0;\n  private thresholdsGoingUp: boolean = false;\n  private THRESHOLDLIMIT = Object.keys(THRESHOLDBREAKS).length;\n\n  // menu\n  private menuDiv: HTMLElement;\n  private menuBtn: HTMLButtonElement;\n  private menuWrapDiv: HTMLDivElement;\n  private menuContentDiv: HTMLDivElement;\n  private menuSelectedItems: NodeListOf<HTMLNanoNavItemElement>;\n\n  // search\n  private searchBarEl: HTMLDivElement;\n  private searchInput: HTMLNanoInputElement;\n  private algoliaClient: AlgoliaClient;\n  private currentIndex: SearchIndex;\n  private autocompleteResults: AlgoliaResults | null;\n  private autocompleteEles: Array<HTMLAnchorElement | HTMLButtonElement> = [];\n  private currAIndex: number = -1;\n  private algoliaSearchResults: AlgoliaMultiResults | null;\n  private scopeSearch: AlgoliaMultiResults | null;\n\n  // general\n  private mainBarDiv: HTMLElement;\n  private barsDiv: HTMLDivElement;\n  private siteContent: HTMLDivElement;\n  private userLinkPanel: HTMLDivElement;\n  private isLoggedIn: boolean = false;\n\n  private myAccData: MyAccountData = null;\n\n  // myaccount links\n  private aboutNavItms: MyAccountLink[] = [];\n  private siteNavItms: MyAccountLink[] = [];\n  private loggedInNavItms: MyAccountLink[] = [];\n\n  // user profile link\n  @State() userProfileUrl: string = '';\n\n  // has slot tests\n  private mo?: MutationObserver;\n  @State() hasLoggedinSlot: boolean = false;\n  @State() hasSiteSlot: boolean = false;\n  @State() hasPromotionSlot: boolean = false;\n\n  // slot item number tests\n  @State() aboutSlotLen: number = 0;\n  @State() iconSlotLen: number = 0;\n  @State() mainSlotLen: number = 0;\n  @State() overflowSlotLen: number = 0;\n  @State() searchSlotLen: number = 0;\n\n  @State() internalSearchIndeces: Array<SearchIndex> = [];\n  @State() thresholdReady: boolean = false;\n  @State() remoteDataReady: boolean = false;\n  @State() ready: boolean = false;\n  @State() isResizing: boolean = false;\n  @State() intersectRatio: number;\n  @State() threshold: number = this.THRESHOLDLIMIT;\n  @State() modalOpen: boolean = false;\n  @State() modalIsOpen: boolean = false;\n  @State() searchBarShown: boolean = false;\n  @State() scrollingUp: boolean = true;\n  @State() searchLoading: boolean = false;\n  @State() showAutocomplete: boolean = false;\n  @State() secondaryMenuOpen: HTMLNanoNavItemElement = null;\n  @State() userMenuOpen: boolean = false;\n  @State() menuFullScreen: boolean = false;\n  @State() searchValInternal: string = '';\n\n  @Element() private el: HTMLNanoGlobalNavElement;\n\n  /**\n   * Connect to local, dev, test or prod MyAccount\n   * environments to retrieve global nav / sso data.\n   * Alternatively, you can use the `ssoDataUrl` prop.\n   */\n  @Prop() env?: 'local' | 'dev' | 'test' | 'prod' = 'prod';\n\n  /**\n   * A base url to retrieve global nav / sso data.\n   * `nav_bar_data.json` will be appended to this url.\n   * An alternative to the pre-defined `env` urls\n   */\n  @Prop() ssoDataUrl?: string;\n\n  /**\n   * Where to take user after SSO login\n   */\n  @Prop() ssoRedirect: string = encodeURIComponent(window.location.href);\n\n  /**\n   * Whether to attempt to get global nav / sso data from MyAccount\n   */\n  @Prop() getMyAccountData: boolean = true;\n\n  /**\n   * Active MyAccount link sections. By default all will show.\n   */\n  @Prop() activeMyAccountSections: (\n    | 'about'\n    | 'loggedin'\n    | 'sites'\n    | 'icons'\n  )[] = null;\n\n  /**\n   * Whether to show search functionality\n   */\n  @Prop() showSearch: boolean = true;\n\n  /**\n   * Whether to show Nanopore logo\n   */\n  @Prop() showLogo: boolean = true;\n\n  /**\n   * The link to put on the logo\n   */\n  @Prop() logoUrl: string = location.protocol + '//' + location.host;\n\n  /**\n   * An array of Algolia search indexes (and optional display names). Will be automatically populated from MyAccount\n   */\n  @Prop() searchIndeces: Array<SearchIndex> = [];\n\n  /**\n   * Logged in user details automatically populated from MyAccount\n   */\n  @Prop({ mutable: true }) myAccountUser: MyAccountUser = null;\n\n  /**\n   * An Algolia App ID key. Will be automatically populated from MyAccount\n   */\n  @Prop({ mutable: true }) searchAppId: string;\n\n  /**\n   * An Algolia API Key. Will be automatically populated from MyAccount\n   */\n  @Prop({ mutable: true }) searchApiKey: string;\n\n  /**\n   * A search value to passed to Algolia to programatically get or to preload search results\n   */\n  @Prop({ mutable: true }) searchValue: string = '';\n\n  /**\n   * Algolia search index to programatically set or to set an initial index\n   */\n  @Prop({ mutable: true }) searchIndex: string = 'all_prod_en';\n\n  /**\n   * MyAccount store cart count.\n   */\n  @Prop({ mutable: true }) cartCount: number = 0;\n\n  /**\n   * MyAccount un-read message count.\n   */\n  @Prop({ mutable: true }) msgCount: number = 0;\n\n  /**\n   * Url to the Nanopore store cart. Will default to the url supplied by MyAccount\n   */\n  @Prop({ mutable: true }) cartUrl: string = null;\n\n  /**\n   * Url to the Nanopore message center. Will default to the url supplied by MyAccount\n   */\n  @Prop({ mutable: true }) msgUrl: string = null;\n\n  /**\n   * Emitted when the global nav is ready.\n   */\n  @Event() nanoIsReady!: EventEmitter<void>;\n\n  /**\n   * Emitted when search results are successfully returned from Algolia.\n   */\n  @Event() nanoSearchResult!: EventEmitter<AloliaSearchResultDetail>;\n\n  /**\n   * Emitted when algolia returns an error.\n   */\n  @Event() nanoSearchError!: EventEmitter<AlgoliaNetworkError>;\n\n  /**\n   * Emitted when search field is cleared.\n   */\n  @Event() nanoSearchReset!: EventEmitter<AloliaSearchResultDetail>;\n\n  /**\n   * Submit the search form (a search value must be present)\n   */\n  @Method()\n  async submitSearch() {\n    this.onSearchSubmit();\n    this.showAutocomplete = false;\n    return;\n  }\n\n  @Watch('env')\n  @Watch('ssoDataUrl')\n  async getMyAccData() {\n    switch (this.env) {\n      case 'prod':\n        this.userProfileUrl = 'https://community.nanoporetech.com/profile/me';\n      case 'local':\n      case 'dev':\n      case 'test':\n      default:\n        this.userProfileUrl =\n          'https://community-test.nanoporetech.com/profile/me';\n        break;\n    }\n\n    if (!this.getMyAccountData || this.myAccData) {\n      this.remoteDataReady = true;\n      return;\n    }\n\n    let url = this.ssoDataUrl;\n\n    if (!url) {\n      switch (this.env) {\n        case 'dev':\n          url = 'https://myaccount-dev.nanoporetech.com/';\n          break;\n        case 'test':\n          url = 'https://myaccount-test.nanoporetech.com/';\n          break;\n        default:\n          url = 'https://myaccount.nanoporetech.com/';\n          break;\n      }\n    }\n\n    const config = { timeout: 5000 };\n\n    try {\n      if (this.env === 'local') {\n        this.myAccData = (await import(\n          `./assets/local-my-account.json`\n        )) as unknown as MyAccountData;\n      } else {\n        this.myAccData = await clientFetch(url + 'nav_bar_data.json', config);\n      }\n      if (this.myAccData.user.id) {\n        this.isLoggedIn = true;\n        this.myAccountUser = this.myAccData.user;\n      }\n      this.processMyAccLinks();\n      this.processMyAccData();\n      setTimeout(() => (this.remoteDataReady = true), 300);\n    } catch (e) {\n      console.error(e);\n      this.remoteDataReady = true;\n    }\n  }\n\n  @Watch('searchIndex')\n  currentSelectedIndex() {\n    if (!this.internalSearchIndeces.length) {\n      return;\n    }\n\n    const foundIndex = this.internalSearchIndeces.find(\n      (index) => index.index === this.searchIndex\n    );\n\n    if (!foundIndex) {\n      this.currentIndex = this.internalSearchIndeces[0];\n      console.error('index not found');\n      return;\n    }\n\n    this.currentIndex = foundIndex;\n    return foundIndex;\n  }\n\n  @Watch('searchValInternal')\n  changeInternalSearchVal() {\n    if (this.searchValInternal !== this.searchValue)\n      this.searchValue = this.searchValInternal;\n  }\n\n  @Watch('searchApiKey')\n  @Watch('searchAppId')\n  initAlgoliaClient() {\n    if (!this.searchAppId || !this.searchApiKey) return;\n\n    this.algoliaClient = algoliasearch(this.searchAppId, this.searchApiKey);\n    this.addAlgoliaIndeces();\n  }\n\n  @Watch('searchIndeces')\n  addIndeces() {\n    this.internalSearchIndeces = [\n      ...this.internalSearchIndeces,\n      ...this.searchIndeces,\n    ];\n  }\n\n  @Watch('internalSearchIndeces')\n  addAlgoliaIndeces() {\n    if (!this.algoliaClient || !this.internalSearchIndeces.length) return;\n\n    this.internalSearchIndeces.forEach((searchIndex) => {\n      searchIndex.alogliaIndex = this.algoliaClient.initIndex(\n        searchIndex.index\n      );\n    });\n    if (!this.searchIndex)\n      this.searchIndex = this.internalSearchIndeces[0].index;\n  }\n\n  @Watch('threshold')\n  thresholdChange(newThreshold, oldThreshold) {\n    if (newThreshold > oldThreshold) {\n      // we've resized to larger screen.\n      this.thresholdsGoingUp = true;\n      this.setResizingState(true);\n    }\n  }\n\n  /**\n   * Primary logic for resizing changes.\n   * When content doesn't fit - we loop down through break points until it does\n   */\n  @Watch('intersectRatio')\n  ratioChange() {\n    if (this.intersectRatio < 1 && this.threshold > 0) {\n      // content doesn't fit\n      if (this.thresholdsGoingUp) this.setResizingState(true);\n      this.threshold--;\n      setTimeout(() => this.ratioChange(), 500);\n    } else {\n      this.thresholdReady = true;\n\n      // content now fits so add / remove context classes\n      // on nav-items depending on whether they're added to bar or burger.\n      this.siteContent.style.minHeight = `calc(100% - ${\n        this.barsDiv.clientHeight + 1\n      }px)`;\n\n      let menuItems: Array<Element>, barItems: Array<Element>;\n      readTask(() => {\n        menuItems = [\n          ...Array.from(this.el.querySelectorAll('nano-nav-item[slot=\"site\"]')),\n          ...Array.from(\n            this.el.querySelectorAll('nano-nav-item[slot=\"overflow\"]')\n          ),\n        ];\n        barItems = [];\n\n        if (this.threshold < this.THRESHOLDLIMIT - THRESHOLDBREAKS.icon)\n          menuItems.push(\n            ...Array.from(\n              this.el.querySelectorAll('nano-nav-item[slot=\"icon\"]')\n            )\n          );\n        else\n          barItems.push(\n            ...Array.from(\n              this.el.querySelectorAll('nano-nav-item[slot=\"icon\"]')\n            )\n          );\n\n        if (this.threshold < this.THRESHOLDLIMIT - THRESHOLDBREAKS.login)\n          menuItems.push(\n            ...Array.from(\n              this.el.querySelectorAll('nano-nav-item[slot=\"loggedin\"]')\n            )\n          );\n        else\n          barItems.push(\n            ...Array.from(\n              this.el.querySelectorAll('nano-nav-item[slot=\"loggedin\"]')\n            )\n          );\n\n        if (this.threshold < this.THRESHOLDLIMIT - THRESHOLDBREAKS.main)\n          menuItems.push(\n            ...Array.from(\n              this.el.querySelectorAll('nano-nav-item[slot=\"main\"]')\n            )\n          );\n        else\n          barItems.push(\n            ...Array.from(\n              this.el.querySelectorAll('nano-nav-item[slot=\"main\"]')\n            )\n          );\n\n        if (this.threshold < this.THRESHOLDLIMIT - THRESHOLDBREAKS.about)\n          menuItems.push(\n            ...Array.from(\n              this.el.querySelectorAll('nano-nav-item[slot=\"about\"]')\n            )\n          );\n        else\n          barItems.push(\n            ...Array.from(\n              this.el.querySelectorAll('nano-nav-item[slot=\"about\"]')\n            )\n          );\n      });\n\n      writeTask(() => {\n        menuItems.forEach((item) => {\n          item.classList.add('nano-global-nav-menu');\n          item.classList.remove('nano-global-nav-bar');\n        });\n        barItems.forEach((item) => {\n          item.classList.remove('nano-global-nav-menu');\n          item.classList.add('nano-global-nav-bar');\n        });\n      });\n    }\n  }\n\n  @Watch('thresholdReady')\n  @Watch('remoteDataReady')\n  assessReady() {\n    if (this.thresholdReady && this.remoteDataReady) {\n      this.ready = true;\n    }\n  }\n\n  @Watch('remoteDataReady')\n  remoteReady() {\n    this.attachIO();\n  }\n\n  @Watch('ready')\n  isReady() {\n    this.nanoIsReady.emit();\n  }\n\n  /**\n   * Add / remove events when autocomplete results show / hide.\n   */\n  @Watch('showAutocomplete')\n  setupAutocompleteBlur() {\n    this.searchInput.clientWidth; // force reflow\n    if (this.showAutocomplete) {\n      this.el.shadowRoot.addEventListener('click', this.onAutocompleteBlur);\n    } else {\n      this.el.shadowRoot.removeEventListener('click', this.onAutocompleteBlur);\n    }\n  }\n\n  @Watch('secondaryMenuOpen')\n  closeSearchBar() {\n    if (!!this.secondaryMenuOpen && this.searchBarShown) this.searchbarHide();\n  }\n\n  /**\n   * As relevant slotted items change, reset resizing breakpoints\n   */\n  @Watch('aboutSlotLen')\n  @Watch('iconSlotLen')\n  @Watch('mainSlotLen')\n  @Watch('overflowSlotLen')\n  @Watch('searchSlotLen')\n  slotChange() {\n    this.threshold = this.THRESHOLDLIMIT;\n    if (this.ready) this.ratioChange();\n  }\n\n  // General classes for visuals\n\n  private thresholdClasses() {\n    const classes = [];\n    let i = 0;\n    for (i; i < this.threshold; i++) classes.push('threshold-' + (i + 1));\n    return classes;\n  }\n\n  /**\n   * provides 'isResizing' - we use this to fade content out on 'breakpoint' increase\n   * (when the screen size increases). Otherwise the stepping through of\n   * breakpoints to calculate if content currently fits shows on screen (looks ugly)\n   */\n  private setResizingState = (state: boolean = false) => {\n    if (typeof this.debounceSetResizingState === 'undefined') {\n      this.debounceSetResizingState = debounce(this.setResizingState, 600);\n    }\n    if (state) {\n      this.isResizing = true;\n      this.debounceSetResizingState();\n    } else {\n      this.isResizing = false;\n      this.thresholdsGoingUp = false;\n    }\n  };\n\n  // Global DOM Events\n\n  private onWindowResize() {\n    if (\n      this.threshold < this.THRESHOLDLIMIT &&\n      window.innerWidth > this.currSize\n    ) {\n      this.threshold = this.THRESHOLDLIMIT;\n      this.ratioChange();\n    }\n    this.currSize = window.innerWidth;\n    this.searchBarShown = false;\n  }\n\n  // Burger / Overflow Menu\n\n  // listen to nav-item secondary open / close events primarily for resizing the menu\n  @Listen('nanoOpen')\n  secondaryOpen(ev: CustomEvent & { target: HTMLNanoNavItemElement }) {\n    if (!(ev.detail as NavItemEventDetail).secondaryMenu) return;\n    ev.stopPropagation();\n    this.secondaryMenuOpen = ev.target;\n\n    if (!this.menuSelectedItems) {\n      this.menuSelectedItems = this.el.querySelectorAll(\n        'nano-nav-item.selected'\n      );\n      this.menuSelectedItems.forEach((i) => i.classList.remove('selected'));\n      this.menuSelectedItems.forEach((i) => (i.selected = false));\n    }\n\n    this.menuContentDiv.style.minHeight =\n      (ev.detail as NavItemEventDetail).secondaryMenu.scrollHeight + 'px';\n  }\n\n  @Listen('nanoClose')\n  secondaryClose(ev: CustomEvent & { target: HTMLNanoNavItemElement }) {\n    if (!(ev.detail as NavItemEventDetail).secondaryMenu) return;\n    ev.stopPropagation();\n\n    setTimeout(() => {\n      if (this.secondaryMenuOpen === ev.target && this.menuSelectedItems) {\n        this.secondaryMenuOpen = null;\n        this.menuContentDiv.style.minHeight = '';\n        this.menuSelectedItems.forEach((i) => i.classList.add('selected'));\n        this.menuSelectedItems.forEach((i) => (i.selected = true));\n        this.menuSelectedItems = null;\n      }\n    }, 200);\n  }\n\n  private onMenuBtnKeyDown = (ev: KeyboardEvent) => {\n    switch (ev.key) {\n      case 'Enter':\n      case ' ':\n        this.modalOpen ? this.menuClose(ev, true) : this.menuOpen();\n        break;\n    }\n  };\n\n  private onMenuBtnClick = (ev: MouseEvent) => {\n    this.menuClose(ev, true);\n  };\n\n  private menuOpen = (e?: MouseEvent) => {\n    if (e) e.preventDefault();\n\n    this.menuDiv.style.display = 'block';\n    // need to open menu in stages\n    // wait for re-flow after changing display\n    // wait for repaint after animate, then focus\n\n    this.menuDiv.clientWidth; // force reflow\n\n    this.modalOpen = true;\n    this.modalIsOpen = true;\n    this.menuWrapDiv.addEventListener('focusout', this.menuClose);\n\n    this.menuDiv.clientWidth; // force reflow\n\n    this.menuWrapDiv.focus({ preventScroll: true });\n    if (\n      this.threshold < 2 ||\n      this.menuWrapDiv.scrollHeight > window.innerHeight\n    ) {\n      document.body.style.overflow = 'hidden';\n      this.menuFullScreen = true;\n    } else document.body.style.overflowX = 'hidden';\n  };\n\n  private onMenuHidden = () => {\n    this.menuDiv.removeEventListener('transitionend', this.onMenuHidden);\n    this.menuWrapDiv.removeEventListener('focusout', this.menuClose);\n\n    document.body.style.overflow = '';\n    this.menuDiv.style.display = 'none';\n    this.modalIsOpen = false;\n    this.menuFullScreen = false;\n\n    setTimeout(() => {\n      if (document.activeElement === document.body && this.menuBtn)\n        this.mainBarDiv.focus({ preventScroll: true });\n    }, 50);\n  };\n\n  private menuClose = (\n    ev?: FocusEvent | MouseEvent | KeyboardEvent | TouchEvent,\n    force: boolean = false\n  ) => {\n    if (force) {\n      this.modalOpen = false;\n      this.menuDiv.addEventListener('transitionend', this.onMenuHidden);\n      return;\n    }\n\n    const e = ev as FocusEvent;\n    if (\n      e &&\n      e.relatedTarget &&\n      closestElement('#global-nav-menu', e.relatedTarget as HTMLElement)\n    )\n      return;\n    if (\n      e &&\n      e.relatedTarget &&\n      (e.relatedTarget as HTMLElement).closest('#global-nav-menu')\n    )\n      return;\n    if (\n      e &&\n      e.relatedTarget &&\n      (e.relatedTarget as HTMLElement).closest('[slot=\"promotion\"]')\n    )\n      return;\n\n    requestAnimationFrame(() => {\n      if (!!this.secondaryMenuOpen) return;\n\n      this.modalOpen = false;\n      this.menuDiv.addEventListener('transitionend', this.onMenuHidden);\n    });\n  };\n\n  private subMenuClose = (ev?: MouseEvent) => {\n    ev.preventDefault();\n    (ev.target as HTMLNanoNavItemElement).closest('nano-nav-item').open = false;\n  };\n\n  // User profile menu\n\n  private onUserBtnClick = (ev: MouseEvent) => {\n    ev.preventDefault();\n    this.userMenuOpen = !this.userMenuOpen;\n  };\n\n  private onUserBtnKeyDown = (ev: KeyboardEvent) => {\n    switch (ev.key) {\n      case 'Enter':\n      case ' ':\n        this.userMenuOpen = !this.userMenuOpen;\n        break;\n    }\n  };\n\n  private onUserMenuBlur = (ev: FocusEvent) => {\n    if (!ev.relatedTarget) {\n      this.userMenuOpen = false;\n      return;\n    }\n    if (!!(ev.relatedTarget as HTMLElement).closest('.user-links-panel'))\n      return false;\n    this.userMenuOpen = false;\n  };\n\n  @Watch('userMenuOpen')\n  async handleUserMenu() {\n    await displayTransition(this.userLinkPanel, 'show', this.userMenuOpen);\n    if (this.userMenuOpen) {\n      this.userLinkPanel.focus();\n      this.userLinkPanel.addEventListener('focusout', this.onUserMenuBlur);\n    } else {\n      this.userLinkPanel.removeEventListener('focusout', this.onUserMenuBlur);\n      this.el.focus();\n    }\n  }\n\n  // Search bar (smaller screens / mobile)\n\n  private onSearchBtnClick = (ev: MouseEvent) => {\n    ev.preventDefault();\n    if (!this.searchBarShown) this.searchbarShow();\n    else this.searchbarHide();\n  };\n\n  private onSearchBtnKeyDown = (ev: KeyboardEvent) => {\n    switch (ev.key) {\n      case 'Enter':\n      case ' ':\n        this.searchBarShown ? this.searchbarHide() : this.searchbarShow();\n        break;\n    }\n  };\n\n  private searchbarShow() {\n    this.searchBarShown = true;\n    this.searchBarEl.addEventListener('transitionend', this.onSearchBarShown);\n    this.searchBarEl.style.display = 'block';\n\n    setTimeout(() => {\n      const widgetHeight =\n        Math.floor(\n          this.searchBarEl.querySelector('.search-widget').scrollHeight\n        ) - 1;\n      this.searchBarEl.style.height = widgetHeight.toString() + 'px';\n    }, 50);\n  }\n\n  private onSearchBarShown = () => {\n    this.searchBarEl.removeEventListener(\n      'transitionend',\n      this.onSearchBarShown\n    );\n    if (this.searchInput) this.searchInput.setFocus();\n    this.searchBarEl.style.overflow = 'visible';\n  };\n\n  private searchbarHide = (ev?: FocusEvent) => {\n    if (\n      ev &&\n      ev.relatedTarget &&\n      (ev.relatedTarget as HTMLElement).closest('#global-nav-search-bar')\n    )\n      return;\n\n    this.showAutocomplete = false;\n    if (this.searchValInternal.length && ev) return;\n\n    this.searchBarEl.addEventListener('transitionend', this.onSearchBarHidden);\n    this.searchBarEl.style.overflow = 'hidden';\n    this.searchBarEl.style.height = '0px';\n  };\n\n  private onSearchBarHidden = () => {\n    this.searchBarEl.removeEventListener(\n      'transitionend',\n      this.onSearchBarHidden\n    );\n    this.searchBarEl.style.display = 'none';\n    this.searchBarShown = false;\n  };\n\n  // Algolia search\n\n  private autocompleteSnippet(hit: AlgoliaResultHit) {\n    const lookFor = ['title']; // , 'body'\n    if (hit._snippetResult) {\n      const found = lookFor.find(\n        (prop) =>\n          hit._snippetResult[prop] &&\n          hit._snippetResult[prop].matchLevel !== 'none'\n      );\n\n      if (found) {\n        if (found !== 'title')\n          return (\n            (hit.title.length > 15\n              ? hit.title.substring(0, 15) + ' ...'\n              : hit.title) +\n            ' ' +\n            hit._snippetResult[found].value\n          );\n        else return hit._snippetResult['title'].value;\n      }\n    }\n    return hit.title;\n  }\n\n  private onSearchInput = (ev: CustomEvent<InputEvent>) => {\n    this.searchValInternal = this.searchInput.value;\n\n    if (!this.isSearchValSet()) {\n      this.searchLoading = false;\n      return;\n    }\n\n    if (ev.detail.type === 'input') {\n      this.showAutocomplete = false;\n      this.searchLoading = true;\n    }\n  };\n\n  private onSearchChange = async (ev?: CustomEvent<InputChangeEventDetail>) => {\n    this.searchValInternal = this.searchValue = ev\n      ? ev.detail.value\n      : this.searchValInternal;\n    this.showAutocomplete = false;\n    this.autocompleteResults = null;\n\n    if (!this.isSearchValSet()) {\n      if (!this.searchValInternal.length) {\n        this.nanoSearchReset.emit();\n      }\n      this.searchLoading = false;\n      return;\n    }\n    if (!this.currentIndex) this.currentSelectedIndex();\n\n    try {\n      this.autocompleteResults = this.processSearchResults(\n        (await this.currentIndex.alogliaIndex.search(this.searchValInternal, {\n          attributesToSnippet: ['body:5', 'title:8'],\n          hitsPerPage: 5,\n          filters: 'created > ' + Math.floor((Date.now() - 63115200000) / 1000), // only get last 2 years\n        })) as any\n      ) as AlgoliaResults;\n    } catch (e) {\n      console.error(e);\n    }\n\n    this.scopeSearch = null;\n    this.scopeSearch = await this.onSearchSubmit(null, false);\n\n    this.searchLoading = false;\n    this.showAutocompleteResults();\n  };\n\n  private onSearchSubmit = async (ev?, emit: boolean = true) => {\n    if (ev) ev.preventDefault();\n    if (!this.isSearchValSet()) return;\n    this.searchLoading = true;\n    this.algoliaSearchResults = null;\n\n    if (!this.currentIndex) this.currentSelectedIndex();\n\n    const queries = this.internalSearchIndeces.map((index) => {\n      return {\n        indexName: index.index,\n        query: this.searchValInternal,\n        facets: index.filters,\n        hitsPerPage: 10,\n        filters: 'created > ' + Math.floor((Date.now() - 63115200000) / 1000), // only get last 2 years\n      };\n    });\n\n    try {\n      this.algoliaSearchResults = this.processSearchResults(\n        (await this.algoliaClient.multipleQueries(queries)) as any\n      ) as AlgoliaMultiResults;\n    } catch (e) {\n      this.nanoSearchError.emit(e as AlgoliaNetworkError);\n    }\n    this.searchLoading = false;\n    if (!this.algoliaSearchResults) return;\n\n    this.algoliaSearchResults.results.map((result, i) => {\n      result.indexName = this.internalSearchIndeces[i].name;\n      result.selected =\n        this.currentIndex.name === this.internalSearchIndeces[i].name;\n      result.domain = this.currentIndex.domain || null;\n      result.domains = this.myAccData.domains || null;\n      result.allGroup = !!this.internalSearchIndeces[i].allGroup;\n      result.filters = this.internalSearchIndeces[i].filters;\n    });\n\n    if (emit) {\n      this.nanoSearchResult.emit({\n        results: this.algoliaSearchResults.results,\n        client: { apiKey: this.searchApiKey, appId: this.searchAppId },\n      });\n      this.showAutocomplete = false;\n    }\n    return this.algoliaSearchResults;\n  };\n\n  private onSearchIndexChange = async (\n    index: CustomEvent<SelectChangeEventDetail> | string\n  ) => {\n    const ev = index as CustomEvent<SelectChangeEventDetail>;\n    let indexStr = index as string;\n\n    if (!this.currentIndex) this.currentSelectedIndex();\n\n    if (ev.detail && ev.detail.value.length)\n      indexStr = ev.detail.value as string;\n    if (!indexStr || !indexStr.length) return;\n    if (this.currentIndex.index === indexStr) return;\n\n    const selectedIndex = this.internalSearchIndeces.find(\n      (index) => index.index === indexStr\n    );\n    if (!selectedIndex || !selectedIndex.alogliaIndex) return;\n\n    this.searchIndex = selectedIndex.index;\n    if (this.isSearchValSet()) await this.onSearchChange();\n  };\n\n  private isSearchValSet() {\n    if (this.searchValInternal.length < 3) return false;\n    return true;\n  }\n\n  private switchIndexSubmit = async (index: string) => {\n    if (this.isSearchValSet()) {\n      await this.onSearchIndexChange(index);\n      this.onSearchSubmit();\n    } else this.onSearchIndexChange(index);\n  };\n\n  // Autocomplete\n\n  @Watch('showAutocomplete')\n  resetHitFocus() {\n    this.currAIndex = -1;\n  }\n\n  private onAutocompleteBlur = (ev: MouseEvent) => {\n    if (!this.showAutocomplete || !this.autocompleteResults) return;\n    if (ev && ev.target && (ev.target as HTMLElement).closest('.search-widget'))\n      return;\n    this.showAutocomplete = false;\n  };\n\n  private showAutocompleteResults = () => {\n    if (!this.autocompleteResults || !this.autocompleteResults.hits) return;\n    this.showAutocomplete = true;\n  };\n\n  private setActiveElement(\n    autocompleteEle: HTMLAnchorElement | HTMLButtonElement\n  ) {\n    this.autocompleteEles.map((ele) =>\n      ele.setAttribute('aria-selected', 'false')\n    );\n    autocompleteEle.focus({ preventScroll: true });\n    autocompleteEle.setAttribute('aria-selected', 'true');\n  }\n\n  private onAutocompleteInteract = (ev: KeyboardEvent) => {\n    // list open, navigate items with arrows\n    if (!this.showAutocomplete || !this.autocompleteResults) return;\n    let testIndex = this.currAIndex;\n\n    switch (ev.key) {\n      case 'Tab':\n        setTimeout(() => {\n          if (\n            !this.el.shadowRoot.activeElement ||\n            !this.el.shadowRoot.activeElement.closest('.search-widget')\n          ) {\n            this.showAutocomplete = false;\n            return;\n          } else {\n            const found = this.autocompleteEles.find((ele, i) => {\n              if (ele === this.el.shadowRoot.activeElement) {\n                this.currAIndex = i;\n                return true;\n              }\n            });\n            if (found) this.setActiveElement(found);\n            else this.currAIndex = -1;\n          }\n        });\n        break;\n      case 'ArrowDown':\n      case 'ArrowUp':\n        if (ev.key === 'ArrowDown') testIndex++;\n        else if (ev.key === 'ArrowUp') testIndex--;\n\n        const found = this.autocompleteEles[testIndex];\n        if (\n          found ||\n          testIndex < 0 ||\n          testIndex > this.autocompleteEles.length - 1\n        )\n          ev.preventDefault();\n        this.searchInput.clientWidth; // force reflow\n\n        if (found) {\n          this.setActiveElement(found);\n          this.currAIndex = testIndex;\n        } else if (testIndex < 0) {\n          this.searchInput.setFocus();\n          this.currAIndex = -1;\n        }\n        break;\n      case 'Enter':\n      case ' ':\n        if (this.autocompleteEles[this.currAIndex]) {\n          this.autocompleteEles[this.currAIndex].click();\n        }\n        break;\n    }\n  };\n\n  // Various.\n\n  /**\n   * Assesses what content is present in which slots\n   */\n  private assessSlottedContent() {\n    readTask(() => {\n      this.hasSiteSlot = !!this.el.querySelectorAll('[slot=\"site\"]').length;\n      this.hasLoggedinSlot =\n        !!this.el.querySelectorAll('[slot=\"loggedin\"]').length;\n      this.hasPromotionSlot =\n        !!this.el.querySelectorAll('[slot=\"promotion\"]').length;\n\n      this.aboutSlotLen = this.el.querySelectorAll('[slot=\"about\"]').length;\n      this.iconSlotLen = this.el.querySelectorAll('[slot=\"icon\"]').length;\n      this.mainSlotLen = this.el.querySelectorAll('[slot=\"main\"]').length;\n      this.overflowSlotLen =\n        this.el.querySelectorAll('[slot=\"overflow\"]').length;\n      this.searchSlotLen = this.el.querySelectorAll('[slot=\"search\"]').length;\n    });\n  }\n\n  /**\n   * Attach the IntersectionObserver - from which all threshold / breakpoint logic hinges\n   */\n  private attachIO() {\n    if (this.io) return;\n    const root = this.el.shadowRoot.querySelector('.global-nav .main-bar');\n    if (\n      Build.isBrowser &&\n      typeof window !== 'undefined' &&\n      (window as any).IntersectionObserver &&\n      !!root\n    ) {\n      const io = (this.io = new (window as any).IntersectionObserver(\n        (data: IntersectionObserverEntry[]) => {\n          this.intersectRatio = data.slice(-1)[0].intersectionRatio;\n        },\n        { root, threshold: 1 }\n      ));\n      io.observe(root.querySelector('.measure-ele'));\n    }\n  }\n\n  // Stencil Lifecycle / Rendering\n\n  componentDidLoad() {\n    if (Build.isBrowser) {\n      this.debounceResize = debounce(this.onWindowResize.bind(this), 300);\n\n      window.addEventListener('resize', this.debounceResize);\n      this.currSize = window.innerWidth;\n    }\n\n    this.initAlgoliaClient();\n    this.addAlgoliaIndeces();\n    if (this.remoteDataReady) this.attachIO();\n  }\n\n  componentWillLoad() {\n    ComponentStore.init(\n      this,\n      ['searchIndex', 'searchValue'],\n      'url-hash',\n      'gns'\n    );\n\n    if (\n      Build.isBrowser &&\n      typeof window !== 'undefined' &&\n      (window as any).MutationObserver\n    ) {\n      const mo = (this.mo = new MutationObserver(() => {\n        this.assessSlottedContent();\n      }));\n      mo.observe(this.el, { childList: true, subtree: false });\n    }\n    this.assessSlottedContent();\n  }\n\n  disconnectedCallback() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n    if (this.mo) {\n      this.mo.disconnect();\n      this.mo = undefined;\n    }\n    if (Build.isBrowser)\n      window.removeEventListener('resize', this.debounceResize);\n  }\n\n  async connectedCallback() {\n    this.getMyAccData();\n  }\n\n  // Render output\n\n  private autocompleteList(): VNode {\n    let content;\n    if (this.showAutocomplete && this.scrollingUp) {\n      let currentScopeHits = 0;\n      let scopeChangeSuggestions = 0;\n\n      const scopeSuggestReducer = (\n        total: number,\n        result: AlgoliaMultiResult\n      ) => {\n        return result.index !== this.currentIndex.index\n          ? total + result.hits.length\n          : total;\n      };\n      const currentSuggestReducer = (\n        total: number,\n        result: AlgoliaMultiResult\n      ) => {\n        return result.index === this.currentIndex.index\n          ? total + result.hits.length\n          : total;\n      };\n\n      if (this.scopeSearch) {\n        scopeChangeSuggestions = this.scopeSearch.results.reduce(\n          scopeSuggestReducer,\n          0\n        );\n        currentScopeHits = this.scopeSearch.results.reduce(\n          currentSuggestReducer,\n          0\n        );\n      }\n\n      if (\n        (this.autocompleteResults && this.autocompleteResults.hits.length) ||\n        (scopeChangeSuggestions && !currentScopeHits)\n      ) {\n        let scopeSuggestions = 0;\n\n        content = (\n          <div>\n            {!currentScopeHits && (\n              <div class=\"search-autocomplete-hit search-autocomplete-hit--no-result\">\n                No results matching '{this.searchValInternal}' were found in{' '}\n                <strong>{this.currentIndex.name}</strong>. Try another phrase.\n              </div>\n            )}\n            {this.autocompleteResults && [\n              this.autocompleteResults.hits.map((hit, i) => {\n                return (\n                  <a\n                    role=\"option\"\n                    ref={(a) => this.autocompleteEles.push(a)}\n                    tabindex=\"-1\"\n                    id={'autocomplete-hit-' + i}\n                    href={hit.url}\n                    class=\"search-autocomplete-hit\"\n                    innerHTML={this.autocompleteSnippet(hit)}\n                  ></a>\n                );\n              }),\n            ]}\n            {(!currentScopeHits || this.currentIndex.allGroup) &&\n              this.scopeSearch &&\n              this.scopeSearch.results && [\n                this.scopeSearch.results.map((result, i) => {\n                  if (\n                    !result.hits.length ||\n                    result.index === this.currentIndex.index ||\n                    scopeSuggestions > 1\n                  )\n                    return;\n                  scopeSuggestions++;\n                  return (\n                    <button\n                      role=\"option\"\n                      ref={(button) => this.autocompleteEles.push(button)}\n                      tabindex=\"-1\"\n                      id={'autocomplete-scope-' + i}\n                      class=\"search-autocomplete-hit\"\n                      onClick={() => this.switchIndexSubmit(result.index)}\n                      onMouseDown={() => this.switchIndexSubmit(result.index)}\n                    >\n                      \"{this.searchValInternal}\"{' '}\n                      <div class=\"search-autocomplete-hit-scope\">\n                        in {result.indexName}\n                      </div>\n                    </button>\n                  );\n                }),\n              ]}\n            {!!currentScopeHits && (\n              <div class=\"search-autocomplete-foot\">\n                <button\n                  role=\"option\"\n                  class=\"search-autocomplete-submit\"\n                  ref={(button) => this.autocompleteEles.push(button)}\n                  id={'autocomplete-foot'}\n                  onClick={this.onSearchSubmit}\n                  onMouseDown={this.onSearchSubmit}\n                >\n                  View all results\n                </button>\n              </div>\n            )}\n          </div>\n        );\n      } else if (!currentScopeHits) {\n        content = (\n          <div class=\"search-autocomplete-hit search-autocomplete-hit--no-result\">\n            No results matching '{this.searchValInternal}' were found. Try\n            another phrase.\n          </div>\n        );\n      }\n    }\n\n    return (\n      <div\n        class=\"search-autocomplete\"\n        role=\"listbox\"\n        id=\"autocomplete-results\"\n        aria-expanded={this.showAutocomplete ? 'true' : 'false'}\n        hidden={!this.showAutocomplete}\n        onKeyDown={this.onAutocompleteInteract}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  private searchWidget(): VNode[] {\n    return [\n      <form\n        class=\"search-inputs\"\n        onSubmit={this.onSearchSubmit}\n        id=\"global-nav-search\"\n      >\n        <nano-select\n          class=\"search-input\"\n          label=\"Which area of content would you like to search?\"\n          hideLabel={true}\n          showInlineError={false}\n          value={this.searchIndex}\n          onNanoChange={this.onSearchIndexChange}\n          mask={true}\n        >\n          {this.internalSearchIndeces.map((index) => {\n            return (\n              <nano-option\n                selected={index.index === this.searchIndex}\n                value={index.index}\n              >\n                {index.name || index.index}\n              </nano-option>\n            );\n          })}\n          <nano-icon\n            name=\"light/chevron-down\"\n            class=\"select-input__arrow\"\n            slot=\"down-arrow\"\n          />\n        </nano-select>\n        <nano-input\n          class=\"search-input\"\n          label=\"What would you like to search for?\"\n          aria-label=\"What would you like to search for?\"\n          hideLabel={true}\n          showInlineError={false}\n          clear-input\n          placeholder=\"Search Nanopore\"\n          type=\"text\"\n          ref={(input) => (this.searchInput = input)}\n          onNanoChange={this.onSearchChange}\n          onNanoInput={this.onSearchInput}\n          onKeyDown={this.onAutocompleteInteract}\n          debounce={500}\n          aria-autocomplete=\"list\"\n          aria-activedescendant={\n            this.autocompleteEles[this.currAIndex]\n              ? this.autocompleteEles[this.currAIndex].id\n              : false\n          }\n          aria-controls=\"autocomplete-results\"\n          onNanoFocus={this.showAutocompleteResults}\n          value={this.searchValue}\n          role=\"textbox\"\n        >\n          <button\n            class={{\n              'search-icon': true,\n              'search-icon--search': true,\n              'search-icon--show':\n                !!this.searchValue.length && !this.searchLoading,\n            }}\n            slot=\"end\"\n            onMouseDown={(e) => {\n              this.searchValInternal = this.searchInput.value;\n              this.onSearchSubmit(e, true);\n            }}\n          >\n            <nano-icon name=\"light/search\"></nano-icon>\n          </button>\n          <span\n            class={{\n              'search-icon': true,\n              'search-icon--loader': true,\n              'search-icon--show': this.searchLoading,\n            }}\n            slot=\"end\"\n          >\n            <nano-icon name=\"light/spinner-third\"></nano-icon>\n          </span>\n        </nano-input>\n        <input type=\"submit\" />\n      </form>,\n    ];\n  }\n\n  render() {\n    this.autocompleteEles = [];\n    const isRtl = (this.el.ownerDocument as Document).dir === 'rtl';\n\n    const searchWidget = this.searchWidget();\n    searchWidget.push(this.autocompleteList());\n\n    return (\n      <Host\n        class={{\n          [this.thresholdClasses().join(' ')]: true,\n          ready: this.ready,\n          'search-bar-shown': this.searchBarShown && this.scrollingUp,\n          'search-auto-complete-shown':\n            this.showAutocomplete && this.scrollingUp,\n          'modal-open': this.modalIsOpen,\n          resizing: this.isResizing,\n        }}\n        dir={isRtl ? 'rtl' : null}\n        role=\"navigation\"\n      >\n        <div\n          class={{\n            'global-nav': true,\n            'scrolling-down': !this.scrollingUp,\n          }}\n        >\n          {/* START BURGER / OVERFLOW MENU */}\n          <nav\n            id=\"global-nav-menu\"\n            class={{\n              'gn-menu': true,\n              open: this.modalOpen,\n              'has-promotion': this.hasPromotionSlot,\n              'menu-full-screen': this.menuFullScreen,\n              'secondary-open': !!this.secondaryMenuOpen,\n            }}\n            aria-expanded={this.modalOpen ? 'true' : 'false'}\n            ref={(div) => (this.menuDiv = div)}\n          >\n            <div\n              class=\"gn-menu_wrap\"\n              ref={(div) => (this.menuWrapDiv = div)}\n              tabindex=\"-1\"\n            >\n              <div class=\"gn-menu_actions\">\n                <button\n                  class=\"menu-btn icon-btn icon-btn\"\n                  onMouseDown={this.onMenuBtnClick}\n                  onKeyDown={this.onMenuBtnKeyDown}\n                >\n                  {this.threshold < this.THRESHOLDLIMIT - 3 && (\n                    <nano-icon\n                      name=\"light/times\"\n                      aria-label=\"close menu\"\n                    ></nano-icon>\n                  )}\n                  {this.threshold >= this.THRESHOLDLIMIT - 3 && (\n                    <nano-icon\n                      name=\"light/bars\"\n                      aria-label=\"close menu\"\n                    ></nano-icon>\n                  )}\n                </button>\n\n                {this.threshold <\n                  this.THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [\n                  !!this.iconSlotLen && <slot name=\"icon\" />,\n                  this.myAccData &&\n                    (!this.activeMyAccountSections ||\n                      this.activeMyAccountSections.includes('icons')) && [\n                      this.msgUrl && (\n                        <a href={this.msgUrl} class=\"icon-btn\">\n                          <nano-icon name=\"light/bell\"></nano-icon>\n                          {this.msgCount > 0 && (\n                            <span class=\"gn-menu_actions-counter\">\n                              {this.msgCount}\n                            </span>\n                          )}\n                        </a>\n                      ),\n                      this.cartUrl && (\n                        <a href={this.cartUrl} class=\"icon-btn\">\n                          <nano-icon name=\"light/shopping-cart\"></nano-icon>\n                          {this.cartCount > 0 && (\n                            <span class=\"gn-menu_actions-counter\">\n                              {this.cartCount}\n                            </span>\n                          )}\n                        </a>\n                      ),\n                    ],\n                ]}\n\n                {this.myAccData && this.myAccData.urls.login && (\n                  <a\n                    href={this.myAccData.urls.login + this.ssoRedirect}\n                    class=\"login-btn\"\n                  >\n                    Login / Register{' '}\n                    <nano-icon name=\"solid/chevron-right\"></nano-icon>\n                  </a>\n                )}\n              </div>\n\n              <div\n                class=\"content-wrap\"\n                ref={(div) => (this.menuContentDiv = div)}\n              >\n                <div class=\"content\">\n                  <nav class=\"nav-links nav-links--main\" role=\"menu\">\n                    <slot name=\"overflow\" />\n                    {this.threshold <\n                      this.THRESHOLDLIMIT - THRESHOLDBREAKS.main &&\n                      !!this.mainSlotLen && <slot name=\"main\" />}\n                  </nav>\n\n                  {/* ABOUT AND SITE MENU IN BURGER */}\n                  {(((!!this.aboutSlotLen || !!this.aboutNavItms.length) &&\n                    this.hasSiteSlot) ||\n                    !!this.siteNavItms.length) && (\n                    <div>\n                      {(!!this.aboutSlotLen || !!this.aboutNavItms.length) && [\n                        // About Menu as an open list (before more items are added to burger)`\n                        (this.threshold >=\n                          this.THRESHOLDLIMIT - (THRESHOLDBREAKS.about + 1) ||\n                          this.mainSlotLen < 2) &&\n                          this.overflowSlotLen < 2 && (\n                            <div class=\"nav-links-wrap\">\n                              {!!this.aboutNavItms.length && (\n                                <h4 class=\"nav-links_title\">About</h4>\n                              )}\n                              <nav\n                                class=\"nav-links nav-links--sub\"\n                                aria-label=\"About the company links\"\n                              >\n                                <slot name=\"about\" />\n\n                                {this.aboutNavItms.map((link) => {\n                                  return (\n                                    <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n                                      <a\n                                        href={link.address}\n                                        target={link.target}\n                                      >\n                                        {link.title}\n                                      </a>\n                                    </nano-nav-item>\n                                  );\n                                })}\n                              </nav>\n                            </div>\n                          ),\n                        // About Menu as hidden list (when more items are added to burger)\n                        ((this.threshold <\n                          this.THRESHOLDLIMIT - (THRESHOLDBREAKS.about + 1) &&\n                          this.mainSlotLen >= 2) ||\n                          this.overflowSlotLen >= 2) && (\n                          <nav\n                            class=\"nav-links\"\n                            aria-label=\"About the company links\"\n                          >\n                            {!this.aboutNavItms.length && <slot name=\"about\" />}\n                            {!!this.aboutNavItms.length && (\n                              <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n                                Company\n                                <nano-icon\n                                  slot=\"icon-end\"\n                                  name=\"solid/chevron-right\"\n                                ></nano-icon>\n                                <div slot=\"secondary\">\n                                  <div class=\"content\">\n                                    <button\n                                      class=\"back-btn\"\n                                      onClick={this.subMenuClose}\n                                    >\n                                      <nano-icon\n                                        slot=\"icon-end\"\n                                        name=\"solid/chevron-left\"\n                                        aria-label=\"go back\"\n                                      ></nano-icon>\n                                      Company\n                                    </button>\n                                    <slot name=\"about\" />\n                                    <div class=\"content--sub\">\n                                      {this.aboutNavItms.map((link) => {\n                                        return (\n                                          <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n                                            <a\n                                              href={link.address}\n                                              target={link.target}\n                                            >\n                                              {link.title}\n                                            </a>\n                                          </nano-nav-item>\n                                        );\n                                      })}\n                                    </div>\n                                  </div>\n                                </div>\n                              </nano-nav-item>\n                            )}\n                          </nav>\n                        ),\n                      ]}\n\n                      {/* SITES MENU (Always in burger) */}\n                      {(this.hasSiteSlot || !!this.siteNavItms.length) && [\n                        (this.threshold >= this.THRESHOLDLIMIT - 2 ||\n                          this.mainSlotLen < 2) &&\n                          this.overflowSlotLen < 2 && (\n                            <div class=\"nav-links-wrap\">\n                              <h4 class=\"nav-links_title nav-links_title--sites\">\n                                Sites\n                              </h4>\n                              <nav\n                                class=\"nav-links nav-links--sub nav-links--sites\"\n                                aria-label=\"Different company site links\"\n                              >\n                                <slot name=\"site\" />\n                                {this.siteNavItms.map((link) => {\n                                  return (\n                                    <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n                                      <a\n                                        href={link.address}\n                                        target={link.target}\n                                      >\n                                        {link.title}\n                                      </a>\n                                    </nano-nav-item>\n                                  );\n                                })}\n                              </nav>\n                            </div>\n                          ),\n                        ((this.threshold < this.THRESHOLDLIMIT - 2 &&\n                          this.mainSlotLen >= 2) ||\n                          this.overflowSlotLen >= 2) && (\n                          <nav\n                            class=\"nav-links\"\n                            aria-label=\"Different company site links\"\n                          >\n                            <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n                              Sites\n                              <nano-icon\n                                slot=\"icon-end\"\n                                name=\"solid/chevron-right\"\n                              ></nano-icon>\n                              <div slot=\"secondary\">\n                                <div class=\"content\">\n                                  <button\n                                    class=\"back-btn\"\n                                    onClick={this.subMenuClose}\n                                  >\n                                    <nano-icon\n                                      slot=\"icon-end\"\n                                      name=\"solid/chevron-left\"\n                                      aria-label=\"go back\"\n                                    ></nano-icon>\n                                    Sites\n                                  </button>\n                                  <div class=\"content--sub\">\n                                    <slot name=\"site\" />\n                                    {this.siteNavItms.map((link) => {\n                                      return (\n                                        <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n                                          <a\n                                            href={link.address}\n                                            target={link.target}\n                                          >\n                                            {link.title}\n                                          </a>\n                                        </nano-nav-item>\n                                      );\n                                    })}\n                                  </div>\n                                </div>\n                              </div>\n                            </nano-nav-item>\n                          </nav>\n                        ),\n                      ]}\n                    </div>\n                  )}\n                </div>\n\n                {this.isLoggedIn &&\n                  this.threshold <\n                    this.THRESHOLDLIMIT - THRESHOLDBREAKS.login &&\n                  (this.loggedInNavItms.length || this.hasLoggedinSlot) && (\n                    <nav class=\"nav-links\" aria-label=\"Your user account links\">\n                      <nano-nav-item class=\"nano-global-nav user-nav nano-global-nav-menu\">\n                        {this.myAccountUser.name}\n                        <nano-icon\n                          slot=\"icon-end\"\n                          name=\"solid/chevron-right\"\n                        ></nano-icon>\n                        <div slot=\"secondary\">\n                          <div class=\"content\">\n                            <button\n                              class=\"back-btn\"\n                              onClick={this.subMenuClose}\n                            >\n                              <nano-icon\n                                slot=\"icon-end\"\n                                name=\"solid/chevron-left\"\n                                aria-label=\"go back\"\n                              ></nano-icon>\n                              {this.myAccountUser.name}\n                            </button>\n                            {!!this.myAccountUser?.small_avatar_url && (\n                              <nano-global-nav-user-profile\n                                myAccountUser={this.myAccountUser}\n                                userProfileUrl={this.userProfileUrl}\n                              ></nano-global-nav-user-profile>\n                            )}\n                            <div class=\"content--sub\">\n                              <slot name=\"loggedin\" />\n                              {this.loggedInNavItms.map((link) => {\n                                return (\n                                  <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n                                    <a href={link.address} target={link.target}>\n                                      {link.title}\n                                    </a>\n                                  </nano-nav-item>\n                                );\n                              })}\n                              <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n                                <a\n                                  href={\n                                    this.myAccData.urls.forgot_password +\n                                    this.ssoRedirect\n                                  }\n                                >\n                                  Change Password\n                                </a>\n                              </nano-nav-item>\n                            </div>\n                          </div>\n                        </div>\n                      </nano-nav-item>\n                    </nav>\n                  )}\n\n                <slot name=\"promotion\" />\n\n                {this.myAccData && this.myAccData.urls.logout && (\n                  <div class=\"login-btn logout-btn\">\n                    <a href={this.myAccData.urls.logout + this.ssoRedirect}>\n                      Logout\n                    </a>\n                  </div>\n                )}\n              </div>\n            </div>\n          </nav>\n          {/* END BURGER / OVERFLOW MENU */}\n\n          {/* START MAIN NAV BAR */}\n          <nano-sticker\n            auto-resize=\"false\"\n            break-point-max=\"800\"\n            quietMode={{ h: 600, w: 800 }}\n          >\n            <div class=\"bars\" ref={(div) => (this.barsDiv = div)}>\n              <nav\n                class=\"main-bar\"\n                aria-label=\"Main site navigation\"\n                tabindex=\"-1\"\n                ref={(div) => (this.mainBarDiv = div)}\n                role={\n                  !!this.mainSlotLen &&\n                  this.threshold >= this.THRESHOLDLIMIT - THRESHOLDBREAKS.main\n                    ? 'menu'\n                    : undefined\n                }\n              >\n                {(this.hasPromotionSlot ||\n                  !!this.overflowSlotLen ||\n                  ((this.myAccData || !!this.iconSlotLen) &&\n                    this.threshold <\n                      this.THRESHOLDLIMIT - THRESHOLDBREAKS.icon) ||\n                  (this.isLoggedIn &&\n                    (!!this.loggedInNavItms.length || this.hasLoggedinSlot) &&\n                    this.threshold <\n                      this.THRESHOLDLIMIT - THRESHOLDBREAKS.login) ||\n                  (!!this.mainSlotLen &&\n                    this.threshold <\n                      this.THRESHOLDLIMIT - THRESHOLDBREAKS.main) ||\n                  ((!!this.aboutSlotLen || !!this.aboutNavItms.length) &&\n                    this.threshold <\n                      this.THRESHOLDLIMIT - THRESHOLDBREAKS.about) ||\n                  this.hasSiteSlot ||\n                  !!this.siteNavItms.length) && (\n                  <button\n                    class=\"menu-btn icon-btn\"\n                    onMouseDown={this.menuOpen}\n                    onKeyDown={this.onMenuBtnKeyDown}\n                    aria-expanded={this.modalOpen ? 'true' : 'false'}\n                    aria-controls=\"global-nav-menu\"\n                    ref={(btn) => (this.menuBtn = btn)}\n                  >\n                    <nano-icon\n                      name=\"light/bars\"\n                      aria-label=\"open menu\"\n                    ></nano-icon>\n                  </button>\n                )}\n\n                {this.showLogo && (\n                  <a href={this.logoUrl} class=\"logo-link\">\n                    <img\n                      src={getAssetPath(`./assets/ont-logo.svg`)}\n                      alt=\"Oxford Nanopore Technologies Logo\"\n                      class=\"logo\"\n                    />\n                  </a>\n                )}\n                {!this.showLogo && (\n                  <div class=\"logo-link\">\n                    <slot name=\"logo\" />\n                  </div>\n                )}\n\n                <div class=\"nav-links nav-links--main\">\n                  <slot name=\"main\" />\n                </div>\n\n                {/* search widget displayed in the bar (there is enough space to show it) */}\n                {this.mainSlotLen === 0 &&\n                  this.threshold >=\n                    this.THRESHOLDLIMIT - THRESHOLDBREAKS.search && [\n                    this.showSearch && !!this.internalSearchIndeces.length && (\n                      <div\n                        class=\"search-widget\"\n                        role=\"combobox\"\n                        aria-owns=\"autocomplete-results\"\n                        aria-expanded={\n                          this.showAutocomplete && this.autocompleteResults\n                            ? 'true'\n                            : 'false'\n                        }\n                      >\n                        {searchWidget}\n                      </div>\n                    ),\n                    (!this.showSearch || !this.myAccData) &&\n                      !!this.searchSlotLen && <slot name=\"search\" />,\n                  ]}\n\n                {/* Bar Icon buttons */}\n\n                {/* Bar search icon button (when not enough to show search in bar) */}\n                {(this.mainSlotLen > 0 ||\n                  this.threshold <\n                    this.THRESHOLDLIMIT - THRESHOLDBREAKS.search) &&\n                  ((this.showSearch && !!this.internalSearchIndeces.length) ||\n                    !!this.searchSlotLen) && (\n                    <button\n                      class={{\n                        'icon-btn': true,\n                        'search-btn': true,\n                        'search-btn--open': this.searchBarShown,\n                      }}\n                      aria-controls=\"global-nav-search-bar\"\n                      aria-expanded={this.searchBarShown ? 'true' : 'false'}\n                      onMouseDown={this.onSearchBtnClick}\n                      onKeyDown={this.onSearchBtnKeyDown}\n                    >\n                      <nano-icon name=\"light/search\"></nano-icon>\n                    </button>\n                  )}\n\n                {/* Bar cart and notifications  */}\n                {this.threshold >=\n                  this.THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [\n                  !!this.iconSlotLen && <slot name=\"icon\" />,\n                  this.myAccData &&\n                    (!this.activeMyAccountSections ||\n                      this.activeMyAccountSections.includes('icons')) && [\n                      this.msgUrl && (\n                        <a href={this.msgUrl} class=\"icon-btn\">\n                          <nano-icon name=\"light/bell\"></nano-icon>\n                          {this.msgCount > 0 && (\n                            <span class=\"gn-menu_actions-counter\">\n                              {this.msgCount}\n                            </span>\n                          )}\n                        </a>\n                      ),\n                      this.cartUrl && !!this.cartCount && (\n                        <a href={this.cartUrl} class=\"icon-btn\">\n                          <nano-icon name=\"light/shopping-cart\"></nano-icon>\n                          {this.cartCount > 0 && (\n                            <span class=\"gn-menu_actions-counter\">\n                              {this.cartCount}\n                            </span>\n                          )}\n                        </a>\n                      ),\n                    ],\n                ]}\n\n                {/* Bar about links */}\n                {(!!this.aboutSlotLen || !!this.aboutNavItms.length) &&\n                  this.threshold >=\n                    this.THRESHOLDLIMIT - THRESHOLDBREAKS.about && (\n                    <nav\n                      class=\"nav-links nav-links--sub\"\n                      aria-label=\"About the company. Links\"\n                      role=\"menu\"\n                    >\n                      <slot name=\"about\" />\n                      {!!this.aboutNavItms.length && (\n                        <nano-nav-item class=\"nano-global-nav nano-global-nav-bar\">\n                          <a\n                            href={this.aboutNavItms[0].address}\n                            target={this.aboutNavItms[0].target}\n                          >\n                            {this.aboutNavItms[0].title}\n                          </a>\n                        </nano-nav-item>\n                      )}\n                    </nav>\n                  )}\n\n                {/* Bar login button / User panel */}\n                {this.myAccData &&\n                  (!this.activeMyAccountSections ||\n                    this.activeMyAccountSections.includes('loggedin')) &&\n                  this.threshold >=\n                    this.THRESHOLDLIMIT - THRESHOLDBREAKS.login && [\n                    this.myAccData.urls.login && (\n                      <a\n                        href={this.myAccData.urls.login + this.ssoRedirect}\n                        class=\"login-btn\"\n                      >\n                        Login / Register\n                      </a>\n                    ),\n                    this.myAccountUser && (\n                      <div class=\"user-links\">\n                        <button\n                          class={{\n                            'icon-btn': true,\n                            'user-links-btn': true,\n                            open: this.userMenuOpen,\n                          }}\n                          onMouseDown={this.onUserBtnClick}\n                          onKeyDown={this.onUserBtnKeyDown}\n                        >\n                          {' '}\n                          {this.myAccountUser.name}\n                          <nano-icon name=\"solid/caret-down\"></nano-icon>\n                        </button>\n                        <div\n                          class=\"user-links-panel\"\n                          tabindex=\"-1\"\n                          ref={(div) => (this.userLinkPanel = div)}\n                        >\n                          {!!this.myAccountUser?.small_avatar_url && (\n                            <nano-global-nav-user-profile\n                              myAccountUser={this.myAccountUser}\n                              userProfileUrl={this.userProfileUrl}\n                            ></nano-global-nav-user-profile>\n                          )}\n                          <div class=\"user-links-panel-content\">\n                            {this.loggedInNavItms.map((link) => {\n                              return (\n                                <a href={link.address} target={link.target}>\n                                  {link.title}\n                                </a>\n                              );\n                            })}\n                          </div>\n                          <div class=\"user-links-panel-foot\">\n                            <a\n                              href={\n                                this.myAccData.urls.forgot_password +\n                                this.ssoRedirect\n                              }\n                            >\n                              Change Password\n                            </a>\n                            <a\n                              href={\n                                this.myAccData.urls.logout + this.ssoRedirect\n                              }\n                            >\n                              Logout\n                            </a>\n                          </div>\n                        </div>\n                      </div>\n                    ),\n                  ]}\n                <span class=\"measure-ele\"></span>\n              </nav>\n\n              {/* Search widget shown in bar underneath main bar when there is not enough space  */}\n              {(this.mainSlotLen > 0 ||\n                this.threshold <\n                  this.THRESHOLDLIMIT - THRESHOLDBREAKS.search) && (\n                <div\n                  id=\"global-nav-search-bar\"\n                  class={{\n                    'search-bar': true,\n                    show: this.searchBarShown,\n                  }}\n                  aria-expanded={this.searchBarShown ? 'true' : 'false'}\n                  role=\"region\"\n                  tabindex=\"-1\"\n                  ref={(div) => (this.searchBarEl = div)}\n                >\n                  <div class=\"search-widget\">\n                    {this.showSearch && !!this.internalSearchIndeces.length && (\n                      <div>{searchWidget}</div>\n                    )}\n                    {(!this.showSearch || !this.myAccData) &&\n                      !!this.searchSlotLen && <slot name=\"search\" />}\n                  </div>\n                </div>\n              )}\n            </div>\n          </nano-sticker>\n          <div class=\"sticker-trigger\" />\n          {/* END MAIN NAV BAR */}\n\n          {(this.threshold < this.THRESHOLDLIMIT - 3 ||\n            this.menuFullScreen) && (\n            <div\n              class={{\n                mask: true,\n                open: this.modalOpen,\n              }}\n              onClick={this.menuClose}\n              onTouchEnd={this.menuClose}\n            ></div>\n          )}\n        </div>\n        <div class=\"site-content\" ref={(div) => (this.siteContent = div)}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n\n  // Data processing\n\n  private domainFor(origin: string): string {\n    if (!this.myAccData) return '';\n    const domain = this.myAccData.domains.find((dm) => dm.origin === origin);\n    return domain ? domain.domain : '';\n  }\n\n  private processSearchResults(results: AlgoliaMultiResults | AlgoliaResults) {\n    const multiResults = results as AlgoliaMultiResults;\n    const singleResult = results as AlgoliaResults;\n\n    if (multiResults.results) {\n      multiResults.results.forEach((result, i) => {\n        multiResults.results[i] = this.processSearchResults(\n          result\n        ) as AlgoliaResults;\n      });\n      return multiResults;\n    } else {\n      singleResult.hits.map((hit) => {\n        if (hit.url && !hit.url.match(/^http/))\n          hit.url =\n            location.protocol + '//' + this.domainFor(hit.origin) + hit.url;\n      });\n      return singleResult;\n    }\n  }\n\n  private processMyAccData() {\n    if (!this.myAccData || !this.myAccData.search.indeces.length) return;\n\n    if (this.myAccData.search.api_key)\n      this.searchApiKey = this.myAccData.search.api_key;\n    if (this.myAccData.search.app_id)\n      this.searchAppId = this.myAccData.search.app_id;\n\n    if (this.myAccData.cart.count) this.cartCount = this.myAccData.cart.count;\n    if (this.myAccData.notifications.count)\n      this.msgCount = this.myAccData.notifications.count;\n\n    if (!this.searchAppId || !this.searchApiKey) return;\n    this.internalSearchIndeces = [\n      ...this.myAccData.search.indeces,\n      ...this.searchIndeces,\n    ];\n\n    if (this.myAccData.urls.cart && !this.cartUrl)\n      this.cartUrl = this.myAccData.urls.cart;\n    if (this.myAccData.urls.messages && !this.msgUrl)\n      this.msgUrl = this.myAccData.urls.messages;\n  }\n\n  private processMyAccLinks() {\n    if (!this.myAccData.links || !this.myAccData.links.length) return;\n\n    this.myAccData.links.forEach((link) => {\n      switch (link.area) {\n        case 'left-side-logged-in':\n        case 'left-side-logged-out':\n          if (\n            this.activeMyAccountSections &&\n            !this.activeMyAccountSections.includes('sites')\n          )\n            break;\n          if (this.isLoggedIn && link.area === 'left-side-logged-in')\n            this.siteNavItms.push(link);\n          else if (!this.isLoggedIn && link.area === 'left-side-logged-out')\n            this.siteNavItms.push(link);\n          break;\n        case 'right-side-logged-in':\n        case 'right-side-logged-out':\n          if (\n            this.activeMyAccountSections &&\n            !this.activeMyAccountSections.includes('about')\n          )\n            break;\n          if (this.isLoggedIn && link.area === 'right-side-logged-in')\n            this.aboutNavItms.push(link);\n          else if (!this.isLoggedIn && link.area === 'right-side-logged-out')\n            this.aboutNavItms.push(link);\n          break;\n        case 'profile-panel-list':\n          if (\n            this.activeMyAccountSections &&\n            !this.activeMyAccountSections.includes('loggedin')\n          )\n            break;\n          this.loggedInNavItms.push(link);\n          break;\n      }\n    });\n  }\n}\n"]}

package/dist/nano-components/p-845ae77e.js

@@ -1,5 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-function e(e,n=this){function t(n){if(!n||n===document||n===window)return null;if(n.assignedSlot)n=n.assignedSlot;const r=n.closest(e);return r?r:t(n.getRootNode().host)}return t(n)}function n(e,n,t=true){if(t===true){try{n=":scope > "+n.split(",").join(", :scope >");return Array.from(e.querySelectorAll(n))}catch(e){console.log("an error sad")}}if(!Element.prototype.matches){Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector}const r=[];Array.from(e.childNodes).forEach((e=>{if(!!e.matches&&e.matches(n))r.push(e);else if(e.nodeName.toLowerCase()==="slot"){Array.from(e.assignedNodes()).forEach((e=>{if(e instanceof Element&&e.matches(n))r.push(e);else if(e instanceof Node&&!t)r.push(e)}))}else if(!t)r.push(e)}));return r}const t=(e,n)=>{if(!Element.prototype.matches){Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector}const t=[];let r=e.parentNode.firstElementChild;do{if(!n||r!==e&&r.matches(n))t.push(r)}while(r=r.nextElementSibling);return t};function r(e,n){if(!n||!e)return;return{top:e.getBoundingClientRect().top-n.getBoundingClientRect().top,left:e.getBoundingClientRect().left-n.getBoundingClientRect().left}}export{r as a,t as b,e as c,n as g};
-//# sourceMappingURL=p-845ae77e.js.map

package/dist/nano-components/p-845ae77e.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utils/dom.ts"],"names":["closestElement","selector","base","this","__closestFrom","el","document","window","assignedSlot","found","closest","getRootNode","host","getDirectChildren","sel","elesOnly","split","join","Array","from","querySelectorAll","e","console","log","Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","ret","childNodes","forEach","push","nodeName","toLowerCase","assignedNodes","slotEl","Node","getSiblings","siblings","firstChild","parentNode","firstElementChild","nextElementSibling","getOffset","element","parent","top","getBoundingClientRect","left"],"mappings":";;;SAAgBA,EAAeC,EAAkBC,EAAgBC,MAC/D,SAASC,EAAcC,GACrB,IAAKA,GAAMA,IAAOC,UAAYD,IAAOE,OAAQ,OAAO,KACpD,GAAKF,EAAuBG,aAC1BH,EAAMA,EAAuBG,aAC/B,MAAMC,EAASJ,EAAeK,QAAQT,GACtC,OAAOQ,EACHA,EACAL,EAAgBC,EAAeM,cAA6BC,MAElE,OAAOR,EAAcF,YAwBPW,EACdR,EACAS,EACAC,EAA6B,MAE7B,GAAIA,IAAa,KAAM,CACrB,IACED,EAAM,YAAcA,EAAIE,MAAM,KAAKC,KAAK,cACxC,OAAOC,MAAMC,KAAKd,EAAGe,iBAAiBN,IACtC,MAAOO,GACPC,QAAQC,IAAI,iBAGhB,IAAKC,QAAQC,UAAUC,QAAS,CAC9BF,QAAQC,UAAUC,QAChBF,QAAQC,UAAUE,mBAClBH,QAAQC,UAAUG,sBAGtB,MAAMC,EAAuB,GAC7BX,MAAMC,KAAKd,EAAGyB,YAAYC,SAASV,IACjC,KAAOA,EAAcK,SAAYL,EAAcK,QAAQZ,GAAMe,EAAIG,KAAKX,QACjE,GAAIA,EAAEY,SAASC,gBAAkB,OAAQ,CAC5ChB,MAAMC,KAAME,EAAsBc,iBAAiBJ,SAASK,IAC1D,GAAIA,aAAkBZ,SAAWY,EAAOV,QAAQZ,GAAMe,EAAIG,KAAKI,QAC1D,GAAIA,aAAkBC,OAAStB,EAAUc,EAAIG,KAAKI,WAEpD,IAAKrB,EAAUc,EAAIG,KAAKX,MAEjC,OAAOQ,QAGIS,EAAc,CACzBjC,EACAS,KAEA,IAAKU,QAAQC,UAAUC,QAAS,CAC9BF,QAAQC,UAAUC,QAChBF,QAAQC,UAAUE,mBAClBH,QAAQC,UAAUG,sBAEtB,MAAMW,EAAW,GACjB,IAAIC,EAAanC,EAAGoC,WAAWC,kBAC/B,EAAG,CACD,IAAK5B,GAAQ0B,IAAenC,GAAMmC,EAAWd,QAAQZ,GACnDyB,EAASP,KAAKQ,SACRA,EAAaA,EAAWG,oBAClC,OAAOJ,YAGOK,EAAUC,EAAsBC,GAC9C,IAAKA,IAAWD,EAAS,OACzB,MAAO,CACLE,IACEF,EAAQG,wBAAwBD,IAAMD,EAAOE,wBAAwBD,IACvEE,KACEJ,EAAQG,wBAAwBC,KAChCH,EAAOE,wBAAwBC","sourcesContent":["export function closestElement(selector: string, base: Element = this) {\n  function __closestFrom(el: Element | Window | Document): Element {\n    if (!el || el === document || el === window) return null;\n    if ((el as HTMLSlotElement).assignedSlot)\n      el = (el as HTMLSlotElement).assignedSlot;\n    const found = (el as Element).closest(selector);\n    return found\n      ? found\n      : __closestFrom(((el as Element).getRootNode() as ShadowRoot).host);\n  }\n  return __closestFrom(base);\n}\n\n/**\n * Get direct child elements / nodes from from any element (for when querySelectorAll(':scope > .selector') fails)\n * @param el - a root element to query from\n * @param sel - a query selector string\n * @param elesOnly - return only Elements (no Nodes)\n */\nexport function getDirectChildren<T = HTMLElement>(\n  el: Element,\n  sel: string,\n  elesOnly?: true\n): Array<T>;\nexport function getDirectChildren<T = HTMLElement>(\n  el: Element,\n  sel: string,\n  elesOnly?: 'slot'\n): Array<T>;\nexport function getDirectChildren<T = HTMLElement>(\n  el: Element,\n  sel: string,\n  elesOnly?: false\n): Array<T | Node>;\nexport function getDirectChildren<T = HTMLElement>(\n  el: Element,\n  sel: string,\n  elesOnly: boolean | 'slot' = true\n) {\n  if (elesOnly === true) {\n    try {\n      sel = ':scope > ' + sel.split(',').join(', :scope >');\n      return Array.from(el.querySelectorAll(sel)) as unknown as Array<T>;\n    } catch (e) {\n      console.log('an error sad');\n    }\n  }\n  if (!Element.prototype.matches) {\n    Element.prototype.matches =\n      Element.prototype.msMatchesSelector ||\n      Element.prototype.webkitMatchesSelector;\n  }\n\n  const ret: Array<Node | T> = [];\n  Array.from(el.childNodes).forEach((e) => {\n    if (!!(e as Element).matches && (e as Element).matches(sel)) ret.push(e);\n    else if (e.nodeName.toLowerCase() === 'slot') {\n      Array.from((e as HTMLSlotElement).assignedNodes()).forEach((slotEl) => {\n        if (slotEl instanceof Element && slotEl.matches(sel)) ret.push(slotEl);\n        else if (slotEl instanceof Node && !elesOnly) ret.push(slotEl as Node);\n      });\n    } else if (!elesOnly) ret.push(e as Node);\n  });\n  return ret;\n}\n\nexport const getSiblings = <T extends Element>(\n  el: Element,\n  sel?: string\n): Array<T> => {\n  if (!Element.prototype.matches) {\n    Element.prototype.matches =\n      Element.prototype.msMatchesSelector ||\n      Element.prototype.webkitMatchesSelector;\n  }\n  const siblings = [];\n  let firstChild = el.parentNode.firstElementChild;\n  do {\n    if (!sel || (firstChild !== el && firstChild.matches(sel)))\n      siblings.push(firstChild);\n  } while ((firstChild = firstChild.nextElementSibling));\n  return siblings;\n};\n\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n  if (!parent || !element) return;\n  return {\n    top:\n      element.getBoundingClientRect().top - parent.getBoundingClientRect().top,\n    left:\n      element.getBoundingClientRect().left -\n      parent.getBoundingClientRect().left,\n  };\n}\n"]}

package/dist/nano-components/p-885b6950.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utils/scroll.ts"],"names":["locks","Set","lockBodyScrolling","lockingEl","add","document","body","classList","unlockBodyScrolling","delete","size","remove","scrollTo","element","scrollAmt","vertical","left","behavior","e","scrollLeft","top","scrollTop","scrollIntoView","container","direction","position","offset","getOffset","offsetTop","offsetLeft","minX","maxX","offsetWidth","minY","maxY","offsetHeight","clientWidth","clientHeight"],"mappings":";;;oCAEA,MAAMA,EAAQ,IAAIC,aAMFC,EAAkBC,GAChCH,EAAMI,IAAID,GACVE,SAASC,KAAKC,UAAUH,IAAI,6BAMdI,EAAoBL,GAClCH,EAAMS,OAAON,GAEb,GAAIH,EAAMU,OAAS,EAAG,CACpBL,SAASC,KAAKC,UAAUI,OAAO,qBAInC,SAASC,EACPC,EACAC,EACAC,EAAoB,OAEpB,IAAKA,EAAU,CACb,IACEF,EAAQD,SAAS,CAAEI,KAAMF,EAAWG,SAAU,WAC9C,MAAOC,GACPL,EAAQM,WAAaL,EAEvB,OAEF,IACED,EAAQD,SAAS,CAAEQ,IAAKN,EAAWG,SAAU,WAC7C,MAAOC,GACPL,EAAQQ,UAAYP,YAORQ,EACdT,EACAU,EACAC,EAAgD,WAChDC,EAA+B,SAE/B,MAAMC,EAASC,EAAUd,EAASU,GAClC,MAAMK,EAAYF,EAAON,IAAMG,EAAUF,UACzC,MAAMQ,EAAaH,EAAOV,KAAOO,EAAUJ,WAC3C,MAAMW,EAAOP,EAAUJ,WACvB,MAAMY,EAAOR,EAAUJ,WAAaI,EAAUS,YAC9C,MAAMC,EAAOV,EAAUF,UACvB,MAAMa,EAAOX,EAAUF,UAAYE,EAAUY,aAE7C,GAAIX,IAAc,cAAgBA,IAAc,OAAQ,CACtD,GAAIC,IAAa,QAAS,CACxB,GAAII,EAAaC,EAAMlB,EAASW,EAAWM,QACtC,GAAIA,EAAahB,EAAQuB,YAAcL,EAC1CnB,EACEW,EACAM,EAAaN,EAAUS,YAAcnB,EAAQuB,kBAGjDxB,EACEW,EACAA,EAAUJ,WACRO,EAAOV,KACPO,EAAUS,YAAc,EACxBnB,EAAQmB,YAAc,GAI9B,GAAIR,IAAc,YAAcA,IAAc,OAAQ,CACpD,GAAII,EAAYK,EAAMrB,EAASW,EAAWK,EAAW,WAChD,GAAIA,EAAYf,EAAQwB,aAAeH,EAAM,CAChDtB,EACEW,EACAK,EAAYL,EAAUY,aAAetB,EAAQwB,aAC7C","sourcesContent":["import { getOffset } from './dom';\n\nconst locks = new Set();\n\n/**\n * Prevents body scrolling. Keeps track of which elements requested a lock so multiple levels of locking are possible\n * without premature unlocking.\n */\nexport function lockBodyScrolling(lockingEl: HTMLElement) {\n  locks.add(lockingEl);\n  document.body.classList.add('nano-scroll-lock');\n}\n\n/**\n * Unlocks body scrolling. Scrolling will only be unlocked once all elements that requested a lock call this method.\n */\nexport function unlockBodyScrolling(lockingEl: HTMLElement) {\n  locks.delete(lockingEl);\n\n  if (locks.size === 0) {\n    document.body.classList.remove('nano-scroll-lock');\n  }\n}\n\nfunction scrollTo(\n  element: HTMLElement,\n  scrollAmt: number,\n  vertical: boolean = false\n) {\n  if (!vertical) {\n    try {\n      element.scrollTo({ left: scrollAmt, behavior: 'smooth' });\n    } catch (e) {\n      element.scrollLeft = scrollAmt;\n    }\n    return;\n  }\n  try {\n    element.scrollTo({ top: scrollAmt, behavior: 'smooth' });\n  } catch (e) {\n    element.scrollTop = scrollAmt;\n  }\n}\n\n/**\n * Scrolls an element into view of its container. If the element is already in view, nothing will happen.\n */\nexport function scrollIntoView(\n  element: HTMLElement,\n  container: HTMLElement,\n  direction: 'horizontal' | 'vertical' | 'both' = 'vertical',\n  position: 'center' | 'start' = 'start'\n) {\n  const offset = getOffset(element, container);\n  const offsetTop = offset.top + container.scrollTop;\n  const offsetLeft = offset.left + container.scrollLeft;\n  const minX = container.scrollLeft;\n  const maxX = container.scrollLeft + container.offsetWidth;\n  const minY = container.scrollTop;\n  const maxY = container.scrollTop + container.offsetHeight;\n\n  if (direction === 'horizontal' || direction === 'both') {\n    if (position === 'start') {\n      if (offsetLeft < minX) scrollTo(container, offsetLeft);\n      else if (offsetLeft + element.clientWidth > maxX)\n        scrollTo(\n          container,\n          offsetLeft - container.offsetWidth + element.clientWidth\n        );\n    } else\n      scrollTo(\n        container,\n        container.scrollLeft +\n          offset.left -\n          container.offsetWidth / 2 +\n          element.offsetWidth / 2\n      );\n  }\n\n  if (direction === 'vertical' || direction === 'both') {\n    if (offsetTop < minY) scrollTo(container, offsetTop, true);\n    else if (offsetTop + element.clientHeight > maxY) {\n      scrollTo(\n        container,\n        offsetTop - container.offsetHeight + element.clientHeight,\n        true\n      );\n    }\n  }\n}\n"]}

package/dist/nano-components/p-8d747891.js

@@ -1,5 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-var r="top";var t="bottom";var e="right";var n="left";var a="auto";var i=[r,t,e,n];var o="start";var f="end";var v="clippingParents";var u="viewport";var s="popper";var c="reference";var l=i.reduce((function(r,t){return r.concat([t+"-"+o,t+"-"+f])}),[]);var d=[].concat(i,[a]).reduce((function(r,t){return r.concat([t,t+"-"+o,t+"-"+f])}),[]);var p="beforeRead";var h="read";var b="afterRead";var m="beforeMain";var y="main";var w="afterMain";var x="beforeWrite";var O="write";var g="afterWrite";var j=[p,h,b,m,y,w,x,O,g];function k(r){return r?(r.nodeName||"").toLowerCase():null}function A(r){if(r==null){return window}if(r.toString()!=="[object Window]"){var t=r.ownerDocument;return t?t.defaultView||window:window}return r}function M(r){var t=A(r).Element;return r instanceof t||r instanceof Element}function q(r){var t=A(r).HTMLElement;return r instanceof t||r instanceof HTMLElement}function E(r){if(typeof ShadowRoot==="undefined"){return false}var t=A(r).ShadowRoot;return r instanceof t||r instanceof ShadowRoot}function P(r){var t=r.state;Object.keys(t.elements).forEach((function(r){var e=t.styles[r]||{};var n=t.attributes[r]||{};var a=t.elements[r];if(!q(a)||!k(a)){return}Object.assign(a.style,e);Object.keys(n).forEach((function(r){var t=n[r];if(t===false){a.removeAttribute(r)}else{a.setAttribute(r,t===true?"":t)}}))}))}function S(r){var t=r.state;var e={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,e.popper);t.styles=e;if(t.elements.arrow){Object.assign(t.elements.arrow.style,e.arrow)}return function(){Object.keys(t.elements).forEach((function(r){var n=t.elements[r];var a=t.attributes[r]||{};var i=Object.keys(t.styles.hasOwnProperty(r)?t.styles[r]:e[r]);var o=i.reduce((function(r,t){r[t]="";return r}),{});if(!q(n)||!k(n)){return}Object.assign(n.style,o);Object.keys(a).forEach((function(r){n.removeAttribute(r)}))}))}}const W={name:"applyStyles",enabled:true,phase:"write",fn:P,effect:S,requires:["computeStyles"]};function B(r){return r.split("-")[0]}var T=Math.max;var R=Math.min;var H=Math.round;function L(r,t){if(t===void 0){t=false}var e=r.getBoundingClientRect();var n=1;var a=1;if(q(r)&&t){var i=r.offsetHeight;var o=r.offsetWidth;if(o>0){n=H(e.width)/o||1}if(i>0){a=H(e.height)/i||1}}return{width:e.width/n,height:e.height/a,top:e.top/a,right:e.right/n,bottom:e.bottom/a,left:e.left/n,x:e.left/n,y:e.top/a}}function F(r){var t=L(r);var e=r.offsetWidth;var n=r.offsetHeight;if(Math.abs(t.width-e)<=1){e=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:r.offsetLeft,y:r.offsetTop,width:e,height:n}}function I(r,t){var e=t.getRootNode&&t.getRootNode();if(r.contains(t)){return true}else if(e&&E(e)){var n=t;do{if(n&&r.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function C(r){return A(r).getComputedStyle(r)}function z(r){return["table","td","th"].indexOf(k(r))>=0}function D(r){return((M(r)?r.ownerDocument:r.document)||window.document).documentElement}function U(r){if(k(r)==="html"){return r}return r.assignedSlot||r.parentNode||(E(r)?r.host:null)||D(r)}function V(r){if(!q(r)||C(r).position==="fixed"){return null}return r.offsetParent}function $(r){var t=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1;var e=navigator.userAgent.indexOf("Trident")!==-1;if(e&&q(r)){var n=C(r);if(n.position==="fixed"){return null}}var a=U(r);if(E(a)){a=a.host}while(q(a)&&["html","body"].indexOf(k(a))<0){var i=C(a);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||t&&i.willChange==="filter"||t&&i.filter&&i.filter!=="none"){return a}else{a=a.parentNode}}return null}function _(r){var t=A(r);var e=V(r);while(e&&z(e)&&C(e).position==="static"){e=V(e)}if(e&&(k(e)==="html"||k(e)==="body"&&C(e).position==="static")){return t}return e||$(r)||t}function G(r){return["top","bottom"].indexOf(r)>=0?"x":"y"}function J(r,t,e){return T(r,R(t,e))}function K(r,t,e){var n=J(r,t,e);return n>e?e:n}function N(){return{top:0,right:0,bottom:0,left:0}}function Q(r){return Object.assign({},N(),r)}function X(r,t){return t.reduce((function(t,e){t[e]=r;return t}),{})}var Y=function r(t,e){t=typeof t==="function"?t(Object.assign({},e.rects,{placement:e.placement})):t;return Q(typeof t!=="number"?t:X(t,i))};function Z(a){var i;var o=a.state,f=a.name,v=a.options;var u=o.elements.arrow;var s=o.modifiersData.popperOffsets;var c=B(o.placement);var l=G(c);var d=[n,e].indexOf(c)>=0;var p=d?"height":"width";if(!u||!s){return}var h=Y(v.padding,o);var b=F(u);var m=l==="y"?r:n;var y=l==="y"?t:e;var w=o.rects.reference[p]+o.rects.reference[l]-s[l]-o.rects.popper[p];var x=s[l]-o.rects.reference[l];var O=_(u);var g=O?l==="y"?O.clientHeight||0:O.clientWidth||0:0;var j=w/2-x/2;var k=h[m];var A=g-b[p]-h[y];var M=g/2-b[p]/2+j;var q=J(k,M,A);var E=l;o.modifiersData[f]=(i={},i[E]=q,i.centerOffset=q-M,i)}function rr(r){var t=r.state,e=r.options;var n=e.element,a=n===void 0?"[data-popper-arrow]":n;if(a==null){return}if(typeof a==="string"){a=t.elements.popper.querySelector(a);if(!a){return}}if(!I(t.elements.popper,a)){return}t.elements.arrow=a}const tr={name:"arrow",enabled:true,phase:"main",fn:Z,effect:rr,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function er(r){return r.split("-")[1]}var nr={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ar(r){var t=r.x,e=r.y;var n=window;var a=n.devicePixelRatio||1;return{x:H(t*a)/a||0,y:H(e*a)/a||0}}function ir(a){var i;var o=a.popper,v=a.popperRect,u=a.placement,s=a.variation,c=a.offsets,l=a.position,d=a.gpuAcceleration,p=a.adaptive,h=a.roundOffsets,b=a.isFixed;var m=c.x,y=m===void 0?0:m,w=c.y,x=w===void 0?0:w;var O=typeof h==="function"?h({x:y,y:x}):{x:y,y:x};y=O.x;x=O.y;var g=c.hasOwnProperty("x");var j=c.hasOwnProperty("y");var k=n;var M=r;var q=window;if(p){var E=_(o);var P="clientHeight";var S="clientWidth";if(E===A(o)){E=D(o);if(C(E).position!=="static"&&l==="absolute"){P="scrollHeight";S="scrollWidth"}}E=E;if(u===r||(u===n||u===e)&&s===f){M=t;var W=b&&E===q&&q.visualViewport?q.visualViewport.height:E[P];x-=W-v.height;x*=d?1:-1}if(u===n||(u===r||u===t)&&s===f){k=e;var B=b&&E===q&&q.visualViewport?q.visualViewport.width:E[S];y-=B-v.width;y*=d?1:-1}}var T=Object.assign({position:l},p&&nr);var R=h===true?ar({x:y,y:x}):{x:y,y:x};y=R.x;x=R.y;if(d){var H;return Object.assign({},T,(H={},H[M]=j?"0":"",H[k]=g?"0":"",H.transform=(q.devicePixelRatio||1)<=1?"translate("+y+"px, "+x+"px)":"translate3d("+y+"px, "+x+"px, 0)",H))}return Object.assign({},T,(i={},i[M]=j?x+"px":"",i[k]=g?y+"px":"",i.transform="",i))}function or(r){var t=r.state,e=r.options;var n=e.gpuAcceleration,a=n===void 0?true:n,i=e.adaptive,o=i===void 0?true:i,f=e.roundOffsets,v=f===void 0?true:f;var u={placement:B(t.placement),variation:er(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,ir(Object.assign({},u,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:v})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,ir(Object.assign({},u,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:v})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const fr={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:or,data:{}};var vr={passive:true};function ur(r){var t=r.state,e=r.instance,n=r.options;var a=n.scroll,i=a===void 0?true:a,o=n.resize,f=o===void 0?true:o;var v=A(t.elements.popper);var u=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(i){u.forEach((function(r){r.addEventListener("scroll",e.update,vr)}))}if(f){v.addEventListener("resize",e.update,vr)}return function(){if(i){u.forEach((function(r){r.removeEventListener("scroll",e.update,vr)}))}if(f){v.removeEventListener("resize",e.update,vr)}}}const sr={name:"eventListeners",enabled:true,phase:"write",fn:function r(){},effect:ur,data:{}};var cr={left:"right",right:"left",bottom:"top",top:"bottom"};function lr(r){return r.replace(/left|right|bottom|top/g,(function(r){return cr[r]}))}var dr={start:"end",end:"start"};function pr(r){return r.replace(/start|end/g,(function(r){return dr[r]}))}function hr(r){var t=A(r);var e=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:e,scrollTop:n}}function br(r){return L(D(r)).left+hr(r).scrollLeft}function mr(r){var t=A(r);var e=D(r);var n=t.visualViewport;var a=e.clientWidth;var i=e.clientHeight;var o=0;var f=0;if(n){a=n.width;i=n.height;if(!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)){o=n.offsetLeft;f=n.offsetTop}}return{width:a,height:i,x:o+br(r),y:f}}function yr(r){var t;var e=D(r);var n=hr(r);var a=(t=r.ownerDocument)==null?void 0:t.body;var i=T(e.scrollWidth,e.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0);var o=T(e.scrollHeight,e.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0);var f=-n.scrollLeft+br(r);var v=-n.scrollTop;if(C(a||e).direction==="rtl"){f+=T(e.clientWidth,a?a.clientWidth:0)-i}return{width:i,height:o,x:f,y:v}}function wr(r){var t=C(r),e=t.overflow,n=t.overflowX,a=t.overflowY;return/auto|scroll|overlay|hidden/.test(e+a+n)}function xr(r){if(["html","body","#document"].indexOf(k(r))>=0){return r.ownerDocument.body}if(q(r)&&wr(r)){return r}return xr(U(r))}function Or(r,t){var e;if(t===void 0){t=[]}var n=xr(r);var a=n===((e=r.ownerDocument)==null?void 0:e.body);var i=A(n);var o=a?[i].concat(i.visualViewport||[],wr(n)?n:[]):n;var f=t.concat(o);return a?f:f.concat(Or(U(o)))}function gr(r){return Object.assign({},r,{left:r.x,top:r.y,right:r.x+r.width,bottom:r.y+r.height})}function jr(r){var t=L(r);t.top=t.top+r.clientTop;t.left=t.left+r.clientLeft;t.bottom=t.top+r.clientHeight;t.right=t.left+r.clientWidth;t.width=r.clientWidth;t.height=r.clientHeight;t.x=t.left;t.y=t.top;return t}function kr(r,t){return t===u?gr(mr(r)):M(t)?jr(t):gr(yr(D(r)))}function Ar(r){var t=Or(U(r));var e=["absolute","fixed"].indexOf(C(r).position)>=0;var n=e&&q(r)?_(r):r;if(!M(n)){return[]}return t.filter((function(r){return M(r)&&I(r,n)&&k(r)!=="body"}))}function Mr(r,t,e){var n=t==="clippingParents"?Ar(r):[].concat(t);var a=[].concat(n,[e]);var i=a[0];var o=a.reduce((function(t,e){var n=kr(r,e);t.top=T(n.top,t.top);t.right=R(n.right,t.right);t.bottom=R(n.bottom,t.bottom);t.left=T(n.left,t.left);return t}),kr(r,i));o.width=o.right-o.left;o.height=o.bottom-o.top;o.x=o.left;o.y=o.top;return o}function qr(a){var i=a.reference,v=a.element,u=a.placement;var s=u?B(u):null;var c=u?er(u):null;var l=i.x+i.width/2-v.width/2;var d=i.y+i.height/2-v.height/2;var p;switch(s){case r:p={x:l,y:i.y-v.height};break;case t:p={x:l,y:i.y+i.height};break;case e:p={x:i.x+i.width,y:d};break;case n:p={x:i.x-v.width,y:d};break;default:p={x:i.x,y:i.y}}var h=s?G(s):null;if(h!=null){var b=h==="y"?"height":"width";switch(c){case o:p[h]=p[h]-(i[b]/2-v[b]/2);break;case f:p[h]=p[h]+(i[b]/2-v[b]/2);break}}return p}function Er(n,a){if(a===void 0){a={}}var o=a,f=o.placement,l=f===void 0?n.placement:f,d=o.boundary,p=d===void 0?v:d,h=o.rootBoundary,b=h===void 0?u:h,m=o.elementContext,y=m===void 0?s:m,w=o.altBoundary,x=w===void 0?false:w,O=o.padding,g=O===void 0?0:O;var j=Q(typeof g!=="number"?g:X(g,i));var k=y===s?c:s;var A=n.rects.popper;var q=n.elements[x?k:y];var E=Mr(M(q)?q:q.contextElement||D(n.elements.popper),p,b);var P=L(n.elements.reference);var S=qr({reference:P,element:A,strategy:"absolute",placement:l});var W=gr(Object.assign({},A,S));var B=y===s?W:P;var T={top:E.top-B.top+j.top,bottom:B.bottom-E.bottom+j.bottom,left:E.left-B.left+j.left,right:B.right-E.right+j.right};var R=n.modifiersData.offset;if(y===s&&R){var H=R[l];Object.keys(T).forEach((function(n){var a=[e,t].indexOf(n)>=0?1:-1;var i=[r,t].indexOf(n)>=0?"y":"x";T[n]+=H[i]*a}))}return T}function Pr(r,t){if(t===void 0){t={}}var e=t,n=e.placement,a=e.boundary,o=e.rootBoundary,f=e.padding,v=e.flipVariations,u=e.allowedAutoPlacements,s=u===void 0?d:u;var c=er(n);var p=c?v?l:l.filter((function(r){return er(r)===c})):i;var h=p.filter((function(r){return s.indexOf(r)>=0}));if(h.length===0){h=p}var b=h.reduce((function(t,e){t[e]=Er(r,{placement:e,boundary:a,rootBoundary:o,padding:f})[B(e)];return t}),{});return Object.keys(b).sort((function(r,t){return b[r]-b[t]}))}function Sr(r){if(B(r)===a){return[]}var t=lr(r);return[pr(r),t,pr(t)]}function Wr(i){var f=i.state,v=i.options,u=i.name;if(f.modifiersData[u]._skip){return}var s=v.mainAxis,c=s===void 0?true:s,l=v.altAxis,d=l===void 0?true:l,p=v.fallbackPlacements,h=v.padding,b=v.boundary,m=v.rootBoundary,y=v.altBoundary,w=v.flipVariations,x=w===void 0?true:w,O=v.allowedAutoPlacements;var g=f.options.placement;var j=B(g);var k=j===g;var A=p||(k||!x?[lr(g)]:Sr(g));var M=[g].concat(A).reduce((function(r,t){return r.concat(B(t)===a?Pr(f,{placement:t,boundary:b,rootBoundary:m,padding:h,flipVariations:x,allowedAutoPlacements:O}):t)}),[]);var q=f.rects.reference;var E=f.rects.popper;var P=new Map;var S=true;var W=M[0];for(var T=0;T<M.length;T++){var R=M[T];var H=B(R);var L=er(R)===o;var F=[r,t].indexOf(H)>=0;var I=F?"width":"height";var C=Er(f,{placement:R,boundary:b,rootBoundary:m,altBoundary:y,padding:h});var z=F?L?e:n:L?t:r;if(q[I]>E[I]){z=lr(z)}var D=lr(z);var U=[];if(c){U.push(C[H]<=0)}if(d){U.push(C[z]<=0,C[D]<=0)}if(U.every((function(r){return r}))){W=R;S=false;break}P.set(R,U)}if(S){var V=x?3:1;var $=function r(t){var e=M.find((function(r){var e=P.get(r);if(e){return e.slice(0,t).every((function(r){return r}))}}));if(e){W=e;return"break"}};for(var _=V;_>0;_--){var G=$(_);if(G==="break")break}}if(f.placement!==W){f.modifiersData[u]._skip=true;f.placement=W;f.reset=true}}const Br={name:"flip",enabled:true,phase:"main",fn:Wr,requiresIfExists:["offset"],data:{_skip:false}};function Tr(r,t,e){if(e===void 0){e={x:0,y:0}}return{top:r.top-t.height-e.y,right:r.right-t.width+e.x,bottom:r.bottom-t.height+e.y,left:r.left-t.width-e.x}}function Rr(a){return[r,e,t,n].some((function(r){return a[r]>=0}))}function Hr(r){var t=r.state,e=r.name;var n=t.rects.reference;var a=t.rects.popper;var i=t.modifiersData.preventOverflow;var o=Er(t,{elementContext:"reference"});var f=Er(t,{altBoundary:true});var v=Tr(o,n);var u=Tr(f,a,i);var s=Rr(v);var c=Rr(u);t.modifiersData[e]={referenceClippingOffsets:v,popperEscapeOffsets:u,isReferenceHidden:s,hasPopperEscaped:c};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":c})}const Lr={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Hr};function Fr(t,a,i){var o=B(t);var f=[n,r].indexOf(o)>=0?-1:1;var v=typeof i==="function"?i(Object.assign({},a,{placement:t})):i,u=v[0],s=v[1];u=u||0;s=(s||0)*f;return[n,e].indexOf(o)>=0?{x:s,y:u}:{x:u,y:s}}function Ir(r){var t=r.state,e=r.options,n=r.name;var a=e.offset,i=a===void 0?[0,0]:a;var o=d.reduce((function(r,e){r[e]=Fr(e,t.rects,i);return r}),{});var f=o[t.placement],v=f.x,u=f.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=v;t.modifiersData.popperOffsets.y+=u}t.modifiersData[n]=o}const Cr={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Ir};function zr(r){var t=r.state,e=r.name;t.modifiersData[e]=qr({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Dr={name:"popperOffsets",enabled:true,phase:"read",fn:zr,data:{}};function Ur(r){return r==="x"?"y":"x"}function Vr(a){var i=a.state,f=a.options,v=a.name;var u=f.mainAxis,s=u===void 0?true:u,c=f.altAxis,l=c===void 0?false:c,d=f.boundary,p=f.rootBoundary,h=f.altBoundary,b=f.padding,m=f.tether,y=m===void 0?true:m,w=f.tetherOffset,x=w===void 0?0:w;var O=Er(i,{boundary:d,rootBoundary:p,padding:b,altBoundary:h});var g=B(i.placement);var j=er(i.placement);var k=!j;var A=G(g);var M=Ur(A);var q=i.modifiersData.popperOffsets;var E=i.rects.reference;var P=i.rects.popper;var S=typeof x==="function"?x(Object.assign({},i.rects,{placement:i.placement})):x;var W=typeof S==="number"?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S);var H=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null;var L={x:0,y:0};if(!q){return}if(s){var I;var C=A==="y"?r:n;var z=A==="y"?t:e;var D=A==="y"?"height":"width";var U=q[A];var V=U+O[C];var $=U-O[z];var Q=y?-P[D]/2:0;var X=j===o?E[D]:P[D];var Y=j===o?-P[D]:-E[D];var Z=i.elements.arrow;var rr=y&&Z?F(Z):{width:0,height:0};var tr=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:N();var nr=tr[C];var ar=tr[z];var ir=J(0,E[D],rr[D]);var or=k?E[D]/2-Q-ir-nr-W.mainAxis:X-ir-nr-W.mainAxis;var fr=k?-E[D]/2+Q+ir+ar+W.mainAxis:Y+ir+ar+W.mainAxis;var vr=i.elements.arrow&&_(i.elements.arrow);var ur=vr?A==="y"?vr.clientTop||0:vr.clientLeft||0:0;var sr=(I=H==null?void 0:H[A])!=null?I:0;var cr=U+or-sr-ur;var lr=U+fr-sr;var dr=J(y?R(V,cr):V,U,y?T($,lr):$);q[A]=dr;L[A]=dr-U}if(l){var pr;var hr=A==="x"?r:n;var br=A==="x"?t:e;var mr=q[M];var yr=M==="y"?"height":"width";var wr=mr+O[hr];var xr=mr-O[br];var Or=[r,n].indexOf(g)!==-1;var gr=(pr=H==null?void 0:H[M])!=null?pr:0;var jr=Or?wr:mr-E[yr]-P[yr]-gr+W.altAxis;var kr=Or?mr+E[yr]+P[yr]-gr-W.altAxis:xr;var Ar=y&&Or?K(jr,mr,kr):J(y?jr:wr,mr,y?kr:xr);q[M]=Ar;L[M]=Ar-mr}i.modifiersData[v]=L}const $r={name:"preventOverflow",enabled:true,phase:"main",fn:Vr,requiresIfExists:["offset"]};function _r(r){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}function Gr(r){if(r===A(r)||!q(r)){return hr(r)}else{return _r(r)}}function Jr(r){var t=r.getBoundingClientRect();var e=H(t.width)/r.offsetWidth||1;var n=H(t.height)/r.offsetHeight||1;return e!==1||n!==1}function Kr(r,t,e){if(e===void 0){e=false}var n=q(t);var a=q(t)&&Jr(t);var i=D(t);var o=L(r,a);var f={scrollLeft:0,scrollTop:0};var v={x:0,y:0};if(n||!n&&!e){if(k(t)!=="body"||wr(i)){f=Gr(t)}if(q(t)){v=L(t,true);v.x+=t.clientLeft;v.y+=t.clientTop}else if(i){v.x=br(i)}}return{x:o.left+f.scrollLeft-v.x,y:o.top+f.scrollTop-v.y,width:o.width,height:o.height}}function Nr(r){var t=new Map;var e=new Set;var n=[];r.forEach((function(r){t.set(r.name,r)}));function a(r){e.add(r.name);var i=[].concat(r.requires||[],r.requiresIfExists||[]);i.forEach((function(r){if(!e.has(r)){var n=t.get(r);if(n){a(n)}}}));n.push(r)}r.forEach((function(r){if(!e.has(r.name)){a(r)}}));return n}function Qr(r){var t=Nr(r);return j.reduce((function(r,e){return r.concat(t.filter((function(r){return r.phase===e})))}),[])}function Xr(r){var t;return function(){if(!t){t=new Promise((function(e){Promise.resolve().then((function(){t=undefined;e(r())}))}))}return t}}function Yr(r){var t=r.reduce((function(r,t){var e=r[t.name];r[t.name]=e?Object.assign({},e,t,{options:Object.assign({},e.options,t.options),data:Object.assign({},e.data,t.data)}):t;return r}),{});return Object.keys(t).map((function(r){return t[r]}))}var Zr={placement:"bottom",modifiers:[],strategy:"absolute"};function rt(){for(var r=arguments.length,t=new Array(r),e=0;e<r;e++){t[e]=arguments[e]}return!t.some((function(r){return!(r&&typeof r.getBoundingClientRect==="function")}))}function tt(r){if(r===void 0){r={}}var t=r,e=t.defaultModifiers,n=e===void 0?[]:e,a=t.defaultOptions,i=a===void 0?Zr:a;return function r(t,e,a){if(a===void 0){a=i}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},Zr,i),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}};var f=[];var v=false;var u={state:o,setOptions:function r(a){var f=typeof a==="function"?a(o.options):a;c();o.options=Object.assign({},i,o.options,f);o.scrollParents={reference:M(t)?Or(t):t.contextElement?Or(t.contextElement):[],popper:Or(e)};var v=Qr(Yr([].concat(n,o.options.modifiers)));o.orderedModifiers=v.filter((function(r){return r.enabled}));s();return u.update()},forceUpdate:function r(){if(v){return}var t=o.elements,e=t.reference,n=t.popper;if(!rt(e,n)){return}o.rects={reference:Kr(e,_(n),o.options.strategy==="fixed"),popper:F(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(r){return o.modifiersData[r.name]=Object.assign({},r.data)}));for(var a=0;a<o.orderedModifiers.length;a++){if(o.reset===true){o.reset=false;a=-1;continue}var i=o.orderedModifiers[a],f=i.fn,s=i.options,c=s===void 0?{}:s,l=i.name;if(typeof f==="function"){o=f({state:o,options:c,name:l,instance:u})||o}}},update:Xr((function(){return new Promise((function(r){u.forceUpdate();r(o)}))})),destroy:function r(){c();v=true}};if(!rt(t,e)){return u}u.setOptions(a).then((function(r){if(!v&&a.onFirstUpdate){a.onFirstUpdate(r)}}));function s(){o.orderedModifiers.forEach((function(r){var t=r.name,e=r.options,n=e===void 0?{}:e,a=r.effect;if(typeof a==="function"){var i=a({state:o,name:t,instance:u,options:n});var v=function r(){};f.push(i||v)}}))}function c(){f.forEach((function(r){return r()}));f=[]}return u}}var et=[sr,Dr,fr,W,Cr,Br,$r,tr,Lr];var nt=tt({defaultModifiers:et});class at{constructor(r,t,e){this.handleTransitionEnd=this.handleTransitionEnd.bind(this);this.anchor=r;this.popover=t;this.options=Object.assign({skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.popover,visibleClass:"popover-visible",onAfterShow:()=>{},onAfterHide:()=>{},onTransitionEnd:()=>{}},e);this.popover.hidden=true;this.popover.classList.remove(this.options.visibleClass);this.popover.addEventListener("transitionend",this.handleTransitionEnd)}handleTransitionEnd(r){const t=r.target;if(t===this.options.transitionElement){this.options.onTransitionEnd.call(this,r);if(this.isVisible===false&&!this.popover.hidden){this.popover.hidden=true;this.popover.classList.remove(this.options.visibleClass);this.options.onAfterHide.call(this)}}}destroy(){this.popover.removeEventListener("transitionend",this.handleTransitionEnd);if(this.popper){this.popper.destroy();this.popper=null}}show(){this.isVisible=true;this.popover.hidden=false;requestAnimationFrame((()=>this.popover.classList.add(this.options.visibleClass)));if(this.popper){this.popper.destroy()}const r=this.options.placement.includes("center")?"top":this.options.placement;this.popper=nt(this.anchor,this.popover,{placement:r,strategy:this.options.strategy,modifiers:[{name:"sameWidth",enabled:true,fn:({state:r})=>{r.styles.popper.minWidth=`${r.rects.reference.width}px`},phase:"beforeWrite",requires:["computeStyles"]},{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{padding:5,offset:({reference:r})=>{if(this.options.placement!=="center")return[this.options.skidding,this.options.distance];return[this.options.skidding,(r.height+1)*-1]}}}]});this.popover.addEventListener("transitionend",(()=>this.options.onAfterShow.call(this)),{once:true});requestAnimationFrame((()=>this.popper.update()))}hide(){this.isVisible=false;this.popover.classList.remove(this.options.visibleClass)}setOptions(r){this.options=Object.assign(this.options,r);this.isVisible?this.popover.classList.add(this.options.visibleClass):this.popover.classList.remove(this.options.visibleClass);const t=this.options.placement.includes("center")?"top":this.options.placement;if(this.popper){this.popper.setOptions({placement:t,strategy:this.options.strategy});requestAnimationFrame((()=>this.popper.update()))}}}export{at as P};
-//# sourceMappingURL=p-8d747891.js.map