@internetarchive/ia-topnav 1.1.24 → 1.1.25-alpha1

package/README.md

@@ -10,9 +10,9 @@ yarn add @internetarchive/ia-topnav
 
 ## Usage
 
-@see [demo.html](demo.html) for the simplest example with all the defaults
+@see [www/index.html](www/index.html) for the simplest example with all the defaults
 
-`yarn start` => open demo: `http://localhost:8000/demo.html`
+`yarn start` => open demo: `http://localhost:8000/www/index.html`
 
 It shows a dynamic change of the logged in user name -- and how it will re-paint the menus.
 
@@ -123,7 +123,7 @@ yarn install
 ```bash
 yarn start  // start development server and typescript compiler
 ```
-then open demo - http://localhost:8000/demo.html
+then open demo - http://localhost:8000/www/index.html
 
 ## Testing
 

package/index.d.ts

@@ -94,7 +94,6 @@ export declare class IATopNav extends LitElement {
   selectedMenuOption?: string;
   username?: string;
   userProfileImagePath?: string;
-  userProfileLastModified?: string;
   menus: IATopNavMenuConfig;
   /**
    * Copy to display for number of pages archived at the top of the Wayback search form

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-topnav",
-  "version": "1.1.24",
+  "version": "1.1.25-alpha1",
   "description": "Top nav for Internet Archive",
   "license": "AGPL-3.0-only",
   "main": "index.js",

package/src/assets/img/hamburger.js

@@ -1,4 +1,4 @@
-import { html, css } from 'https://offshoot.ux.archive.org/lit.js';
+import { html, css } from 'https://offshoot.prod.archive.org/lit.js';
 import Icon from './icon.js';
 import icons from './icons.js';
 

package/src/assets/img/ia-icon.js

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'https://offshoot.ux.archive.org/lit.js';
+import { LitElement, html } from 'https://offshoot.prod.archive.org/lit.js';
 import './icons.js';
 
 class IAIcon extends LitElement {

package/src/assets/img/icon-audio.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-close.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-donate.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-ellipses.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-ia-logo.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-images.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-search.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-software.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-texts.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-upload.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-user.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-video.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon-web.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default html`
   <svg

package/src/assets/img/icon.js

@@ -1,4 +1,4 @@
-import { LitElement } from 'https://offshoot.ux.archive.org/lit.js';
+import { LitElement } from 'https://offshoot.prod.archive.org/lit.js';
 
 class Icon extends LitElement {
   constructor() {

package/src/assets/img/user.js

@@ -1,4 +1,4 @@
-import { html, css } from 'https://offshoot.ux.archive.org/lit.js';
+import { html, css } from 'https://offshoot.prod.archive.org/lit.js';
 import Icon from './icon.js';
 
 class User extends Icon {

package/src/assets/img/wordmark-stacked.js

@@ -1,4 +1,4 @@
-import { svg } from 'https://offshoot.ux.archive.org/lit.js';
+import { svg } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default svg`
   <svg class="ia-wordmark stacked" height="30" viewBox="0 0 95 30" width="95" xmlns="http://www.w3.org/2000/svg">

package/src/desktop-subnav.js

@@ -1,4 +1,4 @@
-import { html, nothing } from 'https://offshoot.ux.archive.org/lit.js';
+import { html, nothing } from 'https://offshoot.prod.archive.org/lit.js';
 import TrackedElement from './tracked-element.js';
 import desktopSubnavCSS from './styles/desktop-subnav.js';
 import icons from './assets/img/icons.js';

package/src/dropdown-menu.js

@@ -1,4 +1,4 @@
-import { html, nothing } from 'https://offshoot.ux.archive.org/lit.js';
+import { html, nothing } from 'https://offshoot.prod.archive.org/lit.js';
 import TrackedElement from './tracked-element.js';
 import dropdownMenuCSS from './styles/dropdown-menu.js';
 import formatUrl from './lib/formatUrl.js';

package/src/ia-topnav.js

@@ -1,4 +1,4 @@
-import { LitElement, html, nothing } from 'https://offshoot.ux.archive.org/lit.js';
+import { LitElement, html, nothing } from 'https://offshoot.prod.archive.org/lit.js';
 
 import './primary-nav.js';
 import './user-menu.js';
@@ -55,7 +55,6 @@ export default class IATopNav extends LitElement {
       selectedMenuOption: { type: String },
       username: { type: String },
       userProfileImagePath: { type: String },
-      userProfileLastModified: { type: String },
       secondIdentitySlotMode: { type: String },
     };
   }
@@ -65,7 +64,6 @@ export default class IATopNav extends LitElement {
     this.menuSetup();
     this.mediaBaseHost = 'https://archive.org';
     this.userProfileImagePath = '/services/img/user/profile';
-    this.userProfileLastModified = '';
     this.config = defaultTopNavConfig;
     this.hideSearch = false;
     this.mediaSliderOpen = false;
@@ -245,7 +243,6 @@ export default class IATopNav extends LitElement {
           .selectedMenuOption=${this.selectedMenuOption}
           .username=${this.username}
           .userProfileImagePath=${this.userProfileImagePath}
-          .userProfileLastModified=${this.userProfileLastModified}
           ?hideSearch=${this.hideSearch}
           @mediaTypeSelected=${this.mediaTypeSelected}
           @toggleSearchMenu=${this.toggleSearchMenu}

package/src/login-button.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 import TrackedElement from './tracked-element.js';
 import icons from './assets/img/icons.js';
 import loginButtonCSS from './styles/login-button.js';

package/src/media-button.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 import TrackedElement from './tracked-element.js';
 import icons from './assets/img/icons.js';
 import toSentenceCase from './lib/toSentenceCase.js';

package/src/media-menu.js

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'https://offshoot.ux.archive.org/lit.js';
+import { LitElement, html } from 'https://offshoot.prod.archive.org/lit.js';
 
 import './media-button.js';
 import mediaMenuCSS from './styles/media-menu.js';

package/src/media-slider.js

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'https://offshoot.ux.archive.org/lit.js';
+import { LitElement, html } from 'https://offshoot.prod.archive.org/lit.js';
 import './media-subnav.js';
 import mediaSliderCSS from './styles/media-slider.js';
 

package/src/media-subnav.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 import TrackedElement from './tracked-element.js';
 import './wayback-slider.js';
 import './more-slider.js';

package/src/more-slider.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 import TrackedElement from './tracked-element.js';
 import toSentenceCase from './lib/toSentenceCase.js';
 import moreSliderCSS from './styles/more-slider.js';

package/src/nav-search.js

@@ -1,4 +1,4 @@
-import { nothing, html } from 'https://offshoot.ux.archive.org/lit.js';
+import { nothing, html } from 'https://offshoot.prod.archive.org/lit.js';
 
 import TrackedElement from './tracked-element.js';
 import navSearchCSS from './styles/nav-search.js';

package/src/primary-nav.js

@@ -1,4 +1,4 @@
-import { html, nothing } from 'https://offshoot.ux.archive.org/lit.js';
+import { html, nothing } from 'https://offshoot.prod.archive.org/lit.js';
 import TrackedElement from './tracked-element.js';
 import icons from './assets/img/icons.js';
 import './assets/img/hamburger.js';
@@ -31,7 +31,6 @@ class PrimaryNav extends TrackedElement {
       userMenuOpen: { type: Boolean },
       username: { type: String },
       userProfileImagePath: { type: String },
-      userProfileLastModified: { type: String },
     };
   }
 
@@ -99,7 +98,7 @@ class PrimaryNav extends TrackedElement {
         data-event-click-tracking="${this.config.eventCategory}|NavUserMenu"
       >
         <img
-          src="${this.mediaBaseHost}${this.userProfileImagePath}?${this.userProfileLastModified}"
+          src="${this.mediaBaseHost}${this.userProfileImagePath}"
           alt="${this.username}"
         />
         <span class="username">${this.truncatedScreenName}</span>

package/src/save-page-form.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 import TrackedElement from './tracked-element.js';
 import savePageFormCSS from './styles/save-page-form.js';
 

package/src/search-menu.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 import TrackedElement from './tracked-element.js';
 import searchMenuCSS from './styles/search-menu.js';
 import formatUrl from './lib/formatUrl.js';

package/src/styles/base.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export const subnavListCSS = css`
   h4 {

package/src/styles/desktop-subnav.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   ul {

package/src/styles/dropdown-menu.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   .nav-container {
@@ -8,7 +8,7 @@ export default css`
   nav {
     position: absolute;
     right: 0;
-    z-index: 2;
+    z-index: 3;
     overflow: hidden;
     font-size: 1.6rem;
     background-color: var(--dropdownMenuBg);

package/src/styles/ia-topnav.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   :host {

package/src/styles/login-button.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   .dropdown-toggle {

package/src/styles/media-button.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   a {

package/src/styles/media-menu.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   :host {

package/src/styles/media-slider.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   .media-slider-container {

package/src/styles/media-subnav.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 import { subnavListCSS } from './base.js';
 
 export default [subnavListCSS, css`

package/src/styles/more-slider.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   ul {

package/src/styles/nav-search.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   input[type="text"] {

package/src/styles/primary-nav.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   button:focus,

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

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   div {

package/src/styles/search-menu.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   .menu-wrapper {

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

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   @media (min-width: 890px) {

package/src/styles/user-menu.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   @media (min-width: 890px) {

package/src/styles/wayback-search.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 
 export default css`
   form {

package/src/styles/wayback-slider.js

@@ -1,4 +1,4 @@
-import { css } from 'https://offshoot.ux.archive.org/lit.js';
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
 import { subnavListCSS } from './base.js';
 
 export default [subnavListCSS, css`

package/src/tracked-element.js

@@ -1,4 +1,4 @@
-import { LitElement } from 'https://offshoot.ux.archive.org/lit.js';
+import { LitElement } from 'https://offshoot.prod.archive.org/lit.js';
 
 class TrackedElement extends LitElement {
   trackClick(e) {

package/src/user-menu.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 import DropdownMenu from './dropdown-menu.js';
 import userMenuCSS from './styles/user-menu.js';
 

package/src/wayback-slider.js

@@ -1,4 +1,4 @@
-import { html } from 'https://offshoot.ux.archive.org/lit.js';
+import { html } from 'https://offshoot.prod.archive.org/lit.js';
 import './wayback-search.js';
 import TrackedElement from './tracked-element.js';
 import './save-page-form.js';

package/demo.html

@@ -1,41 +0,0 @@
-<link rel="stylesheet" href="https://archive.org/includes/build/css/archive.min.css">
-
-<ia-topnav></ia-topnav>
-
-
-<center>
-
-<h1>demo</h1>
-
-
-<button onclick="document.querySelector('ia-topnav').setAttribute('username', 'brewster')">
-  switch username to brewster
-</button>
-<br>
-<button onclick="document.querySelector('ia-topnav').removeAttribute('username')">
-  switch to un-logged-in
-</button>
-
-
-<hr>
-
-
-<button onclick="document.querySelector('ia-topnav').setAttribute('localLinks', false)">
-  switch localLinks false (change to https://archive.org)
-</button>
-<br>
-<button onclick="document.querySelector('ia-topnav').removeAttribute('localLinks')">
-  switch to localLinks (default, change links to start with /)
-</button>
-
-
-<hr>
-<button onclick="document.querySelector('ia-topnav').setAttribute('waybackPagesArchived', 'many, MAAAANNNY')">
-  change WB pages count
-</button>
-
-
-
-<script type="module" src="./src/ia-topnav.js"></script>
-
-</center>