@internetarchive/ia-topnav 1.3.10-webdev-7394.0 → 1.3.10-webdev-7394.2

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

@@ -1 +1 @@
-{"version":3,"file":"primary-nav.test.js","sourceRoot":"","sources":["../../test/primary-nav.test.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,OAAO,EACP,MAAM,EACN,cAAc,EACd,cAAc,GACf,MAAM,kBAAkB,CAAC;AAE1B,OAAO,oBAAoB,CAAC;AAI5B,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,GAAG,aAAa,EACxB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,EAAE,EACX,sBAAsB,GAAG,OAAO,GAQjC,EAAE,EAAE,CACH,IAAI,CAAA;gBACU,QAAQ;gBACR,QAAQ;kBACN,UAAU;kBACV,UAAU;cACd,MAAM;8BACU,sBAAsB;kBAClC,CAAC;AAEnB,SAAS,CAAC,GAAG,EAAE;IACb,cAAc,EAAE,CAAC;AACnB,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;;QAC/D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,SAAS,CAAC;YACR,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,EAAE;SACb,CAAC,CACH,CAAC;QAEF,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;;QACrF,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,SAAS,CAAC;YACR,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,YAAY;YACtB,UAAU,EAAE,YAAY;YACxB,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACvE,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;;QAC3C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,SAAS,CAAC;YACR,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,yBAAyB;SACtC,CAAC,CACH,CAAC;QAEF,MAAM,YAAY,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAC/C,cAAc,CACI,CAAC;QAErB,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,SAAS,CAAC;YACR,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,yBAAyB;YACrC,sBAAsB,EAAE,OAAO;SAChC,CAAC,CACH,CAAC;QAEF,MAAM,aAAa,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACnE,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CACrD,sBAAsB,CACvB,CAAC;QAEF,MAAM,IAAI,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACtB,MAAM,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAE5D,EAAE,CAAC,sBAAsB,GAAG,EAAE,CAAC;QAC/B,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,mBAAmB,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACzE,MAAM,CAAC,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAE1E,MAAM,MAAM,GAAG,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAC1D,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {\n  html,\n  fixture,\n  expect,\n  fixtureCleanup,\n  elementUpdated,\n} from '@open-wc/testing';\n\nimport '../src/primary-nav';\nimport { IATopNavConfig, IATopNavSecondIdentitySlotMode } from '../src/models';\nimport { PrimaryNav } from '../src/primary-nav';\n\nconst component = ({\n  baseHost = 'archive.org',\n  username = '',\n  screenName = '',\n  hideSearch = false,\n  config = {},\n  secondIdentitySlotMode = 'allow',\n}: {\n  baseHost?: string;\n  username?: string;\n  screenName?: string;\n  hideSearch?: boolean;\n  config?: IATopNavConfig;\n  secondIdentitySlotMode?: IATopNavSecondIdentitySlotMode;\n}) =>\n  html` <primary-nav\n    .baseHost=${baseHost}\n    .username=${username}\n    .screenName=${screenName}\n    ?hideSearch=${hideSearch}\n    .config=${config}\n    .secondIdentitySlotMode=${secondIdentitySlotMode}\n  ></primary-nav>`;\n\nafterEach(() => {\n  fixtureCleanup();\n});\n\ndescribe('<primary-nav>', () => {\n  it('renders the login link when no username present', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: '',\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('login-button')).to.not.be.undefined;\n  });\n\n  it('does not render search menu toggle and search form if hideSearch true', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'shaneriley',\n        screenName: 'shaneriley',\n        hideSearch: true,\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('.search-trigger')).to.equal(null);\n    expect(el.shadowRoot?.querySelector('nav-search')).to.equal(null);\n  });\n\n  it('truncates a long screenname', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'boop',\n        screenName: 'somesuperlongscreenname',\n      }),\n    );\n\n    const usernameSpan = el.shadowRoot?.querySelector(\n      '.screen-name',\n    ) as HTMLSpanElement;\n\n    expect(usernameSpan.innerText).to.equal('somesuper…');\n  });\n\n  it('opens a slot with `secondIdentitySlotMode`', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'boop',\n        screenName: 'somesuperlongscreenname',\n        secondIdentitySlotMode: 'allow',\n      }),\n    );\n\n    const brandingBlock = el.shadowRoot?.querySelector('div.branding');\n    expect(brandingBlock?.getAttribute('class')).to.contain(\n      'branding second-logo',\n    );\n\n    const slot = brandingBlock?.querySelector('slot');\n    expect(slot).to.exist;\n    expect(slot?.getAttribute('name')).to.equal('opt-sec-logo');\n\n    el.secondIdentitySlotMode = '';\n    await elementUpdated(el);\n    const noSlotBrandingBlock = el.shadowRoot?.querySelector('div.branding');\n    expect(noSlotBrandingBlock?.getAttribute('class')).to.contain('branding');\n\n    const noSlot = noSlotBrandingBlock?.querySelector('slot');\n    expect(noSlot).to.not.exist;\n  });\n});\n"]}
+{"version":3,"file":"primary-nav.test.js","sourceRoot":"","sources":["../../test/primary-nav.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  html,\n  fixture,\n  expect,\n  fixtureCleanup,\n  elementUpdated,\n} from '@open-wc/testing';\n\nimport '../src/primary-nav';\nimport { IATopNavConfig, IATopNavSecondIdentitySlotMode } from '../src/models';\nimport { PrimaryNav } from '../src/primary-nav';\n\nconst component = ({\n  baseHost = 'archive.org',\n  username = '',\n  screenName = '',\n  hideSearch = false,\n  config = {},\n  secondIdentitySlotMode = 'allow',\n}: {\n  baseHost?: string;\n  username?: string;\n  screenName?: string;\n  hideSearch?: boolean;\n  config?: IATopNavConfig;\n  secondIdentitySlotMode?: IATopNavSecondIdentitySlotMode;\n}) =>\n  html` <primary-nav\n    .baseHost=${baseHost}\n    .username=${username}\n    .screenName=${screenName}\n    ?hideSearch=${hideSearch}\n    .config=${config}\n    .secondIdentitySlotMode=${secondIdentitySlotMode}\n  ></primary-nav>`;\n\nafterEach(() => {\n  fixtureCleanup();\n});\n\ndescribe('<primary-nav>', () => {\n  it('renders the login link when no username present', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: '',\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('login-button')).to.not.be.undefined;\n  });\n\n  it('does not render search menu toggle and search form if hideSearch true', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'shaneriley',\n        screenName: 'shaneriley',\n        hideSearch: true,\n      }),\n    );\n\n    expect(el.shadowRoot?.querySelector('.search-trigger')).to.equal(null);\n    expect(el.shadowRoot?.querySelector('nav-search')).to.equal(null);\n  });\n\n  it('opens a slot with `secondIdentitySlotMode`', async () => {\n    const el = await fixture<PrimaryNav>(\n      component({\n        baseHost: 'archive.org',\n        username: 'boop',\n        screenName: 'somesuperlongscreenname',\n        secondIdentitySlotMode: 'allow',\n      }),\n    );\n\n    const brandingBlock = el.shadowRoot?.querySelector('div.branding');\n    expect(brandingBlock?.getAttribute('class')).to.contain(\n      'branding second-logo',\n    );\n\n    const slot = brandingBlock?.querySelector('slot');\n    expect(slot).to.exist;\n    expect(slot?.getAttribute('name')).to.equal('opt-sec-logo');\n\n    el.secondIdentitySlotMode = '';\n    await elementUpdated(el);\n    const noSlotBrandingBlock = el.shadowRoot?.querySelector('div.branding');\n    expect(noSlotBrandingBlock?.getAttribute('class')).to.contain('branding');\n\n    const noSlot = noSlotBrandingBlock?.querySelector('slot');\n    expect(noSlot).to.not.exist;\n  });\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-topnav",
-  "version": "1.3.10-webdev-7394.0",
+  "version": "1.3.10-webdev-7394.2",
   "description": "Top nav for Internet Archive",
   "license": "AGPL-3.0-only",
   "main": "dist/index.js",

package/src/data/menus.ts

@@ -157,44 +157,52 @@ export function buildTopNavMenus(
       browserExtensionsLinks: [],
       archiveItLinks: [],
     },
-    more: [
-      {
-        title: 'About',
-        url: `${baseHost}/about/`,
-      },
-      {
-        title: 'Blog',
-        url: 'https://blog.archive.org',
-      },
-      {
-        title: 'Projects',
-        url: `${baseHost}/projects/`,
-      },
-      {
-        title: 'Help',
-        url: `${baseHost}/about/faqs.php`,
-      },
-      {
-        title: 'Donate',
-        url: `${baseHost}/donate?origin=iawww-TopNavDonateButton`,
-      },
-      {
-        title: 'Contact',
-        url: `${baseHost}/about/contact`,
-      },
-      {
-        title: 'Jobs',
-        url: `${baseHost}/about/jobs`,
-      },
-      {
-        title: 'Volunteer',
-        url: `${baseHost}/about/volunteer-positions`,
-      },
-      {
-        title: 'People',
-        url: `${baseHost}/about/bios`,
-      },
-    ],
+    more: {
+      links: [
+        {
+          title: 'About',
+          url: `${baseHost}/about/`,
+        },
+        {
+          title: 'Blog',
+          url: 'https://blog.archive.org',
+        },
+        {
+          title: 'Projects',
+          url: `${baseHost}/projects/`,
+        },
+        {
+          title: 'Help',
+          url: `${baseHost}/about/faqs.php`,
+        },
+        {
+          title: 'Donate',
+          url: `${baseHost}/donate?origin=iawww-TopNavDonateButton`,
+        },
+        {
+          title: 'Contact',
+          url: `${baseHost}/about/contact`,
+        },
+        {
+          title: 'Jobs',
+          url: `${baseHost}/about/jobs`,
+        },
+        {
+          title: 'Volunteer',
+          url: `${baseHost}/about/volunteer-positions`,
+        },
+        {
+          title: 'People',
+          url: `${baseHost}/about/bios`,
+        },
+      ],
+      heading: '',
+      iconLinks: [],
+      featuredLinks: [],
+      mobileAppsLinks: [],
+      browserExtensionsLinks: [],
+      archiveItLinks: []
+    },
     software: {
       heading: 'Software',
       iconLinks: [

package/src/dropdown-menu.ts

@@ -8,6 +8,7 @@ import { makeBooleanString } from './lib/makeBooleanString';
 import { IATopNavConfig, IATopNavLink } from './models';
 import dropdownMenuCSS from './styles/dropdown-menu';
 import TrackedElement from './tracked-element';
+import { ifDefined } from 'lit/directives/if-defined.js';
 
 export default class DropdownMenu extends TrackedElement {
   @property({ type: String }) baseHost = '';
@@ -56,8 +57,8 @@ export default class DropdownMenu extends TrackedElement {
   dropdownLink(link: IATopNavLink): TemplateResult {
     const calloutText = this.config?.callouts?.[link.title];
     return html`<a
-      .href="${formatUrl(link.url, this.baseHost)}"
-      .class="${link.class}"
+      href="${formatUrl(link.url, this.baseHost)}"
+      class=${ifDefined(link.class)}
       tabindex="${this.open ? '' : '-1'}"
       @click=${this.trackClick}
       data-event-click-tracking="${this.config

package/src/ia-topnav.ts

@@ -245,10 +245,6 @@ export default class IATopNav extends LitElement {
       : [basicItems];
   }
 
-  get desktopSubnavMenuItems() {
-    return this.menus.more;
-  }
-
   get allowSecondaryIcon() {
     return this.secondIdentitySlotMode === 'allow';
   }
@@ -314,7 +310,7 @@ export default class IATopNav extends LitElement {
       ></search-menu>
       <desktop-subnav
         .baseHost=${this.normalizedBaseHost}
-        .menuItems=${this.desktopSubnavMenuItems}
+        .menuItems=${this.menus.more.links}
         @focus=${this.closeMenus}
       ></desktop-subnav>
       <div

package/src/media-slider.ts

@@ -119,7 +119,7 @@ export class MediaSlider extends LitElement {
                   ? 'has-focused'
                   : 'hidden'}"
                 menu="more"
-                .menuItems=${this.menus.web}
+                .menuItems=${this.menus.more}
               ></media-subnav>
             </div>
           </div>

package/src/media-subnav.ts

@@ -103,14 +103,14 @@ export class MediaSubnav extends TrackedElement {
       ></wayback-slider>`;
     }
 
-    // if (this.menu === 'more') {
-    //   return html` <more-slider
-    //     .baseHost=${this.baseHost}
-    //     .config=${this.config}
-    //     .menuItems=${this.menuItems}
-    //   >
-    //   </more-slider>`;
-    // }
+    if (this.menu === 'more') {
+      return html` <more-slider
+        .baseHost=${this.baseHost}
+        .config=${this.config}
+        .menuItems=${this.menuItems.links}
+      >
+      </more-slider>`;
+    }
 
     return html`
       <h3>${this.links.heading}</h3>

package/src/models.ts

@@ -76,7 +76,7 @@ export interface IATopNavMediaMenu {
 export interface IATopNavMenuConfig {
   audio: IATopNavMediaMenu;
   images: IATopNavMediaMenu;
-  more: IATopNavLink[];
+  more: IATopNavMediaMenu;
   signedOut: IATopNavLink[];
   software: IATopNavMediaMenu;
   texts: IATopNavMediaMenu;

package/src/nav-search.ts

@@ -12,13 +12,14 @@ import { IATopNavConfig } from './models';
 export class NavSearch extends TrackedElement {
   @property({ type: String }) baseHost = '';
   @property({ type: Object }) config: IATopNavConfig = defaultTopNavConfig;
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   @property({ type: Object }) locationHandler = (url: string) => {};
   @property({ type: Boolean }) open = false;
   @property({ type: String }) openMenu = '';
   @property({ type: String }) searchIn = '';
   @property({ type: String }) searchQuery = '';
 
-  @query('[name=query]') queryInput: HTMLInputElement | undefined;
+  @query('[name=query]') private queryInput?: HTMLInputElement;
 
   static get styles() {
     return navSearchCSS;

package/test/dropdown-menu.test.ts

@@ -9,15 +9,13 @@ const component = html`<dropdown-menu></dropdown-menu>`;
 describe('<dropdown-menu>', () => {
   it('sets default properties', async () => {
     const el = await fixture<DropdownMenu>(component);
-
-    expect(el.animate).to.be.false;
+    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 () => {
     const el = await fixture<DropdownMenu>(component);
-
     el.animated = true;
     await el.updateComplete;
     expect(el.shadowRoot?.querySelector('.closed')).to.not.be.undefined;

package/test/primary-nav.test.ts

@@ -64,22 +64,6 @@ describe('<primary-nav>', () => {
     expect(el.shadowRoot?.querySelector('nav-search')).to.equal(null);
   });
 
-  it('truncates a long screenname', async () => {
-    const el = await fixture<PrimaryNav>(
-      component({
-        baseHost: 'archive.org',
-        username: 'boop',
-        screenName: 'somesuperlongscreenname',
-      }),
-    );
-
-    const usernameSpan = el.shadowRoot?.querySelector(
-      '.screen-name',
-    ) as HTMLSpanElement;
-
-    expect(usernameSpan.innerText).to.equal('somesuper…');
-  });
-
   it('opens a slot with `secondIdentitySlotMode`', async () => {
     const el = await fixture<PrimaryNav>(
       component({

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

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

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

@@ -1,12 +0,0 @@
-import { html, fixture } from '@open-wc/testing';
-import '../../../src/assets/img/icon-user';
-describe('<user-image>', () => {
-    it('toggles active class when property toggled', async () => {
-        const icon = await fixture(html `<user-image></user-image>`);
-        // icon.active = true;
-        // await icon.updateComplete;
-        // const styleElement = icon.shadowRoot.querySelector('svg > path');
-        // expect(styleElement.classList.contains('active')).to.be.true;
-    });
-});
-//# sourceMappingURL=user.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"user.test.js","sourceRoot":"","sources":["../../../../test/assets/img/user.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAU,MAAM,kBAAkB,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAE3C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA,2BAA2B,CAAC,CAAC;QAE5D,sBAAsB;QACtB,6BAA6B;QAE7B,oEAAoE;QAEpE,gEAAgE;IAClE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport '../../../src/assets/img/icon-user';\n\ndescribe('<user-image>', () => {\n  it('toggles active class when property toggled', async () => {\n    const icon = await fixture(html`<user-image></user-image>`);\n\n    // icon.active = true;\n    // await icon.updateComplete;\n\n    // const styleElement = icon.shadowRoot.querySelector('svg > path');\n\n    // expect(styleElement.classList.contains('active')).to.be.true;\n  });\n});\n"]}

package/test/assets/img/user.test.ts

@@ -1,15 +0,0 @@
-import { html, fixture, expect } from '@open-wc/testing';
-import '../../../src/assets/img/icon-user';
-
-describe('<user-image>', () => {
-  it('toggles active class when property toggled', async () => {
-    const icon = await fixture(html`<user-image></user-image>`);
-
-    // icon.active = true;
-    // await icon.updateComplete;
-
-    // const styleElement = icon.shadowRoot.querySelector('svg > path');
-
-    // expect(styleElement.classList.contains('active')).to.be.true;
-  });
-});