@internetarchive/ia-topnav 2.1.0-alpha-webdev8660.0 → 2.1.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { IATopNav } from './src/ia-topnav';\n\nexport { TOPNAV_MOBILE_BREAKPOINT } from './src/models';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { IATopNav } from './src/ia-topnav';\r\n\r\nexport { TOPNAV_MOBILE_BREAKPOINT } from './src/models';\r\n"]}

package/dist/src/models.js.map

@@ -1 +1 @@
-{"version":3,"file":"models.js","sourceRoot":"","sources":["../../src/models.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC","sourcesContent":["/**\n * The pixel width at which ia-topnav switches from mobile to desktop layout.\n * Desktop styles apply at `min-width: TOPNAV_MOBILE_BREAKPOINT px`.\n * Mobile styles apply at `max-width: (TOPNAV_MOBILE_BREAKPOINT - 1) px`.\n *\n * Exported so that host applications can derive their own media queries from\n * this value rather than hard-coding it independently.\n */\nexport const TOPNAV_MOBILE_BREAKPOINT = 890;\n\nexport interface IATopNavConfig {\n  /**\n   * Google Analytics event category\n   */\n  eventCategory?: string;\n\n  /**\n   * Copy to display for number of pages archived at the top of the Wayback search form\n   *\n   * ie. \"425 billion\"\n   */\n  waybackPagesArchived?: string;\n\n  /**\n   * Map from dropdown item ids to any callout text that should be applied beside them\n   */\n  callouts?: Record<string, string>;\n}\n\nexport interface IATopNavLink {\n  title: string;\n\n  url?: string;\n\n  class?: string;\n\n  icon?: string;\n\n  analyticsEvent?: string;\n\n  external?: boolean;\n}\n\nexport interface IATopNavMediaMenu {\n  heading: string;\n  iconLinks: IATopNavLink[];\n  featuredLinks: IATopNavLink[];\n  links: IATopNavLink[];\n  mobileAppsLinks: IATopNavLink[];\n  browserExtensionsLinks: IATopNavLink[];\n  archiveItLinks: IATopNavLink[];\n}\n\nexport interface IATopNavMenuConfig {\n  audio: IATopNavMediaMenu;\n  images: IATopNavMediaMenu;\n  more: IATopNavMediaMenu;\n  signedOut: IATopNavLink[];\n  software: IATopNavMediaMenu;\n  texts: IATopNavMediaMenu;\n  user: IATopNavLink[];\n  userAdmin: IATopNavLink[];\n  userAdminFlags: IATopNavLink[];\n  video: IATopNavMediaMenu;\n  web: IATopNavMediaMenu;\n}\n\nexport type IATopNavSecondIdentitySlotMode = 'allow' | '';\n"]}
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../src/models.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC","sourcesContent":["/**\r\n * The pixel width at which ia-topnav switches from mobile to desktop layout.\r\n * Desktop styles apply at `min-width: TOPNAV_MOBILE_BREAKPOINT px`.\r\n * Mobile styles apply at `max-width: (TOPNAV_MOBILE_BREAKPOINT - 1) px`.\r\n *\r\n * Exported so that host applications can derive their own media queries from\r\n * this value rather than hard-coding it independently.\r\n */\r\nexport const TOPNAV_MOBILE_BREAKPOINT = 890;\r\n\r\nexport interface IATopNavConfig {\r\n  /**\r\n   * Google Analytics event category\r\n   */\r\n  eventCategory?: string;\r\n\r\n  /**\r\n   * Copy to display for number of pages archived at the top of the Wayback search form\r\n   *\r\n   * ie. \"425 billion\"\r\n   */\r\n  waybackPagesArchived?: string;\r\n\r\n  /**\r\n   * Map from dropdown item ids to any callout text that should be applied beside them\r\n   */\r\n  callouts?: Record<string, string>;\r\n}\r\n\r\nexport interface IATopNavLink {\r\n  title: string;\r\n\r\n  url?: string;\r\n\r\n  class?: string;\r\n\r\n  icon?: string;\r\n\r\n  analyticsEvent?: string;\r\n\r\n  external?: boolean;\r\n}\r\n\r\nexport interface IATopNavMediaMenu {\r\n  heading: string;\r\n  iconLinks: IATopNavLink[];\r\n  featuredLinks: IATopNavLink[];\r\n  links: IATopNavLink[];\r\n  mobileAppsLinks: IATopNavLink[];\r\n  browserExtensionsLinks: IATopNavLink[];\r\n  archiveItLinks: IATopNavLink[];\r\n}\r\n\r\nexport interface IATopNavMenuConfig {\r\n  audio: IATopNavMediaMenu;\r\n  images: IATopNavMediaMenu;\r\n  more: IATopNavMediaMenu;\r\n  signedOut: IATopNavLink[];\r\n  software: IATopNavMediaMenu;\r\n  texts: IATopNavMediaMenu;\r\n  user: IATopNavLink[];\r\n  userAdmin: IATopNavLink[];\r\n  userAdminFlags: IATopNavLink[];\r\n  video: IATopNavMediaMenu;\r\n  web: IATopNavMediaMenu;\r\n}\r\n\r\nexport type IATopNavSecondIdentitySlotMode = 'allow' | '';\r\n"]}

package/dist/src/styles/base.js

@@ -1,49 +1,49 @@
 import { css } from 'lit';
 import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
-export const subnavListCSS = css `
-  h4 {
-    font-size: 1.6rem;
-  }
-
-  a {
-    text-decoration: none;
-    color: var(--activeColor);
-  }
-
-  ul {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-  }
-
-  li + li {
-    padding-top: 1.5rem;
-  }
-
-  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
-    h4 {
-      margin: 0 0 1rem 0;
-      font-weight: 100;
-    }
-
-    ul {
-      font-size: 1.3rem;
-    }
-
-    li {
-      padding-bottom: 0.5rem;
-    }
-
-    li + li {
-      padding-top: 0;
-    }
-
-    li a {
-      display: block;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-  }
+export const subnavListCSS = css `
+  h4 {
+    font-size: 1.6rem;
+  }
+
+  a {
+    text-decoration: none;
+    color: var(--activeColor);
+  }
+
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
+  li + li {
+    padding-top: 1.5rem;
+  }
+
+  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
+    h4 {
+      margin: 0 0 1rem 0;
+      font-weight: 100;
+    }
+
+    ul {
+      font-size: 1.3rem;
+    }
+
+    li {
+      padding-bottom: 0.5rem;
+    }
+
+    li + li {
+      padding-top: 0;
+    }
+
+    li a {
+      display: block;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+  }
 `;
 //# sourceMappingURL=base.js.map

package/dist/src/styles/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/styles/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;uBAoBT,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;CAyB9C,CAAC","sourcesContent":["import { css } from 'lit';\nimport { TOPNAV_MOBILE_BREAKPOINT } from '../models';\n\nexport const subnavListCSS = css`\n  h4 {\n    font-size: 1.6rem;\n  }\n\n  a {\n    text-decoration: none;\n    color: var(--activeColor);\n  }\n\n  ul {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  li + li {\n    padding-top: 1.5rem;\n  }\n\n  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {\n    h4 {\n      margin: 0 0 1rem 0;\n      font-weight: 100;\n    }\n\n    ul {\n      font-size: 1.3rem;\n    }\n\n    li {\n      padding-bottom: 0.5rem;\n    }\n\n    li + li {\n      padding-top: 0;\n    }\n\n    li a {\n      display: block;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/styles/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;uBAoBT,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;CAyB9C,CAAC","sourcesContent":["import { css } from 'lit';\r\nimport { TOPNAV_MOBILE_BREAKPOINT } from '../models';\r\n\r\nexport const subnavListCSS = css`\r\n  h4 {\r\n    font-size: 1.6rem;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n    color: var(--activeColor);\r\n  }\r\n\r\n  ul {\r\n    padding: 0;\r\n    margin: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  li + li {\r\n    padding-top: 1.5rem;\r\n  }\r\n\r\n  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {\r\n    h4 {\r\n      margin: 0 0 1rem 0;\r\n      font-weight: 100;\r\n    }\r\n\r\n    ul {\r\n      font-size: 1.3rem;\r\n    }\r\n\r\n    li {\r\n      padding-bottom: 0.5rem;\r\n    }\r\n\r\n    li + li {\r\n      padding-top: 0;\r\n    }\r\n\r\n    li a {\r\n      display: block;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n`;\r\n"]}

package/dist/src/styles/dropdown-menu.js

@@ -1,173 +1,173 @@
 import { css } from 'lit';
 import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
-export default css `
-  .nav-container {
-    position: relative;
-  }
-
-  nav {
-    position: absolute;
-    right: 0;
-    z-index: 4;
-    overflow: hidden;
-    font-size: 1.6rem;
-    background-color: var(--dropdownMenuBg);
-    transition-property: top;
-    transition-duration: 0.2s;
-    transition-timing-function: ease;
-  }
-
-  .initial,
-  .closed {
-    top: var(--topOffset, -1500px);
-  }
-
-  .closed {
-    transition-duration: 0.5s;
-  }
-
-  .open {
-    max-width: 100vw;
-    overflow: auto;
-  }
-
-  h3 {
-    padding: 0.6rem 2rem;
-    margin: 0;
-    font-size: inherit;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  ul {
-    padding: 0.4rem 0 0.7rem 0;
-    margin: 0;
-    list-style: none;
-    /* viewport height - nav height + bottom nav border */
-    max-height: calc(100vh - 7.2rem + 1px);
-    overflow: auto;
-    box-sizing: border-box;
-  }
-
-  .divider {
-    margin: 0.5rem 0;
-    border-bottom: 1px solid var(--dropdownMenuDivider);
-  }
-
-  a,
-  .info-item {
-    display: block;
-    color: var(--primaryTextColor);
-    text-decoration: none;
-    padding: 1rem 2rem;
-  }
-
-  .info-item {
-    font-size: 0.8em;
-    color: var(--dropdownMenuInfoItem);
-  }
-
-  .callout {
-    position: absolute;
-    margin-left: 10px;
-    padding: 0 5px;
-    border-radius: 2px;
-    background: #fee257;
-    color: #2c2c2c;
-    font-size: 1.4rem;
-    font-weight: bold;
-  }
-
-  a.mobile-upload {
-    display: flex;
-    justify-content: left;
-    align-items: center;
-  }
-  a.mobile-upload svg {
-    fill: var(--white);
-    margin-right: 1rem;
-    height: 1.4rem;
-    width: 1.4rem;
-  }
-
-  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
-    nav {
-      display: flex;
-      overflow: visible;
-      top: 0;
-      left: auto;
-      right: var(--dropdownMenuRight, 0);
-      z-index: 5;
-      transition: opacity 0.2s ease-in-out;
-      font-size: 1.4rem;
-      border-radius: 2px;
-      background: var(--primaryTextColor);
-      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
-    }
-
-    nav:after {
-      position: absolute;
-      right: 7px;
-      top: -7px;
-      width: 12px;
-      height: 7px;
-      box-sizing: border-box;
-      color: var(--white);
-      content: '';
-      border-bottom: 7px solid currentColor;
-      border-left: 6px solid transparent;
-      border-right: 6px solid transparent;
-    }
-
-    h3 {
-      display: none;
-    }
-
-    ul {
-      /* viewport height - nav height + bottom nav border */
-      max-height: calc(100vh - 8.5rem + 1px);
-    }
-
-    .divider {
-      border-bottom-color: var(--dropdownMenuDivider);
-    }
-
-    a {
-      padding: 0.5rem 2rem;
-      color: var(--inverseTextColor);
-      transition:
-        background 0.1s ease-out,
-        color 0.1s ease-out;
-    }
-
-    .info-item {
-      padding: 0.5rem 2rem;
-      font-size: 0.8em;
-      color: var(--inverseDropdownMenuInfoItem);
-    }
-
-    a:hover,
-    a:active,
-    a:focus {
-      color: var(--linkHoverColor);
-      background: var(--linkColor);
-      outline: none;
-    }
-
-    .initial,
-    .closed {
-      opacity: 0;
-      transition-duration: 0.2s;
-    }
-
-    .open {
-      opacity: 1;
-      overflow: visible;
-    }
-
-    a.mobile-upload {
-      display: none;
-    }
-  }
+export default css `
+  .nav-container {
+    position: relative;
+  }
+
+  nav {
+    position: absolute;
+    right: 0;
+    z-index: 4;
+    overflow: hidden;
+    font-size: 1.6rem;
+    background-color: var(--dropdownMenuBg);
+    transition-property: top;
+    transition-duration: 0.2s;
+    transition-timing-function: ease;
+  }
+
+  .initial,
+  .closed {
+    top: var(--topOffset, -1500px);
+  }
+
+  .closed {
+    transition-duration: 0.5s;
+  }
+
+  .open {
+    max-width: 100vw;
+    overflow: auto;
+  }
+
+  h3 {
+    padding: 0.6rem 2rem;
+    margin: 0;
+    font-size: inherit;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  ul {
+    padding: 0.4rem 0 0.7rem 0;
+    margin: 0;
+    list-style: none;
+    /* viewport height - nav height + bottom nav border */
+    max-height: calc(100vh - 7.2rem + 1px);
+    overflow: auto;
+    box-sizing: border-box;
+  }
+
+  .divider {
+    margin: 0.5rem 0;
+    border-bottom: 1px solid var(--dropdownMenuDivider);
+  }
+
+  a,
+  .info-item {
+    display: block;
+    color: var(--primaryTextColor);
+    text-decoration: none;
+    padding: 1rem 2rem;
+  }
+
+  .info-item {
+    font-size: 0.8em;
+    color: var(--dropdownMenuInfoItem);
+  }
+
+  .callout {
+    position: absolute;
+    margin-left: 10px;
+    padding: 0 5px;
+    border-radius: 2px;
+    background: #fee257;
+    color: #2c2c2c;
+    font-size: 1.4rem;
+    font-weight: bold;
+  }
+
+  a.mobile-upload {
+    display: flex;
+    justify-content: left;
+    align-items: center;
+  }
+  a.mobile-upload svg {
+    fill: var(--white);
+    margin-right: 1rem;
+    height: 1.4rem;
+    width: 1.4rem;
+  }
+
+  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
+    nav {
+      display: flex;
+      overflow: visible;
+      top: 0;
+      left: auto;
+      right: var(--dropdownMenuRight, 0);
+      z-index: 5;
+      transition: opacity 0.2s ease-in-out;
+      font-size: 1.4rem;
+      border-radius: 2px;
+      background: var(--primaryTextColor);
+      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
+    }
+
+    nav:after {
+      position: absolute;
+      right: 7px;
+      top: -7px;
+      width: 12px;
+      height: 7px;
+      box-sizing: border-box;
+      color: var(--white);
+      content: '';
+      border-bottom: 7px solid currentColor;
+      border-left: 6px solid transparent;
+      border-right: 6px solid transparent;
+    }
+
+    h3 {
+      display: none;
+    }
+
+    ul {
+      /* viewport height - nav height + bottom nav border */
+      max-height: calc(100vh - 8.5rem + 1px);
+    }
+
+    .divider {
+      border-bottom-color: var(--dropdownMenuDivider);
+    }
+
+    a {
+      padding: 0.5rem 2rem;
+      color: var(--inverseTextColor);
+      transition:
+        background 0.1s ease-out,
+        color 0.1s ease-out;
+    }
+
+    .info-item {
+      padding: 0.5rem 2rem;
+      font-size: 0.8em;
+      color: var(--inverseDropdownMenuInfoItem);
+    }
+
+    a:hover,
+    a:active,
+    a:focus {
+      color: var(--linkHoverColor);
+      background: var(--linkColor);
+      outline: none;
+    }
+
+    .initial,
+    .closed {
+      opacity: 0;
+      transition-duration: 0.2s;
+    }
+
+    .open {
+      opacity: 1;
+      overflow: visible;
+    }
+
+    a.mobile-upload {
+      display: none;
+    }
+  }
 `;
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/src/styles/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/styles/dropdown-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA0FK,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+E9C,CAAC","sourcesContent":["import { css } from 'lit';\nimport { TOPNAV_MOBILE_BREAKPOINT } from '../models';\n\nexport default css`\n  .nav-container {\n    position: relative;\n  }\n\n  nav {\n    position: absolute;\n    right: 0;\n    z-index: 4;\n    overflow: hidden;\n    font-size: 1.6rem;\n    background-color: var(--dropdownMenuBg);\n    transition-property: top;\n    transition-duration: 0.2s;\n    transition-timing-function: ease;\n  }\n\n  .initial,\n  .closed {\n    top: var(--topOffset, -1500px);\n  }\n\n  .closed {\n    transition-duration: 0.5s;\n  }\n\n  .open {\n    max-width: 100vw;\n    overflow: auto;\n  }\n\n  h3 {\n    padding: 0.6rem 2rem;\n    margin: 0;\n    font-size: inherit;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ul {\n    padding: 0.4rem 0 0.7rem 0;\n    margin: 0;\n    list-style: none;\n    /* viewport height - nav height + bottom nav border */\n    max-height: calc(100vh - 7.2rem + 1px);\n    overflow: auto;\n    box-sizing: border-box;\n  }\n\n  .divider {\n    margin: 0.5rem 0;\n    border-bottom: 1px solid var(--dropdownMenuDivider);\n  }\n\n  a,\n  .info-item {\n    display: block;\n    color: var(--primaryTextColor);\n    text-decoration: none;\n    padding: 1rem 2rem;\n  }\n\n  .info-item {\n    font-size: 0.8em;\n    color: var(--dropdownMenuInfoItem);\n  }\n\n  .callout {\n    position: absolute;\n    margin-left: 10px;\n    padding: 0 5px;\n    border-radius: 2px;\n    background: #fee257;\n    color: #2c2c2c;\n    font-size: 1.4rem;\n    font-weight: bold;\n  }\n\n  a.mobile-upload {\n    display: flex;\n    justify-content: left;\n    align-items: center;\n  }\n  a.mobile-upload svg {\n    fill: var(--white);\n    margin-right: 1rem;\n    height: 1.4rem;\n    width: 1.4rem;\n  }\n\n  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {\n    nav {\n      display: flex;\n      overflow: visible;\n      top: 0;\n      left: auto;\n      right: var(--dropdownMenuRight, 0);\n      z-index: 5;\n      transition: opacity 0.2s ease-in-out;\n      font-size: 1.4rem;\n      border-radius: 2px;\n      background: var(--primaryTextColor);\n      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);\n    }\n\n    nav:after {\n      position: absolute;\n      right: 7px;\n      top: -7px;\n      width: 12px;\n      height: 7px;\n      box-sizing: border-box;\n      color: var(--white);\n      content: '';\n      border-bottom: 7px solid currentColor;\n      border-left: 6px solid transparent;\n      border-right: 6px solid transparent;\n    }\n\n    h3 {\n      display: none;\n    }\n\n    ul {\n      /* viewport height - nav height + bottom nav border */\n      max-height: calc(100vh - 8.5rem + 1px);\n    }\n\n    .divider {\n      border-bottom-color: var(--dropdownMenuDivider);\n    }\n\n    a {\n      padding: 0.5rem 2rem;\n      color: var(--inverseTextColor);\n      transition:\n        background 0.1s ease-out,\n        color 0.1s ease-out;\n    }\n\n    .info-item {\n      padding: 0.5rem 2rem;\n      font-size: 0.8em;\n      color: var(--inverseDropdownMenuInfoItem);\n    }\n\n    a:hover,\n    a:active,\n    a:focus {\n      color: var(--linkHoverColor);\n      background: var(--linkColor);\n      outline: none;\n    }\n\n    .initial,\n    .closed {\n      opacity: 0;\n      transition-duration: 0.2s;\n    }\n\n    .open {\n      opacity: 1;\n      overflow: visible;\n    }\n\n    a.mobile-upload {\n      display: none;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/styles/dropdown-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA0FK,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+E9C,CAAC","sourcesContent":["import { css } from 'lit';\r\nimport { TOPNAV_MOBILE_BREAKPOINT } from '../models';\r\n\r\nexport default css`\r\n  .nav-container {\r\n    position: relative;\r\n  }\r\n\r\n  nav {\r\n    position: absolute;\r\n    right: 0;\r\n    z-index: 4;\r\n    overflow: hidden;\r\n    font-size: 1.6rem;\r\n    background-color: var(--dropdownMenuBg);\r\n    transition-property: top;\r\n    transition-duration: 0.2s;\r\n    transition-timing-function: ease;\r\n  }\r\n\r\n  .initial,\r\n  .closed {\r\n    top: var(--topOffset, -1500px);\r\n  }\r\n\r\n  .closed {\r\n    transition-duration: 0.5s;\r\n  }\r\n\r\n  .open {\r\n    max-width: 100vw;\r\n    overflow: auto;\r\n  }\r\n\r\n  h3 {\r\n    padding: 0.6rem 2rem;\r\n    margin: 0;\r\n    font-size: inherit;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  ul {\r\n    padding: 0.4rem 0 0.7rem 0;\r\n    margin: 0;\r\n    list-style: none;\r\n    /* viewport height - nav height + bottom nav border */\r\n    max-height: calc(100vh - 7.2rem + 1px);\r\n    overflow: auto;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .divider {\r\n    margin: 0.5rem 0;\r\n    border-bottom: 1px solid var(--dropdownMenuDivider);\r\n  }\r\n\r\n  a,\r\n  .info-item {\r\n    display: block;\r\n    color: var(--primaryTextColor);\r\n    text-decoration: none;\r\n    padding: 1rem 2rem;\r\n  }\r\n\r\n  .info-item {\r\n    font-size: 0.8em;\r\n    color: var(--dropdownMenuInfoItem);\r\n  }\r\n\r\n  .callout {\r\n    position: absolute;\r\n    margin-left: 10px;\r\n    padding: 0 5px;\r\n    border-radius: 2px;\r\n    background: #fee257;\r\n    color: #2c2c2c;\r\n    font-size: 1.4rem;\r\n    font-weight: bold;\r\n  }\r\n\r\n  a.mobile-upload {\r\n    display: flex;\r\n    justify-content: left;\r\n    align-items: center;\r\n  }\r\n  a.mobile-upload svg {\r\n    fill: var(--white);\r\n    margin-right: 1rem;\r\n    height: 1.4rem;\r\n    width: 1.4rem;\r\n  }\r\n\r\n  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {\r\n    nav {\r\n      display: flex;\r\n      overflow: visible;\r\n      top: 0;\r\n      left: auto;\r\n      right: var(--dropdownMenuRight, 0);\r\n      z-index: 5;\r\n      transition: opacity 0.2s ease-in-out;\r\n      font-size: 1.4rem;\r\n      border-radius: 2px;\r\n      background: var(--primaryTextColor);\r\n      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    nav:after {\r\n      position: absolute;\r\n      right: 7px;\r\n      top: -7px;\r\n      width: 12px;\r\n      height: 7px;\r\n      box-sizing: border-box;\r\n      color: var(--white);\r\n      content: '';\r\n      border-bottom: 7px solid currentColor;\r\n      border-left: 6px solid transparent;\r\n      border-right: 6px solid transparent;\r\n    }\r\n\r\n    h3 {\r\n      display: none;\r\n    }\r\n\r\n    ul {\r\n      /* viewport height - nav height + bottom nav border */\r\n      max-height: calc(100vh - 8.5rem + 1px);\r\n    }\r\n\r\n    .divider {\r\n      border-bottom-color: var(--dropdownMenuDivider);\r\n    }\r\n\r\n    a {\r\n      padding: 0.5rem 2rem;\r\n      color: var(--inverseTextColor);\r\n      transition:\r\n        background 0.1s ease-out,\r\n        color 0.1s ease-out;\r\n    }\r\n\r\n    .info-item {\r\n      padding: 0.5rem 2rem;\r\n      font-size: 0.8em;\r\n      color: var(--inverseDropdownMenuInfoItem);\r\n    }\r\n\r\n    a:hover,\r\n    a:active,\r\n    a:focus {\r\n      color: var(--linkHoverColor);\r\n      background: var(--linkColor);\r\n      outline: none;\r\n    }\r\n\r\n    .initial,\r\n    .closed {\r\n      opacity: 0;\r\n      transition-duration: 0.2s;\r\n    }\r\n\r\n    .open {\r\n      opacity: 1;\r\n      overflow: visible;\r\n    }\r\n\r\n    a.mobile-upload {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\n"]}

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

@@ -1,86 +1,86 @@
 import { css } from 'lit';
 import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
-export default 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);
-
-    --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);
-  }
-
-  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) {
-    desktop-subnav {
-      display: none;
-    }
-  }
+export default 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);
+
+    --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);
+  }
+
+  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) {
+    desktop-subnav {
+      display: none;
+    }
+  }
 `;
 //# sourceMappingURL=ia-topnav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ia-topnav.js","sourceRoot":"","sources":["../../../src/styles/ia-topnav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA6EK,wBAAwB,GAAG,CAAC;;;;;CAKlD,CAAC","sourcesContent":["import { css } from 'lit';\nimport { TOPNAV_MOBILE_BREAKPOINT } from '../models';\n\nexport default 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\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  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    desktop-subnav {\n      display: none;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"ia-topnav.js","sourceRoot":"","sources":["../../../src/styles/ia-topnav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA6EK,wBAAwB,GAAG,CAAC;;;;;CAKlD,CAAC","sourcesContent":["import { css } from 'lit';\r\nimport { TOPNAV_MOBILE_BREAKPOINT } from '../models';\r\n\r\nexport default css`\r\n  :host {\r\n    --white: #fff;\r\n    --grey13: #222;\r\n    --grey20: #333;\r\n    --grey40: #666;\r\n    --grey28: #474747;\r\n    --grey60: #999;\r\n    --grey66: #aaa;\r\n    --grey80: #ccc;\r\n    --greya0: #a0a0a0;\r\n    --grey6f: #6f6f6f;\r\n    --errorYellow: #ffcd27;\r\n\r\n    --linkColor: #4b64ff;\r\n    --linkHoverColor: var(--white);\r\n    --subnavLinkColor: var(--grey66);\r\n    --primaryTextColor: var(--white);\r\n    --inverseTextColor: var(--grey20);\r\n    --lightTextColor: var(--grey60);\r\n    --activeColor: var(--white);\r\n    --activeButtonBg: var(--grey20);\r\n    --iconFill: var(--grey60);\r\n\r\n    --mediaMenuBg: var(--grey13);\r\n    --mediaLabelDesktopColor: var(--grey60);\r\n    --activeDesktopMenuIcon: var(--grey28);\r\n\r\n    --mediaSliderBg: var(--grey20);\r\n    --mediaSliderDesktopBg: var(--grey28);\r\n\r\n    --primaryNavBg: var(--grey13);\r\n    --primaryNavBottomBorder: var(--grey20);\r\n\r\n    --desktopSubnavBg: var(--grey20);\r\n\r\n    --dropdownMenuBg: var(--grey20);\r\n    --dropdownMenuInfoItem: var(--greya0);\r\n    --dropdownMenuDivider: var(--grey40);\r\n    --inverseDropdownMenuInfoItem: var(--grey6f);\r\n\r\n    --loginTextColor: var(--grey60);\r\n\r\n    --themeFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    --logoWidthTablet: 263px;\r\n\r\n    --savePageSubmitBg: var(--grey13);\r\n    --savePageSubmitText: var(--white);\r\n    --savePageInputBorder: var(--grey60);\r\n    --savePageErrorText: var(--errorYellow);\r\n\r\n    color: var(--primaryTextColor);\r\n    font-family: var(--themeFontFamily);\r\n  }\r\n\r\n  primary-nav:focus {\r\n    outline: none !important;\r\n  }\r\n\r\n  #close-layer {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    z-index: 3;\r\n  }\r\n  #close-layer.visible {\r\n    display: block;\r\n  }\r\n\r\n  .topnav {\r\n    position: relative;\r\n    z-index: 4;\r\n  }\r\n\r\n  @media (max-width: ${TOPNAV_MOBILE_BREAKPOINT - 1}px) {\r\n    desktop-subnav {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\n"]}