@internetarchive/ia-topnav 1.3.9 → 1.3.10-webdev-7394.1

package/dist/src/tracked-element.js

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+export default class TrackedElement extends LitElement {
+    trackClick(e) {
+        var _a, _b;
+        const event = (_b = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.eventClickTracking;
+        if (event === undefined)
+            return;
+        this.dispatchEvent(new CustomEvent('trackClick', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                event,
+            },
+        }));
+    }
+    trackSubmit(e) {
+        var _a, _b;
+        const event = (_b = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.eventSubmitTracking;
+        if (event === undefined)
+            return;
+        this.dispatchEvent(new CustomEvent('trackSubmit', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                event,
+            },
+        }));
+    }
+}
+//# sourceMappingURL=tracked-element.js.map

package/dist/src/tracked-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracked-element.js","sourceRoot":"","sources":["../../src/tracked-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,UAAU,CAAC,CAAQ;;QACjB,MAAM,KAAK,GAAG,MAAA,MAAC,CAAC,CAAC,aAA6B,0CAAE,OAAO,0CAAE,kBAAkB,CAAC;QAC5E,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QAChC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,YAAY,EAAE;YAC5B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,KAAK;aACN;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,CAAQ;;QAClB,MAAM,KAAK,GAAG,MAAA,MAAC,CAAC,CAAC,aAA6B,0CAAE,OAAO,0CACnD,mBAAmB,CAAC;QACxB,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QAChC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,aAAa,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,KAAK;aACN;SACF,CAAC,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { LitElement } from 'lit';\n\nexport default class TrackedElement extends LitElement {\n  trackClick(e: Event) {\n    const event = (e.currentTarget as HTMLElement)?.dataset?.eventClickTracking;\n    if (event === undefined) return;\n    this.dispatchEvent(\n      new CustomEvent('trackClick', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          event,\n        },\n      }),\n    );\n  }\n\n  trackSubmit(e: Event) {\n    const event = (e.currentTarget as HTMLElement)?.dataset\n      ?.eventSubmitTracking;\n    if (event === undefined) return;\n    this.dispatchEvent(\n      new CustomEvent('trackSubmit', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          event,\n        },\n      }),\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,10 @@
+import { CSSResult, PropertyValues } from 'lit';
+import DropdownMenu from './dropdown-menu';
+export default class UserMenu extends DropdownMenu {
+    username: string;
+    screenName: string;
+    private previousKeydownListener?;
+    static get styles(): CSSResult[];
+    updated(props: PropertyValues): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/src/user-menu.js

@@ -0,0 +1,60 @@
+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 KeyboardNavigation from './lib/keyboard-navigation';
+import { customElement, property } from 'lit/decorators.js';
+import { makeBooleanFromString } from './lib/makeBooleanString';
+let UserMenu = class UserMenu extends DropdownMenu {
+    constructor() {
+        super(...arguments);
+        this.username = '';
+        this.screenName = '';
+    }
+    static get styles() {
+        return [dropdownStyles, userMenuCSS];
+    }
+    updated(props) {
+        var _a;
+        if (props.has('open') && this.open) {
+            const container = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.nav-container');
+            if (container) {
+                const keyboardNavigation = new KeyboardNavigation(container, 'usermenu');
+                this.addEventListener('keydown', keyboardNavigation.handleKeyDown);
+                if (this.previousKeydownListener) {
+                    this.removeEventListener('keydown', this.previousKeydownListener);
+                }
+                this.previousKeydownListener = keyboardNavigation.handleKeyDown;
+            }
+        }
+    }
+    render() {
+        var _a, _b;
+        return html `
+      <div class="nav-container">
+        <nav
+          class="${this.menuClass}"
+          aria-hidden="${makeBooleanFromString((_a = this.ariaHidden) !== null && _a !== void 0 ? _a : 'true')}"
+          aria-expanded="${makeBooleanFromString((_b = this.ariaExpanded) !== null && _b !== void 0 ? _b : 'false')}"
+        >
+          <h3>${this.screenName}</h3>
+          <ul>
+            ${this.dropdownItems}
+          </ul>
+        </nav>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], UserMenu.prototype, "username", void 0);
+__decorate([
+    property({ type: String })
+], UserMenu.prototype, "screenName", void 0);
+UserMenu = __decorate([
+    customElement('user-menu')
+], UserMenu);
+export default UserMenu;
+//# sourceMappingURL=user-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu.js","sourceRoot":"","sources":["../../src/user-menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAa,IAAI,EAAkB,MAAM,KAAK,CAAC;AACtD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,cAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,kBAAkB,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGjD,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,YAAY;IAAnC;;QACe,aAAQ,GAAG,EAAE,CAAC;QACd,eAAU,GAAG,EAAE,CAAC;IA6C9C,CAAC;IAxCC,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,CAAC,KAAqB;;QAC3B,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACnC,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CAC9C,gBAAgB,CACF,CAAC;YAEjB,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,kBAAkB,GAAG,IAAI,kBAAkB,CAC/C,SAAS,EACT,UAAU,CACX,CAAC;gBACF,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;gBACnE,IAAI,IAAI,CAAC,uBAAuB,EAAE,CAAC;oBACjC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;gBACpE,CAAC;gBACD,IAAI,CAAC,uBAAuB,GAAG,kBAAkB,CAAC,aAAa,CAAC;YAClE,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM;;QACJ,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,SAAS;yBACR,qBAAqB,CAAC,MAAA,IAAI,CAAC,UAAU,mCAAI,MAAM,CAAC;2BAC9C,qBAAqB,CAAC,MAAA,IAAI,CAAC,YAAY,mCAAI,OAAO,CAAC;;gBAE9D,IAAI,CAAC,UAAU;;cAEjB,IAAI,CAAC,aAAa;;;;KAI3B,CAAC;IACJ,CAAC;CACF,CAAA;AA9C6B;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,CA+C5B;eA/CoB,QAAQ","sourcesContent":["import { CSSResult, html, PropertyValues } from 'lit';\nimport DropdownMenu from './dropdown-menu';\nimport userMenuCSS from './styles/user-menu';\nimport dropdownStyles from './styles/dropdown-menu';\nimport KeyboardNavigation from './lib/keyboard-navigation';\nimport { customElement, property } from 'lit/decorators.js';\nimport { makeBooleanFromString } from './lib/makeBooleanString';\n\n@customElement('user-menu')\nexport default class UserMenu extends DropdownMenu {\n  @property({ type: String }) username = '';\n  @property({ type: String }) screenName = '';\n\n  private previousKeydownListener?: // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (this: HTMLElement, ev: KeyboardEvent) => any;\n\n  static get styles(): CSSResult[] {\n    return [dropdownStyles, userMenuCSS];\n  }\n\n  updated(props: PropertyValues) {\n    if (props.has('open') && this.open) {\n      const container = this.shadowRoot?.querySelector(\n        '.nav-container',\n      ) as HTMLElement;\n\n      if (container) {\n        const keyboardNavigation = new KeyboardNavigation(\n          container,\n          'usermenu',\n        );\n        this.addEventListener('keydown', keyboardNavigation.handleKeyDown);\n        if (this.previousKeydownListener) {\n          this.removeEventListener('keydown', this.previousKeydownListener);\n        }\n        this.previousKeydownListener = keyboardNavigation.handleKeyDown;\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"nav-container\">\n        <nav\n          class=\"${this.menuClass}\"\n          aria-hidden=\"${makeBooleanFromString(this.ariaHidden ?? 'true')}\"\n          aria-expanded=\"${makeBooleanFromString(this.ariaExpanded ?? 'false')}\"\n        >\n          <h3>${this.screenName}</h3>\n          <ul>\n            ${this.dropdownItems}\n          </ul>\n        </nav>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/wayback-search.d.ts

@@ -0,0 +1,4 @@
+import WaybackSearch from '@internetarchive/ia-wayback-search';
+export default class NavWaybackSearch extends WaybackSearch {
+    static get styles(): import("lit").CSSResultGroup[];
+}

package/dist/src/wayback-search.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import WaybackSearch from '@internetarchive/ia-wayback-search';
+import waybackSearchCSS from './styles/wayback-search';
+import { customElement } from 'lit/decorators.js';
+let NavWaybackSearch = class NavWaybackSearch extends WaybackSearch {
+    static get styles() {
+        return [WaybackSearch.styles, waybackSearchCSS];
+    }
+};
+NavWaybackSearch = __decorate([
+    customElement('wayback-search')
+], NavWaybackSearch);
+export default NavWaybackSearch;
+//# sourceMappingURL=wayback-search.js.map

package/dist/src/wayback-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wayback-search.js","sourceRoot":"","sources":["../../src/wayback-search.ts"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAC/D,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGnC,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,aAAa;IACzD,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAClD,CAAC;CACF,CAAA;AAJoB,gBAAgB;IADpC,aAAa,CAAC,gBAAgB,CAAC;GACX,gBAAgB,CAIpC;eAJoB,gBAAgB","sourcesContent":["import WaybackSearch from '@internetarchive/ia-wayback-search';\nimport waybackSearchCSS from './styles/wayback-search';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('wayback-search')\nexport default class NavWaybackSearch extends WaybackSearch {\n  static get styles() {\n    return [WaybackSearch.styles, waybackSearchCSS];\n  }\n}\n"]}

package/dist/src/wayback-slider.d.ts

@@ -0,0 +1,18 @@
+import './wayback-search';
+import TrackedElement from './tracked-element';
+import './save-page-form';
+import { IATopNavConfig, IATopNavLink } from './models';
+export declare class WaybackSlider extends TrackedElement {
+    archiveItLinks: IATopNavLink[];
+    baseHost: string;
+    browserExtensionsLinks: IATopNavLink[];
+    config: IATopNavConfig;
+    mobileAppsLinks: IATopNavLink[];
+    static get styles(): import("lit").CSSResult[];
+    get mobileAppsItems(): import("lit").TemplateResult<1>[];
+    get browserExtensionsItems(): import("lit").TemplateResult<1>[];
+    get archiveItItems(): import("lit").TemplateResult<1>[];
+    private linkList;
+    analyticsEvent(title: string): string;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/src/wayback-slider.js

@@ -0,0 +1,99 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import './wayback-search';
+import TrackedElement from './tracked-element';
+import './save-page-form';
+import queryHandler from './lib/query-handler';
+import waybackSliderCSS from './styles/wayback-slider';
+import toSentenceCase from './lib/toSentenceCase';
+import formatUrl from './lib/formatUrl';
+import { customElement, property } from 'lit/decorators.js';
+import { defaultTopNavConfig } from './data/menus';
+let WaybackSlider = class WaybackSlider extends TrackedElement {
+    constructor() {
+        super(...arguments);
+        this.archiveItLinks = [];
+        this.baseHost = '';
+        this.browserExtensionsLinks = [];
+        this.config = defaultTopNavConfig;
+        this.mobileAppsLinks = [];
+    }
+    static get styles() {
+        return waybackSliderCSS;
+    }
+    get mobileAppsItems() {
+        return this.linkList(this.mobileAppsLinks, 'Wayback');
+    }
+    get browserExtensionsItems() {
+        return this.linkList(this.browserExtensionsLinks, 'Wayback');
+    }
+    get archiveItItems() {
+        return this.linkList(this.archiveItLinks, 'ArchiveIt');
+    }
+    linkList(links, eventPrefix) {
+        return links.map((link) => html `<li>
+          <a
+            .href=${formatUrl(link.url, this.baseHost)}
+            @click=${this.trackClick}
+            data-event-click-tracking="${this.analyticsEvent(`${eventPrefix}${link.title}`)}"
+            target=${link.external ? '_blank' : ''}
+            rel=${link.external ? 'noreferrer noopener' : ''}
+            >${link.title}</a
+          >
+        </li>`);
+    }
+    analyticsEvent(title) {
+        var _a;
+        return `${(_a = this.config) === null || _a === void 0 ? void 0 : _a.eventCategory}|${toSentenceCase(title)}`;
+    }
+    render() {
+        var _a;
+        return html `
+      <div class="grid">
+        <wayback-search
+          .waybackPagesArchived=${(_a = this.config.waybackPagesArchived) !== null && _a !== void 0 ? _a : ''}
+          .queryHandler=${queryHandler}
+        ></wayback-search>
+        <div class="link-lists">
+          <div>
+            <h4>Mobile Apps</h4>
+            <ul class="mobile-apps">
+              ${this.mobileAppsItems}
+            </ul>
+            <h4>Browser Extensions</h4>
+            <ul class="browser-extensions">
+              ${this.browserExtensionsItems}
+            </ul>
+          </div>
+          <div>
+            <h4>Archive-It Subscription</h4>
+            <ul class="archive-it">
+              ${this.archiveItItems}
+            </ul>
+          </div>
+        </div>
+        <save-page-form .config=${this.config}></save-page-form>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], WaybackSlider.prototype, "archiveItLinks", void 0);
+__decorate([
+    property({ type: String })
+], WaybackSlider.prototype, "baseHost", void 0);
+__decorate([
+    property({ type: Array })
+], WaybackSlider.prototype, "browserExtensionsLinks", void 0);
+__decorate([
+    property({ type: Object })
+], WaybackSlider.prototype, "config", void 0);
+__decorate([
+    property({ type: Array })
+], WaybackSlider.prototype, "mobileAppsLinks", void 0);
+WaybackSlider = __decorate([
+    customElement('wayback-slider')
+], WaybackSlider);
+export { WaybackSlider };
+//# sourceMappingURL=wayback-slider.js.map

package/dist/src/wayback-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wayback-slider.js","sourceRoot":"","sources":["../../src/wayback-slider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAG5C,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,cAAc;IAA1C;;QACsB,mBAAc,GAAmB,EAAE,CAAC;QACnC,aAAQ,GAAG,EAAE,CAAC;QACf,2BAAsB,GAAmB,EAAE,CAAC;QAC3C,WAAM,GAAmB,mBAAmB,CAAC;QAC9C,oBAAe,GAAmB,EAAE,CAAC;IAqElE,CAAC;IAnEC,MAAM,KAAK,MAAM;QACf,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,sBAAsB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IACzD,CAAC;IAEO,QAAQ,CAAC,KAAqB,EAAE,WAAmB;QACzD,OAAO,KAAK,CAAC,GAAG,CACd,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,CAAA;;oBAEQ,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC;qBACjC,IAAI,CAAC,UAAU;yCACK,IAAI,CAAC,cAAc,CAC9C,GAAG,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAC9B;qBACQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;kBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;eAC7C,IAAI,CAAC,KAAK;;cAEX,CACT,CAAC;IACJ,CAAC;IAED,cAAc,CAAC,KAAa;;QAC1B,OAAO,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,aAAa,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;IAClE,CAAC;IAED,MAAM;;QACJ,OAAO,IAAI,CAAA;;;kCAGmB,MAAA,IAAI,CAAC,MAAM,CAAC,oBAAoB,mCAAI,EAAE;0BAC9C,YAAY;;;;;;gBAMtB,IAAI,CAAC,eAAe;;;;gBAIpB,IAAI,CAAC,sBAAsB;;;;;;gBAM3B,IAAI,CAAC,cAAc;;;;kCAID,IAAI,CAAC,MAAM;;KAExC,CAAC;IACJ,CAAC;CACF,CAAA;AAzE4B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;qDAAqC;AACnC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAe;AACf;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;6DAA6C;AAC3C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAA8C;AAC9C;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sDAAsC;AALrD,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA0EzB","sourcesContent":["import { html } from 'lit';\nimport './wayback-search';\nimport TrackedElement from './tracked-element';\nimport './save-page-form';\nimport queryHandler from './lib/query-handler';\nimport waybackSliderCSS from './styles/wayback-slider';\nimport toSentenceCase from './lib/toSentenceCase';\nimport formatUrl from './lib/formatUrl';\nimport { customElement, property } from 'lit/decorators.js';\nimport { IATopNavConfig, IATopNavLink } from './models';\nimport { defaultTopNavConfig } from './data/menus';\n\n@customElement('wayback-slider')\nexport class WaybackSlider extends TrackedElement {\n  @property({ type: Array }) archiveItLinks: IATopNavLink[] = [];\n  @property({ type: String }) baseHost = '';\n  @property({ type: Array }) browserExtensionsLinks: IATopNavLink[] = [];\n  @property({ type: Object }) config: IATopNavConfig = defaultTopNavConfig;\n  @property({ type: Array }) mobileAppsLinks: IATopNavLink[] = [];\n\n  static get styles() {\n    return waybackSliderCSS;\n  }\n\n  get mobileAppsItems() {\n    return this.linkList(this.mobileAppsLinks, 'Wayback');\n  }\n\n  get browserExtensionsItems() {\n    return this.linkList(this.browserExtensionsLinks, 'Wayback');\n  }\n\n  get archiveItItems() {\n    return this.linkList(this.archiveItLinks, 'ArchiveIt');\n  }\n\n  private linkList(links: IATopNavLink[], eventPrefix: string) {\n    return links.map(\n      (link) =>\n        html`<li>\n          <a\n            .href=${formatUrl(link.url, this.baseHost)}\n            @click=${this.trackClick}\n            data-event-click-tracking=\"${this.analyticsEvent(\n              `${eventPrefix}${link.title}`,\n            )}\"\n            target=${link.external ? '_blank' : ''}\n            rel=${link.external ? 'noreferrer noopener' : ''}\n            >${link.title}</a\n          >\n        </li>`,\n    );\n  }\n\n  analyticsEvent(title: string) {\n    return `${this.config?.eventCategory}|${toSentenceCase(title)}`;\n  }\n\n  render() {\n    return html`\n      <div class=\"grid\">\n        <wayback-search\n          .waybackPagesArchived=${this.config.waybackPagesArchived ?? ''}\n          .queryHandler=${queryHandler}\n        ></wayback-search>\n        <div class=\"link-lists\">\n          <div>\n            <h4>Mobile Apps</h4>\n            <ul class=\"mobile-apps\">\n              ${this.mobileAppsItems}\n            </ul>\n            <h4>Browser Extensions</h4>\n            <ul class=\"browser-extensions\">\n              ${this.browserExtensionsItems}\n            </ul>\n          </div>\n          <div>\n            <h4>Archive-It Subscription</h4>\n            <ul class=\"archive-it\">\n              ${this.archiveItItems}\n            </ul>\n          </div>\n        </div>\n        <save-page-form .config=${this.config}></save-page-form>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/test/assets/img/hamburger.test.d.ts

@@ -0,0 +1 @@
+import '../../../src/assets/img/hamburger';

package/dist/test/assets/img/hamburger.test.js

@@ -0,0 +1,13 @@
+import { html, fixture, expect } from '@open-wc/testing';
+import '../../../src/assets/img/hamburger';
+describe('<icon-hamburger>', () => {
+    it('toggles close icon when property toggled', async () => {
+        var _a;
+        const icon = await fixture(html `<icon-hamburger></icon-hamburger>`);
+        icon.active = true;
+        await icon.updateComplete;
+        const titleElement = (_a = icon.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg title');
+        expect(titleElement === null || titleElement === void 0 ? void 0 : titleElement.getAttribute('id')).to.match(/close/);
+    });
+});
+//# sourceMappingURL=hamburger.test.js.map

package/dist/test/assets/img/hamburger.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hamburger.test.js","sourceRoot":"","sources":["../../../../test/assets/img/hamburger.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAG3C,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;;QACxD,MAAM,IAAI,GAAG,MAAM,OAAO,CACxB,IAAI,CAAA,mCAAmC,CACxC,CAAC;QAEF,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,MAAM,YAAY,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAEjE,MAAM,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport '../../../src/assets/img/hamburger';\nimport { HamBurger } from '../../../src/assets/img/hamburger';\n\ndescribe('<icon-hamburger>', () => {\n  it('toggles close icon when property toggled', async () => {\n    const icon = await fixture<HamBurger>(\n      html`<icon-hamburger></icon-hamburger>`,\n    );\n\n    icon.active = true;\n    await icon.updateComplete;\n\n    const titleElement = icon.shadowRoot?.querySelector('svg title');\n\n    expect(titleElement?.getAttribute('id')).to.match(/close/);\n  });\n});\n"]}

package/dist/test/data/menus.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/data/menus.test.js

@@ -0,0 +1,11 @@
+import { buildTopNavMenus } from '../../src/data/menus';
+describe('Menu data', () => {
+    it('returns a collection for each media category', () => {
+        const menus = buildTopNavMenus();
+        ['texts', 'video', 'audio', 'software', 'images', 'user', 'more'].forEach((category) => {
+            const menus = buildTopNavMenus();
+            // expect(menus[category]).to.not.be.undefined;
+        });
+    });
+});
+//# sourceMappingURL=menus.test.js.map

package/dist/test/data/menus.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus.test.js","sourceRoot":"","sources":["../../../test/data/menus.test.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;QAEjC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,OAAO,CACvE,CAAC,QAAQ,EAAE,EAAE;YACX,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;YACjC,+CAA+C;QACjD,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { buildTopNavMenus } from '../../src/data/menus';\n\ndescribe('Menu data', () => {\n  it('returns a collection for each media category', () => {\n    const menus = buildTopNavMenus();\n\n    ['texts', 'video', 'audio', 'software', 'images', 'user', 'more'].forEach(\n      (category) => {\n        const menus = buildTopNavMenus();\n        // expect(menus[category]).to.not.be.undefined;\n      },\n    );\n  });\n});\n"]}

package/dist/test/dropdown-menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/dropdown-menu.test.js

@@ -0,0 +1,20 @@
+import { html, fixture, expect } from '@open-wc/testing';
+import DropdownMenu from '../src/dropdown-menu';
+customElements.define('dropdown-menu', DropdownMenu);
+const component = html `<dropdown-menu></dropdown-menu>`;
+describe('<dropdown-menu>', () => {
+    it('sets default properties', async () => {
+        const el = await fixture(component);
+        expect(el.animated).to.be.false;
+        expect(el.open).to.be.false;
+        expect(el.menuItems.length).to.equal(0);
+    });
+    it('renders a closed class if component is animating', async () => {
+        var _a;
+        const el = await fixture(component);
+        el.animated = true;
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.closed')).to.not.be.undefined;
+    });
+});
+//# sourceMappingURL=dropdown-menu.test.js.map

package/dist/test/dropdown-menu.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.test.js","sourceRoot":"","sources":["../../test/dropdown-menu.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAEhD,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAErD,MAAM,SAAS,GAAG,IAAI,CAAA,iCAAiC,CAAC;AAExD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAe,SAAS,CAAC,CAAC;QAClD,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAChC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAe,SAAS,CAAC,CAAC;QAClD,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC;QACnB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\n\nimport DropdownMenu from '../src/dropdown-menu';\n\ncustomElements.define('dropdown-menu', DropdownMenu);\n\nconst component = html`<dropdown-menu></dropdown-menu>`;\n\ndescribe('<dropdown-menu>', () => {\n  it('sets default properties', async () => {\n    const el = await fixture<DropdownMenu>(component);\n    expect(el.animated).to.be.false;\n    expect(el.open).to.be.false;\n    expect(el.menuItems.length).to.equal(0);\n  });\n\n  it('renders a closed class if component is animating', async () => {\n    const el = await fixture<DropdownMenu>(component);\n    el.animated = true;\n    await el.updateComplete;\n    expect(el.shadowRoot?.querySelector('.closed')).to.not.be.undefined;\n  });\n});\n"]}

package/dist/test/ia-icon.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,11 @@
+import { html, fixture, expect } from '@open-wc/testing';
+describe('<ia-icon>', () => {
+    it('renders an icon with a fill color', async () => {
+        const iconType = 'web';
+        // const fill = '#999';
+        const iaIcon = await fixture(html `<ia-icon .icon=${iconType}></ia-icon>`);
+        expect(iaIcon.icon).to.equal(iconType);
+        // expect(iaIcon.fill).to.equal(fill);
+    });
+});
+//# sourceMappingURL=ia-icon.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ia-icon.test.js","sourceRoot":"","sources":["../../test/ia-icon.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAGzD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,QAAQ,GAAG,KAAK,CAAC;QACvB,uBAAuB;QACvB,MAAM,MAAM,GAAG,MAAM,OAAO,CAC1B,IAAI,CAAA,kBAAkB,QAAQ,aAAa,CAC5C,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvC,sCAAsC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { IAIcon } from '../src/assets/img/ia-icon';\n\ndescribe('<ia-icon>', () => {\n  it('renders an icon with a fill color', async () => {\n    const iconType = 'web';\n    // const fill = '#999';\n    const iaIcon = await fixture<IAIcon>(\n      html`<ia-icon .icon=${iconType}></ia-icon>`,\n    );\n\n    expect(iaIcon.icon).to.equal(iconType);\n    // expect(iaIcon.fill).to.equal(fill);\n  });\n});\n"]}

package/dist/test/ia-topnav.test.d.ts

@@ -0,0 +1 @@
+import '../src/ia-topnav';

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

@@ -0,0 +1,232 @@
+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('');
+};
+const verifyOpened = (instance, mediatype) => {
+    expect(instance.mediaSliderOpen).to.be.true;
+    expect(instance.selectedMenuOption).to.equal(mediatype);
+};
+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');
+        setTimeout(() => {
+            var _a, _b, _c, _d;
+            return (_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('.hamburger')) === null || _d === void 0 ? void 0 : _d.dispatchEvent(clickEvent);
+        });
+        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';
+        el.selectedMenuOption = 'texts';
+        el.mediaSliderOpen = true;
+        await el.updateComplete;
+        el.closeMenus();
+        await el.updateComplete;
+        expect(el.mediaSliderOpen).to.be.false;
+        expect(el.openMenu).to.equal('');
+        expect(el.selectedMenuOption).to.equal('');
+    });
+    it('sets media slider to closed', async () => {
+        const el = await fixture(html ` <ia-topnav></ia-topnav>`);
+        el.mediaSliderOpen = true;
+        el.selectedMenuOption = 'foo';
+        el.closeMediaSlider();
+        verifyClosed(el);
+    });
+    it('toggles media slider visibility and starts animation', async () => {
+        const el = await fixture(html ` <ia-topnav></ia-topnav>`);
+        const mediatype = 'foo';
+        el.selectedMenuOption = mediatype;
+        el.openMediaSlider();
+        verifyOpened(el, mediatype);
+    });
+    it('closes media slider if selected menu type is the open menu type', async () => {
+        const el = await fixture(html ` <ia-topnav></ia-topnav>`);
+        const mediatype = 'foo';
+        el.selectedMenuOption = mediatype;
+        const event = new CustomEvent('mediaTypeSelected', {
+            detail: {
+                mediatype,
+            },
+        });
+        el.mediaTypeSelected(event);
+        verifyClosed(el);
+    });
+    it('opens media slider menu and starts animation', async () => {
+        const el = await fixture(html ` <ia-topnav></ia-topnav>`);
+        const mediatype = 'foo';
+        const event = new CustomEvent('mediaTypeSelected', {
+            detail: {
+                mediatype,
+            },
+        });
+        el.mediaTypeSelected(event);
+        verifyOpened(el, mediatype);
+    });
+    it('closes slider when menu closed', async () => {
+        const el = await fixture(html ` <ia-topnav></ia-topnav>`);
+        el.openMenu = 'media';
+        el.selectedMenuOption = 'foo';
+        el.mediaSliderOpen = true;
+        await el.updateComplete;
+        const event = new CustomEvent('menuToggled', {
+            detail: {
+                menuName: '',
+            },
+        });
+        el.menuToggled(event);
+        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>`);
+        el.openMenu = 'user';
+        await el.updateComplete;
+        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('user-menu')) === null || _b === void 0 ? void 0 : _b.getAttribute('tabindex')).to.equal('');
+    });
+    it('toggles signed out menu tabindex when dropdown open', async () => {
+        var _a, _b;
+        const el = await fixture(html ` <ia-topnav></ia-topnav>`);
+        el.openMenu = 'login';
+        await el.updateComplete;
+        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('signed-out-dropdown')) === null || _b === void 0 ? void 0 : _b.getAttribute('tabindex')).to.equal('');
+    });
+    it('toggles search menu when search toggle button clicked', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html ` <ia-topnav></ia-topnav>`);
+        ((_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('.search-trigger')).click();
+        await el.updateComplete;
+        expect(el.openMenu).to.equal('search');
+    });
+    it('toggles user menu when search user avatar clicked', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html ` <ia-topnav
+        username="shaneriley"
+        screenName="shaneriley"
+        ?localLinks=${false}
+      ></ia-topnav>`);
+        ((_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('.user-menu')).click();
+        await el.updateComplete;
+        expect(el.openMenu).to.equal('user');
+    });
+    it('uses localLinks for archive.org logo link', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html ` <ia-topnav ?localLinks=${false}></ia-topnav>`);
+        const logoLink = (_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('.link-home');
+        expect(logoLink === null || logoLink === void 0 ? void 0 : logoLink.getAttribute('href')).to.match(/\/\/archive\.org/);
+    });
+    describe('sets localLinks properly', async () => {
+        it('uses localLinks to archive.org links on common child components', async () => {
+            const el = await fixture(html ` <ia-topnav ?localLinks=${false}></ia-topnav>`);
+            const componentSelectors = [
+                'primary-nav',
+                'media-slider',
+                'desktop-subnav',
+                'search-menu',
+            ];
+            componentSelectors.forEach((selector) => {
+                var _a;
+                const component = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
+                expect(component === null || component === void 0 ? void 0 : component.baseHost).to.equal('https://archive.org');
+            });
+        });
+        it('uses localLinks to archive.org links on the signed out dropdown', async () => {
+            var _a;
+            const el = await fixture(html ` <ia-topnav ?localLinks=${false}></ia-topnav>`);
+            const signedOutDropdown = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('signed-out-dropdown');
+            expect(signedOutDropdown === null || signedOutDropdown === void 0 ? void 0 : signedOutDropdown.baseHost).to.equal('https://archive.org');
+        });
+        it('uses localLinks to archive.org links on the user dropdown', async () => {
+            var _a;
+            const el = await fixture(html ` <ia-topnav username="foopey" ?localLinks=${false}></ia-topnav>`);
+            const signedOutDropdown = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('user-menu');
+            expect(signedOutDropdown.baseHost).to.equal('https://archive.org');
+        });
+    });
+    describe('slot pass throughs', () => {
+        describe('slot for <primary-nav>', () => {
+            it('opens a slot with `secondIdentitySlotMode`', async () => {
+                var _a, _b, _c, _d;
+                const el = await fixture(html `<ia-topnav
+            ?localLinks=${false}
+            username="boop"
+            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');
+                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');
+                expect(noSlot).to.not.exist;
+            });
+        });
+    });
+});
+//# sourceMappingURL=ia-topnav.test.js.map