@internetarchive/elements 1.1.2 → 1.1.3-l10n-demo.1

package/dist/src/elements/ia-topnav/ia-topnav.d.ts

@@ -0,0 +1,88 @@
+import { CSSResultGroup, LitElement, PropertyValues, nothing } from 'lit';
+import './ia-topnav-desktop-subnav.js';
+import './dropdown-menu.js';
+import './ia-topnav-media-slider.js';
+import { IATopNavConfig, IATopNavSecondIdentitySlotMode } from './models.js';
+import './ia-topnav-primary-nav.js';
+import './ia-topnav-signed-out-dropdown.js';
+import './ia-topnav-user-menu.js';
+export declare class IATopNav extends LitElement {
+    localLinks: boolean;
+    waybackPagesArchived: string;
+    baseHost: string;
+    mediaBaseHost: string;
+    admin: boolean;
+    canManageFlags: boolean;
+    config: IATopNavConfig;
+    hideSearch: boolean;
+    itemIdentifier: string;
+    /**
+     * Email of the item's uploader. When set for an admin viewing an item, the
+     * user menu gets an "uploader:" section with user admin / user privs links.
+     */
+    uploader: string;
+    /**
+     * Biblio URL for a texts item, which must already carry a query string
+     * (the item identifier is appended to it as `&ignored=`). When set for an
+     * admin viewing an item, the user menu gets biblio / bookview / jp2 zip links.
+     */
+    biblio: string;
+    mediaSliderOpen: boolean;
+    openMenu: string;
+    screenName: string;
+    selectedMenuOption: string;
+    username: string;
+    userProfileImagePath: string;
+    secondIdentitySlotMode: IATopNavSecondIdentitySlotMode;
+    currentTab?: {
+        mediatype: string;
+        moveTo: string;
+    };
+    private primaryNav?;
+    /** Only one of ia-topnav-user-menu or ia-topnav-signed-out-dropdown is rendered at a time. */
+    private accountDropdown?;
+    private menus;
+    private boundHandleKeydown;
+    private boundHandleClick;
+    private boundHandleLocaleStatus;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(props: PropertyValues): void;
+    render(): import("lit").TemplateResult<1>;
+    private get normalizedBaseHost();
+    private handleDocumentKeydown;
+    private handleDocumentClick;
+    /** The menu labels are built by `buildTopNavMenus()`, so a new locale needs a rebuild. */
+    private handleLocaleStatus;
+    menuSetup(): void;
+    menuToggled(e: CustomEvent): void;
+    openMediaSlider(): void;
+    closeMediaSlider(): void;
+    closeMenus(): void;
+    trackClick(e: CustomEvent): void;
+    trackSubmit(e: CustomEvent): void;
+    mediaTypeSelected(e: CustomEvent): void;
+    get signedOutOpened(): boolean;
+    get userMenuOpened(): boolean;
+    get userMenuTabIndex(): "" | "-1";
+    get signedOutTabIndex(): "" | "-1";
+    get closeLayerClass(): "" | "visible";
+    get userMenu(): import("lit").TemplateResult<1>;
+    get signedOutDropdown(): import("lit").TemplateResult<1>;
+    get signedOutMenuItems(): import("./models.js").IATopNavLink[];
+    /**
+     * Most users just get the basic menu items.
+     * For users with `/items` priv, additional admin menu items are included too.
+     * Having the `/flags` priv adds a further admin item for managing flags.
+     * A `biblio` URL adds a section of book-scanning links, and an `uploader`
+     * adds a section with the uploader's email and account admin links. Each
+     * section is rendered with a divider above it.
+     */
+    get userMenuItems(): import("./models.js").IATopNavLink[][];
+    get allowSecondaryIcon(): boolean;
+    get searchSlot(): import("lit").TemplateResult<1>;
+    get secondLogoSlot(): import("lit").TemplateResult<1> | typeof nothing;
+    get separatorTemplate(): import("lit").TemplateResult<1>;
+    static get styles(): CSSResultGroup;
+}
+//# sourceMappingURL=ia-topnav.d.ts.map

package/dist/src/elements/ia-topnav/ia-topnav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-topnav.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-topnav/ia-topnav.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,UAAU,EACV,cAAc,EAGd,OAAO,EACR,MAAM,KAAK,CAAC;AAMb,OAAO,4BAA4B,CAAC;AACpC,OAAO,iBAAiB,CAAC;AACzB,OAAO,0BAA0B,CAAC;AAClC,OAAO,EACL,cAAc,EAEd,8BAA8B,EAE/B,MAAM,UAAU,CAAC;AAClB,OAAO,yBAAyB,CAAC;AAEjC,OAAO,iCAAiC,CAAC;AACzC,OAAO,uBAAuB,CAAC;AAG/B,qBACa,QAAS,SAAQ,UAAU;IACT,UAAU,UAAS;IAEpB,oBAAoB,SAAM;IAE1B,QAAQ,SAAyB;IAEjC,aAAa,SAAyB;IAErC,KAAK,UAAS;IAEd,cAAc,UAAS;IAExB,MAAM,EAAE,cAAc,CAAuB;IAE5C,UAAU,UAAS;IAEpB,cAAc,SAAM;IAEhD;;;OAGG;IACyB,QAAQ,SAAM;IAE1C;;;;OAIG;IACyB,MAAM,SAAM;IAEX,eAAe,UAAS;IAEzB,QAAQ,SAAM;IAEd,UAAU,EAAE,MAAM,CAAM;IAExB,kBAAkB,SAAM;IAExB,QAAQ,EAAE,MAAM,CAAM;IAEtB,oBAAoB,SACjB;IAG/B,sBAAsB,EAAE,8BAA8B,CAAM;IAEhC,UAAU,CAAC,EAAE;QACvC,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IAE8B,OAAO,CAAC,UAAU,CAAC,CAAa;IAChE,8FAA8F;IAE9F,OAAO,CAAC,eAAe,CAAC,CAAc;IAE7B,OAAO,CAAC,KAAK,CAA0C;IAEhE,OAAO,CAAC,kBAAkB,CAAyC;IAEnE,OAAO,CAAC,gBAAgB,CAAuC;IAE/D,OAAO,CAAC,uBAAuB,CAAsC;IAErE,iBAAiB;IAOjB,oBAAoB;IAUpB,UAAU,CAAC,KAAK,EAAE,cAAc;IAchC,MAAM;IA+CN,OAAO,KAAK,kBAAkB,GAE7B;IAED,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,mBAAmB;IAQ3B,0FAA0F;IAC1F,OAAO,CAAC,kBAAkB;IAI1B,SAAS;IAYT,WAAW,CAAC,CAAC,EAAE,WAAW;IAoB1B,eAAe;IAIf,gBAAgB;IAKhB,UAAU;IAKV,UAAU,CAAC,CAAC,EAAE,WAAW;IAUzB,WAAW,CAAC,CAAC,EAAE,WAAW;IAU1B,iBAAiB,CAAC,CAAC,EAAE,WAAW;IAShC,IAAI,eAAe,YAElB;IAED,IAAI,cAAc,YAEjB;IAED,IAAI,gBAAgB,cAEnB;IAED,IAAI,iBAAiB,cAEpB;IAED,IAAI,eAAe,mBAElB;IAED,IAAI,QAAQ,oCAeX;IAED,IAAI,iBAAiB,oCAapB;IAED,IAAI,kBAAkB,sCAErB;IAED;;;;;;;OAOG;IACH,IAAI,aAAa,wCAiBhB;IAED,IAAI,kBAAkB,YAErB;IAED,IAAI,UAAU,oCAEb;IAED,IAAI,cAAc,qDAOjB;IAED,IAAI,iBAAiB,oCAEpB;IAED,MAAM,KAAK,MAAM,IAAI,cAAc,CAwFlC;CACF"}

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

@@ -0,0 +1,443 @@
+import { __decorate } from "tslib";
+import { LitElement, css, html, nothing, } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { customElement } from '../../util/custom-element.js';
+import { LOCALE_STATUS_EVENT } from '@lit/localize';
+import { buildTopNavMenus, defaultTopNavConfig } from './data/menus.js';
+import './ia-topnav-desktop-subnav.js';
+import './dropdown-menu.js';
+import './ia-topnav-media-slider.js';
+import { TOPNAV_MOBILE_BREAKPOINT, } from './models.js';
+import './ia-topnav-primary-nav.js';
+import './ia-topnav-signed-out-dropdown.js';
+import './ia-topnav-user-menu.js';
+import themeStyles from '../../themes/theme-styles.js';
+let IATopNav = class IATopNav extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.localLinks = false;
+        this.waybackPagesArchived = '';
+        this.baseHost = 'https://archive.org';
+        this.mediaBaseHost = 'https://archive.org';
+        this.admin = false;
+        this.canManageFlags = false;
+        this.config = defaultTopNavConfig;
+        this.hideSearch = false;
+        this.itemIdentifier = '';
+        /**
+         * Email of the item's uploader. When set for an admin viewing an item, the
+         * user menu gets an "uploader:" section with user admin / user privs links.
+         */
+        this.uploader = '';
+        /**
+         * Biblio URL for a texts item, which must already carry a query string
+         * (the item identifier is appended to it as `&ignored=`). When set for an
+         * admin viewing an item, the user menu gets biblio / bookview / jp2 zip links.
+         */
+        this.biblio = '';
+        this.mediaSliderOpen = false;
+        this.openMenu = '';
+        this.screenName = '';
+        this.selectedMenuOption = '';
+        this.username = '';
+        this.userProfileImagePath = '/services/img/user/profile';
+        this.secondIdentitySlotMode = '';
+        this.menus = buildTopNavMenus();
+        this.boundHandleKeydown = this.handleDocumentKeydown.bind(this);
+        this.boundHandleClick = this.handleDocumentClick.bind(this);
+        this.boundHandleLocaleStatus = this.handleLocaleStatus.bind(this);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener(LOCALE_STATUS_EVENT, this.boundHandleLocaleStatus);
+        document.addEventListener('keydown', this.boundHandleKeydown);
+        document.addEventListener('click', this.boundHandleClick);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener(LOCALE_STATUS_EVENT, this.boundHandleLocaleStatus);
+        document.removeEventListener('keydown', this.boundHandleKeydown);
+        document.removeEventListener('click', this.boundHandleClick);
+    }
+    willUpdate(props) {
+        if (props.has('username') ||
+            props.has('waybackPagesArchived') ||
+            props.has('itemIdentifier') ||
+            props.has('uploader') ||
+            props.has('biblio') ||
+            props.has('localLinks') ||
+            props.has('baseHost')) {
+            this.menuSetup();
+        }
+    }
+    render() {
+        return html `
+      <div class="topnav">
+        <ia-topnav-primary-nav
+          .baseHost=${this.normalizedBaseHost}
+          .mediaBaseHost=${this.mediaBaseHost}
+          .config=${this.config}
+          .openMenu=${this.openMenu}
+          .screenName=${this.screenName}
+          .secondIdentitySlotMode=${this.secondIdentitySlotMode}
+          .selectedMenuOption=${this.selectedMenuOption}
+          .username=${this.username}
+          .userProfileImagePath=${this.userProfileImagePath}
+          .currentTab=${this.currentTab}
+          ?hideSearch=${this.hideSearch}
+          @mediaTypeSelected=${this.mediaTypeSelected}
+          @trackClick=${this.trackClick}
+          @trackSubmit=${this.trackSubmit}
+          @menuToggled=${this.menuToggled}
+        >
+          ${this.secondLogoSlot} ${this.searchSlot}
+        </ia-topnav-primary-nav>
+        <ia-topnav-media-slider
+          .baseHost=${this.normalizedBaseHost}
+          .config=${this.config}
+          .selectedMenuOption=${this.selectedMenuOption}
+          .mediaSliderOpen=${this.mediaSliderOpen}
+          .menus=${this.menus}
+          tabindex="${this.mediaSliderOpen ? '1' : '-1'}"
+          @focusToOtherMenuItem=${(e) => (this.currentTab = e.detail)}
+        ></ia-topnav-media-slider>
+      </div>
+      ${this.username ? this.userMenu : this.signedOutDropdown}
+      <ia-topnav-desktop-subnav
+        .baseHost=${this.normalizedBaseHost}
+        .menuItems=${this.menus.more.links}
+        @focus=${this.closeMenus}
+      ></ia-topnav-desktop-subnav>
+      <div
+        id="close-layer"
+        class="${this.closeLayerClass}"
+        @click=${this.closeMenus}
+      ></div>
+    `;
+    }
+    get normalizedBaseHost() {
+        return !this.localLinks ? this.baseHost : '';
+    }
+    handleDocumentKeydown(e) {
+        if (e.key === 'Escape') {
+            this.openMenu = '';
+            this.mediaSliderOpen = false;
+        }
+    }
+    handleDocumentClick(e) {
+        if (!this.openMenu)
+            return;
+        const path = e.composedPath();
+        if (!path.includes(this)) {
+            this.closeMenus();
+        }
+    }
+    /** The menu labels are built by `buildTopNavMenus()`, so a new locale needs a rebuild. */
+    handleLocaleStatus(e) {
+        if (e.detail.status === 'ready')
+            this.menuSetup();
+    }
+    menuSetup() {
+        // re/build the nav
+        this.menus = buildTopNavMenus(this.username, this.normalizedBaseHost, this.waybackPagesArchived, this.itemIdentifier, this.uploader, this.biblio);
+    }
+    menuToggled(e) {
+        const currentMenu = this.openMenu;
+        this.openMenu = currentMenu === e.detail.menuName ? '' : e.detail.menuName;
+        // Keeps media slider open if media menu is open
+        if (this.openMenu === 'media') {
+            return;
+        }
+        this.closeMediaSlider();
+        if (this.openMenu === 'user' || this.openMenu === 'login') {
+            if (this.primaryNav && this.accountDropdown) {
+                const right = this.primaryNav.getAccountDropdownOffset();
+                this.accountDropdown.style.setProperty('--dropdownMenuRight', `${right}px`);
+            }
+        }
+    }
+    openMediaSlider() {
+        this.mediaSliderOpen = true;
+    }
+    closeMediaSlider() {
+        this.mediaSliderOpen = false;
+        this.selectedMenuOption = '';
+    }
+    closeMenus() {
+        this.openMenu = '';
+        this.closeMediaSlider();
+    }
+    trackClick(e) {
+        this.dispatchEvent(new CustomEvent('analyticsClick', {
+            bubbles: true,
+            composed: true,
+            detail: e.detail,
+        }));
+    }
+    trackSubmit(e) {
+        this.dispatchEvent(new CustomEvent('analyticsSubmit', {
+            bubbles: true,
+            composed: true,
+            detail: e.detail,
+        }));
+    }
+    mediaTypeSelected(e) {
+        if (this.selectedMenuOption === e.detail.mediatype) {
+            this.closeMediaSlider();
+            return;
+        }
+        this.selectedMenuOption = e.detail.mediatype;
+        this.openMediaSlider();
+    }
+    get signedOutOpened() {
+        return this.openMenu === 'login';
+    }
+    get userMenuOpened() {
+        return this.openMenu === 'user';
+    }
+    get userMenuTabIndex() {
+        return this.userMenuOpened ? '' : '-1';
+    }
+    get signedOutTabIndex() {
+        return this.signedOutOpened ? '' : '-1';
+    }
+    get closeLayerClass() {
+        return !!this.openMenu || this.mediaSliderOpen ? 'visible' : '';
+    }
+    get userMenu() {
+        return html `
+      <ia-topnav-user-menu
+        .baseHost=${this.normalizedBaseHost}
+        .config=${this.config}
+        .menuItems=${this.userMenuItems}
+        ?open=${this.openMenu === 'user'}
+        .username=${this.username}
+        tabindex="${this.userMenuTabIndex}"
+        @menuToggled=${this.menuToggled}
+        @trackClick=${this.trackClick}
+        @focusToOtherMenuItem=${(e) => (this.currentTab = e.detail)}
+      ></ia-topnav-user-menu>
+    `;
+    }
+    get signedOutDropdown() {
+        return html `
+      <ia-topnav-signed-out-dropdown
+        .baseHost=${this.normalizedBaseHost}
+        .config=${this.config}
+        .open=${this.signedOutOpened}
+        tabindex="${this.signedOutTabIndex}"
+        .menuItems=${this.signedOutMenuItems}
+        @focusToOtherMenuItem=${(e) => {
+            this.currentTab = e.detail;
+        }}
+      ></ia-topnav-signed-out-dropdown>
+    `;
+    }
+    get signedOutMenuItems() {
+        return this.menus.signedOut;
+    }
+    /**
+     * Most users just get the basic menu items.
+     * For users with `/items` priv, additional admin menu items are included too.
+     * Having the `/flags` priv adds a further admin item for managing flags.
+     * A `biblio` URL adds a section of book-scanning links, and an `uploader`
+     * adds a section with the uploader's email and account admin links. Each
+     * section is rendered with a divider above it.
+     */
+    get userMenuItems() {
+        const basicItems = this.menus.user;
+        if (!this.itemIdentifier || !this.admin)
+            return [basicItems];
+        let adminItems = this.menus.userAdmin;
+        if (this.canManageFlags) {
+            adminItems = adminItems.concat(this.menus.userAdminFlags);
+        }
+        // The built sections are empty until the matching prop is set and the
+        // menus have been rebuilt, so gating on them keeps a divider from ever
+        // rendering above an empty section.
+        const { userAdminBiblio, userAdminUploader } = this.menus;
+        const sections = [basicItems, adminItems];
+        if (userAdminBiblio.length)
+            sections.push(userAdminBiblio);
+        if (userAdminUploader.length)
+            sections.push(userAdminUploader);
+        return sections;
+    }
+    get allowSecondaryIcon() {
+        return this.secondIdentitySlotMode === 'allow';
+    }
+    get searchSlot() {
+        return html `<slot name="search" slot="search"></slot>`;
+    }
+    get secondLogoSlot() {
+        return this.allowSecondaryIcon
+            ? html `
+          <slot name="opt-sec-logo" slot="opt-sec-logo"></slot>
+          <slot name="opt-sec-logo-mobile" slot="opt-sec-logo-mobile"></slot>
+        `
+            : nothing;
+    }
+    get separatorTemplate() {
+        return html `<li class="divider" role="presentation"></li>`;
+    }
+    static get styles() {
+        return [
+            themeStyles,
+            css `
+        :host {
+          --white: #fff;
+          --grey13: #222;
+          --grey20: #333;
+          --grey40: #666;
+          --grey28: #474747;
+          --grey60: #999;
+          --grey66: #aaa;
+          --grey80: #ccc;
+          --greya0: #a0a0a0;
+          --grey6f: #6f6f6f;
+          --errorYellow: #ffcd27;
+
+          --linkColor: #4b64ff;
+          --linkHoverColor: var(--white);
+          --subnavLinkColor: var(--grey66);
+          --primaryTextColor: var(--white);
+          --inverseTextColor: var(--grey20);
+          --lightTextColor: var(--grey60);
+          --activeColor: var(--white);
+          --activeButtonBg: var(--grey20);
+          --iconFill: var(--grey60);
+          --desktopSearchIconFill: var(--grey20);
+
+          --mediaMenuBg: var(--grey13);
+          --mediaLabelDesktopColor: var(--grey60);
+          --activeDesktopMenuIcon: var(--grey28);
+
+          --mediaSliderBg: var(--grey20);
+          --mediaSliderDesktopBg: var(--grey28);
+
+          --primaryNavBg: var(--grey13);
+          --primaryNavBottomBorder: var(--grey20);
+
+          --desktopSubnavBg: var(--grey20);
+
+          --dropdownMenuBg: var(--grey20);
+          --dropdownMenuInfoItem: var(--greya0);
+          --dropdownMenuDivider: var(--grey40);
+          --inverseDropdownMenuInfoItem: var(--grey6f);
+
+          --loginTextColor: var(--grey60);
+
+          --themeFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+          --logoWidthTablet: 263px;
+
+          --savePageSubmitBg: var(--grey13);
+          --savePageSubmitText: var(--white);
+          --savePageInputBorder: var(--grey60);
+          --savePageErrorText: var(--errorYellow);
+
+          color: var(--primaryTextColor);
+          font-family: var(--themeFontFamily);
+        }
+
+        ia-topnav-primary-nav:focus {
+          outline: none !important;
+        }
+
+        #close-layer {
+          display: none;
+          position: fixed;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          z-index: 3;
+        }
+        #close-layer.visible {
+          display: block;
+        }
+
+        .topnav {
+          position: relative;
+          z-index: 4;
+        }
+
+        @media (max-width: ${TOPNAV_MOBILE_BREAKPOINT - 1}px) {
+          ia-topnav-desktop-subnav {
+            display: none;
+          }
+        }
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], IATopNav.prototype, "localLinks", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "waybackPagesArchived", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "baseHost", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "mediaBaseHost", void 0);
+__decorate([
+    property({ type: Boolean })
+], IATopNav.prototype, "admin", void 0);
+__decorate([
+    property({ type: Boolean })
+], IATopNav.prototype, "canManageFlags", void 0);
+__decorate([
+    property({ type: Object })
+], IATopNav.prototype, "config", void 0);
+__decorate([
+    property({ type: Boolean })
+], IATopNav.prototype, "hideSearch", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "itemIdentifier", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "uploader", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "biblio", void 0);
+__decorate([
+    property({ type: Boolean })
+], IATopNav.prototype, "mediaSliderOpen", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "openMenu", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "screenName", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "selectedMenuOption", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "username", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "userProfileImagePath", void 0);
+__decorate([
+    property({ type: String })
+], IATopNav.prototype, "secondIdentitySlotMode", void 0);
+__decorate([
+    property({ type: Object })
+], IATopNav.prototype, "currentTab", void 0);
+__decorate([
+    query('ia-topnav-primary-nav')
+], IATopNav.prototype, "primaryNav", void 0);
+__decorate([
+    query('ia-topnav-user-menu, ia-topnav-signed-out-dropdown')
+], IATopNav.prototype, "accountDropdown", void 0);
+__decorate([
+    state()
+], IATopNav.prototype, "menus", void 0);
+IATopNav = __decorate([
+    customElement('ia-topnav')
+], IATopNav);
+export { IATopNav };
+//# sourceMappingURL=ia-topnav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ia-topnav.js","sourceRoot":"","sources":["../../../../src/elements/ia-topnav/ia-topnav.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CSSResultGroup,\n  LitElement,\n  PropertyValues,\n  css,\n  html,\n  nothing,\n} from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { LOCALE_STATUS_EVENT } from '@lit/localize';\n\nimport { buildTopNavMenus, defaultTopNavConfig } from './data/menus';\nimport './ia-topnav-desktop-subnav';\nimport './dropdown-menu';\nimport './ia-topnav-media-slider';\nimport {\n  IATopNavConfig,\n  IATopNavMenuConfig,\n  IATopNavSecondIdentitySlotMode,\n  TOPNAV_MOBILE_BREAKPOINT,\n} from './models';\nimport './ia-topnav-primary-nav';\nimport type { PrimaryNav } from './ia-topnav-primary-nav';\nimport './ia-topnav-signed-out-dropdown';\nimport './ia-topnav-user-menu';\nimport themeStyles from '@src/themes/theme-styles';\n\n@customElement('ia-topnav')\nexport class IATopNav extends LitElement {\n  @property({ type: Boolean }) localLinks = false;\n\n  @property({ type: String }) waybackPagesArchived = '';\n\n  @property({ type: String }) baseHost = 'https://archive.org';\n\n  @property({ type: String }) mediaBaseHost = 'https://archive.org';\n\n  @property({ type: Boolean }) admin = false;\n\n  @property({ type: Boolean }) canManageFlags = false;\n\n  @property({ type: Object }) config: IATopNavConfig = defaultTopNavConfig;\n\n  @property({ type: Boolean }) hideSearch = false;\n\n  @property({ type: String }) itemIdentifier = '';\n\n  /**\n   * Email of the item's uploader. When set for an admin viewing an item, the\n   * user menu gets an \"uploader:\" section with user admin / user privs links.\n   */\n  @property({ type: String }) uploader = '';\n\n  /**\n   * Biblio URL for a texts item, which must already carry a query string\n   * (the item identifier is appended to it as `&ignored=`). When set for an\n   * admin viewing an item, the user menu gets biblio / bookview / jp2 zip links.\n   */\n  @property({ type: String }) biblio = '';\n\n  @property({ type: Boolean }) mediaSliderOpen = false;\n\n  @property({ type: String }) openMenu = '';\n\n  @property({ type: String }) screenName: string = '';\n\n  @property({ type: String }) selectedMenuOption = '';\n\n  @property({ type: String }) username: string = '';\n\n  @property({ type: String }) userProfileImagePath =\n    '/services/img/user/profile';\n\n  @property({ type: String })\n  secondIdentitySlotMode: IATopNavSecondIdentitySlotMode = '';\n\n  @property({ type: Object }) currentTab?: {\n    mediatype: string;\n    moveTo: string;\n  };\n\n  @query('ia-topnav-primary-nav') private primaryNav?: PrimaryNav;\n  /** Only one of ia-topnav-user-menu or ia-topnav-signed-out-dropdown is rendered at a time. */\n  @query('ia-topnav-user-menu, ia-topnav-signed-out-dropdown')\n  private accountDropdown?: HTMLElement;\n\n  @state() private menus: IATopNavMenuConfig = buildTopNavMenus();\n\n  private boundHandleKeydown = this.handleDocumentKeydown.bind(this);\n\n  private boundHandleClick = this.handleDocumentClick.bind(this);\n\n  private boundHandleLocaleStatus = this.handleLocaleStatus.bind(this);\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(LOCALE_STATUS_EVENT, this.boundHandleLocaleStatus);\n    document.addEventListener('keydown', this.boundHandleKeydown);\n    document.addEventListener('click', this.boundHandleClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener(\n      LOCALE_STATUS_EVENT,\n      this.boundHandleLocaleStatus,\n    );\n    document.removeEventListener('keydown', this.boundHandleKeydown);\n    document.removeEventListener('click', this.boundHandleClick);\n  }\n\n  willUpdate(props: PropertyValues) {\n    if (\n      props.has('username') ||\n      props.has('waybackPagesArchived') ||\n      props.has('itemIdentifier') ||\n      props.has('uploader') ||\n      props.has('biblio') ||\n      props.has('localLinks') ||\n      props.has('baseHost')\n    ) {\n      this.menuSetup();\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"topnav\">\n        <ia-topnav-primary-nav\n          .baseHost=${this.normalizedBaseHost}\n          .mediaBaseHost=${this.mediaBaseHost}\n          .config=${this.config}\n          .openMenu=${this.openMenu}\n          .screenName=${this.screenName}\n          .secondIdentitySlotMode=${this.secondIdentitySlotMode}\n          .selectedMenuOption=${this.selectedMenuOption}\n          .username=${this.username}\n          .userProfileImagePath=${this.userProfileImagePath}\n          .currentTab=${this.currentTab}\n          ?hideSearch=${this.hideSearch}\n          @mediaTypeSelected=${this.mediaTypeSelected}\n          @trackClick=${this.trackClick}\n          @trackSubmit=${this.trackSubmit}\n          @menuToggled=${this.menuToggled}\n        >\n          ${this.secondLogoSlot} ${this.searchSlot}\n        </ia-topnav-primary-nav>\n        <ia-topnav-media-slider\n          .baseHost=${this.normalizedBaseHost}\n          .config=${this.config}\n          .selectedMenuOption=${this.selectedMenuOption}\n          .mediaSliderOpen=${this.mediaSliderOpen}\n          .menus=${this.menus}\n          tabindex=\"${this.mediaSliderOpen ? '1' : '-1'}\"\n          @focusToOtherMenuItem=${(e: CustomEvent) =>\n            (this.currentTab = e.detail)}\n        ></ia-topnav-media-slider>\n      </div>\n      ${this.username ? this.userMenu : this.signedOutDropdown}\n      <ia-topnav-desktop-subnav\n        .baseHost=${this.normalizedBaseHost}\n        .menuItems=${this.menus.more.links}\n        @focus=${this.closeMenus}\n      ></ia-topnav-desktop-subnav>\n      <div\n        id=\"close-layer\"\n        class=\"${this.closeLayerClass}\"\n        @click=${this.closeMenus}\n      ></div>\n    `;\n  }\n\n  private get normalizedBaseHost() {\n    return !this.localLinks ? this.baseHost : '';\n  }\n\n  private handleDocumentKeydown(e: KeyboardEvent) {\n    if (e.key === 'Escape') {\n      this.openMenu = '';\n      this.mediaSliderOpen = false;\n    }\n  }\n\n  private handleDocumentClick(e: MouseEvent) {\n    if (!this.openMenu) return;\n    const path = e.composedPath();\n    if (!path.includes(this)) {\n      this.closeMenus();\n    }\n  }\n\n  /** The menu labels are built by `buildTopNavMenus()`, so a new locale needs a rebuild. */\n  private handleLocaleStatus(e: WindowEventMap[typeof LOCALE_STATUS_EVENT]) {\n    if (e.detail.status === 'ready') this.menuSetup();\n  }\n\n  menuSetup() {\n    // re/build the nav\n    this.menus = buildTopNavMenus(\n      this.username,\n      this.normalizedBaseHost,\n      this.waybackPagesArchived,\n      this.itemIdentifier,\n      this.uploader,\n      this.biblio,\n    );\n  }\n\n  menuToggled(e: CustomEvent) {\n    const currentMenu = this.openMenu;\n    this.openMenu = currentMenu === e.detail.menuName ? '' : e.detail.menuName;\n    // Keeps media slider open if media menu is open\n    if (this.openMenu === 'media') {\n      return;\n    }\n    this.closeMediaSlider();\n\n    if (this.openMenu === 'user' || this.openMenu === 'login') {\n      if (this.primaryNav && this.accountDropdown) {\n        const right = this.primaryNav.getAccountDropdownOffset();\n        this.accountDropdown.style.setProperty(\n          '--dropdownMenuRight',\n          `${right}px`,\n        );\n      }\n    }\n  }\n\n  openMediaSlider() {\n    this.mediaSliderOpen = true;\n  }\n\n  closeMediaSlider() {\n    this.mediaSliderOpen = false;\n    this.selectedMenuOption = '';\n  }\n\n  closeMenus() {\n    this.openMenu = '';\n    this.closeMediaSlider();\n  }\n\n  trackClick(e: CustomEvent) {\n    this.dispatchEvent(\n      new CustomEvent('analyticsClick', {\n        bubbles: true,\n        composed: true,\n        detail: e.detail,\n      }),\n    );\n  }\n\n  trackSubmit(e: CustomEvent) {\n    this.dispatchEvent(\n      new CustomEvent('analyticsSubmit', {\n        bubbles: true,\n        composed: true,\n        detail: e.detail,\n      }),\n    );\n  }\n\n  mediaTypeSelected(e: CustomEvent) {\n    if (this.selectedMenuOption === e.detail.mediatype) {\n      this.closeMediaSlider();\n      return;\n    }\n    this.selectedMenuOption = e.detail.mediatype;\n    this.openMediaSlider();\n  }\n\n  get signedOutOpened() {\n    return this.openMenu === 'login';\n  }\n\n  get userMenuOpened() {\n    return this.openMenu === 'user';\n  }\n\n  get userMenuTabIndex() {\n    return this.userMenuOpened ? '' : '-1';\n  }\n\n  get signedOutTabIndex() {\n    return this.signedOutOpened ? '' : '-1';\n  }\n\n  get closeLayerClass() {\n    return !!this.openMenu || this.mediaSliderOpen ? 'visible' : '';\n  }\n\n  get userMenu() {\n    return html`\n      <ia-topnav-user-menu\n        .baseHost=${this.normalizedBaseHost}\n        .config=${this.config}\n        .menuItems=${this.userMenuItems}\n        ?open=${this.openMenu === 'user'}\n        .username=${this.username}\n        tabindex=\"${this.userMenuTabIndex}\"\n        @menuToggled=${this.menuToggled}\n        @trackClick=${this.trackClick}\n        @focusToOtherMenuItem=${(e: CustomEvent) =>\n          (this.currentTab = e.detail)}\n      ></ia-topnav-user-menu>\n    `;\n  }\n\n  get signedOutDropdown() {\n    return html`\n      <ia-topnav-signed-out-dropdown\n        .baseHost=${this.normalizedBaseHost}\n        .config=${this.config}\n        .open=${this.signedOutOpened}\n        tabindex=\"${this.signedOutTabIndex}\"\n        .menuItems=${this.signedOutMenuItems}\n        @focusToOtherMenuItem=${(e: CustomEvent) => {\n          this.currentTab = e.detail;\n        }}\n      ></ia-topnav-signed-out-dropdown>\n    `;\n  }\n\n  get signedOutMenuItems() {\n    return this.menus.signedOut;\n  }\n\n  /**\n   * Most users just get the basic menu items.\n   * For users with `/items` priv, additional admin menu items are included too.\n   * Having the `/flags` priv adds a further admin item for managing flags.\n   * A `biblio` URL adds a section of book-scanning links, and an `uploader`\n   * adds a section with the uploader's email and account admin links. Each\n   * section is rendered with a divider above it.\n   */\n  get userMenuItems() {\n    const basicItems = this.menus.user;\n    if (!this.itemIdentifier || !this.admin) return [basicItems];\n\n    let adminItems = this.menus.userAdmin;\n    if (this.canManageFlags) {\n      adminItems = adminItems.concat(this.menus.userAdminFlags);\n    }\n\n    // The built sections are empty until the matching prop is set and the\n    // menus have been rebuilt, so gating on them keeps a divider from ever\n    // rendering above an empty section.\n    const { userAdminBiblio, userAdminUploader } = this.menus;\n    const sections = [basicItems, adminItems];\n    if (userAdminBiblio.length) sections.push(userAdminBiblio);\n    if (userAdminUploader.length) sections.push(userAdminUploader);\n    return sections;\n  }\n\n  get allowSecondaryIcon() {\n    return this.secondIdentitySlotMode === 'allow';\n  }\n\n  get searchSlot() {\n    return html`<slot name=\"search\" slot=\"search\"></slot>`;\n  }\n\n  get secondLogoSlot() {\n    return this.allowSecondaryIcon\n      ? html`\n          <slot name=\"opt-sec-logo\" slot=\"opt-sec-logo\"></slot>\n          <slot name=\"opt-sec-logo-mobile\" slot=\"opt-sec-logo-mobile\"></slot>\n        `\n      : nothing;\n  }\n\n  get separatorTemplate() {\n    return html`<li class=\"divider\" role=\"presentation\"></li>`;\n  }\n\n  static get styles(): CSSResultGroup {\n    return [\n      themeStyles,\n      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          --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        ia-topnav-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: ${TOPNAV_MOBILE_BREAKPOINT - 1}px) {\n          ia-topnav-desktop-subnav {\n            display: none;\n          }\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/elements/ia-topnav/lib/helpers.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Resolves a menu link against the topnav's base host. Absolute `http(s)`
+ * URLs pass through untouched, anything else is prefixed with `baseHost`.
+ */
+export declare function formatUrl(url: string | undefined, baseHost: string): string;
+/** The string form an `aria-*` boolean attribute expects. */
+export declare function makeBooleanString(value: boolean): 'true' | 'false';
+/**
+ * Joins a space-separated phrase into one capitalized word, e.g.
+ * `'mobile apps'` becomes `'MobileApps'`. Used to build analytics event names.
+ */
+export declare function toSentenceCase(phrase: string): string;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/src/elements/ia-topnav/lib/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-topnav/lib/helpers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,YAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,6DAA6D;AAC7D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAElE;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAOrD"}

package/dist/src/elements/ia-topnav/lib/helpers.js

@@ -0,0 +1,24 @@
+/**
+ * Resolves a menu link against the topnav's base host. Absolute `http(s)`
+ * URLs pass through untouched, anything else is prefixed with `baseHost`.
+ */
+export function formatUrl(url = '', baseHost) {
+    return /^https?:/.test(url) ? url : `${baseHost}${url}`;
+}
+/** The string form an `aria-*` boolean attribute expects. */
+export function makeBooleanString(value) {
+    return value ? 'true' : 'false';
+}
+/**
+ * Joins a space-separated phrase into one capitalized word, e.g.
+ * `'mobile apps'` becomes `'MobileApps'`. Used to build analytics event names.
+ */
+export function toSentenceCase(phrase) {
+    const words = phrase.split(' ');
+    const lastWord = words.pop() ?? '';
+    const capitalizedWord = `${lastWord.slice(0, 1).toUpperCase()}${lastWord.slice(1)}`;
+    return words.length
+        ? toSentenceCase(`${words.join(' ')}${capitalizedWord}`)
+        : capitalizedWord;
+}
+//# sourceMappingURL=helpers.js.map

package/dist/src/elements/ia-topnav/lib/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../../src/elements/ia-topnav/lib/helpers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,MAAc,EAAE,EAAE,QAAgB;IAC1D,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,GAAG,EAAE,CAAC;AAC1D,CAAC;AAED,6DAA6D;AAC7D,MAAM,UAAU,iBAAiB,CAAC,KAAc;IAC9C,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAClC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,MAAc;IAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC;IACnC,MAAM,eAAe,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACpF,OAAO,KAAK,CAAC,MAAM;QACjB,CAAC,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe,EAAE,CAAC;QACxD,CAAC,CAAC,eAAe,CAAC;AACtB,CAAC","sourcesContent":["/**\n * Resolves a menu link against the topnav's base host. Absolute `http(s)`\n * URLs pass through untouched, anything else is prefixed with `baseHost`.\n */\nexport function formatUrl(url: string = '', baseHost: string): string {\n  return /^https?:/.test(url) ? url : `${baseHost}${url}`;\n}\n\n/** The string form an `aria-*` boolean attribute expects. */\nexport function makeBooleanString(value: boolean): 'true' | 'false' {\n  return value ? 'true' : 'false';\n}\n\n/**\n * Joins a space-separated phrase into one capitalized word, e.g.\n * `'mobile apps'` becomes `'MobileApps'`. Used to build analytics event names.\n */\nexport function toSentenceCase(phrase: string): string {\n  const words = phrase.split(' ');\n  const lastWord = words.pop() ?? '';\n  const capitalizedWord = `${lastWord.slice(0, 1).toUpperCase()}${lastWord.slice(1)}`;\n  return words.length\n    ? toSentenceCase(`${words.join(' ')}${capitalizedWord}`)\n    : capitalizedWord;\n}\n"]}