@internetarchive/ia-topnav 1.3.6 → 1.3.7-alpha.0

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

@@ -1,54 +1,54 @@
-import { css } from 'https://offshoot.prod.archive.org/lit.js';
-
-export default css`
-  div {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    grid-column-gap: .8rem;
-    margin: 0;
-    padding: 0;
-    border: none;
-  }
-
-  input[type="text"] {
-    width: 100%;
-    height: 3rem;
-    box-sizing: border-box;
-    border: 1px solid var(--savePageInputBorder);
-    border-radius: .5rem;
-    color: var(--grey13);
-    font-size: inherit;
-  }
-
-  input[type="submit"] {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    padding: .4rem .8rem;
-    font: normal 1.3rem var(--themeFontFamily);
-    text-transform: uppercase;
-    color: var(--savePageSubmitText);
-    border: none;
-    border-radius: 16px;
-    background: var(--savePageSubmitBg);
-    cursor: pointer;
-  }
-
-  .error {
-    display: none;
-    margin-top: .5rem;
-    font-weight: bold;
-    color: var(--savePageErrorText);
-  }
-
-  .visible {
-    display: block;
-  }
-
-  @media (min-width: 890px) {
-    h3 {
-      margin-top: 0;
-      font: normal 100 1.6rem var(--themeFontFamily);
-    }
-  }
-`;
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
+
+export default css`
+  div {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    grid-column-gap: .8rem;
+    margin: 0;
+    padding: 0;
+    border: none;
+  }
+
+  input[type="text"] {
+    width: 100%;
+    height: 3rem;
+    box-sizing: border-box;
+    border: 1px solid var(--savePageInputBorder);
+    border-radius: .5rem;
+    color: var(--grey13);
+    font-size: inherit;
+  }
+
+  input[type="submit"] {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    padding: .4rem .8rem;
+    font: normal 1.3rem var(--themeFontFamily);
+    text-transform: uppercase;
+    color: var(--savePageSubmitText);
+    border: none;
+    border-radius: 16px;
+    background: var(--savePageSubmitBg);
+    cursor: pointer;
+  }
+
+  .error {
+    display: none;
+    margin-top: .5rem;
+    font-weight: bold;
+    color: var(--savePageErrorText);
+  }
+
+  .visible {
+    display: block;
+  }
+
+  @media (min-width: 890px) {
+    h3 {
+      margin-top: 0;
+      font: normal 100 1.6rem var(--themeFontFamily);
+    }
+  }
+`;

package/src/styles/search-menu.js

@@ -1,99 +1,105 @@
-import { css } from 'https://offshoot.prod.archive.org/lit.js';
-
-export default css`
-  .menu-wrapper {
-    position: relative;
-  }
-
-  button:focus,
-  input:focus {
-    outline-color: var(--linkColor);
-    outline-width: 0.16rem;
-    outline-style: auto;
-  }
-  .search-menu-inner {
-    position: absolute;
-    right: 0;
-    left: 0;
-    z-index: 4;
-    padding: 0 4.5rem;
-    font-size: 1.6rem;
-    background-color: var(--searchMenuBg);
-  }
-  .tx-slide {
-    overflow: hidden;
-    transition-property: top;
-    transition-duration: 0.2s;
-    transition-timing-function: ease;
-  }
-  .initial,
-  .closed {
-    top: var(--topOffset, -1500px);
-  }
-  .closed {
-    transition-duration: 0.2s;
-  }
-
-  label,
-  a {
-    padding: 1rem;
-    display: block;
-  }
-
-  .advanced-search {
-    text-decoration: none;
-    color: var(--linkColor);
-  }
-
-  @media (min-width: 890px) {
-    .search-menu-inner {
-      overflow: visible;
-      right: 2rem;
-      left: auto;
-      z-index: 5;
-      padding: 1rem 2rem;
-      transition: opacity 0.2s ease-in-out;
-      font-size: 1.4rem;
-      color: var(--inverseTextColor);
-      border-radius: 2px;
-      background: var(--primaryTextColor);
-      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
-    }
-
-    .search-menu-inner:after {
-      position: absolute;
-      right: 7px;
-      top: -7px;
-      width: 12px;
-      height: 7px;
-      box-sizing: border-box;
-      color: #fff;
-      content: '';
-      border-bottom: 7px solid currentColor;
-      border-left: 6px solid transparent;
-      border-right: 6px solid transparent;
-    }
-
-    .initial,
-    .closed {
-      opacity: 0;
-      transition-duration: 0.2s;
-    }
-
-    .open {
-      opacity: 1;
-    }
-
-    label {
-      padding: 0;
-    }
-
-    label + label {
-      padding-top: 7px;
-    }
-
-    a {
-      padding: 1rem 0 0 0;
-    }
-  }
-`;
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
+
+export default css`
+  .menu-wrapper {
+    position: relative;
+  }
+
+  button:focus,
+  input:focus {
+    outline-color: var(--linkColor);
+    outline-width: 0.16rem;
+    outline-style: auto;
+    outline-offset: 2px !important;
+  }
+  .search-menu-inner {
+    position: absolute;
+    right: 0;
+    left: 0;
+    z-index: 4;
+    padding: 0 4.5rem;
+    font-size: 1.6rem;
+    background-color: var(--searchMenuBg);
+  }
+  .tx-slide {
+    overflow: hidden;
+    transition-property: top;
+    transition-duration: 0.2s;
+    transition-timing-function: ease;
+  }
+  .initial,
+  .closed {
+    top: var(--topOffset, -1500px);
+  }
+  .closed {
+    transition-duration: 0.2s;
+  }
+
+  label,
+  a {
+    padding: 1rem;
+    display: block;
+  }
+
+  .advanced-search {
+    text-decoration: none;
+    color: var(--linkColor);
+    line-height: normal;
+    padding: 0.5rem;
+    margin-top: 5px;
+  }
+
+  @media (min-width: 890px) {
+    .search-menu-inner {
+      overflow: visible;
+      right: 2rem;
+      left: auto;
+      z-index: 5;
+      padding: 1rem 2rem;
+      transition: opacity 0.2s ease-in-out;
+      font-size: 1.4rem;
+      color: var(--inverseTextColor);
+      border-radius: 2px;
+      background: var(--primaryTextColor);
+      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
+    }
+
+    .search-menu-inner:after {
+      position: absolute;
+      right: 7px;
+      top: -7px;
+      width: 12px;
+      height: 7px;
+      box-sizing: border-box;
+      color: #fff;
+      content: '';
+      border-bottom: 7px solid currentColor;
+      border-left: 6px solid transparent;
+      border-right: 6px solid transparent;
+    }
+
+    .initial,
+    .closed {
+      opacity: 0;
+      transition-duration: 0.2s;
+    }
+
+    .open {
+      opacity: 1;
+    }
+
+    label {
+      padding: 0;
+      font-weight: normal;
+      margin: 0;
+    }
+
+    label + label {
+      padding-top: 7px;
+    }
+
+    a {
+      padding: 1rem 0 0 0;
+    }
+  }
+`;

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

@@ -1,31 +1,31 @@
-import { css } from 'https://offshoot.prod.archive.org/lit.js';
-
-export default css`
-  @media (min-width: 890px) {
-    .initial,
-    .closed,
-    .open {
-      right: 33.5rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 18.5rem;
-    }
-  }
-
-  @media (min-width: 990px) {
-    .initial,
-    .closed,
-    .open {
-      right: 40rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 26rem;
-    }
-  }
-`;
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
+
+export default css`
+  @media (min-width: 890px) {
+    .initial,
+    .closed,
+    .open {
+      right: 33.5rem;
+    }
+
+    .search-hidden.initial,
+    .search-hidden.closed,
+    .search-hidden.open {
+      right: 18.5rem;
+    }
+  }
+
+  @media (min-width: 990px) {
+    .initial,
+    .closed,
+    .open {
+      right: 40rem;
+    }
+
+    .search-hidden.initial,
+    .search-hidden.closed,
+    .search-hidden.open {
+      right: 26rem;
+    }
+  }
+`;

package/src/styles/user-menu.js

@@ -1,31 +1,31 @@
-import { css } from 'https://offshoot.prod.archive.org/lit.js';
-
-export default css`
-  @media (min-width: 890px) {
-    .initial,
-    .closed,
-    .open {
-      right: 22.4rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 5.8rem;
-    }
-  }
-
-  @media (min-width: 990px) {
-    .initial,
-    .closed,
-    .open {
-      right: 27.2rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 12rem;
-    }
-  }
-`;
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
+
+export default css`
+  @media (min-width: 890px) {
+    .initial,
+    .closed,
+    .open {
+      right: 22.4rem;
+    }
+
+    .search-hidden.initial,
+    .search-hidden.closed,
+    .search-hidden.open {
+      right: 5.8rem;
+    }
+  }
+
+  @media (min-width: 990px) {
+    .initial,
+    .closed,
+    .open {
+      right: 27.2rem;
+    }
+
+    .search-hidden.initial,
+    .search-hidden.closed,
+    .search-hidden.open {
+      right: 12rem;
+    }
+  }
+`;

package/src/styles/wayback-search.js

@@ -1,48 +1,48 @@
-import { css } from 'https://offshoot.prod.archive.org/lit.js';
-
-export default css`
-  form {
-  }
-
-  p {
-    margin-bottom: 1rem;
-    font-size: 1.6rem;
-    text-align: center;
-  }
-
-  fieldset {
-    padding: .5rem;
-    border-radius: 5px;
-    box-shadow: none;
-  }
-
-  input {
-    padding-left: 3rem;
-    margin-top: .3rem;
-    font-size: 1.4rem;
-    border-color: #bca38e;
-    background: #fff;
-  }
-
-  input::placeholder,
-  input::-webkit-input-placeholder {
-    color: #8e8e8e;
-  }
-
-  .search-field svg {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  @media (min-width: 890px) {
-    fieldset a,
-    .search-field {
-      display: block;
-      width: auto;
-    }
-
-    fieldset a {
-      margin: 0 1.5rem;
-    }
-  }
-`;
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
+
+export default css`
+  form {
+  }
+
+  p {
+    margin-bottom: 1rem;
+    font-size: 1.6rem;
+    text-align: center;
+  }
+
+  fieldset {
+    padding: .5rem;
+    border-radius: 5px;
+    box-shadow: none;
+  }
+
+  input {
+    padding-left: 3rem;
+    margin-top: .3rem;
+    font-size: 1.4rem;
+    border-color: #bca38e;
+    background: #fff;
+  }
+
+  input::placeholder,
+  input::-webkit-input-placeholder {
+    color: #8e8e8e;
+  }
+
+  .search-field svg {
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  @media (min-width: 890px) {
+    fieldset a,
+    .search-field {
+      display: block;
+      width: auto;
+    }
+
+    fieldset a {
+      margin: 0 1.5rem;
+    }
+  }
+`;

package/src/styles/wayback-slider.js

@@ -1,30 +1,30 @@
-import { css } from 'https://offshoot.prod.archive.org/lit.js';
-import { subnavListCSS } from './base.js';
-
-export default [subnavListCSS, css`
-  @media (min-width: 890px) {
-    :host {
-      display: block;
-      grid-column: 1 / 4;
-      padding: 0 1.5rem;
-    }
-
-    h4 {
-      margin-top: 0;
-      font: normal 100 1.6rem var(--themeFontFamily);
-    }
-
-    .grid {
-      display: grid;
-      grid-template-columns: minmax(auto, 260px) 1fr minmax(auto, 260px);
-      /* Possible for 890 - 935: minmax(auto, 260px) 1fr minmax(auto, 260px) */
-      grid-column-gap: 2.5rem;
-    }
-
-    .link-lists {
-      display: grid;
-      grid-template-columns: calc(50% - 1.25rem) calc(50% - 1.25rem);
-      grid-column-gap: 2.5rem;
-    }
-  }
-`];
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
+import { subnavListCSS } from './base.js';
+
+export default [subnavListCSS, css`
+  @media (min-width: 890px) {
+    :host {
+      display: block;
+      grid-column: 1 / 4;
+      padding: 0 1.5rem;
+    }
+
+    h4 {
+      margin-top: 0;
+      font: normal 100 1.6rem var(--themeFontFamily);
+    }
+
+    .grid {
+      display: grid;
+      grid-template-columns: minmax(auto, 260px) 1fr minmax(auto, 260px);
+      /* Possible for 890 - 935: minmax(auto, 260px) 1fr minmax(auto, 260px) */
+      grid-column-gap: 2.5rem;
+    }
+
+    .link-lists {
+      display: grid;
+      grid-template-columns: calc(50% - 1.25rem) calc(50% - 1.25rem);
+      grid-column-gap: 2.5rem;
+    }
+  }
+`];

package/src/tracked-element.js

@@ -1,27 +1,29 @@
-import { LitElement } from 'https://offshoot.prod.archive.org/lit.js';
-
-class TrackedElement extends LitElement {
-  trackClick(e) {
-    const event = e.currentTarget.dataset.eventClickTracking;
-    this.dispatchEvent(new CustomEvent('trackClick', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        event
-      },
-    }));
-  }
-
-  trackSubmit(e) {
-    const event = e.currentTarget.dataset.eventSubmitTracking;
-    this.dispatchEvent(new CustomEvent('trackSubmit', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        event
-      },
-    }));
-  }
-}
-
-export default TrackedElement;
+import { LitElement } from 'https://offshoot.prod.archive.org/lit.js';
+
+class TrackedElement extends LitElement {
+  trackClick(e) {
+    const event = e.currentTarget?.dataset?.eventClickTracking;
+    if (event === undefined) return;
+    this.dispatchEvent(new CustomEvent('trackClick', {
+      bubbles: true,
+      composed: true,
+      detail: {
+        event
+      },
+    }));
+  }
+
+  trackSubmit(e) {
+    const event = e.currentTarget?.dataset?.eventSubmitTracking;
+    if (event === undefined) return;
+    this.dispatchEvent(new CustomEvent('trackSubmit', {
+      bubbles: true,
+      composed: true,
+      detail: {
+        event
+      },
+    }));
+  }
+}
+
+export default TrackedElement;