@nanoporetech-digital/components 7.9.1 → 8.0.0-alpha.0

package/dist/nano-components/nano-global-nav.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["async","clientFetch","url","body","customConfig","headers","Accept","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","NanoGlobalNavStyle0","THRESHOLDBREAKS","about","main","login","search","icon","THRESHOLDLIMIT","Object","keys","length","GlobalNav","debounceResize","debounceSetResizingState","currSize","menuDiv","menuBtn","menuWrapDiv","menuContentDiv","menuSelectedItems","searchBarEl","searchInput","algoliaClient","currentIndex","autocompleteResults","autocompleteEles","currAIndex","algoliaSearchResults","scopeSearch","mainBarDiv","userLinkPanel","isLoggedIn","myAccData","aboutNavItms","siteNavItms","loggedInNavItms","constructor","hostRef","this","assessSlottedContent","debounce","bind","handleBarResize","userProfileUrl","hasLoggedinSlot","hasSiteSlot","hasPromotionSlot","aboutSlotLen","iconSlotLen","mainSlotLen","overflowSlotLen","searchSlotLen","thresholdReady","remoteDataReady","ready","isResizing","threshold","modalOpen","modalIsOpen","searchBarShown","scrollingUp","showAutocomplete","secondaryMenuOpen","userMenuOpen","menuFullScreen","searchLoading","searchValInternal","internalSearchIndeces","env","ssoDataUrl","myAccountData","handleMyAccountData","user","links","myAccountUser","processMyAccLinks","processMyAccData","ssoRedirect","encodeURIComponent","location","href","getMyAccountData","activeMyAccountSections","showSearch","showLogo","logoUrl","protocol","host","searchIndeces","searchAppId","searchApiKey","searchValue","searchIndex","cartCount","msgCount","cartUrl","msgUrl","nanoIsReady","nanoSearchResult","nanoSearchError","nanoSearchReset","submitSearch","onSearchSubmit","toggleOverflowMenu","openClose","undefined","menuOpen","menuClose","getMyAccData","import","e","console","error","currentSelectedIndex","foundIndex","find","index","name","changeInternalSearchVal","initAlgoliaClient","algoliasearch","addAlgoliaIndeces","searchInsight","init","then","setUser","uuid","addIndeces","forEach","alogliaIndex","initIndex","thresholdChange","newThreshold","oldThreshold","setResizingState","assessReady","emit","requestAnimationFrame","searchbarShow","setupAutocompleteBlur","el","shadowRoot","addEventListener","onAutocompleteBlur","removeEventListener","closeSearchBar","searchbarHide","slotChange","thresholdClasses","classes","i","push","state","onWindowResize","innerWidth","secondaryOpen","ev","detail","secondaryMenu","stopPropagation","target","querySelectorAll","transformTag","classList","remove","style","minHeight","scrollHeight","secondaryClose","add","onMenuBtnKeyDown","key","onMenuBtnClick","preventDefault","display","focus","preventScroll","innerHeight","document","overflow","overflowX","onMenuHidden","activeElement","force","composedPath","some","contains","subMenuClose","closest","open","onUserBtnClick","onUserBtnKeyDown","onUserMenuBlur","relatedTarget","handleUserMenu","displayTransition","className","show","onSearchBtnClick","onSearchBarHidden","onSearchBarShown","widgetHeight","Math","floor","querySelector","height","toString","setFocus","autocompleteSnippet","hit","lookFor","_snippetResult","found","prop","matchLevel","title","substring","value","onSearchInput","isSearchValSet","type","doAlgoliaSearch","queries","map","toReturn","clickAnalytics","attributesToSnippet","indexName","query","facets","filters","hitsPerPage","Date","now","processSearchResults","results","result","selected","domain","domains","allGroup","replicas","onSearchChange","algoliaHits","res","showAutocompleteResults","activeIndex","meta","indexTitle","client","apiKey","appId","onSearchIndexChange","indexStr","selectedIndex","switchIndexSubmit","resetHitFocus","hits","setActiveElement","autocompleteEle","ele","setAttribute","onAutocompleteInteract","testIndex","click","readTask","descreaseThreshold","Promise","resolve","scrollWidth","parentElement","clientWidth","menuItems","barItems","Array","from","writeTask","item","componentWillLoad","ComponentStore","connectedCallback","componentDidLoad","disconnectedCallback","autocompleteList","content","currentScopeHits","scopeChangeSuggestions","scopeSuggestReducer","total","currentSuggestReducer","reduce","scopeSuggestions","h","class","role","ref","a","tabindex","innerHTML","onClick","sendClick","eventName","queryID","objectIDs","objectID","positions","button","onMouseDown","hidden","onKeyDown","searchWidget","onSubmit","label","hideLabel","showInlineError","onNanoChange","mask","slot","placeholder","input","onNanoInput","onNanoFocus","ariaLabel","render","isRtl","ownerDocument","dir","Host","join","resizing","div","part","includes","urls","onSlotchange","link","address","closeOnBlur","small_avatar_url","forgot_password","logout","btn","src","getAssetPath","alt","onTouchEnd","domainFor","origin","dm","multiResults","singleResult","match","indeces","api_key","app_id","cart","count","notifications","messages","area"],"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"],"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 '../../../global/style/nano-theme/tokens';\n\n// local\n@use 'setup';\n@use 'bar';\n@use 'burger';\n@use 'search';\n@use '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 #{map.get(tokens.$colors, black)};\n   * @prop --bar-color-shade: Defaults to #d8d8d8;\n   * @prop --bar-color-tint: Defaults to rgb(19 89 111);\n   * @prop --bar-color-focus: Defaults to #007fa9;\n   * @prop --bar-user-panel-bg: Defaults to #016d86;\n   * @prop --bar-dropdown-bg: Defaults to #196c82;\n   * @prop --bar-dropdown-text: Defaults to white;\n   * @prop --bar-search-focus: Defaults to #007FA9;\n\n   * @prop --menu-background: Defaults to #001a21;\n   * @prop --menu-text-color: 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(tokens.$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: 19px;\n  --bar-item-spacing: 13px;\n  --bar-background: white;\n  --bar-text-color: #{map.get(tokens.$colors, black)};\n  --bar-color-shade: #d8d8d8;\n  --bar-color-tint: rgb(19 89 111);\n  --bar-color-focus: #007fa9;\n  --bar-user-panel-bg: #016d86;\n  --bar-dropdown-bg: #196c82;\n  --bar-dropdown-text: white;\n  --bar-search-focus: #007FA9; \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(tokens.$colors, lightblue)};\n  --menu-icon-color: white;\n  --login-button-bg: #007fa9;\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: flex;\n  flex-direction: column;\n  position: relative;\n  line-height: 1.5;\n  block-size: 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: #{tokens.$control-focus-style};\n    }\n  }\n}\n","import {\n  Component,\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 from 'algoliasearch/dist/algoliasearch-lite.esm.browser';\nimport { clientFetch } from '../../utils/fetch';\nimport { ComponentStore } from '../../utils/store/component-store';\nimport { debounce } from '../../utils/throttle';\nimport { displayTransition } from '../../utils/transitions';\nimport searchInsight from '../../utils/search-insights';\n\nimport {\n  AlgoliaMultiResult,\n  AlgoliaMultiResults,\n  AlgoliaResultHit,\n  AlgoliaResults,\n  AlgoliaSearchResultDetail,\n  SearchIndex,\n} from '../algolia/algolia-interface';\nimport { NavItemEventDetail } from '../nav-item/nav-item-interface';\nimport { InputChangeEventDetail } from '../input/input-interface';\nimport { SelectChangeEventDetail } from '../select/select-interface';\nimport { transformTag, h } from '../../utils/renderer';\nimport {\n  AlgoliaNetworkError,\n  MyAccountData,\n  MyAccountLink,\n  MyAccountUser,\n} from './global-nav-interface';\nimport type { MultipleQueriesQuery } from '@algolia/client-search';\nimport type { SearchClient as AlgoliaClient } from 'algoliasearch/lite';\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};\nconst THRESHOLDLIMIT = Object.keys(THRESHOLDBREAKS).length;\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 * @part burger - the overflow / burger ui element\n * @part burger-menu - the overflow / burger menu\n * @part burger-actions-bar - the top bar of the overflow / burger menu\n * @part burger-content - the main content area of the overflow / burger menu\n * @part bars - the main wrapper around the `main-bar` and `search-bar` nav bars\n * @part main-bar - the main nav menu bar\n * @part logo-link - the link wrapping the logo\n * @part search-bar - the search bar that appears under the main nav menu bar\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 debounceResize: () => any;\n  private debounceSetResizingState: () => any;\n  private currSize: number = 0;\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 userLinkPanel: HTMLDivElement;\n  private isLoggedIn: boolean = false;\n  private myAccData: MyAccountData = null;\n\n  // myaccount links\n  private aboutNavItms: MyAccountLink[] = [];\n  private siteNavItms: MyAccountLink[] = [];\n  private loggedInNavItms: MyAccountLink[] = [];\n\n  constructor() {\n    this.assessSlottedContent = debounce(\n      this.assessSlottedContent.bind(this),\n      10\n    );\n    this.handleBarResize = debounce(this.handleBarResize.bind(this), 200);\n  }\n\n  // user profile link\n  @State() userProfileUrl: string = '';\n\n  // has slot tests\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  // threshold / sizing\n  @State() thresholdReady: boolean = false;\n  @State() remoteDataReady: boolean = false;\n  @State() ready: boolean = false;\n  @State() isResizing: boolean = false;\n  @State() threshold: number = THRESHOLDLIMIT;\n\n  // modals state\n  @State() modalOpen: boolean = false;\n  @State() modalIsOpen: boolean = false;\n  @State() searchBarShown: boolean = false;\n  @State() scrollingUp: boolean = true;\n  @State() showAutocomplete: boolean = false;\n  @State() secondaryMenuOpen: HTMLNanoNavItemElement = null;\n  @State() userMenuOpen: boolean = false;\n  @State() menuFullScreen: boolean = false;\n\n  // search\n  @State() searchLoading: boolean = false;\n  @State() searchValInternal: string = '';\n  @State() internalSearchIndeces: Array<SearchIndex> = [];\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   * An alternative to both 'env' and 'ssoDataUrl'.\n   * You can directly provide a JSON object of myaccount data.\n   * (e.g. https://myaccount.nanoporetech.com/nav_bar_data.json)\n   * This is useful for SSR\n   */\n  @Prop() myAccountData: MyAccountData | null;\n  @Watch('myAccountData')\n  handleMyAccountData() {\n    if (!this.myAccountData) return;\n\n    if (!this.myAccountData.user || !this.myAccountData.links) return;\n\n    this.myAccData = this.myAccountData;\n    if (this.myAccData.user.id) {\n      this.isLoggedIn = true;\n      this.myAccountUser = this.myAccData.user;\n    }\n\n    this.processMyAccLinks();\n    this.processMyAccData();\n    this.remoteDataReady = true;\n  }\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 programmatically get or to preload search results\n   */\n  @Prop({ mutable: true }) searchValue: string = '';\n\n  /**\n   * Algolia search index to programmatically set or to set an initial index\n   */\n  @Prop({ mutable: true }) searchIndex: string = 'All';\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<AlgoliaSearchResultDetail>;\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<AlgoliaSearchResultDetail>;\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  /**\n   * Manually open or close the overflow (burger) menu\n   * @param openClose - optionally force open (true) or close (false)\n   */\n  @Method()\n  async toggleOverflowMenu(openClose?: boolean) {\n    if (openClose === true || (openClose === undefined && !this.modalIsOpen)) {\n      this.menuOpen();\n    } else {\n      this.menuClose(null, true);\n    }\n  }\n\n  @Watch('env')\n  @Watch('ssoDataUrl')\n  async getMyAccData() {\n    if (this.myAccData) return;\n\n    switch (this.env) {\n      case 'prod':\n        this.userProfileUrl = 'https://myaccount.nanoporetech.com/';\n        break;\n      case 'local':\n      case 'dev':\n      case 'test':\n      default:\n        this.userProfileUrl = 'https://myaccount.nanoporetech.com/';\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    if (!this.searchIndex) return this.internalSearchIndeces[0];\n\n    const foundIndex = this.internalSearchIndeces.find(\n      (index) => index.name === 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    // setup algolia analytics\n    searchInsight.init(this.searchAppId, this.searchApiKey).then(() => {\n      if (this.myAccountUser) searchInsight.setUser(this.myAccountUser.uuid);\n    });\n  }\n\n  /** Public facing set of Algolia indices. Add to any indices we may already have (e.g. from MyAccount) */\n  @Watch('searchIndeces')\n  addIndeces() {\n    this.internalSearchIndeces = [\n      ...this.internalSearchIndeces,\n      ...this.searchIndeces,\n    ];\n  }\n\n  /** Internal set of of Algolia indices. Includes public & private (e.g. from MyAccount) */\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].name;\n    }\n  }\n\n  /** Current content breakpoint. If it goes up, things can look wonky for a second so we temporarily hide stuff */\n  @Watch('threshold')\n  thresholdChange(newThreshold: number, oldThreshold: number) {\n    if (newThreshold > oldThreshold) {\n      // we've resized to larger screen.\n      this.setResizingState(true);\n    }\n  }\n\n  /* Check if data and item placement is ready */\n  @Watch('thresholdReady')\n  @Watch('remoteDataReady')\n  assessReady() {\n    if (this.thresholdReady && this.remoteDataReady) {\n      this.ready = true;\n      this.nanoIsReady.emit();\n\n      if (this.searchValue) requestAnimationFrame(() => this.searchbarShow());\n    }\n  }\n\n  /**\n   * Add / remove events when autocomplete results show / hide.\n   */\n  @Watch('showAutocomplete')\n  setupAutocompleteBlur() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\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  /** As relevant slotted items change, reset resizing breakpoints */\n  @Watch('aboutSlotLen')\n  @Watch('iconSlotLen')\n  @Watch('mainSlotLen')\n  @Watch('overflowSlotLen')\n  @Watch('searchSlotLen')\n  slotChange() {\n    this.threshold = THRESHOLDLIMIT;\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    }\n  };\n\n  // Global DOM Events\n\n  /**\n   * 1) Reset threshold (item fit breakpoint) when screen is bigger than before.\n   * 2) Assess the all threshold / breakpoints to see if content fits\n   * 3) Hide search bar whenever we resize\n   */\n  private onWindowResize() {\n    if (this.threshold < THRESHOLDLIMIT && window.innerWidth > this.currSize) {\n      this.threshold = THRESHOLDLIMIT;\n      // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n      this.mainBarDiv.clientWidth; // force reflow\n    }\n    this.currSize = window.innerWidth;\n    this.searchbarHide();\n    this.handleBarResize();\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        `${transformTag('nano-nav-item')}[selected]`\n      );\n      this.menuSelectedItems.forEach((i) => i.classList.remove('selected'));\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    if (this.secondaryMenuOpen === ev.target && this.menuSelectedItems) {\n      this.secondaryMenuOpen = null;\n      this.menuContentDiv.style.minHeight = '';\n      this.menuSelectedItems = null;\n      this.el\n        .querySelectorAll(`${transformTag('nano-nav-item')}[selected]`)\n        .forEach((i) => i.classList.add('selected'));\n    }\n  }\n\n  private onMenuBtnKeyDown = (ev: KeyboardEvent) => {\n    switch (ev.key) {\n      case 'Enter':\n      case ' ':\n        if (this.modalOpen) this.menuClose(ev, true);\n        else 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.modalOpen = true;\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\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    setTimeout(() => (this.modalIsOpen = true), 300);\n  };\n\n  private onMenuHidden = () => {\n    this.menuDiv.removeEventListener('transitionend', this.onMenuHidden);\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  @Listen('click', { target: 'body' })\n  menuClose(\n    ev?: FocusEvent | MouseEvent | KeyboardEvent | TouchEvent,\n    force: boolean = false\n  ) {\n    if (!this.modalIsOpen) return;\n\n    if (force) {\n      this.modalOpen = false;\n      this.menuDiv.addEventListener('transitionend', this.onMenuHidden);\n      return;\n    }\n\n    if (\n      !ev\n        .composedPath()\n        .some(\n          (el) =>\n            el === this.menuContentDiv ||\n            (el as Element).classList?.contains('gn-menu_actions')\n        )\n    ) {\n      requestAnimationFrame(() => {\n        if (this.secondaryMenuOpen) return;\n\n        this.modalOpen = false;\n        this.menuDiv.addEventListener('transitionend', this.onMenuHidden);\n      });\n    }\n  }\n\n  private subMenuClose = (ev?: MouseEvent) => {\n    ev.preventDefault();\n    (ev.target as HTMLNanoNavItemElement).closest<HTMLNanoNavItemElement>(\n      transformTag('nano-nav-item')\n    ).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, {\n      className: 'show',\n      show: this.userMenuOpen,\n    });\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 open / closed\n\n  private onSearchBtnClick = (ev: MouseEvent) => {\n    ev.preventDefault();\n    if (this.searchBarShown) this.searchbarHide();\n    else this.searchbarShow();\n  };\n\n  private async searchbarShow() {\n    if (!this.searchBarEl) return;\n    this.searchBarShown = true;\n\n    this.searchBarEl.removeEventListener(\n      'transitionend',\n      this.onSearchBarHidden\n    );\n    this.searchBarEl.addEventListener('transitionend', this.onSearchBarShown);\n    this.searchBarEl.style.display = 'block';\n\n    requestAnimationFrame(() => {\n      const widgetHeight =\n        Math.floor(\n          this.searchBarEl.querySelector('.search-widget').scrollHeight\n        ) - 1;\n      this.searchBarEl.style.height = widgetHeight.toString() + 'px';\n    });\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 = this.searchBarShown = false;\n    if (this.searchValInternal.length && ev) return;\n\n    if (!this.searchBarEl) return;\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.style.display = 'none';\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  /**\n   * Constructs a multi-search query for all set search indices\n   * (which are normally controlled via the myAccount payload) then sends to Algolia.\n   * Post-processes results, adding correct domains to url fields.\n   * @returns formatted algolia results\n   */\n  private async doAlgoliaSearch() {\n    this.algoliaSearchResults = null;\n\n    const queries: MultipleQueriesQuery[] = this.internalSearchIndeces.map(\n      (index) => {\n        const toReturn = {\n          clickAnalytics: true,\n          attributesToSnippet: ['body:5', 'title:8'],\n          indexName: index.index,\n          query: this.searchValInternal,\n          facets: index.filters,\n          hitsPerPage: 5,\n          filters: '',\n        };\n        if (index.name === 'Community') {\n          toReturn.filters =\n            'created > ' + Math.floor((Date.now() - 63115200000) / 1000); // only get last 2 years\n        }\n        return toReturn;\n      }\n    );\n\n    try {\n      this.algoliaSearchResults = this.processSearchResults(\n        (await this.algoliaClient.search(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      result.replicas = this.currentIndex.replicas;\n    });\n\n    return this.algoliaSearchResults;\n  }\n\n  /**\n   * Called whenever the search input value changes.\n   * Performs Algolia search and shows autocomplete results.\n   * @param ev optional input change event\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    // start search\n    this.searchLoading = true;\n    const algoliaHits = await this.doAlgoliaSearch();\n\n    this.scopeSearch = null;\n    this.scopeSearch = algoliaHits;\n\n    // set / show autocomplete results\n    this.autocompleteResults = algoliaHits.results.find((res) => res.selected);\n    this.showAutocompleteResults();\n\n    this.searchLoading = false;\n  };\n\n  /**\n   * Called whenever the search form is submitted (but can also be called manually).\n   * Fires event which will activate / display `nano-global-search-results`\n   *\n   * @param ev optional form submit event\n   * @returns Algolia search results\n   */\n  private onSearchSubmit = async (ev?) => {\n    if (ev) ev.preventDefault();\n    if (!this.isSearchValSet()) return;\n\n    if (!this.currentIndex) this.currentSelectedIndex();\n    if (!this.algoliaSearchResults) await this.doAlgoliaSearch();\n\n    const activeIndex = this.algoliaSearchResults.results.find(\n      (res) => res.selected\n    );\n    const { index, domain, filters, query, replicas } = activeIndex;\n\n    this.nanoSearchResult.emit({\n      meta: {\n        indexTitle: activeIndex.indexName,\n        index,\n        domain,\n        filters,\n        query,\n        replicas,\n      },\n      client: { apiKey: this.searchApiKey, appId: this.searchAppId },\n    });\n    this.showAutocomplete = false;\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.name;\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        }\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\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      }\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  private async handleBarResize() {\n    const descreaseThreshold = () => {\n      return new Promise<void>((resolve) => {\n        this.threshold--;\n\n        setTimeout(() => {\n          // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n          this.mainBarDiv.clientWidth; // force reflow\n          resolve();\n        }, 200);\n      });\n    };\n\n    // Decrease the threshold until content fits\n    while (this.threshold > 0) {\n      if (\n        this.mainBarDiv.scrollWidth <= this.mainBarDiv.parentElement.clientWidth\n      )\n        break;\n      await descreaseThreshold();\n    }\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\n    this.thresholdReady = true;\n\n    let menuItems: Array<Element>, barItems: Array<Element>;\n    readTask(() => {\n      menuItems = [\n        ...Array.from(\n          this.el.querySelectorAll(\n            `${transformTag('nano-nav-item')}[slot=\"site\"]`\n          )\n        ),\n        ...Array.from(\n          this.el.querySelectorAll(\n            `${transformTag('nano-nav-item')}[slot=\"overflow\"]`\n          )\n        ),\n      ];\n      barItems = [];\n\n      if (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.icon)\n        menuItems.push(\n          ...Array.from(\n            this.el.querySelectorAll(\n              `${transformTag('nano-nav-item')}[slot=\"icon\"]`\n            )\n          )\n        );\n      else\n        barItems.push(\n          ...Array.from(\n            this.el.querySelectorAll(\n              `${transformTag('nano-nav-item')}[slot=\"icon\"]`\n            )\n          )\n        );\n\n      if (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login)\n        menuItems.push(\n          ...Array.from(\n            this.el.querySelectorAll(\n              `${transformTag('nano-nav-item')}[slot=\"loggedin\"]`\n            )\n          )\n        );\n      else\n        barItems.push(\n          ...Array.from(\n            this.el.querySelectorAll(\n              `${transformTag('nano-nav-item')}[slot=\"loggedin\"]`\n            )\n          )\n        );\n\n      if (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.main)\n        menuItems.push(\n          ...Array.from(\n            this.el.querySelectorAll(\n              `${transformTag('nano-nav-item')}[slot=\"main\"]`\n            )\n          )\n        );\n      else\n        barItems.push(\n          ...Array.from(\n            this.el.querySelectorAll(\n              `${transformTag('nano-nav-item')}[slot=\"main\"]`\n            )\n          )\n        );\n\n      if (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.about)\n        menuItems.push(\n          ...Array.from(\n            this.el.querySelectorAll(\n              `${transformTag('nano-nav-item')}[slot=\"about\"]`\n            )\n          )\n        );\n      else\n        barItems.push(\n          ...Array.from(\n            this.el.querySelectorAll(\n              `${transformTag('nano-nav-item')}[slot=\"about\"]`\n            )\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  // Stencil Lifecycle / Rendering\n\n  componentWillLoad() {\n    ComponentStore.init(\n      this,\n      ['searchIndex', 'searchValue'],\n      'url-hash',\n      'gns'\n    );\n\n    this.assessSlottedContent();\n  }\n\n  connectedCallback() {\n    this.handleMyAccountData();\n    this.getMyAccData();\n  }\n\n  componentDidLoad() {\n    if (Build.isBrowser) {\n      this.debounceResize = debounce(this.onWindowResize.bind(this), 200);\n      window.addEventListener('resize', this.debounceResize);\n      this.currSize = window.innerWidth;\n    }\n\n    this.initAlgoliaClient();\n    this.addAlgoliaIndeces();\n    requestAnimationFrame(() => this.handleBarResize());\n  }\n\n  disconnectedCallback() {\n    if (Build.isBrowser)\n      window.removeEventListener('resize', this.debounceResize);\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                    onClick={() => {\n                      searchInsight.sendClick({\n                        index: this.currentIndex.index,\n                        eventName:\n                          'Global nav quick search - search result clicked',\n                        queryID: this.autocompleteResults.queryID,\n                        objectIDs: [hit.objectID],\n                        positions: [i + 1],\n                      });\n                    }}\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\n          showInlineError={false}\n          value={this.currentSelectedIndex()?.index}\n          onNanoChange={this.onSearchIndexChange}\n          mask\n        >\n          {this.internalSearchIndeces.map((index) => {\n            return (\n              <nano-option\n                selected={index.name === 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\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': !!this.searchValue && !this.searchLoading,\n            }}\n            slot=\"end\"\n            onClick={(e) => {\n              this.searchValInternal = this.searchInput.value;\n              this.onSearchSubmit(e);\n            }}\n          >\n            <nano-icon\n              name=\"light/magnifying-glass\"\n              role=\"img\"\n              ariaLabel=\"Search now\"\n            ></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.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          'nano-global-nav': true,\n        }}\n        dir={isRtl ? 'rtl' : null}\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            part=\"burger\"\n          >\n            <div\n              class=\"gn-menu_wrap\"\n              ref={(div) => (this.menuWrapDiv = div)}\n              tabindex=\"-1\"\n              part=\"burger-menu\"\n            >\n              <div class=\"gn-menu_actions\" part=\"burger-actions-bar\">\n                <button\n                  class=\"menu-btn icon-btn icon-btn\"\n                  onMouseDown={this.onMenuBtnClick}\n                  onKeyDown={this.onMenuBtnKeyDown}\n                >\n                  {this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login && (\n                    <nano-icon\n                      name=\"light/xmark\"\n                      aria-label=\"close menu\"\n                      role=\"img\"\n                    ></nano-icon>\n                  )}\n                  {this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.login && (\n                    <nano-icon\n                      name=\"light/bars\"\n                      aria-label=\"close menu\"\n                      role=\"img\"\n                    ></nano-icon>\n                  )}\n                </button>\n\n                {this.threshold < 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\n                            name=\"light/bell\"\n                            role=\"img\"\n                            ariaLabel=\"Check notifications\"\n                          ></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\n                            name=\"light/cart-shopping\"\n                            role=\"img\"\n                            ariaLabel=\"Go to cart\"\n                          ></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\" part=\"burger-content\">\n                  <nav class=\"nav-links nav-links--main\" role=\"menu\">\n                    <slot\n                      name=\"overflow\"\n                      onSlotchange={this.assessSlottedContent}\n                    />\n                    {this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.main &&\n                      !!this.mainSlotLen && (\n                        <slot\n                          name=\"main\"\n                          onSlotchange={this.assessSlottedContent}\n                        />\n                      )}\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                      {/* SITES MENU (Always in burger) */}\n                      {(this.hasSiteSlot || !!this.siteNavItms.length) && [\n                        (this.threshold >= 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\n                                  name=\"site\"\n                                  onSlotchange={this.assessSlottedContent}\n                                />\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 < 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\n                              class=\"nano-global-nav nano-global-nav-menu\"\n                              closeOnBlur={false}\n                            >\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                                      role=\"img\"\n                                    ></nano-icon>\n                                    Sites\n                                  </button>\n                                  <div class=\"content--sub\">\n                                    <slot\n                                      name=\"site\"\n                                      onSlotchange={this.assessSlottedContent}\n                                    />\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                {/* USER PROFILE IN BURGER */}\n                {this.isLoggedIn &&\n                  this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login &&\n                  (this.loggedInNavItms.length || this.hasLoggedinSlot) && (\n                    <nav class=\"nav-links\" aria-label=\"Your user account links\">\n                      <nano-nav-item\n                        class=\"nano-global-nav user-nav nano-global-nav-menu\"\n                        closeOnBlur={false}\n                      >\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                                role=\"img\"\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\n                                name=\"loggedin\"\n                                onSlotchange={this.assessSlottedContent}\n                              />\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\n                  name=\"promotion\"\n                  onSlotchange={this.assessSlottedContent}\n                />\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          <div class=\"bars\" part=\"bars\">\n            <nav\n              part=\"main-bar\"\n              class=\"main-bar\"\n              aria-label=\"Main site navigation\"\n              tabindex=\"-1\"\n              ref={(div) => (this.mainBarDiv = div)}\n            >\n              {(this.hasPromotionSlot ||\n                !!this.overflowSlotLen ||\n                ((this.myAccData || !!this.iconSlotLen) &&\n                  this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.icon) ||\n                (this.isLoggedIn &&\n                  (!!this.loggedInNavItms.length || this.hasLoggedinSlot) &&\n                  this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login) ||\n                (!!this.mainSlotLen &&\n                  this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.main) ||\n                ((!!this.aboutSlotLen || !!this.aboutNavItms.length) &&\n                  this.threshold < 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\" part=\"logo-link\">\n                  <img\n                    src={getAssetPath(`../nano-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\" onSlotchange={this.assessSlottedContent} />\n                </div>\n              )}\n\n              <div class=\"nav-links nav-links--main\">\n                <slot name=\"main\" onSlotchange={this.assessSlottedContent} />\n              </div>\n\n              {/* search widget displayed in the bar (there is enough space to show it) */}\n              {this.mainSlotLen === 0 &&\n                this.threshold >= 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 && (\n                      <slot\n                        name=\"search\"\n                        onSlotchange={this.assessSlottedContent}\n                      />\n                    ),\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 < 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                    onClick={this.onSearchBtnClick}\n                  >\n                    <nano-icon\n                      name=\"light/magnifying-glass\"\n                      role=\"img\"\n                      ariaLabel=\"Search Oxford Nanopore\"\n                    ></nano-icon>\n                  </button>\n                )}\n\n              {/* Bar cart and notifications  */}\n              {this.threshold >= 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\n                          name=\"light/bell\"\n                          ariaLabel=\"View your notifications\"\n                        ></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\n                          name=\"light/cart-shopping\"\n                          ariaLabel=\"View your shopping cart\"\n                        ></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 >= 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\n                      name=\"about\"\n                      onSlotchange={this.assessSlottedContent}\n                    />\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 >= 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\n                          name=\"solid/caret-down\"\n                          ariaLabel=\"View your account links\"\n                        ></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={this.myAccData.urls.logout + this.ssoRedirect}\n                          >\n                            Logout\n                          </a>\n                        </div>\n                      </div>\n                    </div>\n                  ),\n                ]}\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 < 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                part=\"search-bar\"\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 && (\n                      <slot\n                        name=\"search\"\n                        onSlotchange={this.assessSlottedContent}\n                      />\n                    )}\n                </div>\n              </div>\n            )}\n          </div>\n          {/* END MAIN NAV BAR */}\n\n          {/* BURGER MENU MOBILE MASK */}\n          {(this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login ||\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\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n\n  // Data processing\n\n  /**\n   * Finds a correct domain (as defined by myAccount data) for a given origin\n   * @returns a domain string for this origin\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  /**\n   * process a set, or multiple sets of algolia results\n   * and applies correct domain names / http protocol to each result's url\n   * @returns results where partial paths are turned to full urls\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  /**\n   * Ingests the data blob from myAccount; turns prescient fields to internal state\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  /**\n   * Ingests the data blob from myAccount links; applies prescient fields to internal state\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"],"mappings":"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","ignoreList":[]}

package/dist/nano-components/nano-global-search-results.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-import{r as e,c as n,g as t,a as s}from"./index-6cc72cd9.js";import{s as l}from"./search-insights-1a7b7dc5.js";import{t as a,h as i}from"./renderer-4bc3e2dc.js";const r=':host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{display:block;flex:1 1 100%}.main-search{display:flex;background:white;font-size:14px;min-block-size:calc(100vh - 63px);justify-content:space-between}.main-search__wrap{display:contents;block-size:100%}.main-search ul{margin:0;padding:0;list-style:none}.main-search li{margin:0;padding:0}.main-search button:not(.result__tags-tag){appearance:none;border:none;background:none;position:relative;inset-block-start:-2px}.main-search .icon-button{color:inherit;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}.main-search__topbar{display:flex;align-items:center;flex-wrap:wrap;margin-block-end:1em}.main-search__topbar::after{content:"";inline-size:calc(100% - 30px);inset-inline-start:30px;position:relative;border-block-end:1px solid #e5eef1;padding-block-start:0.9em}.main-search__applied-filters{border:solid 1px #e4e6e8;text-transform:uppercase;border-radius:3px;font-weight:bold;display:flex;align-items:center;line-height:0.9;padding:5px 5px 0;letter-spacing:2px;flex-wrap:wrap;margin-block-end:0.5rem}.main-search__applied-filters span{display:flex;align-items:center}:host(.small) .main-search__applied-filters{display:none}.main-search__applied-nofilter{margin-inline:0 5px;margin-block:0 3px;padding-inline:7px;padding-block:10px;font-size:12px;color:rgba(69, 85, 86, 0.85)}.main-search__applied-filter{padding-inline:8px 2px;padding-block:5px 3px;margin-inline:0 5px;margin-block:0 5px;color:#455556;font-size:11px;border-radius:2px;border:solid 1px rgba(0, 132, 169, 0.5);background-color:rgba(0, 132, 169, 0.2);line-height:1}.main-search__applied-filter .icon-button{padding-inline:10px 4px;padding-block:2px 1px}.main-search__applied-filter .icon-button .nano-icon{pointer-events:none}.main-search .topbar__bkbtn{position:relative;inset-inline-start:-7px}:host(.small) .main-search .topbar__query{display:none}.main-search .topbar__filtering{display:flex;align-items:center;margin-block:0;margin-inline:1em 0;flex:1}.main-search .topbar__order{min-inline-size:175px;max-inline-size:200px;margin-inline-start:auto}:host(.small) .main-search .topbar__order{max-inline-size:300px}.main-search .topbar .nano-select{opacity:1;transition:0.1s ease opacity}.main-search .topbar .nano-select:not(.hydrated){opacity:0}.main-search .topbar__show-filters{margin-inline-start:0.5em;text-transform:uppercase;display:none;flex-direction:column;align-items:center}.main-search .topbar__show-filters .nano-icon{font-size:20px}:host(.small) .main-search .topbar__show-filters{display:flex}.main-search .topbar__filter-count{inline-size:12px;block-size:12px;box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);border:solid 1px #005c76;background-color:#005c76;color:white;font-size:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;margin-block-end:3px}.main-search__results{font-size:14px;padding:1em 40px;color:rgba(69, 85, 86, 0.85);inline-size:70%;block-size:100%}@media (max-width: 576px){.main-search__results{padding:1em 20px}}:host(.small) .main-search__results{inline-size:100%}.main-search__filters{outline:none;padding-inline:0 40px;padding-block:1.8em 1em;flex:1 1 30%;box-sizing:border-box}@media (max-width: 576px){.main-search__filters{padding-inline-end:20px}}:host(:not(.small)) .main-search__filters{max-inline-size:350px;min-inline-size:220px}.filters{color:#455556;background:white;font-size:14px}:host(.small) .filters{position:fixed;inline-size:0;block-size:0;z-index:10;inset-block-start:0;inset-inline-end:0;transition:all 0s ease 0.5s;background:none}:host(.small) .filters.show{block-size:100vh;inline-size:100vw;transition:all 0s ease 0s}:host(.small) .filters.show::after{opacity:1}:host(.small) .filters::after{content:"";background:rgba(0, 0, 0, 0.5);position:absolute;inset:0;z-index:-1;opacity:0;transition:0.1s ease opacity}.filters__close-filters{display:none !important;font-size:1.4em}:host(.small) .filters__close-filters{display:inline-block !important;margin-inline:auto 0;margin-block:0}.filters__old-posts{margin-inline-start:1rem}:host(.small) .filters-wrap{position:absolute;inset-block-start:0;inset-inline-end:0;background:rgb(247, 246, 246);transform:translateX(100%);inline-size:300px;min-inline-size:200px;max-inline-size:80vw;transition:transform 0.3s ease;padding:1em;color:black;overflow:auto;block-size:100vh}:host(.small) .filters.show .filters-wrap{transform:translateX(0%);box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1)}.filters ul{margin:0;padding:0;list-style:none}.filters li{margin:0;padding:0}.filters .nano-details{--padding:0.8em;margin:0.8em 0}.filters .nano-details strong[slot]{display:block;padding-inline-start:calc(20px - 0.8em)}.filters .nano-details .nano-icon[slot=icon-end]{padding-inline:calc(20px - 0.8em)}.filters li:last-child .filter-label{margin-block-end:0}.filters .filter-label{display:flex;align-items:center;position:relative;margin:0.5em 0;line-height:1.4;z-index:0}.filters .filter-label::before{margin-inline:0 1em;margin-block:0;content:"";border:1px solid #007495;background:#fff;border-radius:3px;block-size:1em;inline-size:1em;min-inline-size:1em;min-block-size:1em;display:inline-block}.filters .filter-label::after{background-image:url("data:image/svg+xml;charset=utf-8,url-encode(\\"<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\'><path fill=\'#ffffff\' d=\'M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\'/></svg>\\")");content:"";block-size:0.7em;inline-size:0.7em;position:absolute;inset-inline-start:2px;inset-block-start:50%;transform:translateY(-50%);z-index:1;display:block;background-size:100%;background-position:center center;background-repeat:no-repeat}.filters .filter-cb{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);block-size:1px;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.filters .filter-cb:checked+.filter-label::before{background:#245a6f}.filters .filter-cb:focus+.filter-label::before{box-shadow:0 0 0 1px rgba(0, 0, 0, 0.7)}.filters-header{display:flex;align-items:center;border-block-end:1px solid #90c6e7;padding-block-end:0.5rem;margin-block-end:0.5rem}.filters-reset{color:#007495;font-size:12px;text-decoration:underline;margin-inline:auto 0;margin-block:0}:host(.small) .filters-reset{margin:0}.filters-title{margin:0;text-transform:uppercase;color:rgba(69, 85, 86, 0.85);font-weight:bold;font-size:14px}:host(.small) .filters-title{display:none}.result{text-decoration:none;display:flex;flex-flow:row wrap;padding-block-end:14px;border-block-end:1px solid #90c6e7}.result *{word-wrap:break-word;overflow-wrap:break-word}.result__title{margin:1em 0 0.5em;inline-size:70%;display:flex}.result__title a{color:#0084a9;font-size:14px;line-height:1.43;text-decoration:none;font-weight:600}.result__title .nano-icon{margin-inline:0 0.5em;margin-block:0;min-inline-size:20px;min-block-size:20px;opacity:0.8}@media (max-width: 992px){.result__title{inline-size:100%}}.result__body{color:#455556;font-size:13px;inline-size:70%;text-decoration:none}@media (max-width: 992px){.result__body{inline-size:100%}}.result__pdf{display:inline-block;margin-inline-start:0.5rem;color:#b5aea7}.result__meta{display:flex;flex-flow:row wrap;color:#455556;font-size:11px;line-height:13px;inline-size:100%;align-items:center}.result__meta>*{margin-block-start:0.5rem}.result__meta>*:not(:last-child){padding-inline-end:0}.result__meta>*:not(:last-child)::after{content:"";block-size:1rem;inline-size:1px;background:#90c6e7;display:inline-block;margin-inline:0.7rem}@media (max-width: 576px){.result__meta>*:not(:last-child)::after{display:none}}@media (max-width: 576px){.result__meta{flex-flow:column;align-items:flex-start}}.result__tags{display:flex;flex-flow:row wrap}@media (max-width: 576px){.result__tags{padding-inline-start:0}}.result__tags-tag{color:#455556;display:inline-block;font-size:0.4375rem;letter-spacing:1.4px;background:#fff;border-radius:2px;text-transform:uppercase;padding:0 4px 1px 5px;font-weight:600;margin:3px 0.25rem 0.25rem 0;border:1px solid #b5aea7;white-space:nowrap;line-height:13px}.result__type{font-weight:600;text-transform:capitalize;white-space:nowrap;display:flex;align-items:center}.result__date{display:flex;align-items:center;color:#455556}.result__source{color:#455556;padding-inline-end:0.75rem}.result__authors{font-size:12px;color:#455556;margin-block-end:0.25rem;text-decoration:none;inline-size:70%}.result__buttons{inline-size:70%;margin-block-end:0.5rem}.result__buttons-button{background-color:#007495;color:#fff;padding:5px 8px 1px;border-radius:4px;display:inline-block;font-size:11px;text-decoration:none;border:none}.result__promo{inline-size:70%;margin-block-end:0.5rem;text-decoration:none;color:#455556}.result__promo-box{inline-size:300px;background-color:#e3eef1;padding:12px 12px 8px 4px;display:flex;flex-flow:row nowrap;margin-block-start:1rem}.result__promo-bigdate{flex:0 1 60px;text-align:center;font-weight:600;color:#007495;text-transform:uppercase;line-height:1;letter-spacing:1.5px}@media (max-width: 992px){.result__promo-bigdate{inline-size:100%}}.result__promo-bigdate span{color:#455556;display:block}.result__promo-bigdate~div{padding-inline-start:1rem;border-inline-start:1px solid #c5dbe1}.result__promo-date{font-size:12px}.result__promo-venue{font-size:12px}.result__promo .nano-icon{color:#007495;position:relative;inset-block-start:1px;padding-inline-end:2px}.result__image{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;position:relative;inline-size:100%;block-size:150px;margin-block-end:0.5rem}@media (min-width: 576px){.result__image{inline-size:142px;block-size:80px}}.result__image .nano-icon{position:absolute;inset-block-start:calc(50% - 0.75rem);inset-inline-start:calc(50% - 0.75rem);font-size:1.5rem;color:#0084a9;--primary-color:#fff;--secondary-color:#0084a9;--primary-opacity:1}@media (max-width: 576px){.result__image .nano-icon{font-size:3rem;inset-block-start:calc(50% - 1.5rem);inset-inline-start:calc(50% - 1.5rem)}}.result__video-body{inline-size:70%;text-decoration:none;display:flex;flex-flow:row wrap}@media (max-width: 992px){.result__video-body{inline-size:100%}}@media (max-width: 576px){.result__video-body{flex-flow:column}}.result__video-body .result__body{padding-inline-start:1rem;display:flex;flex-direction:column;margin-block-end:0;flex:1}@media (max-width: 576px){.result__video-body .result__body{padding-inline-start:0}}.result__video-body .result__body p{display:inline;margin:0}.result__video-body .result__body u,.result__video-body .result__body li,.result__video-body .result__body a{text-decoration:none}.result__video-body .result__body .result__meta{margin-block-start:0.5rem}.result__video-body .result__body .result__description{flex:1 0 auto}.search-empty{padding:3rem 0;text-align:center;border-block-start:1px solid #e5eef1}.search-empty h2{color:#455556;font-size:1.125rem;margin-block-end:0.5rem}.search-empty-icon{font-size:7rem;--icon-color:#e4e6e8;margin-block-end:2rem}.search__highlight{background:#fbffbf;font-style:normal}';const o=r;const c="created > "+Math.floor((Date.now()-631152e5)/1e3);const d=class{constructor(t){e(this,t);this.nanoSearchGoBack=n(this,"nanoSearchGoBack",7)}algoliaResultsEle;filtersDiv;openFilterBtn;ro;algoliaResults;algoliaEle;currentWidth;apiKey;appId;index;get el(){return t(this)}nanoSearchGoBack;handleAlgoliaCredsChange(){if(!this.apiKey||!this.appId||!this.algoliaEle)return;this.algoliaEle.apiKey=this.apiKey;this.algoliaEle.appId=this.appId}handleAlgoliaIndexChange(){if(!this.index||!this.algoliaEle)return;this.algoliaEle.searchIndex=this.index}handleAlgoliaEleChange(){if(!this.algoliaEle||!this.algoliaResults)return;if(this.algoliaResults.indexName==="Community"){this.algoliaEle.filters=[c]}}handleGlobalNavReset(e){if(e.target.tagName.toLowerCase()!==a("nano-global-nav"))return;this.algoliaResultsEle=null;this.goback()}handleGlobalNavSearch(e){const{detail:{meta:n,client:t}}=e;this.apiKey=t.apiKey;this.appId=t.appId;if(e.target.tagName.toLowerCase()!==a("nano-global-nav"))return;this.index={name:n.indexTitle,index:n.index,domain:n.domain,filters:n.filters,replicas:n.replicas};this.algoliaEle.query=n.query}handleReorder(e){if(e.composedPath().find((e=>e.classList&&e.classList.contains("indexchange")))&&!!this.algoliaResultsEle){this.changeOrder(e)}}attachListeners(e){l.init(e.detail.client.appId,e.detail.client.apiKey);if(!e.composedPath().find((e=>e.id&&e.id==="main-search")))return;this.algoliaResultsEle=this.algoliaEle.querySelector("#main-search-results");this.algoliaResults=e.detail.meta;this.attachResultListeners();this.algoliaEle.querySelectorAll(".filters-reset").forEach((e=>{e.addEventListener("click",(()=>{this.removeAllFilters()}))}));this.algoliaEle.querySelectorAll(".close-filters").forEach((e=>{e.addEventListener("click",(()=>{this.closefilters()}))}));const n=this.algoliaEle.querySelector(".filters-wrap");if(n){n.addEventListener("click",(e=>{e.stopPropagation()}))}this.filtersDiv=this.algoliaEle.querySelector("#main-search-filters");const t=this.algoliaEle.querySelector(".old-posts");if(t){t.addEventListener("change",(e=>{this.toggleOldResults(e.target.checked)}))}}attachResultListeners(e){if(e&&e.composedPath()?.find((e=>e===this.algoliaEle))){this.algoliaResultsEle=this.algoliaEle.querySelector("nano-algolia-results")}if(!this.algoliaResultsEle)return;const n=this.algoliaResultsEle;this.algoliaResultsEle.removeEventListener("click",this.resultClick);this.algoliaResultsEle.addEventListener("click",this.resultClick);n.querySelectorAll(".remove-filter").forEach((e=>{e.removeEventListener("click",this.removeFilterClick);e.addEventListener("click",this.removeFilterClick)}));n.querySelectorAll(".back-btn").forEach((e=>{e.removeEventListener("click",this.goback);e.addEventListener("click",this.goback)}));n.querySelectorAll(".topbar__show-filters").forEach((e=>{this.openFilterBtn=e;e.removeEventListener("click",this.showFiltersClick);e.addEventListener("click",this.showFiltersClick)}));const t=Array.from(n.querySelectorAll(".result__tags-tag"));t.forEach((e=>{e.removeEventListener("click",this.tagClick);e.addEventListener("click",this.tagClick)}))}async closeSearch(){this.goback()}resultClick=e=>{const n=e.target.closest(".result");if(e.target.tagName==="A"&&n){l.sendClick({index:this.algoliaResults.index,eventName:"Global nav full search - search result clicked",queryID:this.algoliaResults.queryID,objectIDs:[n.dataset.hitId],positions:[Number(n.dataset.hitCount)+1]})}};showFiltersClick=()=>{this.filtersDiv.tabIndex=-1;this.filtersDiv.classList.add("show");this.filtersDiv.setAttribute("aria-expanded","true");document.body.style.overflow="hidden";setTimeout((()=>this.filtersDiv.focus()),20)};removeFilterClick=e=>{this.removeFilter(e.target.dataset.filter,e.target.dataset.filterVal)};tagClick=e=>{e.preventDefault();let n=e.target.dataset.value;n=n==="publication"?"publications":n;n=n.toLowerCase();const t=this.algoliaEle.querySelector('nano-algolia-filter[filter-name="tags"]');if(t.value.indexOf(n)===-1){t.value=t.value?[...t.value,n]:[n]}};changeOrder(e){this.algoliaEle.replicaIndex=e.detail.value}goback=()=>{const e=this.nanoSearchGoBack.emit();if(e.defaultPrevented)return;this.removeAllFilters();this.algoliaEle.query=undefined;this.algoliaEle.showResults=false};removeFilter(e,n){this.algoliaEle.removeFilters(e,n)}removeAllFilters(){this.algoliaEle.removeFilters()}closefilters(){if(!this.filtersDiv)return;this.filtersDiv.tabIndex=null;this.filtersDiv.classList.remove("show");this.filtersDiv.setAttribute("aria-expanded","false");document.body.style.overflow="";setTimeout((()=>this.openFilterBtn.focus()),20)}toggleOldResults(e){if(e)this.algoliaEle.filters=this.algoliaEle.filters.filter((e=>!e.startsWith("created > ")));else this.algoliaEle.filters=[...this.algoliaEle.filters,c]}connectedCallback(){this.handleAlgoliaEleChange()}componentDidLoad(){if(!window["ResizeObserver"])return;this.ro=new ResizeObserver((e=>{for(const n of e){if(!n.contentRect.width)return;this.currentWidth=n.contentRect.width}}));this.ro.observe(this.el)}render(){return i(s,{key:"9e9ee3d64c3887ab038de05adbcf01164904a267",class:{small:this.currentWidth<677,"nano-global-search-results":true},dir:this.el.ownerDocument.dir==="rtl"?"rtl":undefined},i("nano-algolia",{key:"2716189744e26d36ab20ba3ce0d4e48852586955",storeId:"searchq",storeMethod:"url-hash-push",class:"main-search__wrap sc-nano-global-search-results",ref:e=>requestAnimationFrame((()=>this.algoliaEle=e)),id:"main-search"},i("template",{key:"048798b2c38c9af665c8555b366c545c57387fdc",slot:"template"},`<div class="main-search sc-nano-global-search-results">\n              <nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>\n                <script type="text/template" slot="start-template">\n                  <div class="sc-nano-global-search-results main-search__topbar topbar">\n                    <button class="sc-nano-global-search-results topbar__bkbtn back-btn icon-button">\n                      <nano-icon class="sc-nano-global-search-results" name="light/chevron-left" size="small"></nano-icon>\n                    </button>\n                    <div>\n                      <em class="sc-nano-global-search-results topbar__query">'{{ it.query }}' - </em> <strong>{{ it.totalHitsWithFilters }}</strong> Results\n                    </div>\n\n                    <div class="sc-nano-global-search-results topbar__filtering">\n                      {{ @if (it.results.length) }}\n                        {{ @if (it.searchIndex && it.searchIndex.replicas) }}\n                          <nano-select class="sc-nano-global-search-results topbar__order indexchange" value="{{ it.index }}" hide-label="true" label="Sort order" show-inline-error="false">\n                          {{ @each(it.searchIndex.replicas) => replica }}\n                            <nano-option value="{{ replica.index }}">{{ replica.name }}</nano-option>\n                          {{ /each }}\n                          </nano-select>\n                        {{ /if }}\n                      {{ /if }}\n\n                      <button class="sc-nano-global-search-results topbar__show-filters filters-title" aria-controls="main-search-filters">\n                        {{ @if (it.appliedFilters && it.appliedFilters.length > 0) }}\n                          <span class="sc-nano-global-search-results topbar__filter-count">\n                            {{ (it.appliedFilters.reduce(function(a, b) { return a + (b.values ? b.values.length : 0) }, 0)) }}\n                          </span>\n                        {{ /if }}\n                        <nano-icon class="sc-nano-global-search-results" name="light/filter"></nano-icon>\n                      </button>\n                    </div>\n                  </div>\n\n                  {{ @if (it.results.length) }}\n                    <div class="sc-nano-global-search-results main-search__applied-filters">\n                      {{ @if (it.appliedFilters) }}\n                        {{ @each(it.appliedFilters) => filterObj }}\n                          {{ @each(filterObj.values) => filterVal }}\n                            <span class="sc-nano-global-search-results main-search__applied-filter">\n                              {{ filterVal | public_name }}\n                              <button class="sc-nano-global-search-results icon-button remove-filter" data-filter="{{ filterObj.name }}" data-filter-val="{{ filterVal }}">\n                                <nano-icon class="sc-nano-global-search-results" name="light/xmark"></nano-icon>\n                              </button>\n                            </span>\n                          {{ /each }}\n                        {{ /each }}\n                      {{ #else }}\n                        <span class="sc-nano-global-search-results main-search__applied-nofilter">&nbsp;</span>\n                      {{ /if }}\n                    </div>\n                  {{ /if }}\n                <\/script>\n\n                <script type="text/template" slot="result-template">\n                  \x3c!-- START NO CONTENT --\x3e\n                  {{ @if ((!it.results || !it.results.length)) }}\n                    <div class="search-empty">\n                      <nano-icon name="light/magnifying-glass" class="search-empty-icon"></nano-icon>\n                      <h2>No matches found...</h2>\n                      <p>Please try a different search query.</p>\n                    </div>\n                  {{ /if }}\n                  \x3c!-- END NO CONTENT --\x3e\n\n                  {{ @if (it.totalHitsWithFilters > 0) }}\n                    {{ @each(it.results) => result, resultIndex }}\n                      {{ contentType = result.content_type ? result.content_type : result.type }}\n                      <li class="sc-nano-global-search-results">\n                        <div class="sc-nano-global-search-results result" data-hit-id="{{ result.objectID }}" data-hit-count="{{ resultIndex }}">\n                          <h4 class="sc-nano-global-search-results result__title" data-icon-set="{{(iconSet = false)}}">\n                            <a href="{{ result.url | abs_url(it, result) }}">\n                            {{ @if (result._snippetResult) }}\n                              {{ result._snippetResult.title.value | safe }}\n                            {{ #else }}\n                              {{ result.title | safe }}\n                            {{ /if }}\n                            {{ @if (contentType === 'technical_document' || contentType === 'literature' || contentType === 'white_paper' || contentType === 'protocol') }}\n                              <span class="sc-nano-global-search-results result__pdf">PDF</span>\n                            {{ /if }}\n                            </a>\n                          </h4>\n                          {{ @if (result.authors) }}\n                            {{ @if (typeof result.authors === 'string') }}\n                              <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Authors: {{ result.authors | trim_to(50) }}</a>\n                            {{ #else }}\n                              <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">\n                                {{ @each(result.authors) => author, index }}\n                                  \x3c!-- {{ @if(index == 0)}} --\x3e\n                                    Authors: {{ author | trim_to(60) }}\n                                  \x3c!-- {{ /if }} --\x3e\n                                {{ /each }}\n                              </a>\n                            {{ /if }}\n                          {{ /if }}\n                          {{ @if (contentType === 'video' || contentType === 'lc_lightning_talk' ) }}\n                            {{ @if (result.name) }}\n                              <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Speaker: {{ result.name | trim_to(50) }}</a>\n                            {{ /if }}\n                            <a class="sc-nano-global-search-results result__video-body" href="{{ result.url | abs_url(it, result) }}">\n                              {{ @if (result.image) }}\n                                <div class="sc-nano-global-search-results result__image" style="background-image: url('{{ result.image | abs_url(it, result) }}')">\n                                  <nano-icon class="sc-nano-global-search-results" name="duotone/play-circle"></nano-icon>\n                                </div>\n                              {{ /if }}\n                              <div class="sc-nano-global-search-results result__body">\n                                <div class="sc-nano-global-search-results result__description">\n                                  {{ @if (result.description) }}\n                                    {{ result._snippetResult.description.value | safe }}\n                                  {{ /if }}\n                                </div>\n                              </div>\n                              <div class="sc-nano-global-search-results result__meta">\n                                {{ @if (result.type || result.content_type) }}\n                                  <div class="sc-nano-global-search-results result__type">\n                                  {{ @if (contentType === 'lc_lightning_talk') }}\n                                    Presentation\n                                  {{ #else }}\n                                    {{ contentType }}\n                                  {{ /if }}\n                                  </div>\n                                {{ /if }}\n                                {{ @if (result.tags) }}\n                                  <div class="sc-nano-global-search-results result__tags">\n                                    {{ @if (typeof result.tags === 'string') }}\n                                      <button data-value="{{ result.tags | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ result.tags }}</button>\n                                    {{ #else }}\n                                      {{ @each(result.tags) => tag, index }}\n                                        {{ @if(index < 5)}}\n                                          {{ @if (tag !== "No video" && tag !== "Resources" && tag !== "Video") }}\n                                            <button data-value="{{ tag | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ tag }}</button>\n                                          {{ /if }}\n                                        {{ /if }}\n                                      {{ /each }}\n                                    {{ /if }}\n                                  </div>\n                                {{ /if }}\n                                {{ @if (result.source) }}\n                                  <div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>\n                                {{ /if }}\n                              </div>\n                            </a>\n                          {{ /if }}\n                          {{ @if (result.body) }}\n                            <a class="sc-nano-global-search-results result__body" href="{{ result.url | abs_url(it, result) }}">\n                            {{ @if (result._snippetResult) }}\n                              {{ result._snippetResult.body.value | safe }}\n                            {{ /if }}\n                            </a>\n                          {{ /if }}\n                          {{ @if (contentType === 'product' }}\n                            <div class="sc-nano-global-search-results result__buttons">\n                              <a class="sc-nano-global-search-results result__buttons-button" href="{{ result.url | abs_url(it, result) }}">View product</a>\n                            </div>\n                          {{ /if }}\n                          {{ @if (contentType === 'event') }}\n                            <a class="sc-nano-global-search-results result__promo" href="{{ result.url | abs_url(it, result) }}">\n                              <div class="sc-nano-global-search-results result__promo-box">\n                                <div class="sc-nano-global-search-results result__promo-bigdate">\n                                  {{ result.start_date | date_long({year: undefined, month: 'short', day: undefined}) }}\n                                  <span>{{ result.start_date | date_long({year: undefined, month: undefined, day: 'numeric'}) }}</span>\n                                </div>\n                                <div>\n                                  <div class="sc-nano-global-search-results result__promo-date">\n                                    <nano-icon class="sc-nano-global-search-results" name="light/calendar-days"></nano-icon>\n                                    {{ @if (result.end_date) }}\n                                      {{ @if (result.end_date !== result.start_date) }}\n                                        {{ result.start_date | date_long({weekday: 'short', day: 'numeric', month: 'short'}) }} - {{ result.end_date | date_long({weekday: 'short', day: 'numeric', year: 'numeric', month: 'short'}) }}\n                                      {{ #else }}\n                                        {{ result.start_date | date_long({weekday: 'short', day: 'numeric', year: 'numeric', month: 'short'}) }}\n                                      {{ /if }}\n                                    {{ #else }}\n                                      {{ @if (result.start_date) }}\n                                        {{ result.start_date | date_long({weekday: 'short', day: 'numeric', year: 'numeric', month: 'short'}) }}\n                                      {{ /if }}\n                                    {{ /if }}\n                                  </div>\n                                  <div class="sc-nano-global-search-results result__promo-venue">\n                                    <nano-icon class="sc-nano-global-search-results" name="light/map-marker-alt"></nano-icon>\n                                    Venue\n                                  </div>\n                                </div>\n                              </div>\n                            </a>\n                          {{ /if }}\n                          {{ @if (contentType !== 'lc_lightning_talk' && contentType !== 'video') }}\n                            <div class="sc-nano-global-search-results result__meta">\n                              {{ @if (result.type || result.content_type) }}\n                                <div class="sc-nano-global-search-results result__type">\n                                {{ @if (contentType === 'news_item') }}\n                                  News\n                                {{ #elif (contentType === 'static_page' || contentType === 'bespoke') }}\n                                  Page\n                                {{ #elif (contentType === 'case_study') }}\n                                  Case study\n                                {{ #elif (contentType === 'lc_poster') }}\n                                  Poster\n                                {{ #elif (contentType === 'nanopore_live') }}\n                                  Live stream\n                                {{ #elif (contentType === 'data_release') }}\n                                  Data release\n                                {{ #elif (contentType === 'research_area') }}\n                                  Research area\n                                {{ #elif (contentType === 'white_paper') }}\n                                  White paper\n                                {{ #elif (contentType === 'technical_document') }}\n                                  Technical document\n                                {{ #elif (contentType === 'info_sheet') }}\n                                  Info sheet\n                                {{ #elif (contentType === 'lc_home' || contentType === 'lc_venue') }}\n                                  London Calling\n                                {{ #else }}\n                                  {{ contentType }}\n                                {{ /if }}\n                                </div>\n                              {{ /if }}\n                              {{ @if (contentType !== 'event') }}\n                                {{ @if (result.updated) }}\n                                  <div class="sc-nano-global-search-results result__date">{{ result.updated | date_long({year: 'numeric', month: 'short', day: 'numeric'}) }}</div>\n                                {{ #else }}\n                                  {{ @if (result.created) }}\n                                    <div class="sc-nano-global-search-results result__date">{{ result.created | date_long({year: 'numeric', month: 'short', day: 'numeric'}) }}</div>\n                                  {{ /if }}\n                                {{ /if }}\n                              {{ /if }}\n                              {{ @if (result.tags) }}\n                                <div class="sc-nano-global-search-results result__tags">\n                                  {{ @if (typeof result.tags === 'string') }}\n                                    {{ @if (result.tags !== "Resources" && result.tags !== "Tools" && result.tags !== "Publications" && result.tags !== "Case studies") }}\n                                      <button data-value="{{ result.tags | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ result.tags }}</button>\n                                    {{ /if }}\n                                  {{ #else }}\n                                    {{ @each(result.tags) => tag, index }}\n                                      {{ @if(index < 5)}}\n                                        {{ @if (tag !== "Resources" && tag !== "Tools" && tag !== "Publications" && tag !== "Case studies") }}\n                                          <button data-value="{{ tag | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ tag }}</button>\n                                        {{ /if }}\n                                      {{ /if }}\n                                    {{ /each }}\n                                  {{ /if }}\n                                </div>\n                              {{ /if }}\n                              {{ @if (result.source) }}\n                                <div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>\n                              {{ /if }}\n                            </div>\n                          {{ /if }}\n                        </div>\n                      </li>\n                    {{ /each }}\n                  {{ /if }}\n                <\/script>\n\n                <div slot="start-output"></div>\n                <ul slot="result-output" class="sc-nano-global-search-results"></ul>\n              </nano-algolia-results>\n\n              {{ @if(Object.keys(it.origFilters).length) }}\n                <div class="sc-nano-global-search-results main-search__filters filters close-filters" id="main-search-filters">\n                  <div class="sc-nano-global-search-results filters-wrap">\n                    {{ @if(it.totalHits) }}\n                      <div class="sc-nano-global-search-results filters-header">\n                        <strong class="sc-nano-global-search-results filters-title">Filters</strong>\n                        <button class="sc-nano-global-search-results filters-reset">Reset</button>\n                        <button class="sc-nano-global-search-results filters__close-filters close-filters icon-button" aria-controls="main-search-filters">\n                          <nano-icon class="sc-nano-global-search-results" name="light/xmark"></nano-icon>\n                        </button>\n                      </div>\n                    {{ /if }}\n\n                    <div>\n                      <input class="sc-nano-global-search-results filter-cb old-posts filters__old-posts" type="checkbox" name="old-posts" id="old-posts" value="nice" />\n                      <label class="sc-nano-global-search-results filter-label" for="old-posts">\n                        <span>Include posts older than 2 years</span>\n                      </label>\n                      {{ @if(it.origFilters['type']) }}\n                        <nano-details class="sc-nano-global-search-results" open={true} icon-rotation="180">\n                          <strong slot="label">Type</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf1" store-method="url-hash-push" filter-name="type">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="type-{{ filter }}-{{x}}" />\n                                <label class="sc-nano-global-search-results filter-label" for="type-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters['channel']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Channels</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf2" store-method="url-hash-push" filter-name="channel">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="channel-{{ filter }}-{{x}}" />\n                                <label class="filter-label sc-nano-global-search-results" for="channel-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters['authors']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Authors</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf3" store-method="url-hash-push" filter-name="authors">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="authors-{{ filter }}-{{x}}" />\n                                <label class="filter-label sc-nano-global-search-results" for="authors-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters['categories_without_path']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Category</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf4" store-method="url-hash-push" filter-name="categories_without_path">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                {{ @if(!filter.match(/publication/)) }}\n                                  <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                  <input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="cwp-{{ filter }}-{{x}}" />\n                                  <label class="sc-nano-global-search-results filter-label" for="cwp-{{ filter }}-{{x}}">\n                                    <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                  </label></li>\n                                {{ /if }}\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters['tags']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Tags</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf5" store-method="url-hash-push" filter-name="tags">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter | lowercase }}" id="tags-{{ filter }}-{{x}}" />\n                                <label class="filter-label sc-nano-global-search-results" for="tags-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n                    </div>\n                  </div>\n                </div>\n              {{ /if }}\n            </div>`),i("div",{key:"836a3c9ba7855d4f08420f55c2df97c65438abad",slot:"output"}),i("slot",{key:"a025d95f4ae2195f4aced3ade5acc3a433cbf3f5"})))}static get watchers(){return{algoliaEle:["handleAlgoliaCredsChange","handleAlgoliaIndexChange","handleAlgoliaEleChange"],apiKey:["handleAlgoliaCredsChange"],appId:["handleAlgoliaCredsChange"],index:["handleAlgoliaIndexChange"],algoliaResults:["handleAlgoliaEleChange"]}}};d.style=o;export{d as nano_global_search_results};
-//# sourceMappingURL=nano-global-search-results.entry.js.map

package/dist/nano-components/nano-global-search-results.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["globalSearchResultsCss","NanoGlobalSearchResultsStyle0","filterOldPosts","Math","floor","Date","now","GlobalSearchResults","algoliaResultsEle","filtersDiv","openFilterBtn","ro","algoliaResults","algoliaEle","currentWidth","apiKey","appId","index","nanoSearchGoBack","handleAlgoliaCredsChange","this","handleAlgoliaIndexChange","searchIndex","handleAlgoliaEleChange","indexName","filters","handleGlobalNavReset","e","target","tagName","toLowerCase","transformTag","goback","handleGlobalNavSearch","detail","meta","client","name","indexTitle","domain","replicas","query","handleReorder","composedPath","find","ele","classList","contains","changeOrder","attachListeners","searchInsight","init","id","querySelector","attachResultListeners","querySelectorAll","forEach","item","addEventListener","removeAllFilters","closefilters","filterWrap","stopPropagation","oldResults","toggleOldResults","checked","el","resultEle","removeEventListener","resultClick","removeFilterClick","showFiltersClick","tags","Array","from","tag","tagClick","closeSearch","hit","closest","sendClick","eventName","queryID","objectIDs","dataset","hitId","positions","Number","hitCount","tabIndex","add","setAttribute","document","body","style","overflow","setTimeout","focus","removeFilter","filter","filterVal","preventDefault","tagVal","value","indexOf","ev","replicaIndex","goBackEvent","emit","defaultPrevented","undefined","showResults","facet","removeFilters","remove","show","f","startsWith","connectedCallback","componentDidLoad","window","ResizeObserver","entries","entry","contentRect","width","observe","render","h","Host","key","class","small","dir","ownerDocument","storeId","storeMethod","ref","requestAnimationFrame","slot"],"sources":["src/components/global-search-results/global-search-results.scss?tag=nano-global-search-results&encapsulation=shadow","src/components/global-search-results/global-search-results.tsx"],"sourcesContent":["@use 'sass:map';\n@use '../../global/style/utilities/mixins' as mx;\n@use '../../global/style/nano-theme/tokens/colours' as color;\n\n:host {\n  display: block;\n  flex: 1 1 100%;\n}\n\n.main-search {\n  display: flex;\n  background: white;\n  font-size: 14px;\n  min-block-size: calc(100vh - 63px);\n  justify-content: space-between;\n\n  &__wrap {\n    /* autoprefixer: ignore next */\n    display: contents;\n    block-size: 100%;\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  li {\n    margin: 0;\n    padding: 0;\n  }\n\n  button:not(.result__tags-tag) {\n    appearance: none;\n    border: none;\n    background: none;\n    position: relative;\n    inset-block-start: -2px;\n  }\n\n  .icon-button {\n    color: inherit;\n    align-self: normal;\n    padding: 9px 7px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n  }\n\n  &__topbar {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    margin-block-end: 1em;\n\n    &::after {\n      content: '';\n      inline-size: calc(100% - 30px);\n      inset-inline-start: 30px;\n      position: relative;\n      border-block-end: 1px solid #e5eef1;\n      padding-block-start: 0.9em;\n    }\n  }\n\n  &__applied-filters {\n    border: solid 1px map.get(color.$colors, lightgrey);\n    text-transform: uppercase;\n    border-radius: 3px;\n    font-weight: bold;\n    display: flex;\n    align-items: center;\n    line-height: 0.9;\n    padding: 5px 5px 0;\n    letter-spacing: 2px;\n    flex-wrap: wrap;\n    margin-block-end: 0.5rem;\n\n    span {\n      display: flex;\n      align-items: center;\n    }\n\n    :host(.small) & {\n      display: none;\n    }\n  }\n\n  &__applied-nofilter {\n    margin-inline: 0 5px;\n    margin-block: 0 3px;\n    padding-inline: 7px;\n    padding-block: 10px;\n    font-size: 12px;\n    color: rgb(69 85 86 / 85%);\n  }\n\n  &__applied-filter {\n    padding-inline: 8px 2px;\n    padding-block: 5px 3px;\n    margin-inline: 0 5px;\n    margin-block: 0 5px;\n    color: map.get(color.$colors, darkgrey);\n    font-size: 11px;\n    border-radius: 2px;\n    border: solid 1px rgb(0 132 169 / 50%);\n    background-color: rgb(0 132 169 / 20%);\n    line-height: 1;\n\n    .icon-button {\n      padding-inline: 10px 4px;\n      padding-block: 2px 1px;\n\n      .nano-icon {\n        pointer-events: none;\n      }\n    }\n  }\n\n  .topbar {\n    &__bkbtn {\n      position: relative;\n      inset-inline-start: -7px;\n    }\n\n    &__query {\n      :host(.small) & {\n        display: none;\n      }\n    }\n\n    &__filtering {\n      display: flex;\n      align-items: center;\n      margin-block: 0;\n      margin-inline: 1em 0;\n      flex: 1;\n    }\n\n    &__order {\n      min-inline-size: 175px;\n      max-inline-size: 200px;\n      margin-inline-start: auto;\n\n      :host(.small) & {\n        max-inline-size: 300px;\n      }\n    }\n\n    .nano-select {\n      opacity: 1;\n      transition: 0.1s ease opacity;\n\n      &:not(.hydrated) {\n        opacity: 0;\n      }\n    }\n\n    &__show-filters {\n      margin-inline-start: 0.5em;\n      text-transform: uppercase;\n      display: none;\n      flex-direction: column;\n      align-items: center;\n\n      .nano-icon {\n        font-size: 20px;\n      }\n\n      :host(.small) & {\n        display: flex;\n      }\n    }\n\n    &__filter-count {\n      inline-size: 12px;\n      block-size: 12px;\n      box-shadow: inset 0 3px 4px 0 rgb(0 0 0 / 20%);\n      border: solid 1px #005c76;\n      background-color: #005c76;\n      color: white;\n      font-size: 7px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      line-height: 1;\n      margin-block-end: 3px;\n    }\n  }\n\n  &__results {\n    font-size: 14px;\n    padding: 1em 40px;\n    color: rgb(69 85 86 / 85%);\n    inline-size: 70%;\n    block-size: 100%;\n\n    @include mx.media-breakpoint-down('sm') {\n      padding: 1em 20px;\n    }\n\n    :host(.small) & {\n      inline-size: 100%;\n    }\n  }\n\n  &__filters {\n    outline: none;\n    padding-inline: 0 40px;\n    padding-block: 1.8em 1em;\n\n    @include mx.media-breakpoint-down('sm') {\n      padding-inline-end: 20px;\n    }\n\n    flex: 1 1 30%;\n    box-sizing: border-box;\n\n    :host(:not(.small)) & {\n      max-inline-size: 350px;\n      min-inline-size: 220px;\n    }\n  }\n}\n\n.filters {\n  color: map.get(color.$colors, darkgrey);\n  background: white;\n  font-size: 14px;\n\n  :host(.small) & {\n    position: fixed;\n    inline-size: 0;\n    block-size: 0;\n    z-index: 10;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    transition: all 0s ease 0.5s;\n    background: none;\n\n    &.show {\n      block-size: 100vh;\n      inline-size: 100vw;\n      transition: all 0s ease 0s;\n\n      &::after {\n        opacity: 1;\n      }\n    }\n\n    &::after {\n      content: '';\n      background: rgb(0 0 0 / 50%);\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n      opacity: 0;\n      transition: 0.1s ease opacity;\n    }\n  }\n\n  &__close-filters {\n    display: none !important;\n    font-size: 1.4em;\n\n    :host(.small) & {\n      display: inline-block !important;\n      margin-inline: auto 0;\n      margin-block: 0;\n    }\n  }\n\n  &__old-posts {\n    margin-inline-start: 1rem;\n  }\n\n  &-wrap {\n    :host(.small) & {\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-end: 0;\n      background: rgb(247 246 246);\n      transform: translateX(100%);\n      inline-size: 300px;\n      min-inline-size: 200px;\n      max-inline-size: 80vw;\n      transition: transform 0.3s ease;\n      padding: 1em;\n      color: black;\n      overflow: auto;\n      block-size: 100vh;\n    }\n  }\n\n  &.show {\n    .filters-wrap {\n      :host(.small) & {\n        transform: translateX(0%);\n        box-shadow: -3px -3px 7px rgb(0 0 0 / 10%);\n      }\n    }\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  li {\n    margin: 0;\n    padding: 0;\n  }\n\n  .nano-details {\n    --padding: 0.8em;\n\n    margin: 0.8em 0;\n\n    strong[slot] {\n      display: block;\n      padding-inline-start: calc(20px - 0.8em);\n    }\n\n    .nano-icon[slot='icon-end'] {\n      padding-inline: calc(20px - 0.8em);\n    }\n  }\n\n  li:last-child .filter-label {\n    margin-block-end: 0;\n  }\n\n  .filter-label {\n    display: flex;\n    align-items: center;\n    position: relative;\n    margin: 0.5em 0;\n    line-height: 1.4;\n    z-index: 0;\n\n    &::before {\n      margin-inline: 0 1em;\n      margin-block: 0;\n      content: '';\n      border: 1px solid map.get(color.$colors, blue);\n      background: map.get(color.$colors, white);\n      border-radius: 3px;\n      block-size: 1em;\n      inline-size: 1em;\n      min-inline-size: 1em;\n      min-block-size: 1em;\n      display: inline-block;\n    }\n\n    &::after {\n      @include mx.svg-background-image(\n        \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='#ffffff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/></svg>\"\n      );\n\n      content: '';\n      block-size: 0.7em;\n      inline-size: 0.7em;\n      position: absolute;\n      inset-inline-start: 2px;\n      inset-block-start: 50%;\n      transform: translateY(-50%);\n      z-index: 1;\n      display: block;\n      background-size: 100%;\n      background-position: center center;\n      background-repeat: no-repeat;\n    }\n  }\n\n  .filter-cb {\n    @include mx.visually-hide;\n\n    &:checked + .filter-label {\n      &::before {\n        background: map.get(color.$colors, blue--darker);\n      }\n    }\n\n    &:focus + .filter-label {\n      &::before {\n        box-shadow: 0 0 0 1px rgb(0 0 0 / 70%);\n      }\n    }\n  }\n\n  &-header {\n    display: flex;\n    align-items: center;\n    border-block-end: 1px solid map.get(color.$colors, lightblue);\n    padding-block-end: 0.5rem;\n    margin-block-end: 0.5rem;\n  }\n\n  &-reset {\n    color: map.get(color.$colors, blue);\n    font-size: 12px;\n    text-decoration: underline;\n    margin-inline: auto 0;\n    margin-block: 0;\n\n    :host(.small) & {\n      margin: 0;\n    }\n  }\n\n  &-title {\n    margin: 0;\n    text-transform: uppercase;\n    color: rgb(69 85 86 / 85%);\n    font-weight: bold;\n    font-size: 14px;\n\n    :host(.small) & {\n      display: none;\n    }\n  }\n}\n\n.result {\n  text-decoration: none;\n  display: flex;\n  flex-flow: row wrap;\n  padding-block-end: 14px;\n  border-block-end: 1px solid map.get(color.$colors, lightblue);\n\n  * {\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n  }\n\n  &__title {\n    margin: 1em 0 0.5em;\n    inline-size: 70%;\n    display: flex;\n\n    a {\n      color: lighten(map.get(color.$colors, blue), 4%);\n      font-size: 14px;\n      line-height: 1.43;\n      text-decoration: none;\n      font-weight: 600;\n    }\n\n    .nano-icon {\n      margin-inline: 0 0.5em;\n      margin-block: 0;\n      min-inline-size: 20px;\n      min-block-size: 20px;\n      opacity: 0.8;\n    }\n\n    @include mx.media-breakpoint-down('lg') {\n      inline-size: 100%;\n    }\n  }\n\n  &__body {\n    color: map.get(color.$colors, darkgrey);\n    font-size: 13px;\n    inline-size: 70%;\n    text-decoration: none;\n\n    @include mx.media-breakpoint-down('lg') {\n      inline-size: 100%;\n    }\n  }\n\n  &__pdf {\n    display: inline-block;\n    margin-inline-start: 0.5rem;\n    color: map.get(color.$colors, palegrey);\n  }\n\n  &__meta {\n    display: flex;\n    flex-flow: row wrap;\n    color: map.get(color.$colors, darkgrey);\n    font-size: 11px;\n    line-height: 13px;\n    inline-size: 100%;\n    align-items: center;\n\n    > * {\n      margin-block-start: 0.5rem;\n\n      &:not(:last-child) {\n        padding-inline-end: 0;\n\n        &::after {\n          content: '';\n          block-size: 1rem;\n          inline-size: 1px;\n          background: #90c6e7;\n          display: inline-block;\n          margin-inline: 0.7rem;\n\n          @include mx.media-breakpoint-down('sm') {\n            display: none;\n          }\n        }\n      }\n    }\n\n    @include mx.media-breakpoint-down('sm') {\n      flex-flow: column;\n      align-items: flex-start;\n    }\n  }\n\n  &__tags {\n    display: flex;\n    flex-flow: row wrap;\n\n    @include mx.media-breakpoint-down('sm') {\n      padding-inline-start: 0;\n    }\n\n    &-tag {\n      color: map.get(color.$colors, darkgrey);\n      display: inline-block;\n      font-size: 0.4375rem;\n      letter-spacing: 1.4px;\n      background: #fff;\n      border-radius: 2px;\n      text-transform: uppercase;\n      padding: 0 4px 1px 5px;\n      font-weight: 600;\n      margin: 3px 0.25rem 0.25rem 0;\n      border: 1px solid #b5aea7;\n      white-space: nowrap;\n      line-height: 13px;\n    }\n  }\n\n  &__type {\n    font-weight: 600;\n    text-transform: capitalize;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n  }\n\n  &__date {\n    display: flex;\n    align-items: center;\n    color: map.get(color.$colors, darkgrey);\n  }\n\n  &__source {\n    color: map.get(color.$colors, darkgrey);\n    padding-inline-end: 0.75rem;\n  }\n\n  &__authors {\n    font-size: 12px;\n    color: map.get(color.$colors, darkgrey);\n    margin-block-end: 0.25rem;\n    text-decoration: none;\n    inline-size: 70%;\n  }\n\n  &__buttons {\n    inline-size: 70%;\n    margin-block-end: 0.5rem;\n\n    &-button {\n      background-color: map.get(color.$colors, blue);\n      color: #fff;\n      padding: 5px 8px 1px;\n      border-radius: 4px;\n      display: inline-block;\n      font-size: 11px;\n      text-decoration: none;\n      border: none;\n    }\n  }\n\n  &__promo {\n    inline-size: 70%;\n    margin-block-end: 0.5rem;\n    text-decoration: none;\n    color: map.get(color.$colors, darkgrey);\n\n    &-box {\n      inline-size: 300px;\n      background-color: #e3eef1;\n      padding: 12px 12px 8px 4px;\n      display: flex;\n      flex-flow: row nowrap;\n      margin-block-start: 1rem;\n    }\n\n    &-bigdate {\n      flex: 0 1 60px;\n      text-align: center;\n      font-weight: 600;\n      color: map.get(color.$colors, blue);\n      text-transform: uppercase;\n      line-height: 1;\n      letter-spacing: 1.5px;\n\n      @include mx.media-breakpoint-down('lg') {\n        inline-size: 100%;\n      }\n\n      span {\n        color: map.get(color.$colors, darkgrey);\n        display: block;\n      }\n\n      & ~ div {\n        padding-inline-start: 1rem;\n        border-inline-start: 1px solid #c5dbe1;\n      }\n    }\n\n    &-date {\n      font-size: 12px;\n    }\n\n    &-venue {\n      font-size: 12px;\n    }\n\n    .nano-icon {\n      color: map.get(color.$colors, blue);\n      position: relative;\n      inset-block-start: 1px;\n      padding-inline-end: 2px;\n    }\n  }\n\n  &__image {\n    display: block;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    border-radius: 4px;\n    position: relative;\n    inline-size: 100%;\n    block-size: 150px;\n    margin-block-end: 0.5rem;\n\n    @include mx.media-breakpoint-up('sm') {\n      inline-size: 142px;\n      block-size: 80px;\n    }\n\n    .nano-icon {\n      position: absolute;\n      inset-block-start: calc(50% - 0.75rem);\n      inset-inline-start: calc(50% - 0.75rem);\n      font-size: 1.5rem;\n      color: #0084a9;\n\n      --primary-color: #fff;\n      --secondary-color: #0084a9;\n      --primary-opacity: 1;\n\n      @include mx.media-breakpoint-down('sm') {\n        font-size: 3rem;\n        inset-block-start: calc(50% - 1.5rem);\n        inset-inline-start: calc(50% - 1.5rem);\n      }\n    }\n  }\n\n  &__video {\n    &-body {\n      inline-size: 70%;\n      text-decoration: none;\n      display: flex;\n      flex-flow: row wrap;\n\n      @include mx.media-breakpoint-down('lg') {\n        inline-size: 100%;\n      }\n\n      @include mx.media-breakpoint-down('sm') {\n        flex-flow: column;\n      }\n\n      .result__body {\n        padding-inline-start: 1rem;\n        display: flex;\n        flex-direction: column;\n        margin-block-end: 0;\n        flex: 1;\n\n        @include mx.media-breakpoint-down('sm') {\n          padding-inline-start: 0;\n        }\n\n        p {\n          display: inline;\n          margin: 0;\n        }\n\n        u,\n        li,\n        a {\n          text-decoration: none;\n        }\n\n        .result__meta {\n          margin-block-start: 0.5rem;\n        }\n\n        .result__description {\n          flex: 1 0 auto;\n        }\n      }\n    }\n  }\n}\n\n.search-empty {\n  padding: 3rem 0;\n  text-align: center;\n  border-block-start: 1px solid #e5eef1;\n\n  h2 {\n    color: #455556;\n    font-size: 1.125rem;\n    margin-block-end: 0.5rem;\n  }\n\n  &-icon {\n    font-size: 7rem;\n\n    --icon-color: #e4e6e8;\n\n    margin-block-end: 2rem;\n  }\n}\n\n.search__highlight {\n  background: #fbffbf;\n  font-style: normal;\n}\n","import {\n  Component,\n  Host,\n  Element,\n  State,\n  ComponentInterface,\n  Watch,\n  Listen,\n  Event,\n  EventEmitter,\n  Method,\n} from '@stencil/core';\nimport searchInsight from '../../utils/search-insights';\nimport {\n  AlgoliaSearchResultDetail,\n  IndexResult,\n  SearchIndex,\n} from '../algolia/algolia-interface';\nimport { NanoAlgoliaResultsCustomEvent } from '../../components';\nimport { transformTag, h } from '../../utils/renderer';\n\nconst filterOldPosts =\n  'created > ' + Math.floor((Date.now() - 63115200000) / 1000);\n\n/**\n * Nanopore Global Search results component\n * to be used in conjunction with [Globla-Nav](/story/nano-compounds-global-nav).\n * A shortcut / helper which combines algolia components.\n * There should only be one <nano-global-search-results> per page\n * and should be a direct child of <nano-global-nav>\n */\n@Component({\n  tag: 'nano-global-search-results',\n  styleUrl: 'global-search-results.scss',\n  shadow: true,\n})\nexport class GlobalSearchResults implements ComponentInterface {\n  private algoliaResultsEle: HTMLNanoAlgoliaResultsElement;\n  private filtersDiv: HTMLElement;\n  private openFilterBtn: HTMLButtonElement;\n  private ro: ResizeObserver;\n\n  @State() algoliaResults: IndexResult;\n  @State() algoliaEle: HTMLNanoAlgoliaElement;\n  @State() currentWidth: number;\n  @State() apiKey: string;\n  @State() appId: string;\n  @State() index: SearchIndex;\n\n  @Element() private el: HTMLNanoGlobalSearchResultsElement;\n\n  /** Fired when the user clicks the 'back' button / closes the search panel\n   * Calling `event.preventDefault()` will prevent it from being closed.\n   */\n  @Event() nanoSearchGoBack: EventEmitter;\n\n  @Watch('algoliaEle')\n  @Watch('apiKey')\n  @Watch('appId')\n  handleAlgoliaCredsChange() {\n    if (!this.apiKey || !this.appId || !this.algoliaEle) return;\n    this.algoliaEle.apiKey = this.apiKey;\n    this.algoliaEle.appId = this.appId;\n  }\n\n  @Watch('algoliaEle')\n  @Watch('index')\n  handleAlgoliaIndexChange() {\n    if (!this.index || !this.algoliaEle) return;\n    this.algoliaEle.searchIndex = this.index;\n  }\n\n  @Watch('algoliaResults')\n  @Watch('algoliaEle')\n  handleAlgoliaEleChange() {\n    if (!this.algoliaEle || !this.algoliaResults) return;\n    if (this.algoliaResults.indexName === 'Community') {\n      this.algoliaEle.filters = [filterOldPosts]; // only get last 2 years\n    }\n  }\n\n  @Listen('nanoSearchReset', { target: 'body' })\n  handleGlobalNavReset(e: CustomEvent & { target: HTMLElement }) {\n    if (e.target.tagName.toLowerCase() !== transformTag('nano-global-nav'))\n      return;\n    this.algoliaResultsEle = null;\n    this.goback();\n  }\n\n  @Listen('nanoSearchResult', { target: 'body' })\n  handleGlobalNavSearch(e: CustomEvent & { target: HTMLElement }) {\n    const {\n      detail: { meta, client },\n    } = e as { detail: AlgoliaSearchResultDetail };\n\n    this.apiKey = client.apiKey;\n    this.appId = client.appId;\n\n    if (e.target.tagName.toLowerCase() !== transformTag('nano-global-nav'))\n      return;\n\n    this.index = {\n      name: meta.indexTitle,\n      index: meta.index,\n      domain: meta.domain,\n      filters: meta.filters,\n      replicas: meta.replicas,\n    };\n    this.algoliaEle.query = meta.query;\n  }\n\n  @Listen('nanoChange')\n  handleReorder(e: CustomEvent & { target: HTMLNanoSelectElement }) {\n    if (\n      e\n        .composedPath()\n        .find(\n          (ele: HTMLElement) =>\n            ele.classList && ele.classList.contains('indexchange')\n        ) &&\n      !!this.algoliaResultsEle\n    ) {\n      this.changeOrder(e);\n    }\n  }\n\n  @Listen('nanoResultsShown')\n  attachListeners(\n    e: NanoAlgoliaResultsCustomEvent<{\n      meta: IndexResult;\n      client: { apiKey: string; appId: string };\n    }>\n  ) {\n    searchInsight.init(e.detail.client.appId, e.detail.client.apiKey);\n\n    if (\n      !e\n        .composedPath()\n        .find((ele: HTMLElement) => ele.id && ele.id === 'main-search')\n    )\n      return;\n\n    this.algoliaResultsEle = this.algoliaEle.querySelector(\n      '#main-search-results'\n    );\n    this.algoliaResults = e.detail.meta;\n\n    // add results listeners\n    this.attachResultListeners();\n\n    this.algoliaEle.querySelectorAll('.filters-reset').forEach((item) => {\n      item.addEventListener('click', () => {\n        this.removeAllFilters();\n      });\n    });\n\n    this.algoliaEle.querySelectorAll('.close-filters').forEach((item) => {\n      item.addEventListener('click', () => {\n        this.closefilters();\n      });\n    });\n\n    const filterWrap = this.algoliaEle.querySelector('.filters-wrap');\n    if (filterWrap) {\n      filterWrap.addEventListener('click', (e) => {\n        e.stopPropagation();\n      });\n    }\n\n    this.filtersDiv = this.algoliaEle.querySelector('#main-search-filters');\n\n    const oldResults = this.algoliaEle.querySelector('.old-posts');\n    if (oldResults) {\n      oldResults.addEventListener(\n        'change',\n        (e: Event & { target: HTMLInputElement }) => {\n          this.toggleOldResults(e.target.checked);\n        }\n      );\n    }\n  }\n\n  @Listen('nanoNewResults', { target: 'body' })\n  attachResultListeners(e?: NanoAlgoliaResultsCustomEvent<IndexResult>) {\n    if (e && e.composedPath()?.find((el) => el === this.algoliaEle)) {\n      this.algoliaResultsEle = this.algoliaEle.querySelector(\n        'nano-algolia-results'\n      );\n    }\n    if (!this.algoliaResultsEle) return;\n    const resultEle = this.algoliaResultsEle;\n\n    // wire up hit event listener for analytics\n    this.algoliaResultsEle.removeEventListener('click', this.resultClick);\n    this.algoliaResultsEle.addEventListener('click', this.resultClick);\n\n    // wire up remove filter event listener\n    resultEle.querySelectorAll('.remove-filter').forEach((item) => {\n      item.removeEventListener('click', this.removeFilterClick);\n      item.addEventListener('click', this.removeFilterClick);\n    });\n\n    // wire up the back button event listener\n    resultEle.querySelectorAll('.back-btn').forEach((item) => {\n      item.removeEventListener('click', this.goback);\n      item.addEventListener('click', this.goback);\n    });\n\n    // wire up mobile filter list panel event listener\n    resultEle.querySelectorAll('.topbar__show-filters').forEach((item) => {\n      this.openFilterBtn = item as HTMLButtonElement;\n      item.removeEventListener('click', this.showFiltersClick);\n      item.addEventListener('click', this.showFiltersClick);\n    });\n\n    // wire up tags event listeners\n    const tags = Array.from(resultEle.querySelectorAll('.result__tags-tag'));\n    tags.forEach((tag) => {\n      tag.removeEventListener('click', this.tagClick);\n      tag.addEventListener('click', this.tagClick);\n    });\n  }\n\n  /** Manually close the search panel */\n  @Method()\n  async closeSearch() {\n    this.goback();\n  }\n\n  private resultClick = (e: MouseEvent & { target: HTMLElement }) => {\n    const hit: HTMLElement = e.target.closest('.result');\n    if (e.target.tagName === 'A' && hit) {\n      searchInsight.sendClick({\n        index: this.algoliaResults.index,\n        eventName: 'Global nav full search - search result clicked',\n        queryID: this.algoliaResults.queryID,\n        objectIDs: [hit.dataset.hitId],\n        positions: [Number(hit.dataset.hitCount) + 1],\n      });\n    }\n  };\n\n  private showFiltersClick = () => {\n    this.filtersDiv.tabIndex = -1;\n    this.filtersDiv.classList.add('show');\n    this.filtersDiv.setAttribute('aria-expanded', 'true');\n    document.body.style.overflow = 'hidden';\n    setTimeout(() => this.filtersDiv.focus(), 20);\n  };\n\n  private removeFilterClick = (e: MouseEvent & { target: HTMLElement }) => {\n    this.removeFilter(e.target.dataset.filter, e.target.dataset.filterVal);\n  };\n\n  private tagClick = (e: MouseEvent & { target: HTMLElement }) => {\n    e.preventDefault();\n    let tagVal = e.target.dataset.value;\n    tagVal = tagVal === 'publication' ? 'publications' : tagVal;\n    tagVal = tagVal.toLowerCase();\n\n    const filter: HTMLNanoAlgoliaFilterElement = this.algoliaEle.querySelector(\n      'nano-algolia-filter[filter-name=\"tags\"]'\n    );\n    if (filter.value.indexOf(tagVal) === -1) {\n      filter.value = filter.value ? [...filter.value, tagVal] : [tagVal];\n    }\n  };\n\n  private changeOrder(ev) {\n    this.algoliaEle.replicaIndex = ev.detail.value;\n  }\n\n  private goback = () => {\n    const goBackEvent = this.nanoSearchGoBack.emit();\n    if (goBackEvent.defaultPrevented) return;\n\n    this.removeAllFilters();\n    this.algoliaEle.query = undefined;\n    this.algoliaEle.showResults = false;\n  };\n\n  private removeFilter(facet, filter) {\n    this.algoliaEle.removeFilters(facet, filter);\n  }\n\n  private removeAllFilters() {\n    this.algoliaEle.removeFilters();\n  }\n\n  private closefilters() {\n    if (!this.filtersDiv) return;\n    this.filtersDiv.tabIndex = null;\n    this.filtersDiv.classList.remove('show');\n    this.filtersDiv.setAttribute('aria-expanded', 'false');\n    document.body.style.overflow = '';\n    setTimeout(() => this.openFilterBtn.focus(), 20);\n  }\n\n  private toggleOldResults(show: boolean) {\n    if (show)\n      this.algoliaEle.filters = this.algoliaEle.filters.filter(\n        (f) => !f.startsWith('created > ')\n      );\n    else this.algoliaEle.filters = [...this.algoliaEle.filters, filterOldPosts];\n  }\n\n  connectedCallback(): void {\n    this.handleAlgoliaEleChange();\n  }\n\n  componentDidLoad() {\n    if (!window['ResizeObserver']) return;\n\n    this.ro = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        if (!entry.contentRect.width) return;\n        this.currentWidth = entry.contentRect.width;\n      }\n    });\n    this.ro.observe(this.el);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          small: this.currentWidth < 677,\n          'nano-global-search-results': true,\n        }}\n        dir={this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined}\n      >\n        <nano-algolia\n          storeId=\"searchq\"\n          storeMethod=\"url-hash-push\"\n          class=\"main-search__wrap sc-nano-global-search-results\"\n          ref={(ele) => requestAnimationFrame(() => (this.algoliaEle = ele))}\n          id=\"main-search\"\n        >\n          <template slot=\"template\">\n            {\n              /* html */ `<div class=\"main-search sc-nano-global-search-results\">\n              <nano-algolia-results id=\"main-search-results\" class=\"main-search__results sc-nano-global-search-results\" infinite-scroll>\n                <script type=\"text/template\" slot=\"start-template\">\n                  <div class=\"sc-nano-global-search-results main-search__topbar topbar\">\n                    <button class=\"sc-nano-global-search-results topbar__bkbtn back-btn icon-button\">\n                      <nano-icon class=\"sc-nano-global-search-results\" name=\"light/chevron-left\" size=\"small\"></nano-icon>\n                    </button>\n                    <div>\n                      <em class=\"sc-nano-global-search-results topbar__query\">'{{ it.query }}' - </em> <strong>{{ it.totalHitsWithFilters }}</strong> Results\n                    </div>\n\n                    <div class=\"sc-nano-global-search-results topbar__filtering\">\n                      {{ @if (it.results.length) }}\n                        {{ @if (it.searchIndex && it.searchIndex.replicas) }}\n                          <nano-select class=\"sc-nano-global-search-results topbar__order indexchange\" value=\"{{ it.index }}\" hide-label=\"true\" label=\"Sort order\" show-inline-error=\"false\">\n                          {{ @each(it.searchIndex.replicas) => replica }}\n                            <nano-option value=\"{{ replica.index }}\">{{ replica.name }}</nano-option>\n                          {{ /each }}\n                          </nano-select>\n                        {{ /if }}\n                      {{ /if }}\n\n                      <button class=\"sc-nano-global-search-results topbar__show-filters filters-title\" aria-controls=\"main-search-filters\">\n                        {{ @if (it.appliedFilters && it.appliedFilters.length > 0) }}\n                          <span class=\"sc-nano-global-search-results topbar__filter-count\">\n                            {{ (it.appliedFilters.reduce(function(a, b) { return a + (b.values ? b.values.length : 0) }, 0)) }}\n                          </span>\n                        {{ /if }}\n                        <nano-icon class=\"sc-nano-global-search-results\" name=\"light/filter\"></nano-icon>\n                      </button>\n                    </div>\n                  </div>\n\n                  {{ @if (it.results.length) }}\n                    <div class=\"sc-nano-global-search-results main-search__applied-filters\">\n                      {{ @if (it.appliedFilters) }}\n                        {{ @each(it.appliedFilters) => filterObj }}\n                          {{ @each(filterObj.values) => filterVal }}\n                            <span class=\"sc-nano-global-search-results main-search__applied-filter\">\n                              {{ filterVal | public_name }}\n                              <button class=\"sc-nano-global-search-results icon-button remove-filter\" data-filter=\"{{ filterObj.name }}\" data-filter-val=\"{{ filterVal }}\">\n                                <nano-icon class=\"sc-nano-global-search-results\" name=\"light/xmark\"></nano-icon>\n                              </button>\n                            </span>\n                          {{ /each }}\n                        {{ /each }}\n                      {{ #else }}\n                        <span class=\"sc-nano-global-search-results main-search__applied-nofilter\">&nbsp;</span>\n                      {{ /if }}\n                    </div>\n                  {{ /if }}\n                </script>\n\n                <script type=\"text/template\" slot=\"result-template\">\n                  <!-- START NO CONTENT -->\n                  {{ @if ((!it.results || !it.results.length)) }}\n                    <div class=\"search-empty\">\n                      <nano-icon name=\"light/magnifying-glass\" class=\"search-empty-icon\"></nano-icon>\n                      <h2>No matches found...</h2>\n                      <p>Please try a different search query.</p>\n                    </div>\n                  {{ /if }}\n                  <!-- END NO CONTENT -->\n\n                  {{ @if (it.totalHitsWithFilters > 0) }}\n                    {{ @each(it.results) => result, resultIndex }}\n                      {{ contentType = result.content_type ? result.content_type : result.type }}\n                      <li class=\"sc-nano-global-search-results\">\n                        <div class=\"sc-nano-global-search-results result\" data-hit-id=\"{{ result.objectID }}\" data-hit-count=\"{{ resultIndex }}\">\n                          <h4 class=\"sc-nano-global-search-results result__title\" data-icon-set=\"{{(iconSet = false)}}\">\n                            <a href=\"{{ result.url | abs_url(it, result) }}\">\n                            {{ @if (result._snippetResult) }}\n                              {{ result._snippetResult.title.value | safe }}\n                            {{ #else }}\n                              {{ result.title | safe }}\n                            {{ /if }}\n                            {{ @if (contentType === 'technical_document' || contentType === 'literature' || contentType === 'white_paper' || contentType === 'protocol') }}\n                              <span class=\"sc-nano-global-search-results result__pdf\">PDF</span>\n                            {{ /if }}\n                            </a>\n                          </h4>\n                          {{ @if (result.authors) }}\n                            {{ @if (typeof result.authors === 'string') }}\n                              <a class=\"sc-nano-global-search-results result__authors\" href=\"{{ result.url | abs_url(it, result) }}\">Authors: {{ result.authors | trim_to(50) }}</a>\n                            {{ #else }}\n                              <a class=\"sc-nano-global-search-results result__authors\" href=\"{{ result.url | abs_url(it, result) }}\">\n                                {{ @each(result.authors) => author, index }}\n                                  <!-- {{ @if(index == 0)}} -->\n                                    Authors: {{ author | trim_to(60) }}\n                                  <!-- {{ /if }} -->\n                                {{ /each }}\n                              </a>\n                            {{ /if }}\n                          {{ /if }}\n                          {{ @if (contentType === 'video' || contentType === 'lc_lightning_talk' ) }}\n                            {{ @if (result.name) }}\n                              <a class=\"sc-nano-global-search-results result__authors\" href=\"{{ result.url | abs_url(it, result) }}\">Speaker: {{ result.name | trim_to(50) }}</a>\n                            {{ /if }}\n                            <a class=\"sc-nano-global-search-results result__video-body\" href=\"{{ result.url | abs_url(it, result) }}\">\n                              {{ @if (result.image) }}\n                                <div class=\"sc-nano-global-search-results result__image\" style=\"background-image: url('{{ result.image | abs_url(it, result) }}')\">\n                                  <nano-icon class=\"sc-nano-global-search-results\" name=\"duotone/play-circle\"></nano-icon>\n                                </div>\n                              {{ /if }}\n                              <div class=\"sc-nano-global-search-results result__body\">\n                                <div class=\"sc-nano-global-search-results result__description\">\n                                  {{ @if (result.description) }}\n                                    {{ result._snippetResult.description.value | safe }}\n                                  {{ /if }}\n                                </div>\n                              </div>\n                              <div class=\"sc-nano-global-search-results result__meta\">\n                                {{ @if (result.type || result.content_type) }}\n                                  <div class=\"sc-nano-global-search-results result__type\">\n                                  {{ @if (contentType === 'lc_lightning_talk') }}\n                                    Presentation\n                                  {{ #else }}\n                                    {{ contentType }}\n                                  {{ /if }}\n                                  </div>\n                                {{ /if }}\n                                {{ @if (result.tags) }}\n                                  <div class=\"sc-nano-global-search-results result__tags\">\n                                    {{ @if (typeof result.tags === 'string') }}\n                                      <button data-value=\"{{ result.tags | lowercase }}\" class=\"sc-nano-global-search-results result__tags-tag\">{{ result.tags }}</button>\n                                    {{ #else }}\n                                      {{ @each(result.tags) => tag, index }}\n                                        {{ @if(index < 5)}}\n                                          {{ @if (tag !== \"No video\" && tag !== \"Resources\" && tag !== \"Video\") }}\n                                            <button data-value=\"{{ tag | lowercase }}\" class=\"sc-nano-global-search-results result__tags-tag\">{{ tag }}</button>\n                                          {{ /if }}\n                                        {{ /if }}\n                                      {{ /each }}\n                                    {{ /if }}\n                                  </div>\n                                {{ /if }}\n                                {{ @if (result.source) }}\n                                  <div class=\"sc-nano-global-search-results result__source\">Source: {{ result.source }}</div>\n                                {{ /if }}\n                              </div>\n                            </a>\n                          {{ /if }}\n                          {{ @if (result.body) }}\n                            <a class=\"sc-nano-global-search-results result__body\" href=\"{{ result.url | abs_url(it, result) }}\">\n                            {{ @if (result._snippetResult) }}\n                              {{ result._snippetResult.body.value | safe }}\n                            {{ /if }}\n                            </a>\n                          {{ /if }}\n                          {{ @if (contentType === 'product' }}\n                            <div class=\"sc-nano-global-search-results result__buttons\">\n                              <a class=\"sc-nano-global-search-results result__buttons-button\" href=\"{{ result.url | abs_url(it, result) }}\">View product</a>\n                            </div>\n                          {{ /if }}\n                          {{ @if (contentType === 'event') }}\n                            <a class=\"sc-nano-global-search-results result__promo\" href=\"{{ result.url | abs_url(it, result) }}\">\n                              <div class=\"sc-nano-global-search-results result__promo-box\">\n                                <div class=\"sc-nano-global-search-results result__promo-bigdate\">\n                                  {{ result.start_date | date_long({year: undefined, month: 'short', day: undefined}) }}\n                                  <span>{{ result.start_date | date_long({year: undefined, month: undefined, day: 'numeric'}) }}</span>\n                                </div>\n                                <div>\n                                  <div class=\"sc-nano-global-search-results result__promo-date\">\n                                    <nano-icon class=\"sc-nano-global-search-results\" name=\"light/calendar-days\"></nano-icon>\n                                    {{ @if (result.end_date) }}\n                                      {{ @if (result.end_date !== result.start_date) }}\n                                        {{ result.start_date | date_long({weekday: 'short', day: 'numeric', month: 'short'}) }} - {{ result.end_date | date_long({weekday: 'short', day: 'numeric', year: 'numeric', month: 'short'}) }}\n                                      {{ #else }}\n                                        {{ result.start_date | date_long({weekday: 'short', day: 'numeric', year: 'numeric', month: 'short'}) }}\n                                      {{ /if }}\n                                    {{ #else }}\n                                      {{ @if (result.start_date) }}\n                                        {{ result.start_date | date_long({weekday: 'short', day: 'numeric', year: 'numeric', month: 'short'}) }}\n                                      {{ /if }}\n                                    {{ /if }}\n                                  </div>\n                                  <div class=\"sc-nano-global-search-results result__promo-venue\">\n                                    <nano-icon class=\"sc-nano-global-search-results\" name=\"light/map-marker-alt\"></nano-icon>\n                                    Venue\n                                  </div>\n                                </div>\n                              </div>\n                            </a>\n                          {{ /if }}\n                          {{ @if (contentType !== 'lc_lightning_talk' && contentType !== 'video') }}\n                            <div class=\"sc-nano-global-search-results result__meta\">\n                              {{ @if (result.type || result.content_type) }}\n                                <div class=\"sc-nano-global-search-results result__type\">\n                                {{ @if (contentType === 'news_item') }}\n                                  News\n                                {{ #elif (contentType === 'static_page' || contentType === 'bespoke') }}\n                                  Page\n                                {{ #elif (contentType === 'case_study') }}\n                                  Case study\n                                {{ #elif (contentType === 'lc_poster') }}\n                                  Poster\n                                {{ #elif (contentType === 'nanopore_live') }}\n                                  Live stream\n                                {{ #elif (contentType === 'data_release') }}\n                                  Data release\n                                {{ #elif (contentType === 'research_area') }}\n                                  Research area\n                                {{ #elif (contentType === 'white_paper') }}\n                                  White paper\n                                {{ #elif (contentType === 'technical_document') }}\n                                  Technical document\n                                {{ #elif (contentType === 'info_sheet') }}\n                                  Info sheet\n                                {{ #elif (contentType === 'lc_home' || contentType === 'lc_venue') }}\n                                  London Calling\n                                {{ #else }}\n                                  {{ contentType }}\n                                {{ /if }}\n                                </div>\n                              {{ /if }}\n                              {{ @if (contentType !== 'event') }}\n                                {{ @if (result.updated) }}\n                                  <div class=\"sc-nano-global-search-results result__date\">{{ result.updated | date_long({year: 'numeric', month: 'short', day: 'numeric'}) }}</div>\n                                {{ #else }}\n                                  {{ @if (result.created) }}\n                                    <div class=\"sc-nano-global-search-results result__date\">{{ result.created | date_long({year: 'numeric', month: 'short', day: 'numeric'}) }}</div>\n                                  {{ /if }}\n                                {{ /if }}\n                              {{ /if }}\n                              {{ @if (result.tags) }}\n                                <div class=\"sc-nano-global-search-results result__tags\">\n                                  {{ @if (typeof result.tags === 'string') }}\n                                    {{ @if (result.tags !== \"Resources\" && result.tags !== \"Tools\" && result.tags !== \"Publications\" && result.tags !== \"Case studies\") }}\n                                      <button data-value=\"{{ result.tags | lowercase }}\" class=\"sc-nano-global-search-results result__tags-tag\">{{ result.tags }}</button>\n                                    {{ /if }}\n                                  {{ #else }}\n                                    {{ @each(result.tags) => tag, index }}\n                                      {{ @if(index < 5)}}\n                                        {{ @if (tag !== \"Resources\" && tag !== \"Tools\" && tag !== \"Publications\" && tag !== \"Case studies\") }}\n                                          <button data-value=\"{{ tag | lowercase }}\" class=\"sc-nano-global-search-results result__tags-tag\">{{ tag }}</button>\n                                        {{ /if }}\n                                      {{ /if }}\n                                    {{ /each }}\n                                  {{ /if }}\n                                </div>\n                              {{ /if }}\n                              {{ @if (result.source) }}\n                                <div class=\"sc-nano-global-search-results result__source\">Source: {{ result.source }}</div>\n                              {{ /if }}\n                            </div>\n                          {{ /if }}\n                        </div>\n                      </li>\n                    {{ /each }}\n                  {{ /if }}\n                </script>\n\n                <div slot=\"start-output\"></div>\n                <ul slot=\"result-output\" class=\"sc-nano-global-search-results\"></ul>\n              </nano-algolia-results>\n\n              {{ @if(Object.keys(it.origFilters).length) }}\n                <div class=\"sc-nano-global-search-results main-search__filters filters close-filters\" id=\"main-search-filters\">\n                  <div class=\"sc-nano-global-search-results filters-wrap\">\n                    {{ @if(it.totalHits) }}\n                      <div class=\"sc-nano-global-search-results filters-header\">\n                        <strong class=\"sc-nano-global-search-results filters-title\">Filters</strong>\n                        <button class=\"sc-nano-global-search-results filters-reset\">Reset</button>\n                        <button class=\"sc-nano-global-search-results filters__close-filters close-filters icon-button\" aria-controls=\"main-search-filters\">\n                          <nano-icon class=\"sc-nano-global-search-results\" name=\"light/xmark\"></nano-icon>\n                        </button>\n                      </div>\n                    {{ /if }}\n\n                    <div>\n                      <input class=\"sc-nano-global-search-results filter-cb old-posts filters__old-posts\" type=\"checkbox\" name=\"old-posts\" id=\"old-posts\" value=\"nice\" />\n                      <label class=\"sc-nano-global-search-results filter-label\" for=\"old-posts\">\n                        <span>Include posts older than 2 years</span>\n                      </label>\n                      {{ @if(it.origFilters['type']) }}\n                        <nano-details class=\"sc-nano-global-search-results\" open={true} icon-rotation=\"180\">\n                          <strong slot=\"label\">Type</strong>\n                          <nano-icon slot=\"icon-end\" name=\"light/chevron-down\" size=\"small\"></nano-icon>\n                          <nano-algolia-filter store-id=\"searchf1\" store-method=\"url-hash-push\" filter-name=\"type\">\n                            <script type=\"text/template\" slot=\"filter-template\">\n                              <ul class=\"sc-nano-global-search-results\" data-num=\"{{(x = 0)}}\">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class=\"sc-nano-global-search-results\" data-num=\"{{(x++)}}\">\n                                <input class=\"sc-nano-global-search-results filter-cb\" type=\"checkbox\" value=\"{{ filter }}\" id=\"type-{{ filter }}-{{x}}\" />\n                                <label class=\"sc-nano-global-search-results filter-label\" for=\"type-{{ filter }}-{{x}}\">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            </script>\n                            <div slot=\"output\"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters['channel']) }}\n                        <nano-details open={true} icon-rotation=\"180\">\n                          <strong slot=\"label\">Channels</strong>\n                          <nano-icon slot=\"icon-end\" name=\"light/chevron-down\" size=\"small\"></nano-icon>\n                          <nano-algolia-filter store-id=\"searchf2\" store-method=\"url-hash-push\" filter-name=\"channel\">\n                            <script type=\"text/template\" slot=\"filter-template\">\n                              <ul class=\"sc-nano-global-search-results\" data-num=\"{{(x = 0)}}\">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class=\"sc-nano-global-search-results\" data-num=\"{{(x++)}}\">\n                                <input class=\"filter-cb sc-nano-global-search-results\" type=\"checkbox\" value=\"{{ filter }}\" id=\"channel-{{ filter }}-{{x}}\" />\n                                <label class=\"filter-label sc-nano-global-search-results\" for=\"channel-{{ filter }}-{{x}}\">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            </script>\n                            <div slot=\"output\"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters['authors']) }}\n                        <nano-details open={true} icon-rotation=\"180\">\n                          <strong slot=\"label\">Authors</strong>\n                          <nano-icon slot=\"icon-end\" name=\"light/chevron-down\" size=\"small\"></nano-icon>\n                          <nano-algolia-filter store-id=\"searchf3\" store-method=\"url-hash-push\" filter-name=\"authors\">\n                            <script type=\"text/template\" slot=\"filter-template\">\n                              <ul class=\"sc-nano-global-search-results\" data-num=\"{{(x = 0)}}\">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class=\"sc-nano-global-search-results\" data-num=\"{{(x++)}}\">\n                                <input class=\"filter-cb sc-nano-global-search-results\" type=\"checkbox\" value=\"{{ filter }}\" id=\"authors-{{ filter }}-{{x}}\" />\n                                <label class=\"filter-label sc-nano-global-search-results\" for=\"authors-{{ filter }}-{{x}}\">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            </script>\n                            <div slot=\"output\"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters['categories_without_path']) }}\n                        <nano-details open={true} icon-rotation=\"180\">\n                          <strong slot=\"label\">Category</strong>\n                          <nano-icon slot=\"icon-end\" name=\"light/chevron-down\" size=\"small\"></nano-icon>\n                          <nano-algolia-filter store-id=\"searchf4\" store-method=\"url-hash-push\" filter-name=\"categories_without_path\">\n                            <script type=\"text/template\" slot=\"filter-template\">\n                              <ul class=\"sc-nano-global-search-results\" data-num=\"{{(x = 0)}}\">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                {{ @if(!filter.match(/publication/)) }}\n                                  <li class=\"sc-nano-global-search-results\" data-num=\"{{(x++)}}\">\n                                  <input class=\"sc-nano-global-search-results filter-cb\" type=\"checkbox\" value=\"{{ filter }}\" id=\"cwp-{{ filter }}-{{x}}\" />\n                                  <label class=\"sc-nano-global-search-results filter-label\" for=\"cwp-{{ filter }}-{{x}}\">\n                                    <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                  </label></li>\n                                {{ /if }}\n                              {{ /foreach }}\n                              </ul>\n                            </script>\n                            <div slot=\"output\"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters['tags']) }}\n                        <nano-details open={true} icon-rotation=\"180\">\n                          <strong slot=\"label\">Tags</strong>\n                          <nano-icon slot=\"icon-end\" name=\"light/chevron-down\" size=\"small\"></nano-icon>\n                          <nano-algolia-filter store-id=\"searchf5\" store-method=\"url-hash-push\" filter-name=\"tags\">\n                            <script type=\"text/template\" slot=\"filter-template\">\n                              <ul class=\"sc-nano-global-search-results\" data-num=\"{{(x = 0)}}\">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class=\"sc-nano-global-search-results\" data-num=\"{{(x++)}}\">\n                                <input class=\"filter-cb sc-nano-global-search-results\" type=\"checkbox\" value=\"{{ filter | lowercase }}\" id=\"tags-{{ filter }}-{{x}}\" />\n                                <label class=\"filter-label sc-nano-global-search-results\" for=\"tags-{{ filter }}-{{x}}\">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            </script>\n                            <div slot=\"output\"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n                    </div>\n                  </div>\n                </div>\n              {{ /if }}\n            </div>`\n            }\n          </template>\n          <div slot=\"output\"></div>\n          <slot />\n        </nano-algolia>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/nano-components/nano-grid-item.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GridItem","render","h","key"],"sources":["src/components/grid/grid-item.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @deprecated - you can now use `grid-states=\"...\"`\n * on any direct `nano-grid` descendent without limitation rendering `nano-grid-item` obsolete.\n *\n * Grid items to be used with [grid](/story/nano-components-grid) elements\n */\n@Component({\n  tag: 'nano-grid-item',\n  styles: /* css */ `:host { display: inline-block; }`,\n  shadow: true,\n})\nexport class GridItem {\n  /**\n   * How to position this item within it's parent grid at different break points. Examples:\n   * xl-col-span-2\n   * l-col-start-2\n   * xxl-row-span-2\n   * m-row-start-2\n   */\n\n  render() {\n    return <slot />;\n  }\n}\n"],"mappings":";;;gDAaaA,EAAQ,M,yBASnB,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C","ignoreList":[]}