@internetarchive/ia-topnav 1.4.1 → 2.0.1-alpha-webdev8396.0

package/dist/src/primary-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"primary-nav.js","sourceRoot":"","sources":["../../src/primary-nav.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, PropertyValues } from 'lit';\nimport TrackedElement from './tracked-element';\nimport icons from './assets/img/icons';\nimport './assets/img/hamburger';\nimport './login-button';\nimport './nav-search';\nimport './media-menu';\nimport logoWordmarkStacked from './assets/img/wordmark-stacked';\nimport primaryNavCSS from './styles/primary-nav';\nimport locationHandler from './lib/location-handler';\nimport formatUrl from './lib/format-url';\nimport { customElement, property } from 'lit/decorators.js';\nimport { IATopNavConfig, IATopNavSecondIdentitySlotMode } from './models';\nimport { defaultTopNavConfig } from './data/menus';\n\n@customElement('primary-nav')\nexport class PrimaryNav extends TrackedElement {\n  @property({ type: String }) mediaBaseHost = 'https://archive.org';\n  @property({ type: String }) baseHost = '';\n  @property({ type: Boolean }) hideSearch = false;\n  @property({ type: Object }) config: IATopNavConfig = defaultTopNavConfig;\n  @property({ type: String }) openMenu = '';\n  @property({ type: String }) screenName = '';\n  @property({ type: String }) searchIn = '';\n  @property({ type: String }) searchQuery = '';\n  @property({ type: String })\n  secondIdentitySlotMode: IATopNavSecondIdentitySlotMode = '';\n  @property({ type: String }) selectedMenuOption = '';\n  @property({ type: Boolean }) signedOutMenuOpen = false;\n  @property({ type: Boolean }) userMenuOpen = false;\n  @property({ type: Boolean }) mediaMenuAnimate = false;\n  @property({ type: String }) username = '';\n  @property({ type: String }) userProfileImagePath = '';\n  @property({ type: Object }) currentTab:\n    | { mediatype: string; moveTo: string }\n    | undefined;\n  signedOutMenuToggled: unknown;\n\n  static get styles() {\n    return primaryNavCSS;\n  }\n\n  toggleMediaMenu(e: Event) {\n    this.trackClick(e);\n    this.dispatchEvent(\n      new CustomEvent('menuToggled', {\n        detail: {\n          menuName: 'media',\n        },\n      }),\n    );\n  }\n\n  toggleSearchMenu(e: Event) {\n    this.trackClick(e);\n    this.dispatchEvent(\n      new CustomEvent('menuToggled', {\n        detail: {\n          menuName: 'search',\n        },\n      }),\n    );\n  }\n\n  toggleUserMenu(e: Event) {\n    this.trackClick(e);\n    this.dispatchEvent(\n      new CustomEvent('menuToggled', {\n        detail: {\n          menuName: 'user',\n        },\n      }),\n    );\n  }\n\n  updated(props: PropertyValues) {\n    if (props.has('currentTab')) {\n      // early return\n      if (!this.currentTab || Object.keys(this.currentTab).length === 0)\n        return nothing;\n\n      const isUserMenuTab =\n        this.currentTab && this.currentTab.mediatype === 'usermenu';\n      if (isUserMenuTab) {\n        const mediaButtons = Array.from(\n          this.shadowRoot\n            ?.querySelector('media-menu')\n            ?.shadowRoot?.querySelectorAll('media-button') ?? [],\n        );\n        const lastMediaButton = mediaButtons.filter((element) => {\n          return element.shadowRoot\n            ?.querySelector('a')\n            ?.classList.contains('images');\n        });\n\n        let nextElement;\n        if (this.username) {\n          nextElement = this.shadowRoot?.querySelector('a.upload');\n        } else {\n          nextElement = this.shadowRoot\n            ?.querySelector('login-button')\n            ?.shadowRoot?.querySelector('span a');\n        }\n\n        const menuItemElement =\n          lastMediaButton[0]?.shadowRoot?.querySelector('a.menu-item');\n\n        const focusElement =\n          this.currentTab.moveTo === 'next' ? nextElement : menuItemElement;\n\n        if (focusElement) {\n          (focusElement as HTMLElement).focus();\n        }\n      } else if (this.currentTab.moveTo === 'next') {\n        if (this.shadowRoot?.querySelector('.user-menu')) {\n          (this.shadowRoot?.querySelector('.user-menu') as HTMLElement).focus();\n        } else {\n          (\n            this.shadowRoot\n              ?.querySelector('login-button')\n              ?.shadowRoot?.querySelectorAll('span a')[0] as HTMLElement\n          )?.focus();\n        }\n      }\n    }\n  }\n\n  get userIcon() {\n    const userMenuClass = this.openMenu === 'user' ? 'active' : '';\n    const userMenuToolTip =\n      this.openMenu === 'user' ? 'Close user menu' : 'Expand user menu';\n\n    return html`\n      <button\n        class=\"user-menu ${userMenuClass}\"\n        title=\"${userMenuToolTip}\"\n        @click=\"${this.toggleUserMenu}\"\n        data-event-click-tracking=\"${this.config?.eventCategory}|NavUserMenu\"\n      >\n        <img\n          src=\"${this.mediaBaseHost}${this.userProfileImagePath}\"\n          alt=\"Profile picture for ${this.screenName}\"\n        />\n        <span class=\"screen-name\" dir=\"auto\">${this.screenName}</span>\n      </button>\n    `;\n  }\n\n  get loginIcon() {\n    return html`\n      <login-button\n        .baseHost=${this.baseHost}\n        .config=${this.config}\n        .dropdownOpen=${this.signedOutMenuOpen}\n        .openMenu=${this.openMenu}\n        @signedOutMenuToggled=${this.signedOutMenuToggled}\n      ></login-button>\n    `;\n  }\n\n  get searchMenuOpen() {\n    return this.openMenu === 'search';\n  }\n\n  get allowSecondaryIcon() {\n    return this.secondIdentitySlotMode === 'allow';\n  }\n\n  get searchMenu() {\n    if (this.hideSearch) return nothing;\n\n    return html`\n      <button\n        class=\"search-trigger\"\n        @click=\"${this.toggleSearchMenu}\"\n        data-event-click-tracking=\"${this.config?.eventCategory}|NavSearchOpen\"\n      >\n        ${icons.search}\n      </button>\n      <nav-search\n        .baseHost=${this.baseHost}\n        .config=${this.config}\n        .locationHandler=${locationHandler}\n        .open=${this.searchMenuOpen}\n        .openMenu=${this.openMenu}\n        .searchIn=${this.searchIn}\n        .searchQuery=${this.searchQuery}\n        @blur=${this.emitNavSearchBlurEvent}\n      ></nav-search>\n    `;\n  }\n\n  private emitNavSearchBlurEvent(e: FocusEvent) {\n    const relatedTarget = e.relatedTarget as HTMLElement;\n    const isUploadButton = relatedTarget?.classList.contains('upload');\n\n    if (isUploadButton) {\n      (this.shadowRoot?.querySelector('a.upload') as HTMLElement).focus();\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('navSearchBlur', {\n        detail: {\n          isUploadButton: !!isUploadButton,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  get mobileDonateHeart() {\n    return html`\n      <a\n        class=\"mobile-donate-link\"\n        .href=${formatUrl(\n          '/donate/?origin=iawww-mbhrt' as string & Location,\n          this.baseHost,\n        )}\n      >\n        ${icons.donateUnpadded}\n        <span class=\"sr-only\">\"Donate to the archive\"</span>\n      </a>\n    `;\n  }\n\n  get uploadButtonTemplate() {\n    return html` <a\n      .href=\"${formatUrl('/upload' as string & Location, this.baseHost)}\"\n      class=\"upload\"\n      @focus=${this.toggleMediaMenu}\n    >\n      ${icons.upload}\n      <span>Upload</span>\n    </a>`;\n  }\n\n  get userStateTemplate() {\n    return html`<div class=\"user-info\">\n      ${this.username ? this.userIcon : this.loginIcon}\n    </div>`;\n  }\n\n  get secondLogoSlot() {\n    return this.allowSecondaryIcon\n      ? html`\n          <slot name=\"opt-sec-logo\"></slot>\n          <slot name=\"opt-sec-logo-mobile\"></slot>\n        `\n      : nothing;\n  }\n\n  get secondLogoClass() {\n    return this.allowSecondaryIcon ? 'second-logo' : '';\n  }\n\n  render() {\n    // const mediaMenuTabIndex = this.openMenu === 'media' ? '' : '-1';\n    return html`\n      <nav class=${this.hideSearch ? 'hide-search' : ''}>\n        <button\n          class=\"hamburger\"\n          @click=\"${this.toggleMediaMenu}\"\n          data-event-click-tracking=\"${this.config?.eventCategory}|NavHamburger\"\n          title=\"Open main menu\"\n        >\n          <icon-hamburger ?active=${this.openMenu === 'media'}></icon-hamburger>\n        </button>\n\n        <div class=${`branding ${this.secondLogoClass}`}>\n          <a\n            .href=${formatUrl('/' as string & Location, this.baseHost)}\n            @click=${this.trackClick}\n            data-event-click-tracking=\"${this.config?.eventCategory}|NavHome\"\n            title=\"Go home\"\n            class=\"link-home\"\n            >${icons.iaLogo}${logoWordmarkStacked}</a\n          >\n          ${this.secondLogoSlot}\n        </div>\n        <media-menu\n          .baseHost=${this.baseHost}\n          .config=${this.config}\n          ?mediaMenuAnimate=${this.mediaMenuAnimate}\n          .selectedMenuOption=${this.selectedMenuOption}\n          .openMenu=${this.openMenu}\n          .currentTab=${this.currentTab}\n        ></media-menu>\n        <div class=\"right-side-section\">\n          ${this.mobileDonateHeart} ${this.userStateTemplate}\n          ${this.uploadButtonTemplate} ${this.searchMenu}\n        </div>\n      </nav>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"primary-nav.js","sourceRoot":"","sources":["../../src/primary-nav.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, PropertyValues } from 'lit';\nimport TrackedElement from './tracked-element';\nimport icons from './assets/img/icons';\nimport './assets/img/hamburger';\nimport './login-button';\nimport type { LoginButton } from './login-button';\nimport './media-menu';\nimport logoWordmarkStacked from './assets/img/wordmark-stacked';\nimport primaryNavCSS from './styles/primary-nav';\nimport formatUrl from './lib/format-url';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { IATopNavConfig, IATopNavSecondIdentitySlotMode } from './models';\nimport { defaultTopNavConfig } from './data/menus';\n\n@customElement('primary-nav')\nexport class PrimaryNav extends TrackedElement {\n  @property({ type: String }) mediaBaseHost = 'https://archive.org';\n  @property({ type: String }) baseHost = '';\n  @property({ type: Boolean }) hideSearch = false;\n  @property({ type: Object }) config: IATopNavConfig = defaultTopNavConfig;\n  @property({ type: String }) openMenu = '';\n  @property({ type: String }) screenName = '';\n  @property({ type: String })\n  secondIdentitySlotMode: IATopNavSecondIdentitySlotMode = '';\n  @property({ type: String }) selectedMenuOption = '';\n  @property({ type: Boolean }) signedOutMenuOpen = false;\n  @property({ type: Boolean }) userMenuOpen = false;\n  @property({ type: Boolean }) mediaMenuAnimate = false;\n  @property({ type: String }) username = '';\n  @property({ type: String }) userProfileImagePath = '';\n  @property({ type: Object }) currentTab:\n    | { mediatype: string; moveTo: string }\n    | undefined;\n  signedOutMenuToggled: unknown;\n\n  @query('button.user-menu') private userMenuButton?: HTMLButtonElement;\n  @query('login-button') private loginButton?: HTMLElement;\n\n  static get styles() {\n    return primaryNavCSS;\n  }\n\n  /** Distance (px) from this element's right edge to the right edge of the account dropdown toggle. */\n  getAccountDropdownOffset(): number {\n    const hostRect = this.getBoundingClientRect();\n\n    if (this.userMenuButton) {\n      return hostRect.right - this.userMenuButton.getBoundingClientRect().right;\n    }\n\n    if (this.loginButton) {\n      const loginRect = this.loginButton.getBoundingClientRect();\n      const innerOffset = (\n        this.loginButton as LoginButton\n      ).getDropdownToggleOffset();\n      return hostRect.right - loginRect.right + innerOffset;\n    }\n\n    return 0;\n  }\n\n  toggleMediaMenu(e: Event) {\n    this.trackClick(e);\n    this.dispatchEvent(\n      new CustomEvent('menuToggled', {\n        detail: {\n          menuName: 'media',\n        },\n      }),\n    );\n  }\n\n  toggleSearchMenu(e: Event) {\n    this.trackClick(e);\n    this.dispatchEvent(\n      new CustomEvent('menuToggled', {\n        detail: {\n          menuName: 'search',\n        },\n      }),\n    );\n  }\n\n  toggleUserMenu(e: Event) {\n    this.trackClick(e);\n    this.dispatchEvent(\n      new CustomEvent('menuToggled', {\n        detail: {\n          menuName: 'user',\n        },\n      }),\n    );\n  }\n\n  updated(props: PropertyValues) {\n    if (props.has('currentTab')) {\n      // early return\n      if (!this.currentTab || Object.keys(this.currentTab).length === 0)\n        return nothing;\n\n      const isUserMenuTab =\n        this.currentTab && this.currentTab.mediatype === 'usermenu';\n      if (isUserMenuTab) {\n        const mediaButtons = Array.from(\n          this.shadowRoot\n            ?.querySelector('media-menu')\n            ?.shadowRoot?.querySelectorAll('media-button') ?? [],\n        );\n        const lastMediaButton = mediaButtons.filter((element) => {\n          return element.shadowRoot\n            ?.querySelector('a')\n            ?.classList.contains('images');\n        });\n\n        let nextElement;\n        if (this.username) {\n          nextElement = this.shadowRoot?.querySelector('a.upload');\n        } else {\n          nextElement = this.shadowRoot\n            ?.querySelector('login-button')\n            ?.shadowRoot?.querySelector('span a');\n        }\n\n        const menuItemElement =\n          lastMediaButton[0]?.shadowRoot?.querySelector('a.menu-item');\n\n        const focusElement =\n          this.currentTab.moveTo === 'next' ? nextElement : menuItemElement;\n\n        if (focusElement) {\n          (focusElement as HTMLElement).focus();\n        }\n      } else if (this.currentTab.moveTo === 'next') {\n        if (this.shadowRoot?.querySelector('.user-menu')) {\n          (this.shadowRoot?.querySelector('.user-menu') as HTMLElement).focus();\n        } else {\n          (\n            this.shadowRoot\n              ?.querySelector('login-button')\n              ?.shadowRoot?.querySelectorAll('span a')[0] as HTMLElement\n          )?.focus();\n        }\n      }\n    }\n  }\n\n  get userIcon() {\n    const userMenuClass = this.openMenu === 'user' ? 'active' : '';\n    const userMenuToolTip =\n      this.openMenu === 'user' ? 'Close user menu' : 'Expand user menu';\n\n    return html`\n      <button\n        class=\"user-menu ${userMenuClass}\"\n        title=\"${userMenuToolTip}\"\n        @click=\"${this.toggleUserMenu}\"\n        data-event-click-tracking=\"${this.config?.eventCategory}|NavUserMenu\"\n      >\n        <img\n          src=\"${this.mediaBaseHost}${this.userProfileImagePath}\"\n          alt=\"Profile picture for ${this.screenName}\"\n        />\n        <span class=\"screen-name\" dir=\"auto\">${this.screenName}</span>\n      </button>\n    `;\n  }\n\n  get loginIcon() {\n    return html`\n      <login-button\n        .baseHost=${this.baseHost}\n        .config=${this.config}\n        .dropdownOpen=${this.signedOutMenuOpen}\n        .openMenu=${this.openMenu}\n        @signedOutMenuToggled=${this.signedOutMenuToggled}\n      ></login-button>\n    `;\n  }\n\n  get searchMenuOpen() {\n    return this.openMenu === 'search';\n  }\n\n  get allowSecondaryIcon() {\n    return this.secondIdentitySlotMode === 'allow';\n  }\n\n  /**\n   * The search slot container, rendered between media-menu and\n   * right-side-section so it sits left of the Upload button on desktop.\n   */\n  get searchSlotContainer() {\n    if (this.hideSearch) return nothing;\n    return html`\n      <div class=\"search-container ${this.searchMenuOpen ? 'open' : ''}\">\n        <slot name=\"search\"></slot>\n      </div>\n    `;\n  }\n\n  get searchMenu() {\n    if (this.hideSearch) return nothing;\n\n    return html`\n      <button\n        class=\"search-trigger\"\n        @click=\"${this.toggleSearchMenu}\"\n        data-event-click-tracking=\"${this.config?.eventCategory}|NavSearchOpen\"\n      >\n        ${icons.search}\n      </button>\n    `;\n  }\n\n  get mobileDonateHeart() {\n    return html`\n      <a\n        class=\"mobile-donate-link\"\n        .href=${formatUrl(\n          '/donate/?origin=iawww-mbhrt' as string & Location,\n          this.baseHost,\n        )}\n      >\n        ${icons.donateUnpadded}\n        <span class=\"sr-only\">\"Donate to the archive\"</span>\n      </a>\n    `;\n  }\n\n  get uploadButtonTemplate() {\n    return html` <a\n      .href=\"${formatUrl('/upload' as string & Location, this.baseHost)}\"\n      class=\"upload\"\n      @focus=${this.toggleMediaMenu}\n    >\n      ${icons.upload}\n      <span>Upload</span>\n    </a>`;\n  }\n\n  get userStateTemplate() {\n    return html`<div class=\"user-info\">\n      ${this.username ? this.userIcon : this.loginIcon}\n    </div>`;\n  }\n\n  get secondLogoSlot() {\n    return this.allowSecondaryIcon\n      ? html`\n          <slot name=\"opt-sec-logo\"></slot>\n          <slot name=\"opt-sec-logo-mobile\"></slot>\n        `\n      : nothing;\n  }\n\n  get secondLogoClass() {\n    return this.allowSecondaryIcon ? 'second-logo' : '';\n  }\n\n  render() {\n    // const mediaMenuTabIndex = this.openMenu === 'media' ? '' : '-1';\n    return html`\n      <nav class=${this.hideSearch ? 'hide-search' : ''}>\n        <button\n          class=\"hamburger\"\n          @click=\"${this.toggleMediaMenu}\"\n          data-event-click-tracking=\"${this.config?.eventCategory}|NavHamburger\"\n          title=\"Open main menu\"\n        >\n          <icon-hamburger ?active=${this.openMenu === 'media'}></icon-hamburger>\n        </button>\n\n        <div class=${`branding ${this.secondLogoClass}`}>\n          <a\n            .href=${formatUrl('/' as string & Location, this.baseHost)}\n            @click=${this.trackClick}\n            data-event-click-tracking=\"${this.config?.eventCategory}|NavHome\"\n            title=\"Go home\"\n            class=\"link-home\"\n            >${icons.iaLogo}${logoWordmarkStacked}</a\n          >\n          ${this.secondLogoSlot}\n        </div>\n        <media-menu\n          .baseHost=${this.baseHost}\n          .config=${this.config}\n          ?mediaMenuAnimate=${this.mediaMenuAnimate}\n          .selectedMenuOption=${this.selectedMenuOption}\n          .openMenu=${this.openMenu}\n          .currentTab=${this.currentTab}\n        ></media-menu>\n        ${this.searchSlotContainer}\n        <div class=\"right-side-section\">\n          ${this.mobileDonateHeart} ${this.userStateTemplate}\n          ${this.uploadButtonTemplate} ${this.searchMenu}\n        </div>\n      </nav>\n    `;\n  }\n}\n"]}

package/dist/src/signed-out-dropdown.d.ts

@@ -1,4 +1,4 @@
 import DropdownMenu from './dropdown-menu';
 export declare class SignedOutDropdown extends DropdownMenu {
-    static get styles(): import("lit").CSSResult[];
+    static get styles(): import("lit").CSSResult;
 }

package/dist/src/signed-out-dropdown.js

@@ -2,10 +2,9 @@ import { __decorate } from "tslib";
 import { customElement } from 'lit/decorators.js';
 import DropdownMenu from './dropdown-menu';
 import dropdownMenuCSS from './styles/dropdown-menu';
-import signedOutDropdownStyles from './styles/signed-out-dropdown';
 let SignedOutDropdown = class SignedOutDropdown extends DropdownMenu {
     static get styles() {
-        return [dropdownMenuCSS, signedOutDropdownStyles];
+        return dropdownMenuCSS;
     }
 };
 SignedOutDropdown = __decorate([

package/dist/src/signed-out-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"signed-out-dropdown.js","sourceRoot":"","sources":["../../src/signed-out-dropdown.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,eAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAG5D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,YAAY;IACjD,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,eAAe,EAAE,uBAAuB,CAAC,CAAC;IACpD,CAAC;CACF,CAAA;AAJY,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAI7B","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport DropdownMenu from './dropdown-menu';\nimport dropdownMenuCSS from './styles/dropdown-menu';\nimport signedOutDropdownStyles from './styles/signed-out-dropdown';\n\n@customElement('signed-out-dropdown')\nexport class SignedOutDropdown extends DropdownMenu {\n  static get styles() {\n    return [dropdownMenuCSS, signedOutDropdownStyles];\n  }\n}\n"]}
+{"version":3,"file":"signed-out-dropdown.js","sourceRoot":"","sources":["../../src/signed-out-dropdown.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,eAAe,MAAM,wBAAwB,CAAC;AAG9C,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,YAAY;IACjD,MAAM,KAAK,MAAM;QACf,OAAO,eAAe,CAAC;IACzB,CAAC;CACF,CAAA;AAJY,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAI7B","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport DropdownMenu from './dropdown-menu';\nimport dropdownMenuCSS from './styles/dropdown-menu';\n\n@customElement('signed-out-dropdown')\nexport class SignedOutDropdown extends DropdownMenu {\n  static get styles() {\n    return dropdownMenuCSS;\n  }\n}\n"]}

package/dist/src/styles/dropdown-menu.js

@@ -95,6 +95,7 @@ export default css `
       overflow: visible;
       top: 0;
       left: auto;
+      right: var(--dropdownMenuRight, 0);
       z-index: 5;
       transition: opacity 0.2s ease-in-out;
       font-size: 1.4rem;

package/dist/src/styles/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/styles/dropdown-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwKjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nav-container {\n    position: relative;\n  }\n\n  nav {\n    position: absolute;\n    right: 0;\n    z-index: 4;\n    overflow: hidden;\n    font-size: 1.6rem;\n    background-color: var(--dropdownMenuBg);\n    transition-property: top;\n    transition-duration: 0.2s;\n    transition-timing-function: ease;\n  }\n\n  .initial,\n  .closed {\n    top: var(--topOffset, -1500px);\n  }\n\n  .closed {\n    transition-duration: 0.5s;\n  }\n\n  .open {\n    max-width: 100vw;\n    overflow: auto;\n  }\n\n  h3 {\n    padding: 0.6rem 2rem;\n    margin: 0;\n    font-size: inherit;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ul {\n    padding: 0.4rem 0 0.7rem 0;\n    margin: 0;\n    list-style: none;\n    /* viewport height - nav height + bottom nav border */\n    max-height: calc(100vh - 7.2rem + 1px);\n    overflow: auto;\n    box-sizing: border-box;\n  }\n\n  .divider {\n    margin: 0.5rem 0;\n    border-bottom: 1px solid var(--dropdownMenuDivider);\n  }\n\n  a,\n  .info-item {\n    display: block;\n    color: var(--primaryTextColor);\n    text-decoration: none;\n    padding: 1rem 2rem;\n  }\n\n  .info-item {\n    font-size: 0.8em;\n    color: var(--dropdownMenuInfoItem);\n  }\n\n  .callout {\n    position: absolute;\n    margin-left: 10px;\n    padding: 0 5px;\n    border-radius: 2px;\n    background: #fee257;\n    color: #2c2c2c;\n    font-size: 1.4rem;\n    font-weight: bold;\n  }\n\n  a.mobile-upload {\n    display: flex;\n    justify-content: left;\n    align-items: center;\n  }\n  a.mobile-upload svg {\n    fill: var(--white);\n    margin-right: 1rem;\n    height: 1.4rem;\n    width: 1.4rem;\n  }\n\n  @media (min-width: 890px) {\n    nav {\n      display: flex;\n      overflow: visible;\n      top: 0;\n      left: auto;\n      z-index: 5;\n      transition: opacity 0.2s ease-in-out;\n      font-size: 1.4rem;\n      border-radius: 2px;\n      background: var(--primaryTextColor);\n      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);\n    }\n\n    nav:after {\n      position: absolute;\n      right: 7px;\n      top: -7px;\n      width: 12px;\n      height: 7px;\n      box-sizing: border-box;\n      color: var(--white);\n      content: '';\n      border-bottom: 7px solid currentColor;\n      border-left: 6px solid transparent;\n      border-right: 6px solid transparent;\n    }\n\n    h3 {\n      display: none;\n    }\n\n    ul {\n      /* viewport height - nav height + bottom nav border */\n      max-height: calc(100vh - 8.5rem + 1px);\n    }\n\n    .divider {\n      border-bottom-color: var(--dropdownMenuDivider);\n    }\n\n    a {\n      padding: 0.5rem 2rem;\n      color: var(--inverseTextColor);\n      transition:\n        background 0.1s ease-out,\n        color 0.1s ease-out;\n    }\n\n    .info-item {\n      padding: 0.5rem 2rem;\n      font-size: 0.8em;\n      color: var(--inverseDropdownMenuInfoItem);\n    }\n\n    a:hover,\n    a:active,\n    a:focus {\n      color: var(--linkHoverColor);\n      background: var(--linkColor);\n      outline: none;\n    }\n\n    .initial,\n    .closed {\n      opacity: 0;\n      transition-duration: 0.2s;\n    }\n\n    .open {\n      opacity: 1;\n      overflow: visible;\n    }\n\n    a.mobile-upload {\n      display: none;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/styles/dropdown-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nav-container {\n    position: relative;\n  }\n\n  nav {\n    position: absolute;\n    right: 0;\n    z-index: 4;\n    overflow: hidden;\n    font-size: 1.6rem;\n    background-color: var(--dropdownMenuBg);\n    transition-property: top;\n    transition-duration: 0.2s;\n    transition-timing-function: ease;\n  }\n\n  .initial,\n  .closed {\n    top: var(--topOffset, -1500px);\n  }\n\n  .closed {\n    transition-duration: 0.5s;\n  }\n\n  .open {\n    max-width: 100vw;\n    overflow: auto;\n  }\n\n  h3 {\n    padding: 0.6rem 2rem;\n    margin: 0;\n    font-size: inherit;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ul {\n    padding: 0.4rem 0 0.7rem 0;\n    margin: 0;\n    list-style: none;\n    /* viewport height - nav height + bottom nav border */\n    max-height: calc(100vh - 7.2rem + 1px);\n    overflow: auto;\n    box-sizing: border-box;\n  }\n\n  .divider {\n    margin: 0.5rem 0;\n    border-bottom: 1px solid var(--dropdownMenuDivider);\n  }\n\n  a,\n  .info-item {\n    display: block;\n    color: var(--primaryTextColor);\n    text-decoration: none;\n    padding: 1rem 2rem;\n  }\n\n  .info-item {\n    font-size: 0.8em;\n    color: var(--dropdownMenuInfoItem);\n  }\n\n  .callout {\n    position: absolute;\n    margin-left: 10px;\n    padding: 0 5px;\n    border-radius: 2px;\n    background: #fee257;\n    color: #2c2c2c;\n    font-size: 1.4rem;\n    font-weight: bold;\n  }\n\n  a.mobile-upload {\n    display: flex;\n    justify-content: left;\n    align-items: center;\n  }\n  a.mobile-upload svg {\n    fill: var(--white);\n    margin-right: 1rem;\n    height: 1.4rem;\n    width: 1.4rem;\n  }\n\n  @media (min-width: 890px) {\n    nav {\n      display: flex;\n      overflow: visible;\n      top: 0;\n      left: auto;\n      right: var(--dropdownMenuRight, 0);\n      z-index: 5;\n      transition: opacity 0.2s ease-in-out;\n      font-size: 1.4rem;\n      border-radius: 2px;\n      background: var(--primaryTextColor);\n      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);\n    }\n\n    nav:after {\n      position: absolute;\n      right: 7px;\n      top: -7px;\n      width: 12px;\n      height: 7px;\n      box-sizing: border-box;\n      color: var(--white);\n      content: '';\n      border-bottom: 7px solid currentColor;\n      border-left: 6px solid transparent;\n      border-right: 6px solid transparent;\n    }\n\n    h3 {\n      display: none;\n    }\n\n    ul {\n      /* viewport height - nav height + bottom nav border */\n      max-height: calc(100vh - 8.5rem + 1px);\n    }\n\n    .divider {\n      border-bottom-color: var(--dropdownMenuDivider);\n    }\n\n    a {\n      padding: 0.5rem 2rem;\n      color: var(--inverseTextColor);\n      transition:\n        background 0.1s ease-out,\n        color 0.1s ease-out;\n    }\n\n    .info-item {\n      padding: 0.5rem 2rem;\n      font-size: 0.8em;\n      color: var(--inverseDropdownMenuInfoItem);\n    }\n\n    a:hover,\n    a:active,\n    a:focus {\n      color: var(--linkHoverColor);\n      background: var(--linkColor);\n      outline: none;\n    }\n\n    .initial,\n    .closed {\n      opacity: 0;\n      transition-duration: 0.2s;\n    }\n\n    .open {\n      opacity: 1;\n      overflow: visible;\n    }\n\n    a.mobile-upload {\n      display: none;\n    }\n  }\n`;\n"]}

package/dist/src/styles/ia-topnav.js

@@ -23,11 +23,6 @@ export default css `
     --activeButtonBg: var(--grey20);
     --iconFill: var(--grey60);
 
-    --searchActiveBg: var(--grey20);
-    --searchActiveInputBg: var(--white);
-    --searchMenuBg: var(--grey20);
-    --desktopSearchIconFill: var(--grey20);
-
     --mediaMenuBg: var(--grey13);
     --mediaLabelDesktopColor: var(--grey60);
     --activeDesktopMenuIcon: var(--grey28);

package/dist/src/styles/ia-topnav.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-topnav.js","sourceRoot":"","sources":["../../../src/styles/ia-topnav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --white: #fff;\n    --grey13: #222;\n    --grey20: #333;\n    --grey40: #666;\n    --grey28: #474747;\n    --grey60: #999;\n    --grey66: #aaa;\n    --grey80: #ccc;\n    --greya0: #a0a0a0;\n    --grey6f: #6f6f6f;\n    --errorYellow: #ffcd27;\n\n    --linkColor: #4b64ff;\n    --linkHoverColor: var(--white);\n    --subnavLinkColor: var(--grey66);\n    --primaryTextColor: var(--white);\n    --inverseTextColor: var(--grey20);\n    --lightTextColor: var(--grey60);\n    --activeColor: var(--white);\n    --activeButtonBg: var(--grey20);\n    --iconFill: var(--grey60);\n\n    --searchActiveBg: var(--grey20);\n    --searchActiveInputBg: var(--white);\n    --searchMenuBg: var(--grey20);\n    --desktopSearchIconFill: var(--grey20);\n\n    --mediaMenuBg: var(--grey13);\n    --mediaLabelDesktopColor: var(--grey60);\n    --activeDesktopMenuIcon: var(--grey28);\n\n    --mediaSliderBg: var(--grey20);\n    --mediaSliderDesktopBg: var(--grey28);\n\n    --primaryNavBg: var(--grey13);\n    --primaryNavBottomBorder: var(--grey20);\n\n    --desktopSubnavBg: var(--grey20);\n\n    --dropdownMenuBg: var(--grey20);\n    --dropdownMenuInfoItem: var(--greya0);\n    --dropdownMenuDivider: var(--grey40);\n    --inverseDropdownMenuInfoItem: var(--grey6f);\n\n    --loginTextColor: var(--grey60);\n\n    --themeFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    --logoWidthTablet: 263px;\n\n    --savePageSubmitBg: var(--grey13);\n    --savePageSubmitText: var(--white);\n    --savePageInputBorder: var(--grey60);\n    --savePageErrorText: var(--errorYellow);\n\n    color: var(--primaryTextColor);\n    font-family: var(--themeFontFamily);\n  }\n\n  primary-nav:focus {\n    outline: none !important;\n  }\n\n  #close-layer {\n    display: none;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 3;\n  }\n  #close-layer.visible {\n    display: block;\n  }\n\n  .topnav {\n    position: relative;\n    z-index: 4;\n  }\n\n  @media (max-width: 889px) {\n    desktop-subnav {\n      display: none;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"ia-topnav.js","sourceRoot":"","sources":["../../../src/styles/ia-topnav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --white: #fff;\n    --grey13: #222;\n    --grey20: #333;\n    --grey40: #666;\n    --grey28: #474747;\n    --grey60: #999;\n    --grey66: #aaa;\n    --grey80: #ccc;\n    --greya0: #a0a0a0;\n    --grey6f: #6f6f6f;\n    --errorYellow: #ffcd27;\n\n    --linkColor: #4b64ff;\n    --linkHoverColor: var(--white);\n    --subnavLinkColor: var(--grey66);\n    --primaryTextColor: var(--white);\n    --inverseTextColor: var(--grey20);\n    --lightTextColor: var(--grey60);\n    --activeColor: var(--white);\n    --activeButtonBg: var(--grey20);\n    --iconFill: var(--grey60);\n\n    --mediaMenuBg: var(--grey13);\n    --mediaLabelDesktopColor: var(--grey60);\n    --activeDesktopMenuIcon: var(--grey28);\n\n    --mediaSliderBg: var(--grey20);\n    --mediaSliderDesktopBg: var(--grey28);\n\n    --primaryNavBg: var(--grey13);\n    --primaryNavBottomBorder: var(--grey20);\n\n    --desktopSubnavBg: var(--grey20);\n\n    --dropdownMenuBg: var(--grey20);\n    --dropdownMenuInfoItem: var(--greya0);\n    --dropdownMenuDivider: var(--grey40);\n    --inverseDropdownMenuInfoItem: var(--grey6f);\n\n    --loginTextColor: var(--grey60);\n\n    --themeFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    --logoWidthTablet: 263px;\n\n    --savePageSubmitBg: var(--grey13);\n    --savePageSubmitText: var(--white);\n    --savePageInputBorder: var(--grey60);\n    --savePageErrorText: var(--errorYellow);\n\n    color: var(--primaryTextColor);\n    font-family: var(--themeFontFamily);\n  }\n\n  primary-nav:focus {\n    outline: none !important;\n  }\n\n  #close-layer {\n    display: none;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 3;\n  }\n  #close-layer.visible {\n    display: block;\n  }\n\n  .topnav {\n    position: relative;\n    z-index: 4;\n  }\n\n  @media (max-width: 889px) {\n    desktop-subnav {\n      display: none;\n    }\n  }\n`;\n"]}

package/dist/src/styles/primary-nav.js

@@ -122,9 +122,40 @@ export default css `
     fill: var(--iconFill);
   }
 
-  .search-activated {
-    position: relative;
+  .search-container {
+    display: none;
+  }
+
+  .search-container.open {
+    display: flex;
+    position: absolute;
+    top: 0;
+    right: 4rem;
+    bottom: 0;
+    left: 4rem;
     z-index: 3;
+    padding: 0.5rem;
+    border-radius: 1rem 1rem 0 0;
+    background: var(--primaryNavBg);
+    align-items: center;
+    animation: fade-in 0.2s forwards;
+  }
+
+  .search-container ::slotted(*) {
+    display: block;
+  }
+
+  .search-container slot {
+    width: 100%;
+  }
+
+  @keyframes fade-in {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
   }
 
   .upload {
@@ -287,9 +318,23 @@ export default css `
       fill: var(--linkHoverColor);
     }
 
-    nav-search {
-      float: right;
-      margin-left: 1rem;
+    .search-container,
+    .search-container.open {
+      display: flex;
+      position: static;
+      top: auto;
+      right: auto;
+      bottom: auto;
+      left: auto;
+      align-items: center;
+      padding: 0 0 0 1rem;
+      background: transparent;
+      border-radius: 0;
+      z-index: auto;
+    }
+
+    .search-container slot {
+      width: auto;
     }
   }
 

package/dist/src/styles/primary-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"primary-nav.js","sourceRoot":"","sources":["../../../src/styles/primary-nav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoTjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  button:focus,\n  input:focus {\n    outline: none;\n  }\n\n  nav {\n    position: relative;\n    display: flex;\n    height: 4rem;\n    grid-template-areas: 'hamburger empty heart search user';\n    -ms-grid-columns: 4rem minmax(1rem, 100%) 4rem 4rem 4rem;\n    grid-template-columns: 4rem auto 4rem 4rem 4rem;\n    -ms-grid-rows: 100%;\n    grid-template-rows: 100%;\n    background: var(--primaryNavBg);\n    border-bottom: 1px solid var(--primaryNavBottomBorder);\n  }\n\n  nav.hide-search {\n    grid-template-areas: 'hamburger empty heart user';\n    -ms-grid-columns: 4rem minmax(1rem, 100%) 4rem 4rem;\n    grid-template-columns: 4rem auto 4rem 4rem;\n  }\n\n  .right-side-section {\n    display: flex;\n    margin-left: auto;\n    user-select: none;\n  }\n  button {\n    background: none;\n    color: inherit;\n    border: none;\n    font: inherit;\n    cursor: pointer;\n  }\n\n  .branding {\n    position: static;\n    float: left;\n    margin: 0 !important;\n    padding: 0 5px 0 10px;\n    -webkit-transform: translate(0, 0);\n    -ms-transform: translate(0, 0);\n    transform: translate(0, 0);\n  }\n\n  slot,\n  .branding {\n    display: flex;\n    justify-content: left;\n    align-items: center;\n  }\n\n  media-menu {\n    flex: 1;\n    justify-self: stretch;\n  }\n\n  .ia-logo {\n    height: 3rem;\n    width: 2.7rem;\n    display: inline-block;\n  }\n  .ia-wordmark {\n    height: 3rem;\n    width: 9.5rem;\n  }\n  .ia-logo,\n  .ia-wordmark {\n    margin-right: 5px;\n  }\n\n  .hamburger {\n    -ms-grid-row: 1;\n    -ms-grid-column: 1;\n    grid-area: hamburger;\n    padding: 0;\n  }\n  .hamburger svg {\n    height: 4rem;\n    width: 4rem;\n    fill: var(--activeColor);\n  }\n\n  .mobile-donate-link {\n    display: inline-block;\n  }\n  .mobile-donate-link svg {\n    height: 4rem;\n    width: 4rem;\n  }\n  .mobile-donate-link .fill-color {\n    fill: rgb(255, 0, 0);\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    border: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    clip: rect(1px, 1px, 1px, 1px);\n    -webkit-clip-path: inset(50%);\n    clip-path: inset(50%);\n    user-select: none;\n  }\n\n  .search-trigger {\n    padding: 0;\n  }\n  .search-trigger svg {\n    height: 4rem;\n    width: 4rem;\n  }\n  .search-trigger .fill-color {\n    fill: var(--iconFill);\n  }\n\n  .search-activated {\n    position: relative;\n    z-index: 3;\n  }\n\n  .upload {\n    display: none;\n  }\n\n  .upload span {\n    display: none;\n  }\n\n  .upload svg {\n    height: 3rem;\n    width: 3rem;\n  }\n\n  .screen-name {\n    display: none;\n    font-size: 1.3rem;\n    vertical-align: middle;\n    text-transform: uppercase;\n  }\n\n  .user-menu {\n    color: var(--lightTextColor);\n    padding: 0.5rem;\n    height: 100%;\n  }\n\n  button.user-menu:hover,\n  button.user-menu:focus {\n    color: var(--linkHoverColor);\n    outline: none;\n  }\n\n  .user-menu.active {\n    border-radius: 1rem 1rem 0 0;\n    background: var(--activeButtonBg);\n  }\n\n  .user-menu img {\n    display: block;\n    width: 3rem;\n    height: 3rem;\n  }\n\n  .link-home {\n    text-decoration: none;\n    display: inline-flex;\n  }\n  a.link-home:focus,\n  a.link-home:focus-visible {\n    outline-offset: 1px;\n  }\n\n  @media only screen and (min-width: 890px) and (max-device-width: 905px) {\n    .branding.second-logo {\n      padding-right: 0;\n    }\n  }\n\n  @media (min-width: 906px) {\n    .branding.second-logo {\n      padding-right: 20px;\n    }\n  }\n\n  @media (max-width: 889px) {\n    slot[name='opt-sec-logo'] {\n      display: none;\n    }\n\n    .right-side-section {\n      display: initial;\n    }\n    .right-side-section .user-info {\n      float: right;\n    }\n  }\n\n  @media (min-width: 890px) {\n    :host {\n      --userIconWidth: 3.2rem;\n      --userIconHeight: 3.2rem;\n    }\n\n    nav {\n      display: flex;\n      z-index: 4;\n      height: 5rem;\n      padding-right: 1.5rem;\n    }\n\n    slot[name='opt-sec-logo-mobile'] {\n      display: none;\n    }\n\n    .ia-logo,\n    .ia-wordmark {\n      margin-right: 10px;\n    }\n\n    .hamburger,\n    .search-trigger,\n    .mobile-donate-link {\n      display: none;\n    }\n\n    .user-info {\n      display: block;\n      float: right;\n      vertical-align: middle;\n      height: 100%;\n    }\n\n    .user-info .user-menu img {\n      height: 3rem;\n      width: 3rem;\n      margin-right: 0.5rem;\n    }\n\n    .user-menu {\n      padding: 1rem 0.5rem;\n    }\n    .user-menu.active {\n      background: transparent;\n    }\n\n    .user-menu img {\n      display: inline-block;\n      vertical-align: middle;\n      margin-right: 0.5rem;\n    }\n\n    .upload {\n      display: block;\n      padding: 1rem 0.5rem;\n      float: right;\n      font-size: 1.4rem;\n      text-transform: uppercase;\n      text-decoration: none;\n      color: var(--lightTextColor);\n    }\n    .upload:active,\n    .upload:focus,\n    .upload:hover {\n      color: var(--linkHoverColor);\n    }\n    .upload:focus-visible {\n      outline: none;\n    }\n\n    .upload svg {\n      vertical-align: middle;\n      fill: var(--iconFill);\n    }\n\n    .upload:hover svg,\n    .upload:focus svg,\n    .upload:active svg {\n      fill: var(--linkHoverColor);\n    }\n\n    nav-search {\n      float: right;\n      margin-left: 1rem;\n    }\n  }\n\n  @media (min-width: 990px) {\n    .screen-name {\n      display: inline-block;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      max-width: 165px;\n    }\n\n    .upload span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"primary-nav.js","sourceRoot":"","sources":["../../../src/styles/primary-nav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiWjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  button:focus,\n  input:focus {\n    outline: none;\n  }\n\n  nav {\n    position: relative;\n    display: flex;\n    height: 4rem;\n    grid-template-areas: 'hamburger empty heart search user';\n    -ms-grid-columns: 4rem minmax(1rem, 100%) 4rem 4rem 4rem;\n    grid-template-columns: 4rem auto 4rem 4rem 4rem;\n    -ms-grid-rows: 100%;\n    grid-template-rows: 100%;\n    background: var(--primaryNavBg);\n    border-bottom: 1px solid var(--primaryNavBottomBorder);\n  }\n\n  nav.hide-search {\n    grid-template-areas: 'hamburger empty heart user';\n    -ms-grid-columns: 4rem minmax(1rem, 100%) 4rem 4rem;\n    grid-template-columns: 4rem auto 4rem 4rem;\n  }\n\n  .right-side-section {\n    display: flex;\n    margin-left: auto;\n    user-select: none;\n  }\n  button {\n    background: none;\n    color: inherit;\n    border: none;\n    font: inherit;\n    cursor: pointer;\n  }\n\n  .branding {\n    position: static;\n    float: left;\n    margin: 0 !important;\n    padding: 0 5px 0 10px;\n    -webkit-transform: translate(0, 0);\n    -ms-transform: translate(0, 0);\n    transform: translate(0, 0);\n  }\n\n  slot,\n  .branding {\n    display: flex;\n    justify-content: left;\n    align-items: center;\n  }\n\n  media-menu {\n    flex: 1;\n    justify-self: stretch;\n  }\n\n  .ia-logo {\n    height: 3rem;\n    width: 2.7rem;\n    display: inline-block;\n  }\n  .ia-wordmark {\n    height: 3rem;\n    width: 9.5rem;\n  }\n  .ia-logo,\n  .ia-wordmark {\n    margin-right: 5px;\n  }\n\n  .hamburger {\n    -ms-grid-row: 1;\n    -ms-grid-column: 1;\n    grid-area: hamburger;\n    padding: 0;\n  }\n  .hamburger svg {\n    height: 4rem;\n    width: 4rem;\n    fill: var(--activeColor);\n  }\n\n  .mobile-donate-link {\n    display: inline-block;\n  }\n  .mobile-donate-link svg {\n    height: 4rem;\n    width: 4rem;\n  }\n  .mobile-donate-link .fill-color {\n    fill: rgb(255, 0, 0);\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    border: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    clip: rect(1px, 1px, 1px, 1px);\n    -webkit-clip-path: inset(50%);\n    clip-path: inset(50%);\n    user-select: none;\n  }\n\n  .search-trigger {\n    padding: 0;\n  }\n  .search-trigger svg {\n    height: 4rem;\n    width: 4rem;\n  }\n  .search-trigger .fill-color {\n    fill: var(--iconFill);\n  }\n\n  .search-container {\n    display: none;\n  }\n\n  .search-container.open {\n    display: flex;\n    position: absolute;\n    top: 0;\n    right: 4rem;\n    bottom: 0;\n    left: 4rem;\n    z-index: 3;\n    padding: 0.5rem;\n    border-radius: 1rem 1rem 0 0;\n    background: var(--primaryNavBg);\n    align-items: center;\n    animation: fade-in 0.2s forwards;\n  }\n\n  .search-container ::slotted(*) {\n    display: block;\n  }\n\n  .search-container slot {\n    width: 100%;\n  }\n\n  @keyframes fade-in {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  .upload {\n    display: none;\n  }\n\n  .upload span {\n    display: none;\n  }\n\n  .upload svg {\n    height: 3rem;\n    width: 3rem;\n  }\n\n  .screen-name {\n    display: none;\n    font-size: 1.3rem;\n    vertical-align: middle;\n    text-transform: uppercase;\n  }\n\n  .user-menu {\n    color: var(--lightTextColor);\n    padding: 0.5rem;\n    height: 100%;\n  }\n\n  button.user-menu:hover,\n  button.user-menu:focus {\n    color: var(--linkHoverColor);\n    outline: none;\n  }\n\n  .user-menu.active {\n    border-radius: 1rem 1rem 0 0;\n    background: var(--activeButtonBg);\n  }\n\n  .user-menu img {\n    display: block;\n    width: 3rem;\n    height: 3rem;\n  }\n\n  .link-home {\n    text-decoration: none;\n    display: inline-flex;\n  }\n  a.link-home:focus,\n  a.link-home:focus-visible {\n    outline-offset: 1px;\n  }\n\n  @media only screen and (min-width: 890px) and (max-device-width: 905px) {\n    .branding.second-logo {\n      padding-right: 0;\n    }\n  }\n\n  @media (min-width: 906px) {\n    .branding.second-logo {\n      padding-right: 20px;\n    }\n  }\n\n  @media (max-width: 889px) {\n    slot[name='opt-sec-logo'] {\n      display: none;\n    }\n\n    .right-side-section {\n      display: initial;\n    }\n    .right-side-section .user-info {\n      float: right;\n    }\n  }\n\n  @media (min-width: 890px) {\n    :host {\n      --userIconWidth: 3.2rem;\n      --userIconHeight: 3.2rem;\n    }\n\n    nav {\n      display: flex;\n      z-index: 4;\n      height: 5rem;\n      padding-right: 1.5rem;\n    }\n\n    slot[name='opt-sec-logo-mobile'] {\n      display: none;\n    }\n\n    .ia-logo,\n    .ia-wordmark {\n      margin-right: 10px;\n    }\n\n    .hamburger,\n    .search-trigger,\n    .mobile-donate-link {\n      display: none;\n    }\n\n    .user-info {\n      display: block;\n      float: right;\n      vertical-align: middle;\n      height: 100%;\n    }\n\n    .user-info .user-menu img {\n      height: 3rem;\n      width: 3rem;\n      margin-right: 0.5rem;\n    }\n\n    .user-menu {\n      padding: 1rem 0.5rem;\n    }\n    .user-menu.active {\n      background: transparent;\n    }\n\n    .user-menu img {\n      display: inline-block;\n      vertical-align: middle;\n      margin-right: 0.5rem;\n    }\n\n    .upload {\n      display: block;\n      padding: 1rem 0.5rem;\n      float: right;\n      font-size: 1.4rem;\n      text-transform: uppercase;\n      text-decoration: none;\n      color: var(--lightTextColor);\n    }\n    .upload:active,\n    .upload:focus,\n    .upload:hover {\n      color: var(--linkHoverColor);\n    }\n    .upload:focus-visible {\n      outline: none;\n    }\n\n    .upload svg {\n      vertical-align: middle;\n      fill: var(--iconFill);\n    }\n\n    .upload:hover svg,\n    .upload:focus svg,\n    .upload:active svg {\n      fill: var(--linkHoverColor);\n    }\n\n    .search-container,\n    .search-container.open {\n      display: flex;\n      position: static;\n      top: auto;\n      right: auto;\n      bottom: auto;\n      left: auto;\n      align-items: center;\n      padding: 0 0 0 1rem;\n      background: transparent;\n      border-radius: 0;\n      z-index: auto;\n    }\n\n    .search-container slot {\n      width: auto;\n    }\n  }\n\n  @media (min-width: 990px) {\n    .screen-name {\n      display: inline-block;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      max-width: 165px;\n    }\n\n    .upload span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n  }\n`;\n"]}

package/dist/src/user-menu.d.ts

@@ -1,8 +1,7 @@
-import { CSSResult } from 'lit';
 import DropdownMenu from './dropdown-menu';
 export default class UserMenu extends DropdownMenu {
     username: string;
     screenName: string;
-    static get styles(): CSSResult[];
+    static get styles(): import("lit").CSSResult;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/src/user-menu.js

@@ -1,7 +1,6 @@
 import { __decorate } from "tslib";
 import { html } from 'lit';
 import DropdownMenu from './dropdown-menu';
-import userMenuCSS from './styles/user-menu';
 import dropdownStyles from './styles/dropdown-menu';
 import { customElement, property } from 'lit/decorators.js';
 let UserMenu = class UserMenu extends DropdownMenu {
@@ -11,7 +10,7 @@ let UserMenu = class UserMenu extends DropdownMenu {
         this.screenName = '';
     }
     static get styles() {
-        return [dropdownStyles, userMenuCSS];
+        return dropdownStyles;
     }
     render() {
         return html `

package/dist/src/user-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-menu.js","sourceRoot":"","sources":["../../src/user-menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAa,IAAI,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,cAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,YAAY;IAAnC;;QACe,aAAQ,GAAG,EAAE,CAAC;QACd,eAAU,GAAG,EAAE,CAAC;IAsB9C,CAAC;IApBC,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IACvC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,SAAS;wBACT,CAAC,IAAI,CAAC,IAAI;0BACR,IAAI,CAAC,IAAI;;gBAEnB,IAAI,CAAC,UAAU;;cAEjB,IAAI,CAAC,aAAa;;;;KAI3B,CAAC;IACJ,CAAC;CACF,CAAA;AAvB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAe;AACd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAiB;AAFzB,QAAQ;IAD5B,aAAa,CAAC,WAAW,CAAC;GACN,QAAQ,CAwB5B;eAxBoB,QAAQ","sourcesContent":["import { CSSResult, html } from 'lit';\nimport DropdownMenu from './dropdown-menu';\nimport userMenuCSS from './styles/user-menu';\nimport dropdownStyles from './styles/dropdown-menu';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('user-menu')\nexport default class UserMenu extends DropdownMenu {\n  @property({ type: String }) username = '';\n  @property({ type: String }) screenName = '';\n\n  static get styles(): CSSResult[] {\n    return [dropdownStyles, userMenuCSS];\n  }\n\n  render() {\n    return html`\n      <div class=\"nav-container\">\n        <nav\n          class=\"${this.menuClass}\"\n          aria-hidden=${!this.open}\n          aria-expanded=${this.open}\n        >\n          <h3>${this.screenName}</h3>\n          <ul>\n            ${this.dropdownItems}\n          </ul>\n        </nav>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"user-menu.js","sourceRoot":"","sources":["../../src/user-menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,cAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,YAAY;IAAnC;;QACe,aAAQ,GAAG,EAAE,CAAC;QACd,eAAU,GAAG,EAAE,CAAC;IAsB9C,CAAC;IApBC,MAAM,KAAK,MAAM;QACf,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,SAAS;wBACT,CAAC,IAAI,CAAC,IAAI;0BACR,IAAI,CAAC,IAAI;;gBAEnB,IAAI,CAAC,UAAU;;cAEjB,IAAI,CAAC,aAAa;;;;KAI3B,CAAC;IACJ,CAAC;CACF,CAAA;AAvB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAe;AACd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAiB;AAFzB,QAAQ;IAD5B,aAAa,CAAC,WAAW,CAAC;GACN,QAAQ,CAwB5B;eAxBoB,QAAQ","sourcesContent":["import { html } from 'lit';\nimport DropdownMenu from './dropdown-menu';\nimport dropdownStyles from './styles/dropdown-menu';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('user-menu')\nexport default class UserMenu extends DropdownMenu {\n  @property({ type: String }) username = '';\n  @property({ type: String }) screenName = '';\n\n  static get styles() {\n    return dropdownStyles;\n  }\n\n  render() {\n    return html`\n      <div class=\"nav-container\">\n        <nav\n          class=\"${this.menuClass}\"\n          aria-hidden=${!this.open}\n          aria-expanded=${this.open}\n        >\n          <h3>${this.screenName}</h3>\n          <ul>\n            ${this.dropdownItems}\n          </ul>\n        </nav>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/test/ia-topnav.test.js

@@ -1,29 +1,5 @@
 import { html, fixture, expect, oneEvent, fixtureCleanup, elementUpdated, } from '@open-wc/testing';
 import '../src/ia-topnav';
-// const container = (
-//   {
-//     username = '',
-//     screenName = '',
-//     config = {},
-//     localLinks = true,
-//     secondIdentitySlotMode = '',
-//   }: {
-//     username?: string;
-//     screenName?: string;
-//     config?: IATopNavConfig;
-//     localLinks: boolean;
-//     secondIdentitySlotMode?: IATopNavSecondIdentitySlotMode;
-//   } = {
-//     localLinks: true,
-//   },
-// ) =>
-//   html`<ia-topnav
-//     .screenName=${screenName}
-//     username=${username}
-//     ?localLinks=${localLinks}
-//     .config=${config}
-//     .secondIdentitySlotMode=${secondIdentitySlotMode}
-//   ></ia-topnav>`;
 const verifyClosed = (instance) => {
     expect(instance.mediaSliderOpen).to.be.false;
     expect(instance.selectedMenuOption).to.equal('');
@@ -36,20 +12,6 @@ afterEach(() => {
     fixtureCleanup();
 });
 describe('<ia-topnav>', () => {
-    it('assigns a value to "search in" from outside event', async () => {
-        var _a;
-        const el = await fixture(html ` <ia-topnav></ia-topnav>`);
-        const query = 'atari';
-        const searchMenu = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('search-menu');
-        const inputEvent = new InputEvent('input');
-        Object.defineProperty(inputEvent, 'target', {
-            value: { value: query },
-            writable: false,
-        });
-        searchMenu === null || searchMenu === void 0 ? void 0 : searchMenu.searchInChanged(inputEvent);
-        await el.updateComplete;
-        expect(el.searchIn).to.equal(query);
-    });
     it('dispatches an analyticsClick event when trackClick event fired', async () => {
         const el = await fixture(html ` <ia-topnav></ia-topnav>`);
         const clickEvent = new MouseEvent('click');
@@ -60,17 +22,6 @@ describe('<ia-topnav>', () => {
         const response = await oneEvent(el, 'trackClick');
         expect(response).to.exist;
     });
-    it('dispatches an analyticsSubmit event when trackSubmit event fired', async () => {
-        var _a, _b, _c, _d, _e;
-        const el = await fixture(html ` <ia-topnav></ia-topnav>`);
-        const submitEvent = new Event('submit');
-        const form = (_e = (_d = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('primary-nav')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('nav-search')) === null || _d === void 0 ? void 0 : _d.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('form');
-        form === null || form === void 0 ? void 0 : form.addEventListener('submit', (e) => e.preventDefault());
-        (form === null || form === void 0 ? void 0 : form.querySelector('[name=query]')).value = 'atari';
-        setTimeout(() => form === null || form === void 0 ? void 0 : form.dispatchEvent(submitEvent));
-        const response = await oneEvent(el, 'trackSubmit');
-        expect(response).to.exist;
-    });
     it('closes all menus when close-layer clicked', async () => {
         const el = await fixture(html ` <ia-topnav></ia-topnav>`);
         el.openMenu = 'media';
@@ -135,13 +86,6 @@ describe('<ia-topnav>', () => {
         await el.updateComplete;
         expect(el.selectedMenuOption).to.equal('');
     });
-    it('toggles search menu tabindex when dropdown open', async () => {
-        var _a, _b;
-        const el = await fixture(html ` <ia-topnav></ia-topnav>`);
-        el.openMenu = 'search';
-        await el.updateComplete;
-        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('search-menu')) === null || _b === void 0 ? void 0 : _b.getAttribute('tabindex')).to.equal('');
-    });
     it('toggles user menu tabindex when dropdown open', async () => {
         var _a, _b;
         const el = await fixture(html ` <ia-topnav username="shaneriley" ?localLinks=${false}></ia-topnav>`);
@@ -187,7 +131,6 @@ describe('<ia-topnav>', () => {
                 'primary-nav',
                 'media-slider',
                 'desktop-subnav',
-                'search-menu',
             ];
             componentSelectors.forEach((selector) => {
                 var _a;
@@ -208,6 +151,22 @@ describe('<ia-topnav>', () => {
             expect(signedOutDropdown.baseHost).to.equal('https://archive.org');
         });
     });
+    describe('search slot', () => {
+        it('forwards search slot to primary-nav', async () => {
+            var _a;
+            const el = await fixture(html `<ia-topnav></ia-topnav>`);
+            await el.updateComplete;
+            const primaryNav = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('primary-nav');
+            const slot = primaryNav === null || primaryNav === void 0 ? void 0 : primaryNav.querySelector('slot[name="search"]');
+            expect(slot).to.exist;
+        });
+        it('does not render search-menu', async () => {
+            var _a;
+            const el = await fixture(html `<ia-topnav></ia-topnav>`);
+            await el.updateComplete;
+            expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('search-menu')).to.not.exist;
+        });
+    });
     describe('slot pass throughs', () => {
         describe('slot for <primary-nav>', () => {
             it('opens a slot with `secondIdentitySlotMode`', async () => {
@@ -218,12 +177,11 @@ describe('<ia-topnav>', () => {
             screenName="somesuperlongscreenname"
             secondIdentitySlotMode="allow"
           ></ia-topnav>`);
-                const slot = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('primary-nav')) === null || _b === void 0 ? void 0 : _b.querySelector('slot');
+                const slot = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('primary-nav')) === null || _b === void 0 ? void 0 : _b.querySelector('slot[name="opt-sec-logo"]');
                 expect(slot).to.exist;
-                expect(slot === null || slot === void 0 ? void 0 : slot.getAttribute('name')).to.equal('opt-sec-logo');
                 el.secondIdentitySlotMode = '';
                 await elementUpdated(el);
-                const noSlot = (_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('primary-nav')) === null || _d === void 0 ? void 0 : _d.querySelector('slot');
+                const noSlot = (_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('primary-nav')) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="opt-sec-logo"]');
                 expect(noSlot).to.not.exist;
             });
         });

package/dist/test/ia-topnav.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-topnav.test.js","sourceRoot":"","sources":["../../test/ia-topnav.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  html,\n  fixture,\n  expect,\n  oneEvent,\n  fixtureCleanup,\n  elementUpdated,\n} from '@open-wc/testing';\n\nimport '../src/ia-topnav';\nimport { IATopNav } from '../src/ia-topnav';\nimport { SearchMenu } from '../src/search-menu';\nimport { SignedOutDropdown } from '../src/signed-out-dropdown';\nimport UserMenu from '../src/user-menu';\n\n// const container = (\n//   {\n//     username = '',\n//     screenName = '',\n//     config = {},\n//     localLinks = true,\n//     secondIdentitySlotMode = '',\n//   }: {\n//     username?: string;\n//     screenName?: string;\n//     config?: IATopNavConfig;\n//     localLinks: boolean;\n//     secondIdentitySlotMode?: IATopNavSecondIdentitySlotMode;\n//   } = {\n//     localLinks: true,\n//   },\n// ) =>\n//   html`<ia-topnav\n//     .screenName=${screenName}\n//     username=${username}\n//     ?localLinks=${localLinks}\n//     .config=${config}\n//     .secondIdentitySlotMode=${secondIdentitySlotMode}\n//   ></ia-topnav>`;\n\nconst verifyClosed = (instance: IATopNav) => {\n  expect(instance.mediaSliderOpen).to.be.false;\n  expect(instance.selectedMenuOption).to.equal('');\n};\n\nconst verifyOpened = (instance: IATopNav, mediatype: string) => {\n  expect(instance.mediaSliderOpen).to.be.true;\n  expect(instance.selectedMenuOption).to.equal(mediatype);\n};\n\nafterEach(() => {\n  fixtureCleanup();\n});\n\ndescribe('<ia-topnav>', () => {\n  it('assigns a value to \"search in\" from outside event', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    const query = 'atari';\n    const searchMenu = el.shadowRoot?.querySelector(\n      'search-menu',\n    ) as SearchMenu;\n\n    const inputEvent = new InputEvent('input');\n    Object.defineProperty(inputEvent, 'target', {\n      value: { value: query },\n      writable: false,\n    });\n\n    searchMenu?.searchInChanged(inputEvent);\n    await el.updateComplete;\n\n    expect(el.searchIn).to.equal(query);\n  });\n\n  it('dispatches an analyticsClick event when trackClick event fired', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    const clickEvent = new MouseEvent('click');\n\n    setTimeout(() =>\n      el.shadowRoot\n        ?.querySelector('primary-nav')\n        ?.shadowRoot?.querySelector('.hamburger')\n        ?.dispatchEvent(clickEvent),\n    );\n    const response = await oneEvent(el, 'trackClick');\n\n    expect(response).to.exist;\n  });\n\n  it('dispatches an analyticsSubmit event when trackSubmit event fired', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    const submitEvent = new Event('submit');\n    const form = el.shadowRoot\n      ?.querySelector('primary-nav')\n      ?.shadowRoot?.querySelector('nav-search')\n      ?.shadowRoot?.querySelector('form');\n\n    form?.addEventListener('submit', (e) => e.preventDefault());\n    (form?.querySelector('[name=query]') as HTMLInputElement).value = 'atari';\n    setTimeout(() => form?.dispatchEvent(submitEvent));\n    const response = await oneEvent(el, 'trackSubmit');\n\n    expect(response).to.exist;\n  });\n\n  it('closes all menus when close-layer clicked', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n\n    el.openMenu = 'media';\n    el.selectedMenuOption = 'texts';\n    el.mediaSliderOpen = true;\n    await el.updateComplete;\n    el.closeMenus();\n    await el.updateComplete;\n\n    expect(el.mediaSliderOpen).to.be.false;\n    expect(el.openMenu).to.equal('');\n    expect(el.selectedMenuOption).to.equal('');\n  });\n\n  it('sets media slider to closed', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n\n    el.mediaSliderOpen = true;\n    el.selectedMenuOption = 'foo';\n    el.closeMediaSlider();\n\n    verifyClosed(el);\n  });\n\n  it('toggles media slider visibility and starts animation', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    const mediatype = 'foo';\n\n    el.selectedMenuOption = mediatype;\n    el.openMediaSlider();\n\n    verifyOpened(el, mediatype);\n  });\n\n  it('closes media slider if selected menu type is the open menu type', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    const mediatype = 'foo';\n\n    el.selectedMenuOption = mediatype;\n\n    const event = new CustomEvent('mediaTypeSelected', {\n      detail: {\n        mediatype,\n      },\n    });\n\n    el.mediaTypeSelected(event);\n\n    verifyClosed(el);\n  });\n\n  it('opens media slider menu and starts animation', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    const mediatype = 'foo';\n\n    const event = new CustomEvent('mediaTypeSelected', {\n      detail: {\n        mediatype,\n      },\n    });\n\n    el.mediaTypeSelected(event);\n\n    verifyOpened(el, mediatype);\n  });\n\n  it('closes slider when menu closed', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n\n    el.openMenu = 'media';\n    el.selectedMenuOption = 'foo';\n    el.mediaSliderOpen = true;\n    await el.updateComplete;\n\n    const event = new CustomEvent('menuToggled', {\n      detail: {\n        menuName: '',\n      },\n    });\n\n    el.menuToggled(event);\n    await el.updateComplete;\n\n    expect(el.selectedMenuOption).to.equal('');\n  });\n\n  it('toggles search menu tabindex when dropdown open', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n\n    el.openMenu = 'search';\n    await el.updateComplete;\n\n    expect(\n      el.shadowRoot?.querySelector('search-menu')?.getAttribute('tabindex'),\n    ).to.equal('');\n  });\n\n  it('toggles user menu tabindex when dropdown open', async () => {\n    const el = await fixture<IATopNav>(\n      html` <ia-topnav username=\"shaneriley\" ?localLinks=${false}></ia-topnav>`,\n    );\n\n    el.openMenu = 'user';\n    await el.updateComplete;\n\n    expect(\n      el.shadowRoot?.querySelector('user-menu')?.getAttribute('tabindex'),\n    ).to.equal('');\n  });\n\n  it('toggles signed out menu tabindex when dropdown open', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n\n    el.openMenu = 'login';\n    await el.updateComplete;\n\n    expect(\n      el.shadowRoot\n        ?.querySelector('signed-out-dropdown')\n        ?.getAttribute('tabindex'),\n    ).to.equal('');\n  });\n\n  it('toggles search menu when search toggle button clicked', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    (\n      el.shadowRoot\n        ?.querySelector('primary-nav')\n        ?.shadowRoot?.querySelector('.search-trigger') as HTMLButtonElement\n    ).click();\n    await el.updateComplete;\n\n    expect(el.openMenu).to.equal('search');\n  });\n\n  it('toggles user menu when search user avatar clicked', async () => {\n    const el = await fixture<IATopNav>(\n      html` <ia-topnav\n        username=\"shaneriley\"\n        screenName=\"shaneriley\"\n        ?localLinks=${false}\n      ></ia-topnav>`,\n      // container({\n      //   username: 'shaneriley',\n      //   screenName: 'shaneriley',\n      //   localLinks: false,\n      // }),\n    );\n\n    (\n      el.shadowRoot\n        ?.querySelector('primary-nav')\n        ?.shadowRoot?.querySelector('.user-menu') as HTMLButtonElement\n    ).click();\n    await el.updateComplete;\n\n    expect(el.openMenu).to.equal('user');\n  });\n\n  it('uses localLinks for archive.org logo link', async () => {\n    const el = await fixture<IATopNav>(\n      html` <ia-topnav ?localLinks=${false}></ia-topnav>`,\n    );\n    const logoLink = el.shadowRoot\n      ?.querySelector('primary-nav')\n      ?.shadowRoot?.querySelector('.link-home');\n    expect(logoLink?.getAttribute('href')).to.match(/\\/\\/archive\\.org/);\n  });\n\n  describe('sets localLinks properly', async () => {\n    it('uses localLinks to archive.org links on common child components', async () => {\n      const el = await fixture<IATopNav>(\n        html` <ia-topnav ?localLinks=${false}></ia-topnav>`,\n      );\n      const componentSelectors = [\n        'primary-nav',\n        'media-slider',\n        'desktop-subnav',\n        'search-menu',\n      ];\n      componentSelectors.forEach((selector) => {\n        const component = el.shadowRoot?.querySelector(selector) as unknown as {\n          baseHost: string;\n        };\n        expect(component?.baseHost).to.equal('https://archive.org');\n      });\n    });\n\n    it('uses localLinks to archive.org links on the signed out dropdown', async () => {\n      const el = await fixture<IATopNav>(\n        html` <ia-topnav ?localLinks=${false}></ia-topnav>`,\n      );\n      const signedOutDropdown = el.shadowRoot?.querySelector(\n        'signed-out-dropdown',\n      ) as SignedOutDropdown;\n      expect(signedOutDropdown?.baseHost).to.equal('https://archive.org');\n    });\n\n    it('uses localLinks to archive.org links on the user dropdown', async () => {\n      const el = await fixture<IATopNav>(\n        html` <ia-topnav username=\"foopey\" ?localLinks=${false}></ia-topnav>`,\n      );\n      const signedOutDropdown = el.shadowRoot?.querySelector(\n        'user-menu',\n      ) as UserMenu;\n      expect(signedOutDropdown.baseHost).to.equal('https://archive.org');\n    });\n  });\n\n  describe('slot pass throughs', () => {\n    describe('slot for <primary-nav>', () => {\n      it('opens a slot with `secondIdentitySlotMode`', async () => {\n        const el = await fixture<IATopNav>(\n          html`<ia-topnav\n            ?localLinks=${false}\n            username=\"boop\"\n            screenName=\"somesuperlongscreenname\"\n            secondIdentitySlotMode=\"allow\"\n          ></ia-topnav>`,\n        );\n\n        const slot = el.shadowRoot\n          ?.querySelector('primary-nav')\n          ?.querySelector('slot');\n        expect(slot).to.exist;\n        expect(slot?.getAttribute('name')).to.equal('opt-sec-logo');\n\n        el.secondIdentitySlotMode = '';\n        await elementUpdated(el);\n        const noSlot = el.shadowRoot\n          ?.querySelector('primary-nav')\n          ?.querySelector('slot');\n        expect(noSlot).to.not.exist;\n      });\n    });\n  });\n});\n"]}
+{"version":3,"file":"ia-topnav.test.js","sourceRoot":"","sources":["../../test/ia-topnav.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  html,\n  fixture,\n  expect,\n  oneEvent,\n  fixtureCleanup,\n  elementUpdated,\n} from '@open-wc/testing';\n\nimport '../src/ia-topnav';\nimport { IATopNav } from '../src/ia-topnav';\nimport { SignedOutDropdown } from '../src/signed-out-dropdown';\nimport UserMenu from '../src/user-menu';\n\nconst verifyClosed = (instance: IATopNav) => {\n  expect(instance.mediaSliderOpen).to.be.false;\n  expect(instance.selectedMenuOption).to.equal('');\n};\n\nconst verifyOpened = (instance: IATopNav, mediatype: string) => {\n  expect(instance.mediaSliderOpen).to.be.true;\n  expect(instance.selectedMenuOption).to.equal(mediatype);\n};\n\nafterEach(() => {\n  fixtureCleanup();\n});\n\ndescribe('<ia-topnav>', () => {\n  it('dispatches an analyticsClick event when trackClick event fired', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    const clickEvent = new MouseEvent('click');\n\n    setTimeout(() =>\n      el.shadowRoot\n        ?.querySelector('primary-nav')\n        ?.shadowRoot?.querySelector('.hamburger')\n        ?.dispatchEvent(clickEvent),\n    );\n    const response = await oneEvent(el, 'trackClick');\n\n    expect(response).to.exist;\n  });\n\n  it('closes all menus when close-layer clicked', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n\n    el.openMenu = 'media';\n    el.selectedMenuOption = 'texts';\n    el.mediaSliderOpen = true;\n    await el.updateComplete;\n    el.closeMenus();\n    await el.updateComplete;\n\n    expect(el.mediaSliderOpen).to.be.false;\n    expect(el.openMenu).to.equal('');\n    expect(el.selectedMenuOption).to.equal('');\n  });\n\n  it('sets media slider to closed', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n\n    el.mediaSliderOpen = true;\n    el.selectedMenuOption = 'foo';\n    el.closeMediaSlider();\n\n    verifyClosed(el);\n  });\n\n  it('toggles media slider visibility and starts animation', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    const mediatype = 'foo';\n\n    el.selectedMenuOption = mediatype;\n    el.openMediaSlider();\n\n    verifyOpened(el, mediatype);\n  });\n\n  it('closes media slider if selected menu type is the open menu type', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    const mediatype = 'foo';\n\n    el.selectedMenuOption = mediatype;\n\n    const event = new CustomEvent('mediaTypeSelected', {\n      detail: {\n        mediatype,\n      },\n    });\n\n    el.mediaTypeSelected(event);\n\n    verifyClosed(el);\n  });\n\n  it('opens media slider menu and starts animation', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    const mediatype = 'foo';\n\n    const event = new CustomEvent('mediaTypeSelected', {\n      detail: {\n        mediatype,\n      },\n    });\n\n    el.mediaTypeSelected(event);\n\n    verifyOpened(el, mediatype);\n  });\n\n  it('closes slider when menu closed', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n\n    el.openMenu = 'media';\n    el.selectedMenuOption = 'foo';\n    el.mediaSliderOpen = true;\n    await el.updateComplete;\n\n    const event = new CustomEvent('menuToggled', {\n      detail: {\n        menuName: '',\n      },\n    });\n\n    el.menuToggled(event);\n    await el.updateComplete;\n\n    expect(el.selectedMenuOption).to.equal('');\n  });\n\n  it('toggles user menu tabindex when dropdown open', async () => {\n    const el = await fixture<IATopNav>(\n      html` <ia-topnav username=\"shaneriley\" ?localLinks=${false}></ia-topnav>`,\n    );\n\n    el.openMenu = 'user';\n    await el.updateComplete;\n\n    expect(\n      el.shadowRoot?.querySelector('user-menu')?.getAttribute('tabindex'),\n    ).to.equal('');\n  });\n\n  it('toggles signed out menu tabindex when dropdown open', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n\n    el.openMenu = 'login';\n    await el.updateComplete;\n\n    expect(\n      el.shadowRoot\n        ?.querySelector('signed-out-dropdown')\n        ?.getAttribute('tabindex'),\n    ).to.equal('');\n  });\n\n  it('toggles search menu when search toggle button clicked', async () => {\n    const el = await fixture<IATopNav>(html` <ia-topnav></ia-topnav>`);\n    (\n      el.shadowRoot\n        ?.querySelector('primary-nav')\n        ?.shadowRoot?.querySelector('.search-trigger') as HTMLButtonElement\n    ).click();\n    await el.updateComplete;\n\n    expect(el.openMenu).to.equal('search');\n  });\n\n  it('toggles user menu when search user avatar clicked', async () => {\n    const el = await fixture<IATopNav>(\n      html` <ia-topnav\n        username=\"shaneriley\"\n        screenName=\"shaneriley\"\n        ?localLinks=${false}\n      ></ia-topnav>`,\n    );\n\n    (\n      el.shadowRoot\n        ?.querySelector('primary-nav')\n        ?.shadowRoot?.querySelector('.user-menu') as HTMLButtonElement\n    ).click();\n    await el.updateComplete;\n\n    expect(el.openMenu).to.equal('user');\n  });\n\n  it('uses localLinks for archive.org logo link', async () => {\n    const el = await fixture<IATopNav>(\n      html` <ia-topnav ?localLinks=${false}></ia-topnav>`,\n    );\n    const logoLink = el.shadowRoot\n      ?.querySelector('primary-nav')\n      ?.shadowRoot?.querySelector('.link-home');\n    expect(logoLink?.getAttribute('href')).to.match(/\\/\\/archive\\.org/);\n  });\n\n  describe('sets localLinks properly', async () => {\n    it('uses localLinks to archive.org links on common child components', async () => {\n      const el = await fixture<IATopNav>(\n        html` <ia-topnav ?localLinks=${false}></ia-topnav>`,\n      );\n      const componentSelectors = [\n        'primary-nav',\n        'media-slider',\n        'desktop-subnav',\n      ];\n      componentSelectors.forEach((selector) => {\n        const component = el.shadowRoot?.querySelector(selector) as unknown as {\n          baseHost: string;\n        };\n        expect(component?.baseHost).to.equal('https://archive.org');\n      });\n    });\n\n    it('uses localLinks to archive.org links on the signed out dropdown', async () => {\n      const el = await fixture<IATopNav>(\n        html` <ia-topnav ?localLinks=${false}></ia-topnav>`,\n      );\n      const signedOutDropdown = el.shadowRoot?.querySelector(\n        'signed-out-dropdown',\n      ) as SignedOutDropdown;\n      expect(signedOutDropdown?.baseHost).to.equal('https://archive.org');\n    });\n\n    it('uses localLinks to archive.org links on the user dropdown', async () => {\n      const el = await fixture<IATopNav>(\n        html` <ia-topnav username=\"foopey\" ?localLinks=${false}></ia-topnav>`,\n      );\n      const signedOutDropdown = el.shadowRoot?.querySelector(\n        'user-menu',\n      ) as UserMenu;\n      expect(signedOutDropdown.baseHost).to.equal('https://archive.org');\n    });\n  });\n\n  describe('search slot', () => {\n    it('forwards search slot to primary-nav', async () => {\n      const el = await fixture<IATopNav>(html`<ia-topnav></ia-topnav>`);\n      await el.updateComplete;\n\n      const primaryNav = el.shadowRoot?.querySelector('primary-nav');\n      const slot = primaryNav?.querySelector('slot[name=\"search\"]');\n      expect(slot).to.exist;\n    });\n\n    it('does not render search-menu', async () => {\n      const el = await fixture<IATopNav>(html`<ia-topnav></ia-topnav>`);\n      await el.updateComplete;\n\n      expect(el.shadowRoot?.querySelector('search-menu')).to.not.exist;\n    });\n  });\n\n  describe('slot pass throughs', () => {\n    describe('slot for <primary-nav>', () => {\n      it('opens a slot with `secondIdentitySlotMode`', async () => {\n        const el = await fixture<IATopNav>(\n          html`<ia-topnav\n            ?localLinks=${false}\n            username=\"boop\"\n            screenName=\"somesuperlongscreenname\"\n            secondIdentitySlotMode=\"allow\"\n          ></ia-topnav>`,\n        );\n\n        const slot = el.shadowRoot\n          ?.querySelector('primary-nav')\n          ?.querySelector('slot[name=\"opt-sec-logo\"]');\n        expect(slot).to.exist;\n\n        el.secondIdentitySlotMode = '';\n        await elementUpdated(el);\n        const noSlot = el.shadowRoot\n          ?.querySelector('primary-nav')\n          ?.querySelector('slot[name=\"opt-sec-logo\"]');\n        expect(noSlot).to.not.exist;\n      });\n    });\n  });\n});\n"]}

package/dist/test/primary-nav.test.js

@@ -20,7 +20,7 @@ describe('<primary-nav>', () => {
         }));
         expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('login-button')).to.not.be.undefined;
     });
-    it('does not render search menu toggle and search form if hideSearch true', async () => {
+    it('does not render search trigger or search slot if hideSearch true', async () => {
         var _a, _b;
         const el = await fixture(component({
             baseHost: 'archive.org',
@@ -29,7 +29,36 @@ describe('<primary-nav>', () => {
             hideSearch: true,
         }));
         expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.search-trigger')).to.equal(null);
-        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('nav-search')).to.equal(null);
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.search-container')).to.not.exist;
+    });
+    it('renders search slot container', async () => {
+        var _a, _b;
+        const el = await fixture(component({
+            baseHost: 'archive.org',
+            username: 'testuser',
+            screenName: 'testuser',
+        }));
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.search-container')).to.exist;
+        const slot = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot[name="search"]');
+        expect(slot).to.exist;
+    });
+    it('renders search trigger button for mobile toggle', async () => {
+        var _a;
+        const el = await fixture(component({
+            baseHost: 'archive.org',
+            username: 'testuser',
+            screenName: 'testuser',
+        }));
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.search-trigger')).to.exist;
+    });
+    it('does not render nav-search', async () => {
+        var _a;
+        const el = await fixture(component({
+            baseHost: 'archive.org',
+            username: 'testuser',
+            screenName: 'testuser',
+        }));
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nav-search')).to.not.exist;
     });
     it('opens a slot with `secondIdentitySlotMode`', async () => {
         var _a, _b;

package/dist/test/primary-nav.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"primary-nav.test.js","sourceRoot":"","sources":["../../test/primary-nav.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  html,\n  fixture,\n  expect,\n  fixtureCleanup,\n  elementUpdated,\n} from '@open-wc/testing';\n\nimport '../src/primary-nav';\nimport { IATopNavConfig, IATopNavSecondIdentitySlotMode } from '../src/models';\nimport { PrimaryNav } from '../src/primary-nav';\n\nconst component = ({\n  baseHost = 'archive.org',\n  username = '',\n  screenName = '',\n  hideSearch = false,\n  config = {},\n  secondIdentitySlotMode = 'allow',\n}: {\n  baseHost?: string;\n  username?: string;\n  screenName?: string;\n  hideSearch?: boolean;\n  config?: IATopNavConfig;\n  secondIdentitySlotMode?: IATopNavSecondIdentitySlotMode;\n}) =>\n  html` <primary-nav\n    .baseHost=${baseHost}\n    .username=${username}\n    .screenName=${screenName}\n    ?hideSearch=${hideSearch}\n    .config=${config}\n    .secondIdentitySlotMode=${secondIdentitySlotMode}\n  ></primary-nav>`;\n\nafterEach(() => {\n  fixtureCleanup();\n});\n\ndescribe('<primary-nav>', () => {\n  it('renders the login link when no username present', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: '',\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('login-button')).to.not.be.undefined;\n  });\n\n  it('does not render search menu toggle and search form if hideSearch true', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'shaneriley',\n        screenName: 'shaneriley',\n        hideSearch: true,\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('.search-trigger')).to.equal(null);\n    expect(el.shadowRoot?.querySelector('nav-search')).to.equal(null);\n  });\n\n  it('opens a slot with `secondIdentitySlotMode`', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'boop',\n        screenName: 'somesuperlongscreenname',\n        secondIdentitySlotMode: 'allow',\n      }),\n    );\n\n    const brandingBlock = el.shadowRoot?.querySelector('div.branding');\n    expect(brandingBlock?.getAttribute('class')).to.contain(\n      'branding second-logo',\n    );\n\n    const slot = brandingBlock?.querySelector('slot');\n    expect(slot).to.exist;\n    expect(slot?.getAttribute('name')).to.equal('opt-sec-logo');\n\n    el.secondIdentitySlotMode = '';\n    await elementUpdated(el);\n    const noSlotBrandingBlock = el.shadowRoot?.querySelector('div.branding');\n    expect(noSlotBrandingBlock?.getAttribute('class')).to.contain('branding');\n\n    const noSlot = noSlotBrandingBlock?.querySelector('slot');\n    expect(noSlot).to.not.exist;\n  });\n});\n"]}
+{"version":3,"file":"primary-nav.test.js","sourceRoot":"","sources":["../../test/primary-nav.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  html,\n  fixture,\n  expect,\n  fixtureCleanup,\n  elementUpdated,\n} from '@open-wc/testing';\n\nimport '../src/primary-nav';\nimport { IATopNavConfig, IATopNavSecondIdentitySlotMode } from '../src/models';\nimport { PrimaryNav } from '../src/primary-nav';\n\nconst component = ({\n  baseHost = 'archive.org',\n  username = '',\n  screenName = '',\n  hideSearch = false,\n  config = {},\n  secondIdentitySlotMode = 'allow',\n}: {\n  baseHost?: string;\n  username?: string;\n  screenName?: string;\n  hideSearch?: boolean;\n  config?: IATopNavConfig;\n  secondIdentitySlotMode?: IATopNavSecondIdentitySlotMode;\n}) =>\n  html` <primary-nav\n    .baseHost=${baseHost}\n    .username=${username}\n    .screenName=${screenName}\n    ?hideSearch=${hideSearch}\n    .config=${config}\n    .secondIdentitySlotMode=${secondIdentitySlotMode}\n  ></primary-nav>`;\n\nafterEach(() => {\n  fixtureCleanup();\n});\n\ndescribe('<primary-nav>', () => {\n  it('renders the login link when no username present', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: '',\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('login-button')).to.not.be.undefined;\n  });\n\n  it('does not render search trigger or search slot if hideSearch true', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'shaneriley',\n        screenName: 'shaneriley',\n        hideSearch: true,\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('.search-trigger')).to.equal(null);\n    expect(el.shadowRoot?.querySelector('.search-container')).to.not.exist;\n  });\n\n  it('renders search slot container', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'testuser',\n        screenName: 'testuser',\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('.search-container')).to.exist;\n\n    const slot = el.shadowRoot?.querySelector<HTMLSlotElement>(\n      'slot[name=\"search\"]',\n    );\n    expect(slot).to.exist;\n  });\n\n  it('renders search trigger button for mobile toggle', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'testuser',\n        screenName: 'testuser',\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('.search-trigger')).to.exist;\n  });\n\n  it('does not render nav-search', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'testuser',\n        screenName: 'testuser',\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('nav-search')).to.not.exist;\n  });\n\n  it('opens a slot with `secondIdentitySlotMode`', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'boop',\n        screenName: 'somesuperlongscreenname',\n        secondIdentitySlotMode: 'allow',\n      }),\n    );\n\n    const brandingBlock = el.shadowRoot?.querySelector('div.branding');\n    expect(brandingBlock?.getAttribute('class')).to.contain(\n      'branding second-logo',\n    );\n\n    const slot = brandingBlock?.querySelector('slot');\n    expect(slot).to.exist;\n    expect(slot?.getAttribute('name')).to.equal('opt-sec-logo');\n\n    el.secondIdentitySlotMode = '';\n    await elementUpdated(el);\n    const noSlotBrandingBlock = el.shadowRoot?.querySelector('div.branding');\n    expect(noSlotBrandingBlock?.getAttribute('class')).to.contain('branding');\n\n    const noSlot = noSlotBrandingBlock?.querySelector('slot');\n    expect(noSlot).to.not.exist;\n  });\n});\n"]}