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

package/dist/src/primary-nav.js

@@ -0,0 +1,280 @@
+import { __decorate } from "tslib";
+import { html, nothing } from 'lit';
+import TrackedElement from './tracked-element';
+import icons from './assets/img/icons';
+import './assets/img/hamburger';
+import './login-button';
+import './nav-search';
+import './media-menu';
+import logoWordmarkStacked from './assets/img/wordmark-stacked';
+import primaryNavCSS from './styles/primary-nav';
+import locationHandler from './lib/location-handler';
+import formatUrl from './lib/formatUrl';
+import { customElement, property } from 'lit/decorators.js';
+import { defaultTopNavConfig } from './data/menus';
+let PrimaryNav = class PrimaryNav extends TrackedElement {
+    constructor() {
+        super(...arguments);
+        this.mediaBaseHost = 'https://archive.org';
+        this.baseHost = '';
+        this.hideSearch = false;
+        this.config = defaultTopNavConfig;
+        this.openMenu = '';
+        this.screenName = '';
+        this.searchIn = '';
+        this.searchQuery = '';
+        this.secondIdentitySlotMode = '';
+        this.selectedMenuOption = '';
+        this.signedOutMenuOpen = false;
+        this.userMenuOpen = false;
+        this.mediaMenuAnimate = false;
+        this.username = '';
+        this.userProfileImagePath = '';
+    }
+    static get styles() {
+        return primaryNavCSS;
+    }
+    toggleMediaMenu(e) {
+        this.trackClick(e);
+        this.dispatchEvent(new CustomEvent('menuToggled', {
+            detail: {
+                menuName: 'media',
+            },
+        }));
+    }
+    toggleSearchMenu(e) {
+        this.trackClick(e);
+        this.dispatchEvent(new CustomEvent('menuToggled', {
+            detail: {
+                menuName: 'search',
+            },
+        }));
+    }
+    toggleUserMenu(e) {
+        this.trackClick(e);
+        this.dispatchEvent(new CustomEvent('menuToggled', {
+            detail: {
+                menuName: 'user',
+            },
+        }));
+    }
+    updated(props) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        if (props.has('currentTab')) {
+            // early return
+            if (!this.currentTab || Object.keys(this.currentTab).length === 0)
+                return nothing;
+            const isUserMenuTab = this.currentTab && this.currentTab.mediatype === 'usermenu';
+            if (isUserMenuTab) {
+                const mediaButtons = Array.from((_d = (_c = (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('media-menu')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll('media-button')) !== null && _d !== void 0 ? _d : []);
+                const lastMediaButton = mediaButtons.filter((element) => {
+                    var _a, _b;
+                    return (_b = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('a')) === null || _b === void 0 ? void 0 : _b.classList.contains('images');
+                });
+                const focusElement = this.currentTab.moveTo === 'next'
+                    ? (_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('a.upload')
+                    : (_g = (_f = lastMediaButton[0]) === null || _f === void 0 ? void 0 : _f.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelector('a.menu-item');
+                if (focusElement) {
+                    focusElement.focus();
+                }
+            }
+            else if (this.currentTab.moveTo === 'next') {
+                if ((_h = this.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('.user-menu')) {
+                    ((_j = this.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('.user-menu')).focus();
+                }
+                else {
+                    (_o = (_m = (_l = (_k = this.shadowRoot) === null || _k === void 0 ? void 0 : _k.querySelector('login-button')) === null || _l === void 0 ? void 0 : _l.shadowRoot) === null || _m === void 0 ? void 0 : _m.querySelectorAll('span a')[0]) === null || _o === void 0 ? void 0 : _o.focus();
+                }
+            }
+        }
+    }
+    get userIcon() {
+        var _a;
+        const userMenuClass = this.openMenu === 'user' ? 'active' : '';
+        const userMenuToolTip = this.openMenu === 'user' ? 'Close user menu' : 'Expand user menu';
+        return html `
+      <button
+        class="user-menu ${userMenuClass}"
+        title="${userMenuToolTip}"
+        @click="${this.toggleUserMenu}"
+        data-event-click-tracking="${(_a = this.config) === null || _a === void 0 ? void 0 : _a.eventCategory}|NavUserMenu"
+      >
+        <img
+          src="${this.mediaBaseHost}${this.userProfileImagePath}"
+          alt="${this.screenName}"
+        />
+        <span class="screen-name" dir="auto">${this.screenName}</span>
+      </button>
+    `;
+    }
+    get loginIcon() {
+        return html `
+      <login-button
+        .baseHost=${this.baseHost}
+        .config=${this.config}
+        .dropdownOpen=${this.signedOutMenuOpen}
+        .openMenu=${this.openMenu}
+        @signedOutMenuToggled=${this.signedOutMenuToggled}
+      ></login-button>
+    `;
+    }
+    get searchMenuOpen() {
+        return this.openMenu === 'search';
+    }
+    get allowSecondaryIcon() {
+        return this.secondIdentitySlotMode === 'allow';
+    }
+    get searchMenu() {
+        var _a;
+        if (this.hideSearch)
+            return nothing;
+        return html `
+      <button
+        class="search-trigger"
+        @click="${this.toggleSearchMenu}"
+        data-event-click-tracking="${(_a = this.config) === null || _a === void 0 ? void 0 : _a.eventCategory}|NavSearchOpen"
+      >
+        ${icons.search}
+      </button>
+      <nav-search
+        .baseHost=${this.baseHost}
+        .config=${this.config}
+        .locationHandler=${locationHandler}
+        .open=${this.searchMenuOpen}
+        .openMenu=${this.openMenu}
+        .searchIn=${this.searchIn}
+        .searchQuery=${this.searchQuery}
+      ></nav-search>
+    `;
+    }
+    get mobileDonateHeart() {
+        return html `
+      <a
+        class="mobile-donate-link"
+        .href=${formatUrl('/donate/?origin=iawww-mbhrt', this.baseHost)}
+      >
+        ${icons.donateUnpadded}
+        <span class="sr-only">"Donate to the archive"</span>
+      </a>
+    `;
+    }
+    get uploadButtonTemplate() {
+        return html ` <a
+      .href="${formatUrl('/create', this.baseHost)}"
+      class="upload"
+      @focus=${this.toggleMediaMenu}
+    >
+      ${icons.upload}
+      <span>Upload</span>
+    </a>`;
+    }
+    get userStateTemplate() {
+        return html `<div class="user-info">
+      ${this.username ? this.userIcon : this.loginIcon}
+    </div>`;
+    }
+    get secondLogoSlot() {
+        return this.allowSecondaryIcon
+            ? html `
+          <slot name="opt-sec-logo"></slot>
+          <slot name="opt-sec-logo-mobile"></slot>
+        `
+            : nothing;
+    }
+    get secondLogoClass() {
+        return this.allowSecondaryIcon ? 'second-logo' : '';
+    }
+    render() {
+        var _a, _b;
+        // const mediaMenuTabIndex = this.openMenu === 'media' ? '' : '-1';
+        return html `
+      <nav class=${this.hideSearch ? 'hide-search' : ''}>
+        <button
+          class="hamburger"
+          @click="${this.toggleMediaMenu}"
+          data-event-click-tracking="${(_a = this.config) === null || _a === void 0 ? void 0 : _a.eventCategory}|NavHamburger"
+          title="Open main menu"
+        >
+          <icon-hamburger ?active=${this.openMenu === 'media'}></icon-hamburger>
+        </button>
+
+        <div class=${`branding ${this.secondLogoClass}`}>
+          <a
+            .href=${formatUrl('/', this.baseHost)}
+            @click=${this.trackClick}
+            data-event-click-tracking="${(_b = this.config) === null || _b === void 0 ? void 0 : _b.eventCategory}|NavHome"
+            title="Go home"
+            class="link-home"
+            >${icons.iaLogo}${logoWordmarkStacked}</a
+          >
+          ${this.secondLogoSlot}
+        </div>
+        <media-menu
+          .baseHost=${this.baseHost}
+          .config=${this.config}
+          ?mediaMenuAnimate=${this.mediaMenuAnimate}
+          .selectedMenuOption=${this.selectedMenuOption}
+          .openMenu=${this.openMenu}
+          .currentTab=${this.currentTab}
+        ></media-menu>
+        <div class="right-side-section">
+          ${this.mobileDonateHeart} ${this.userStateTemplate}
+          ${this.uploadButtonTemplate} ${this.searchMenu}
+        </div>
+      </nav>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], PrimaryNav.prototype, "mediaBaseHost", void 0);
+__decorate([
+    property({ type: String })
+], PrimaryNav.prototype, "baseHost", void 0);
+__decorate([
+    property({ type: Boolean })
+], PrimaryNav.prototype, "hideSearch", void 0);
+__decorate([
+    property({ type: Object })
+], PrimaryNav.prototype, "config", void 0);
+__decorate([
+    property({ type: String })
+], PrimaryNav.prototype, "openMenu", void 0);
+__decorate([
+    property({ type: String })
+], PrimaryNav.prototype, "screenName", void 0);
+__decorate([
+    property({ type: String })
+], PrimaryNav.prototype, "searchIn", void 0);
+__decorate([
+    property({ type: String })
+], PrimaryNav.prototype, "searchQuery", void 0);
+__decorate([
+    property({ type: String })
+], PrimaryNav.prototype, "secondIdentitySlotMode", void 0);
+__decorate([
+    property({ type: String })
+], PrimaryNav.prototype, "selectedMenuOption", void 0);
+__decorate([
+    property({ type: Boolean })
+], PrimaryNav.prototype, "signedOutMenuOpen", void 0);
+__decorate([
+    property({ type: Boolean })
+], PrimaryNav.prototype, "userMenuOpen", void 0);
+__decorate([
+    property({ type: Boolean })
+], PrimaryNav.prototype, "mediaMenuAnimate", void 0);
+__decorate([
+    property({ type: String })
+], PrimaryNav.prototype, "username", void 0);
+__decorate([
+    property({ type: String })
+], PrimaryNav.prototype, "userProfileImagePath", void 0);
+__decorate([
+    property({ type: Object })
+], PrimaryNav.prototype, "currentTab", void 0);
+PrimaryNav = __decorate([
+    customElement('primary-nav')
+], PrimaryNav);
+export { PrimaryNav };
+//# sourceMappingURL=primary-nav.js.map

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

@@ -0,0 +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/formatUrl';\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        const focusElement =\n          this.currentTab.moveTo === 'next'\n            ? this.shadowRoot?.querySelector('a.upload')\n            : lastMediaButton[0]?.shadowRoot?.querySelector('a.menu-item');\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=\"${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      ></nav-search>\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('/create' 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"]}

package/dist/src/save-page-form.d.ts

@@ -0,0 +1,10 @@
+import TrackedElement from './tracked-element';
+import { IATopNavConfig } from './models';
+export declare class SavePageForm extends TrackedElement {
+    config: IATopNavConfig;
+    inputValid: boolean;
+    static get styles(): import("lit").CSSResult;
+    private validateURL;
+    get errorClass(): string;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/src/save-page-form.js

@@ -0,0 +1,63 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import TrackedElement from './tracked-element';
+import savePageFormCSS from './styles/save-page-form';
+import { customElement, property, state } from 'lit/decorators.js';
+import { defaultTopNavConfig } from './data/menus';
+let SavePageForm = class SavePageForm extends TrackedElement {
+    constructor() {
+        super(...arguments);
+        this.config = defaultTopNavConfig;
+        this.inputValid = true;
+    }
+    static get styles() {
+        return savePageFormCSS;
+    }
+    validateURL(e) {
+        const target = e.target;
+        const urlInput = target.querySelector('[name="url_preload"]');
+        const valid = /\..{2,}$/.test(urlInput.value);
+        if (!valid) {
+            e.preventDefault();
+            this.inputValid = false;
+            return;
+        }
+        this.inputValid = true;
+        this.trackSubmit(e);
+    }
+    get errorClass() {
+        return `error${this.inputValid ? '' : ' visible'}`;
+    }
+    render() {
+        return html `
+      <form
+        action="//web.archive.org/save"
+        method="post"
+        data-event-submit-tracking="${this.config.eventCategory}|SavePageSubmit"
+        @submit=${this.validateURL}
+      >
+        <h3>Save Page Now</h3>
+        <p>
+          Capture a web page as it appears now for use as a trusted citation in
+          the future.
+        </p>
+        <div>
+          <input type="text" name="url_preload" placeholder="https://" />
+          <input type="submit" value="Save" />
+        </div>
+        <p class=${this.errorClass}>Please enter a valid web address</p>
+      </form>
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], SavePageForm.prototype, "config", void 0);
+__decorate([
+    state()
+], SavePageForm.prototype, "inputValid", void 0);
+SavePageForm = __decorate([
+    customElement('save-page-form')
+], SavePageForm);
+export { SavePageForm };
+//# sourceMappingURL=save-page-form.js.map

package/dist/src/save-page-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-page-form.js","sourceRoot":"","sources":["../../src/save-page-form.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAG5C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,cAAc;IAAzC;;QACuB,WAAM,GAAmB,mBAAmB,CAAC;QAEhE,eAAU,GAAG,IAAI,CAAC;IA+C7B,CAAC;IA7CC,MAAM,KAAK,MAAM;QACf,OAAO,eAAe,CAAC;IACzB,CAAC;IAEO,WAAW,CAAC,CAAc;QAChC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAC;QAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CACnC,sBAAsB,CACH,CAAC;QACtB,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE9C,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,QAAQ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACrD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;sCAIuB,IAAI,CAAC,MAAM,CAAC,aAAa;kBAC7C,IAAI,CAAC,WAAW;;;;;;;;;;;mBAWf,IAAI,CAAC,UAAU;;KAE7B,CAAC;IACJ,CAAC;CACF,CAAA;AAjD6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAA8C;AAEhE;IAAR,KAAK,EAAE;gDAAmB;AAHhB,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAkDxB","sourcesContent":["import { html } from 'lit';\nimport TrackedElement from './tracked-element';\nimport savePageFormCSS from './styles/save-page-form';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { IATopNavConfig } from './models';\nimport { defaultTopNavConfig } from './data/menus';\n\n@customElement('save-page-form')\nexport class SavePageForm extends TrackedElement {\n  @property({ type: Object }) config: IATopNavConfig = defaultTopNavConfig;\n\n  @state() inputValid = true;\n\n  static get styles() {\n    return savePageFormCSS;\n  }\n\n  private validateURL(e: SubmitEvent) {\n    const target = e.target as HTMLFormElement;\n    const urlInput = target.querySelector(\n      '[name=\"url_preload\"]',\n    ) as HTMLInputElement;\n    const valid = /\\..{2,}$/.test(urlInput.value);\n\n    if (!valid) {\n      e.preventDefault();\n      this.inputValid = false;\n      return;\n    }\n    this.inputValid = true;\n    this.trackSubmit(e);\n  }\n\n  get errorClass() {\n    return `error${this.inputValid ? '' : ' visible'}`;\n  }\n\n  render() {\n    return html`\n      <form\n        action=\"//web.archive.org/save\"\n        method=\"post\"\n        data-event-submit-tracking=\"${this.config.eventCategory}|SavePageSubmit\"\n        @submit=${this.validateURL}\n      >\n        <h3>Save Page Now</h3>\n        <p>\n          Capture a web page as it appears now for use as a trusted citation in\n          the future.\n        </p>\n        <div>\n          <input type=\"text\" name=\"url_preload\" placeholder=\"https://\" />\n          <input type=\"submit\" value=\"Save\" />\n        </div>\n        <p class=${this.errorClass}>Please enter a valid web address</p>\n      </form>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,20 @@
+import TrackedElement from './tracked-element';
+import { IATopNavConfig } from './models';
+export declare class SearchMenu extends TrackedElement {
+    baseHost: string;
+    config: IATopNavConfig;
+    hideSearch: boolean;
+    openMenu: string;
+    searchMenuOpen: boolean;
+    searchMenuAnimate: boolean;
+    selectedSearchType: string;
+    static get styles(): import("lit").CSSResult;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private handleKeyDownEvent;
+    selectSearchType(e: Event): void;
+    searchInChanged(e: InputEvent): void;
+    get searchTypesTemplate(): import("lit").TemplateResult<1>[];
+    get menuClass(): "closed" | "open";
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/src/search-menu.js

@@ -0,0 +1,162 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import TrackedElement from './tracked-element';
+import searchMenuCSS from './styles/search-menu';
+import formatUrl from './lib/formatUrl';
+import { makeBooleanString } from './lib/makeBooleanString';
+import { defaultTopNavConfig } from './data/menus';
+let SearchMenu = class SearchMenu extends TrackedElement {
+    constructor() {
+        super(...arguments);
+        this.baseHost = '';
+        this.config = defaultTopNavConfig;
+        this.hideSearch = false;
+        this.openMenu = '';
+        this.searchMenuOpen = false;
+        this.searchMenuAnimate = false;
+        this.selectedSearchType = '';
+    }
+    static get styles() {
+        return searchMenuCSS;
+    }
+    firstUpdated() {
+        var _a;
+        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', (e) => this.handleKeyDownEvent(e));
+    }
+    disconnectedCallback() {
+        var _a;
+        // Clean up event listener when the element is removed
+        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', (e) => this.handleKeyDownEvent(e));
+    }
+    handleKeyDownEvent(e) {
+        if (!this.shadowRoot)
+            return;
+        const searchTypes = this.shadowRoot.querySelectorAll('.search-menu-inner label input[type=radio]');
+        const length = searchTypes.length - 1;
+        if (!length)
+            return;
+        const searchTypeHandler = (index) => {
+            e.preventDefault();
+            const searchType = searchTypes[index];
+            searchType.checked = true;
+            searchType.dispatchEvent(new Event('change'));
+            searchType.focus();
+        };
+        if (e.key === 'Home') {
+            searchTypeHandler(0);
+        }
+        else if (e.key === 'End') {
+            searchTypeHandler(length);
+        }
+    }
+    selectSearchType(e) {
+        const target = e.target;
+        this.selectedSearchType = target.value;
+    }
+    searchInChanged(e) {
+        const target = e.target;
+        this.dispatchEvent(new CustomEvent('searchInChanged', {
+            detail: {
+                searchIn: target.value,
+            },
+        }));
+    }
+    get searchTypesTemplate() {
+        const searchTypes = [
+            {
+                label: 'metadata',
+                value: '',
+                isDefault: true,
+            },
+            {
+                label: 'text contents',
+                value: 'TXT',
+            },
+            {
+                label: 'TV news captions',
+                value: 'TV',
+            },
+            {
+                label: 'radio transcripts',
+                value: 'RADIO',
+            },
+            {
+                label: 'archived web sites',
+                value: 'WEB',
+            },
+        ].map(({ value, label, isDefault }) => {
+            if (this.config.hiddenSearchOptions &&
+                this.config.hiddenSearchOptions.includes(value)) {
+                return html ``;
+            }
+            return html `
+        <label @click="${this.selectSearchType}">
+          <input
+            form="nav-search"
+            type="radio"
+            name="sin"
+            value="${value}"
+            ?checked=${isDefault}
+            @change=${this.searchInChanged}
+          />
+          Search ${label}
+        </label>
+      `;
+        });
+        return searchTypes;
+    }
+    get menuClass() {
+        return this.openMenu === 'search' ? 'open' : 'closed';
+    }
+    render() {
+        if (this.hideSearch) {
+            return html ``;
+        }
+        return html `
+      <div class="menu-wrapper">
+        <div
+          class="search-menu-inner tx-slide ${this.menuClass}"
+          aria-hidden="${makeBooleanString(!this.openMenu)}"
+          aria-expanded="${makeBooleanString(this.searchMenuOpen)}"
+        >
+          ${this.searchTypesTemplate}
+          <a
+            class="advanced-search"
+            href="${formatUrl('/advancedsearch.php', this.baseHost)}"
+            @click=${this.trackClick}
+            data-event-click-tracking="${this.config
+            .eventCategory}|NavAdvancedSearch"
+            >Advanced Search</a
+          >
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], SearchMenu.prototype, "baseHost", void 0);
+__decorate([
+    property({ type: Object })
+], SearchMenu.prototype, "config", void 0);
+__decorate([
+    property({ type: Boolean })
+], SearchMenu.prototype, "hideSearch", void 0);
+__decorate([
+    property({ type: String })
+], SearchMenu.prototype, "openMenu", void 0);
+__decorate([
+    property({ type: Boolean })
+], SearchMenu.prototype, "searchMenuOpen", void 0);
+__decorate([
+    property({ type: Boolean })
+], SearchMenu.prototype, "searchMenuAnimate", void 0);
+__decorate([
+    property({ type: String })
+], SearchMenu.prototype, "selectedSearchType", void 0);
+SearchMenu = __decorate([
+    customElement('search-menu')
+], SearchMenu);
+export { SearchMenu };
+//# sourceMappingURL=search-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-menu.js","sourceRoot":"","sources":["../../src/search-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport TrackedElement from './tracked-element';\nimport searchMenuCSS from './styles/search-menu';\nimport formatUrl from './lib/formatUrl';\nimport { IATopNavConfig } from './models';\nimport { makeBooleanString } from './lib/makeBooleanString';\nimport { defaultTopNavConfig } from './data/menus';\n\n@customElement('search-menu')\nexport class SearchMenu extends TrackedElement {\n  @property({ type: String }) baseHost = '';\n  @property({ type: Object }) config: IATopNavConfig = defaultTopNavConfig;\n  @property({ type: Boolean }) hideSearch = false;\n  @property({ type: String }) openMenu = '';\n  @property({ type: Boolean }) searchMenuOpen = false;\n  @property({ type: Boolean }) searchMenuAnimate = false;\n  @property({ type: String }) selectedSearchType = '';\n\n  static get styles() {\n    return searchMenuCSS;\n  }\n\n  firstUpdated() {\n    this.shadowRoot?.addEventListener('keydown', (e) =>\n      this.handleKeyDownEvent(e as KeyboardEvent),\n    );\n  }\n\n  disconnectedCallback() {\n    // Clean up event listener when the element is removed\n    this.shadowRoot?.removeEventListener('keydown', (e) =>\n      this.handleKeyDownEvent(e as KeyboardEvent),\n    );\n  }\n\n  private handleKeyDownEvent(e: KeyboardEvent) {\n    if (!this.shadowRoot) return;\n\n    const searchTypes = this.shadowRoot.querySelectorAll(\n      '.search-menu-inner label input[type=radio]',\n    ) as NodeListOf<HTMLInputElement>;\n\n    const length = searchTypes.length - 1;\n    if (!length) return;\n\n    const searchTypeHandler = (index: number) => {\n      e.preventDefault();\n      const searchType = searchTypes[index];\n      searchType.checked = true;\n      searchType.dispatchEvent(new Event('change'));\n      searchType.focus();\n    };\n\n    if (e.key === 'Home') {\n      searchTypeHandler(0);\n    } else if (e.key === 'End') {\n      searchTypeHandler(length);\n    }\n  }\n\n  selectSearchType(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.selectedSearchType = target.value;\n  }\n\n  searchInChanged(e: InputEvent) {\n    const target = e.target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent('searchInChanged', {\n        detail: {\n          searchIn: target.value,\n        },\n      }),\n    );\n  }\n\n  get searchTypesTemplate() {\n    const searchTypes = [\n      {\n        label: 'metadata',\n        value: '',\n        isDefault: true,\n      },\n      {\n        label: 'text contents',\n        value: 'TXT',\n      },\n      {\n        label: 'TV news captions',\n        value: 'TV',\n      },\n      {\n        label: 'radio transcripts',\n        value: 'RADIO',\n      },\n      {\n        label: 'archived web sites',\n        value: 'WEB',\n      },\n    ].map(({ value, label, isDefault }) => {\n      if (\n        this.config.hiddenSearchOptions &&\n        this.config.hiddenSearchOptions.includes(value)\n      ) {\n        return html``;\n      }\n      return html`\n        <label @click=\"${this.selectSearchType}\">\n          <input\n            form=\"nav-search\"\n            type=\"radio\"\n            name=\"sin\"\n            value=\"${value}\"\n            ?checked=${isDefault}\n            @change=${this.searchInChanged}\n          />\n          Search ${label}\n        </label>\n      `;\n    });\n\n    return searchTypes;\n  }\n\n  get menuClass() {\n    return this.openMenu === 'search' ? 'open' : 'closed';\n  }\n\n  render() {\n    if (this.hideSearch) {\n      return html``;\n    }\n\n    return html`\n      <div class=\"menu-wrapper\">\n        <div\n          class=\"search-menu-inner tx-slide ${this.menuClass}\"\n          aria-hidden=\"${makeBooleanString(!this.openMenu)}\"\n          aria-expanded=\"${makeBooleanString(this.searchMenuOpen)}\"\n        >\n          ${this.searchTypesTemplate}\n          <a\n            class=\"advanced-search\"\n            href=\"${formatUrl('/advancedsearch.php', this.baseHost)}\"\n            @click=${this.trackClick}\n            data-event-click-tracking=\"${this.config\n              .eventCategory}|NavAdvancedSearch\"\n            >Advanced Search</a\n          >\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

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

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

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

@@ -0,0 +1,15 @@
+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];
+    }
+};
+SignedOutDropdown = __decorate([
+    customElement('signed-out-dropdown')
+], SignedOutDropdown);
+export { SignedOutDropdown };
+//# sourceMappingURL=signed-out-dropdown.js.map

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

@@ -0,0 +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"]}

package/dist/src/styles/base.d.ts

@@ -0,0 +1 @@
+export declare const subnavListCSS: import("lit").CSSResult;