@internetarchive/elements 1.1.3-webdev-9226.1 → 1.1.3-webdev-9241.0

package/dist/src/elements/ia-wayback-search-form/ia-wayback-search-form.js

@@ -0,0 +1,240 @@
+import { __decorate } from "tslib";
+import { css, LitElement, html } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { customElement } from '../../util/custom-element.js';
+import { localized, msg } from '@lit/localize';
+import searchIcon from '../../elements/ia-topnav/assets/img/icon-search.js';
+import logo from '../../elements/ia-topnav/assets/img/wayback-logo.js';
+import themeStyles from '../../themes/theme-styles.js';
+/** Desktop styles apply at `min-width: WAYBACK_SEARCH_DESKTOP_BREAKPOINT px`. */
+const WAYBACK_SEARCH_DESKTOP_BREAKPOINT = 890;
+/**
+ * A Wayback Machine search form: a line about how many pages the Wayback
+ * Machine holds, its logo, and a URL or keyword field.
+ *
+ * Submitting calls `queryHandler.performQuery` with what was typed, which by
+ * default goes to the Wayback Machine's results for it, and fires
+ * `waybackSearchSubmitted`.
+ */
+let IAWaybackSearchForm = class IAWaybackSearchForm extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.queryHandler = {
+            performQuery: (query) => (window.location.href = `https://web.archive.org/web/*/${query}`),
+        };
+        /** How many pages the Wayback Machine holds. Blank shows a localized default. */
+        this.waybackPagesArchived = '';
+    }
+    render() {
+        const pagesArchived = this.waybackPagesArchived || msg('1 trillion');
+        return html `
+      <form method="post" @submit=${this.handleSubmit}>
+        <p>
+          ${msg(html `Search the history of more than ${pagesArchived}
+              <a
+                @click=${this.emitWaybackMachineStatsLinkClicked}
+                data-event-click-tracking="TopNav|WaybackMachineStatsLink"
+                href="https://blog.archive.org/2016/10/23/defining-web-pages-web-sites-and-web-captures/"
+                >web pages</a
+              >
+              on the Internet.`)}
+        </p>
+        <fieldset>
+          <a
+            @click=${this.emitWaybackMachineLogoLinkClicked}
+            data-event-click-tracking="TopNav|WaybackMachineLogoLink"
+            aria-label=${msg('Visit the Wayback Machine')}
+            href="https://web.archive.org"
+            >${logo}</a
+          >
+          <div class="search-field">
+            <input
+              type="text"
+              aria-label=${msg('Search the Wayback Machine')}
+              name="url"
+              id="url"
+              placeholder=${msg('Enter URL or keywords')}
+            />
+            ${searchIcon}
+          </div>
+        </fieldset>
+      </form>
+    `;
+    }
+    handleSubmit(e) {
+        e.preventDefault();
+        const query = this.urlInput.value;
+        this.emitWaybackSearchSubmitted(query);
+        this.queryHandler.performQuery(query);
+    }
+    emitWaybackSearchSubmitted(query) {
+        this.dispatchEvent(new CustomEvent('waybackSearchSubmitted', {
+            detail: {
+                query,
+            },
+        }));
+    }
+    emitWaybackMachineStatsLinkClicked() {
+        this.dispatchEvent(new CustomEvent('waybackMachineStatsLinkClicked'));
+    }
+    emitWaybackMachineLogoLinkClicked() {
+        this.dispatchEvent(new CustomEvent('waybackMachineLogoLink'));
+    }
+    static get styles() {
+        return [
+            themeStyles,
+            css `
+        :host {
+          --wayback-search-input-text-color--: var(
+            --ia-theme-secondary-text-color,
+            #666
+          );
+          --wayback-search-input-bg--: var(
+            --ia-theme-secondary-background-color,
+            #fff
+          );
+          /*
+           * Darker than the mobile glyph, which follows --iconFill. The topnav
+           * declares this alongside its other color knobs. The literal covers
+           * mounting this search on its own, where none of those greys exist,
+           * and it has to be a literal because fill inherits: an unresolved
+           * value paints black rather than falling through to another rule.
+           */
+          --wayback-search-desktop-icon-fill--: var(
+            --desktopSearchIconFill,
+            #333
+          );
+
+          font: normal 1.2rem/1.5 var(--themeFontFamily);
+        }
+
+        form {
+          max-width: 600px;
+        }
+
+        p {
+          margin-top: 0;
+          font-weight: 200;
+        }
+
+        a {
+          font-weight: 500;
+          text-decoration: none;
+          color: var(--activeColor);
+        }
+
+        fieldset {
+          padding: 0.7rem 2rem;
+          margin: 1.5rem 0;
+          box-sizing: border-box;
+          text-align: center;
+          border: none;
+          border-radius: 7px;
+          background-color: #fcf5e6;
+          box-shadow: 3px 3px 0 0 #c3ad97;
+        }
+
+        fieldset a {
+          font-size: 0;
+        }
+
+        img {
+          width: 100%;
+          max-width: 215px;
+          max-height: 60px;
+          margin-bottom: 1.3rem;
+          vertical-align: middle;
+        }
+
+        input {
+          display: block;
+          width: 100%;
+          height: 3rem;
+          padding: 0.5rem 1rem 0.5rem 3rem;
+          font: normal 1.2rem/1.5 var(--themeFontFamily);
+          color: var(--wayback-search-input-text-color--);
+          box-sizing: border-box;
+          border: 1px solid var(--grey80);
+          border-radius: 2rem;
+          background: var(--wayback-search-input-bg--);
+        }
+
+        input:focus {
+          border-color: #66afe9;
+          outline: none;
+        }
+
+        .search-field {
+          position: relative;
+          overflow: hidden;
+        }
+
+        .search-field svg {
+          position: absolute;
+          top: 3px;
+          left: 3px;
+          width: 2.4rem;
+          height: 2.4rem;
+        }
+
+        .search-field .fill-color {
+          fill: var(--iconFill);
+        }
+
+        @media (min-width: ${WAYBACK_SEARCH_DESKTOP_BREAKPOINT}px) {
+          form {
+            margin: 0 auto;
+          }
+
+          p {
+            margin-bottom: 3rem;
+            font-size: 1.6rem;
+            text-align: center;
+          }
+
+          img {
+            margin: 0;
+          }
+
+          fieldset {
+            margin: 0 auto;
+          }
+
+          fieldset a,
+          .search-field {
+            display: inline-block;
+            width: 49%;
+            vertical-align: middle;
+          }
+
+          fieldset a {
+            text-align: center;
+          }
+
+          .search-field svg {
+            top: 2px;
+          }
+
+          .search-field .fill-color {
+            fill: var(--wayback-search-desktop-icon-fill--);
+          }
+        }
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: Object })
+], IAWaybackSearchForm.prototype, "queryHandler", void 0);
+__decorate([
+    property({ type: String })
+], IAWaybackSearchForm.prototype, "waybackPagesArchived", void 0);
+__decorate([
+    query('#url')
+], IAWaybackSearchForm.prototype, "urlInput", void 0);
+IAWaybackSearchForm = __decorate([
+    customElement('ia-wayback-search-form'),
+    localized()
+], IAWaybackSearchForm);
+export { IAWaybackSearchForm };
+//# sourceMappingURL=ia-wayback-search-form.js.map

package/dist/src/elements/ia-wayback-search-form/ia-wayback-search-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-wayback-search-form.js","sourceRoot":"","sources":["../../../../src/elements/ia-wayback-search-form/ia-wayback-search-form.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,UAAU,MAAM,gDAAgD,CAAC;AACxE,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD,iFAAiF;AACjF,MAAM,iCAAiC,GAAG,GAAG,CAAC;AAE9C;;;;;;;GAOG;AAGI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QACuB,iBAAY,GAEpC;YACF,YAAY,EAAE,CAAC,KAAa,EAAE,EAAE,CAC9B,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,iCAAiC,KAAK,EAAE,CAAC;SACpE,CAAC;QAEF,iFAAiF;QACrD,yBAAoB,GAAG,EAAE,CAAC;IAkNxD,CAAC;IA9MC,MAAM;QACJ,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,IAAI,GAAG,CAAC,YAAY,CAAC,CAAC;QACrE,OAAO,IAAI,CAAA;oCACqB,IAAI,CAAC,YAAY;;YAEzC,GAAG,CACH,IAAI,CAAA,mCAAmC,aAAa;;yBAEvC,IAAI,CAAC,kCAAkC;;;;;+BAKjC,CACpB;;;;qBAIU,IAAI,CAAC,iCAAiC;;yBAElC,GAAG,CAAC,2BAA2B,CAAC;;eAE1C,IAAI;;;;;2BAKQ,GAAG,CAAC,4BAA4B,CAAC;;;4BAGhC,GAAG,CAAC,uBAAuB,CAAC;;cAE1C,UAAU;;;;KAInB,CAAC;IACJ,CAAC;IAED,YAAY,CAAC,CAAQ;QACnB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,0BAA0B,CAAC,KAAa;QACtC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,wBAAwB,EAAE;YACxC,MAAM,EAAE;gBACN,KAAK;aACN;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,kCAAkC;QAChC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gCAAgC,CAAC,CAAC,CAAC;IACxE,CAAC;IAED,iCAAiC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAkGoB,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAsCvD;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AA1N6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAKzB;AAG0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iEAA2B;AAE/B;IAAtB,KAAK,CAAC,MAAM,CAAC;qDAAqC;AAXxC,mBAAmB;IAF/B,aAAa,CAAC,wBAAwB,CAAC;IACvC,SAAS,EAAE;GACC,mBAAmB,CA2N/B","sourcesContent":["import { css, CSSResultGroup, LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\n\nimport { localized, msg } from '@lit/localize';\n\nimport searchIcon from '@src/elements/ia-topnav/assets/img/icon-search';\nimport logo from '@src/elements/ia-topnav/assets/img/wayback-logo';\nimport themeStyles from '@src/themes/theme-styles';\n\n/** Desktop styles apply at `min-width: WAYBACK_SEARCH_DESKTOP_BREAKPOINT px`. */\nconst WAYBACK_SEARCH_DESKTOP_BREAKPOINT = 890;\n\n/**\n * A Wayback Machine search form: a line about how many pages the Wayback\n * Machine holds, its logo, and a URL or keyword field.\n *\n * Submitting calls `queryHandler.performQuery` with what was typed, which by\n * default goes to the Wayback Machine's results for it, and fires\n * `waybackSearchSubmitted`.\n */\n@customElement('ia-wayback-search-form')\n@localized()\nexport class IAWaybackSearchForm extends LitElement {\n  @property({ type: Object }) queryHandler: {\n    performQuery: (query: string) => void;\n  } = {\n    performQuery: (query: string) =>\n      (window.location.href = `https://web.archive.org/web/*/${query}`),\n  };\n\n  /** How many pages the Wayback Machine holds. Blank shows a localized default. */\n  @property({ type: String }) waybackPagesArchived = '';\n\n  @query('#url') private urlInput!: HTMLInputElement;\n\n  render() {\n    const pagesArchived = this.waybackPagesArchived || msg('1 trillion');\n    return html`\n      <form method=\"post\" @submit=${this.handleSubmit}>\n        <p>\n          ${msg(\n            html`Search the history of more than ${pagesArchived}\n              <a\n                @click=${this.emitWaybackMachineStatsLinkClicked}\n                data-event-click-tracking=\"TopNav|WaybackMachineStatsLink\"\n                href=\"https://blog.archive.org/2016/10/23/defining-web-pages-web-sites-and-web-captures/\"\n                >web pages</a\n              >\n              on the Internet.`,\n          )}\n        </p>\n        <fieldset>\n          <a\n            @click=${this.emitWaybackMachineLogoLinkClicked}\n            data-event-click-tracking=\"TopNav|WaybackMachineLogoLink\"\n            aria-label=${msg('Visit the Wayback Machine')}\n            href=\"https://web.archive.org\"\n            >${logo}</a\n          >\n          <div class=\"search-field\">\n            <input\n              type=\"text\"\n              aria-label=${msg('Search the Wayback Machine')}\n              name=\"url\"\n              id=\"url\"\n              placeholder=${msg('Enter URL or keywords')}\n            />\n            ${searchIcon}\n          </div>\n        </fieldset>\n      </form>\n    `;\n  }\n\n  handleSubmit(e: Event) {\n    e.preventDefault();\n    const query = this.urlInput.value;\n    this.emitWaybackSearchSubmitted(query);\n    this.queryHandler.performQuery(query);\n  }\n\n  emitWaybackSearchSubmitted(query: string) {\n    this.dispatchEvent(\n      new CustomEvent('waybackSearchSubmitted', {\n        detail: {\n          query,\n        },\n      }),\n    );\n  }\n\n  emitWaybackMachineStatsLinkClicked() {\n    this.dispatchEvent(new CustomEvent('waybackMachineStatsLinkClicked'));\n  }\n\n  emitWaybackMachineLogoLinkClicked() {\n    this.dispatchEvent(new CustomEvent('waybackMachineLogoLink'));\n  }\n\n  static get styles(): CSSResultGroup {\n    return [\n      themeStyles,\n      css`\n        :host {\n          --wayback-search-input-text-color--: var(\n            --ia-theme-secondary-text-color,\n            #666\n          );\n          --wayback-search-input-bg--: var(\n            --ia-theme-secondary-background-color,\n            #fff\n          );\n          /*\n           * Darker than the mobile glyph, which follows --iconFill. The topnav\n           * declares this alongside its other color knobs. The literal covers\n           * mounting this search on its own, where none of those greys exist,\n           * and it has to be a literal because fill inherits: an unresolved\n           * value paints black rather than falling through to another rule.\n           */\n          --wayback-search-desktop-icon-fill--: var(\n            --desktopSearchIconFill,\n            #333\n          );\n\n          font: normal 1.2rem/1.5 var(--themeFontFamily);\n        }\n\n        form {\n          max-width: 600px;\n        }\n\n        p {\n          margin-top: 0;\n          font-weight: 200;\n        }\n\n        a {\n          font-weight: 500;\n          text-decoration: none;\n          color: var(--activeColor);\n        }\n\n        fieldset {\n          padding: 0.7rem 2rem;\n          margin: 1.5rem 0;\n          box-sizing: border-box;\n          text-align: center;\n          border: none;\n          border-radius: 7px;\n          background-color: #fcf5e6;\n          box-shadow: 3px 3px 0 0 #c3ad97;\n        }\n\n        fieldset a {\n          font-size: 0;\n        }\n\n        img {\n          width: 100%;\n          max-width: 215px;\n          max-height: 60px;\n          margin-bottom: 1.3rem;\n          vertical-align: middle;\n        }\n\n        input {\n          display: block;\n          width: 100%;\n          height: 3rem;\n          padding: 0.5rem 1rem 0.5rem 3rem;\n          font: normal 1.2rem/1.5 var(--themeFontFamily);\n          color: var(--wayback-search-input-text-color--);\n          box-sizing: border-box;\n          border: 1px solid var(--grey80);\n          border-radius: 2rem;\n          background: var(--wayback-search-input-bg--);\n        }\n\n        input:focus {\n          border-color: #66afe9;\n          outline: none;\n        }\n\n        .search-field {\n          position: relative;\n          overflow: hidden;\n        }\n\n        .search-field svg {\n          position: absolute;\n          top: 3px;\n          left: 3px;\n          width: 2.4rem;\n          height: 2.4rem;\n        }\n\n        .search-field .fill-color {\n          fill: var(--iconFill);\n        }\n\n        @media (min-width: ${WAYBACK_SEARCH_DESKTOP_BREAKPOINT}px) {\n          form {\n            margin: 0 auto;\n          }\n\n          p {\n            margin-bottom: 3rem;\n            font-size: 1.6rem;\n            text-align: center;\n          }\n\n          img {\n            margin: 0;\n          }\n\n          fieldset {\n            margin: 0 auto;\n          }\n\n          fieldset a,\n          .search-field {\n            display: inline-block;\n            width: 49%;\n            vertical-align: middle;\n          }\n\n          fieldset a {\n            text-align: center;\n          }\n\n          .search-field svg {\n            top: 2px;\n          }\n\n          .search-field .fill-color {\n            fill: var(--wayback-search-desktop-icon-fill--);\n          }\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/elements/index.d.ts

@@ -29,10 +29,13 @@ export * from './ia-radio-player/search/transcript-index.js';
 export * from './ia-scrubber-bar/ia-scrubber-bar.js';
 export * from './ia-scrubber-bar/ia-section-marker.js';
 export * from './ia-scrubber-bar/models.js';
+export * from './ia-topnav/ia-topnav.js';
+export * from './ia-topnav/models.js';
 export * from './ia-transcript-view/duration-formatter.js';
 export * from './ia-transcript-view/ia-transcript-entry.js';
 export * from './ia-transcript-view/ia-transcript-view.js';
 export * from './ia-transcript-view/models.js';
 export * from './ia-waveform-progress/ia-waveform-progress.js';
 export * from './ia-waveform-progress/models.js';
+export * from './ia-wayback-search-form/ia-wayback-search-form.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mDAAmD,CAAC;AAClE,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,2DAA2D,CAAC;AAC1E,cAAc,wDAAwD,CAAC;AACvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0BAA0B,CAAC;AACzC,cAAc,4DAA4D,CAAC;AAC3E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,wDAAwD,CAAC;AACvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,yCAAyC,CAAC;AACxD,cAAc,0CAA0C,CAAC;AACzD,cAAc,yCAAyC,CAAC;AACxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mDAAmD,CAAC;AAClE,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,2DAA2D,CAAC;AAC1E,cAAc,wDAAwD,CAAC;AACvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0BAA0B,CAAC;AACzC,cAAc,4DAA4D,CAAC;AAC3E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,wDAAwD,CAAC;AACvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yCAAyC,CAAC;AACxD,cAAc,0CAA0C,CAAC;AACzD,cAAc,yCAAyC,CAAC;AACxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC"}

package/dist/src/elements/index.js

@@ -29,10 +29,13 @@ export * from './ia-radio-player/search/transcript-index.js';
 export * from './ia-scrubber-bar/ia-scrubber-bar.js';
 export * from './ia-scrubber-bar/ia-section-marker.js';
 export * from './ia-scrubber-bar/models.js';
+export * from './ia-topnav/ia-topnav.js';
+export * from './ia-topnav/models.js';
 export * from './ia-transcript-view/duration-formatter.js';
 export * from './ia-transcript-view/ia-transcript-entry.js';
 export * from './ia-transcript-view/ia-transcript-view.js';
 export * from './ia-transcript-view/models.js';
 export * from './ia-waveform-progress/ia-waveform-progress.js';
 export * from './ia-waveform-progress/models.js';
+export * from './ia-wayback-search-form/ia-wayback-search-form.js';
 //# sourceMappingURL=index.js.map

package/dist/src/elements/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mDAAmD,CAAC;AAClE,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,2DAA2D,CAAC;AAC1E,cAAc,wDAAwD,CAAC;AACvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0BAA0B,CAAC;AACzC,cAAc,4DAA4D,CAAC;AAC3E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,wDAAwD,CAAC;AACvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,yCAAyC,CAAC;AACxD,cAAc,0CAA0C,CAAC;AACzD,cAAc,yCAAyC,CAAC;AACxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './ia-audio-element/ia-audio-element';\nexport * from './ia-audio-element/models';\nexport * from './ia-button/ia-button';\nexport * from './ia-combo-box/ia-combo-box';\nexport * from './ia-dropdown-search-bar/ia-dropdown-search-bar';\nexport * from './ia-expandable-search-bar/ia-expandable-search-bar';\nexport * from './ia-expandable-search-bar/ia-quick-search';\nexport * from './ia-expandable-search-bar/models';\nexport * from './ia-histogram-date-range/ia-histogram-date-range';\nexport * from './ia-histogram-date-range/models';\nexport * from './ia-image-viewer/ia-image-viewer';\nexport * from './ia-item-navigator/ia-item-navigator';\nexport * from './ia-item-navigator/menus/ia-itemnav-viewable-files-panel';\nexport * from './ia-item-navigator/menus/ia-itemnav-sort-files-button';\nexport * from './ia-item-navigator/menus/ia-itemnav-share-panel';\nexport * from './ia-playback-controls/ia-playback-controls';\nexport * from './ia-playback-controls/models';\nexport * from './ia-radio-player/ia-radio-player';\nexport * from './ia-radio-player/ia-search-results-switcher';\nexport * from './ia-radio-player/models';\nexport * from './ia-radio-player/search/backends/full-text-search-backend';\nexport * from './ia-radio-player/search/backends/full-text-search-response';\nexport * from './ia-radio-player/search/backends/local-search-backend';\nexport * from './ia-radio-player/search/backends/search-backend';\nexport * from './ia-radio-player/search/models';\nexport * from './ia-radio-player/search/search-handler';\nexport * from './ia-radio-player/search/search-helper';\nexport * from './ia-radio-player/search/transcript-index';\nexport * from './ia-scrubber-bar/ia-scrubber-bar';\nexport * from './ia-scrubber-bar/ia-section-marker';\nexport * from './ia-scrubber-bar/models';\nexport * from './ia-transcript-view/duration-formatter';\nexport * from './ia-transcript-view/ia-transcript-entry';\nexport * from './ia-transcript-view/ia-transcript-view';\nexport * from './ia-transcript-view/models';\nexport * from './ia-waveform-progress/ia-waveform-progress';\nexport * from './ia-waveform-progress/models';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mDAAmD,CAAC;AAClE,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,2DAA2D,CAAC;AAC1E,cAAc,wDAAwD,CAAC;AACvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0BAA0B,CAAC;AACzC,cAAc,4DAA4D,CAAC;AAC3E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,wDAAwD,CAAC;AACvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yCAAyC,CAAC;AACxD,cAAc,0CAA0C,CAAC;AACzD,cAAc,yCAAyC,CAAC;AACxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC","sourcesContent":["export * from './ia-audio-element/ia-audio-element';\nexport * from './ia-audio-element/models';\nexport * from './ia-button/ia-button';\nexport * from './ia-combo-box/ia-combo-box';\nexport * from './ia-dropdown-search-bar/ia-dropdown-search-bar';\nexport * from './ia-expandable-search-bar/ia-expandable-search-bar';\nexport * from './ia-expandable-search-bar/ia-quick-search';\nexport * from './ia-expandable-search-bar/models';\nexport * from './ia-histogram-date-range/ia-histogram-date-range';\nexport * from './ia-histogram-date-range/models';\nexport * from './ia-image-viewer/ia-image-viewer';\nexport * from './ia-item-navigator/ia-item-navigator';\nexport * from './ia-item-navigator/menus/ia-itemnav-viewable-files-panel';\nexport * from './ia-item-navigator/menus/ia-itemnav-sort-files-button';\nexport * from './ia-item-navigator/menus/ia-itemnav-share-panel';\nexport * from './ia-playback-controls/ia-playback-controls';\nexport * from './ia-playback-controls/models';\nexport * from './ia-radio-player/ia-radio-player';\nexport * from './ia-radio-player/ia-search-results-switcher';\nexport * from './ia-radio-player/models';\nexport * from './ia-radio-player/search/backends/full-text-search-backend';\nexport * from './ia-radio-player/search/backends/full-text-search-response';\nexport * from './ia-radio-player/search/backends/local-search-backend';\nexport * from './ia-radio-player/search/backends/search-backend';\nexport * from './ia-radio-player/search/models';\nexport * from './ia-radio-player/search/search-handler';\nexport * from './ia-radio-player/search/search-helper';\nexport * from './ia-radio-player/search/transcript-index';\nexport * from './ia-scrubber-bar/ia-scrubber-bar';\nexport * from './ia-scrubber-bar/ia-section-marker';\nexport * from './ia-scrubber-bar/models';\nexport * from './ia-topnav/ia-topnav';\nexport * from './ia-topnav/models';\nexport * from './ia-transcript-view/duration-formatter';\nexport * from './ia-transcript-view/ia-transcript-entry';\nexport * from './ia-transcript-view/ia-transcript-view';\nexport * from './ia-transcript-view/models';\nexport * from './ia-waveform-progress/ia-waveform-progress';\nexport * from './ia-waveform-progress/models';\nexport * from './ia-wayback-search-form/ia-wayback-search-form';\n"]}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@internetarchive/elements",
-  "version": "1.1.3-webdev-9226.1",
+  "version": "1.1.3-webdev-9241.0",
   "description": "A web component library from the Internet Archive.",
   "license": "AGPL-3.0-only",
   "types": "./dist/src/elements/index.d.ts",
   "type": "module",
-  "packageManager": "pnpm@12.4.0",
+  "packageManager": "pnpm@11.22.0",
   "engines": {
     "node": ">=24",
-    "pnpm": ">=12"
+    "pnpm": ">=11"
   },
   "publishConfig": {
     "access": "public"
@@ -30,9 +30,7 @@
     "circular": "wireit",
     "prepare": "wireit",
     "test": "wireit",
-    "ghpages:build": "wireit",
-    "strings:extract": "wireit",
-    "strings:build": "wireit"
+    "ghpages:build": "wireit"
   },
   "dependencies": {
     "@internetarchive/ia-clearable-text-input": "^1.1.1",
@@ -46,7 +44,6 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.5",
     "@eslint/js": "^9.39.1",
-    "@lit/localize-tools": "^0.8.2",
     "@open-wc/testing-helpers": "^3.0.1",
     "@typescript-eslint/eslint-plugin": "^8.46.4",
     "@typescript-eslint/parser": "^8.46.4",
@@ -75,8 +72,7 @@
   "exports": {
     ".": "./dist/src/index.js",
     "./*": "./dist/src/elements/*.js",
-    "./labs/*": "./dist/src/labs/*.js",
-    "./locales/*.js": "./dist/src/locales/*.js"
+    "./labs/*": "./dist/src/labs/*.js"
   },
   "files": [
     "README.md",
@@ -138,24 +134,6 @@
     },
     "ghpages:build": {
       "command": "vite build --config vite.config.ghpages.ts && touch ./ghpages/.nojekyll"
-    },
-    "strings:extract": {
-      "command": "lit-localize extract",
-      "files": [
-        "src/**/*.ts",
-        "lit-localize.json",
-        "tsconfig.json"
-      ]
-    },
-    "strings:build": {
-      "command": "node scripts/build-locales.mts && prettier --write \"src/locales/*.ts\"",
-      "files": [
-        "xliff/*.xlf",
-        "src/**/*.ts",
-        "!src/locales/*.ts",
-        "lit-localize.json",
-        "scripts/build-locales.mts"
-      ]
     }
   }
 }

package/dist/src/locales/es.d.ts

@@ -1,40 +0,0 @@
-export declare const templates: {
-    s061cc20e3432dead: string;
-    s0661ae8e65d136c7: import("@lit/localize").StrResult;
-    s13c406cbcde6b73f: string;
-    s1587aa01e9bb42c6: string;
-    s1c9c386a1a79feef: import("@lit/localize").StrResult;
-    s290adadea9c2979c: string;
-    s370e44cc8c6c311b: string;
-    s49730f3d5751a433: string;
-    s4c25f08d080da5fa: string;
-    s4e3bb79d82e09ea4: import("@lit/localize").StrResult;
-    s5d929ff1619ac0c9: string;
-    s5f343a43e7ea9f91: string;
-    s5f4586bc1e2740e6: string;
-    s6aa79ab2e0656795: import("@lit/localize").StrResult;
-    s7505401da0a6d6f7: string;
-    s7655667379814b36: string;
-    s78fa9c8370847255: string;
-    s7ad0c46f2280e6b7: string;
-    s7cc651d6e80f42f9: string;
-    s82fc0d7c4b5d5189: import("@lit/localize").StrResult;
-    s872b27cf7155f325: string;
-    s8744f82be5bc754f: string;
-    s92a0d19a28995530: string;
-    sa034673b5a3c355c: string;
-    sa135b299b78d517d: string;
-    sac330cdfd2a92c75: string;
-    sb2d5fa10375dab13: string;
-    sb4f1dffbb6be6302: string;
-    sb9b90dd7e5256784: string;
-    sbfbc77dc3543556f: string;
-    sc13705f8a93d185e: string;
-    scd105819b5a10243: string;
-    sd4089915c0f14c1e: string;
-    se645d473fbdc4705: string;
-    se9d11cd23b249157: string;
-    sfcae9f83f7f25e25: string;
-    sfe786d22e4310635: string;
-};
-//# sourceMappingURL=es.d.ts.map

package/dist/src/locales/es.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../src/locales/es.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCrB,CAAC"}

package/dist/src/locales/es.js

@@ -1,45 +0,0 @@
-// Do not modify this file by hand!
-// Re-generate this file by running lit-localize
-import { str } from '@lit/localize';
-/* eslint-disable no-irregular-whitespace */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export const templates = {
-    s061cc20e3432dead: `Pausar`,
-    s0661ae8e65d136c7: str `Imagen ${0} de ${1}`,
-    s13c406cbcde6b73f: `El código que has introducido no es válido o ha caducado`,
-    s1587aa01e9bb42c6: `Mostrar u ocultar la búsqueda rápida`,
-    s1c9c386a1a79feef: str `Resultado ${0} de ${1}`,
-    s290adadea9c2979c: `No se pudo cargar esta imagen.`,
-    s370e44cc8c6c311b: `Mostrar u ocultar opciones`,
-    s49730f3d5751a433: `Cargando...`,
-    s4c25f08d080da5fa: `No hay resultados.`,
-    s4e3bb79d82e09ea4: str `Volumen, actualmente al ${0} por ciento`,
-    s5d929ff1619ac0c9: `Buscar`,
-    s5f343a43e7ea9f91: `Error`,
-    s5f4586bc1e2740e6: `Borrar la búsqueda`,
-    s6aa79ab2e0656795: str `Velocidad de reproducción, actualmente ${0}`,
-    s7505401da0a6d6f7: `No hay opciones que coincidan`,
-    s7655667379814b36: `Busca en el archivo. Filtros y búsqueda avanzada disponible a continuación.`,
-    s78fa9c8370847255: `Resultado siguiente`,
-    s7ad0c46f2280e6b7: `Retroceder diez segundos`,
-    s7cc651d6e80f42f9: `Envíame otro código`,
-    s82fc0d7c4b5d5189: str `${0} resultados de búsqueda`,
-    s872b27cf7155f325: `Avanzar diez segundos`,
-    s8744f82be5bc754f: `Sección siguiente`,
-    s92a0d19a28995530: `Correcto`,
-    sa034673b5a3c355c: `Este campo es obligatorio`,
-    sa135b299b78d517d: `[Transcripción no disponible]`,
-    sac330cdfd2a92c75: `Resultado anterior`,
-    sb2d5fa10375dab13: `Desplazar el texto con el audio`,
-    sb4f1dffbb6be6302: `Borrar`,
-    sb9b90dd7e5256784: `Logotipo de la colección`,
-    sbfbc77dc3543556f: `Sección anterior`,
-    sc13705f8a93d185e: `Buscando en la transcripción`,
-    scd105819b5a10243: `Reproducir`,
-    sd4089915c0f14c1e: `Borrar la búsqueda`,
-    se645d473fbdc4705: `Imagen siguiente`,
-    se9d11cd23b249157: `Posición de reproducción`,
-    sfcae9f83f7f25e25: `Imagen anterior`,
-    sfe786d22e4310635: `Enviando el correo...`,
-};
-//# sourceMappingURL=es.js.map

package/dist/src/locales/es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"es.js","sourceRoot":"","sources":["../../../src/locales/es.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,gDAAgD;AAEhD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,iBAAiB,EAAE,QAAQ;IAC3B,iBAAiB,EAAE,GAAG,CAAA,UAAU,CAAC,OAAO,CAAC,EAAE;IAC3C,iBAAiB,EAAE,0DAA0D;IAC7E,iBAAiB,EAAE,sCAAsC;IACzD,iBAAiB,EAAE,GAAG,CAAA,aAAa,CAAC,OAAO,CAAC,EAAE;IAC9C,iBAAiB,EAAE,gCAAgC;IACnD,iBAAiB,EAAE,4BAA4B;IAC/C,iBAAiB,EAAE,aAAa;IAChC,iBAAiB,EAAE,oBAAoB;IACvC,iBAAiB,EAAE,GAAG,CAAA,2BAA2B,CAAC,aAAa;IAC/D,iBAAiB,EAAE,QAAQ;IAC3B,iBAAiB,EAAE,OAAO;IAC1B,iBAAiB,EAAE,oBAAoB;IACvC,iBAAiB,EAAE,GAAG,CAAA,0CAA0C,CAAC,EAAE;IACnE,iBAAiB,EAAE,+BAA+B;IAClD,iBAAiB,EAAE,6EAA6E;IAChG,iBAAiB,EAAE,qBAAqB;IACxC,iBAAiB,EAAE,0BAA0B;IAC7C,iBAAiB,EAAE,qBAAqB;IACxC,iBAAiB,EAAE,GAAG,CAAA,GAAG,CAAC,yBAAyB;IACnD,iBAAiB,EAAE,uBAAuB;IAC1C,iBAAiB,EAAE,mBAAmB;IACtC,iBAAiB,EAAE,UAAU;IAC7B,iBAAiB,EAAE,2BAA2B;IAC9C,iBAAiB,EAAE,+BAA+B;IAClD,iBAAiB,EAAE,oBAAoB;IACvC,iBAAiB,EAAE,iCAAiC;IACpD,iBAAiB,EAAE,QAAQ;IAC3B,iBAAiB,EAAE,0BAA0B;IAC7C,iBAAiB,EAAE,kBAAkB;IACrC,iBAAiB,EAAE,8BAA8B;IACjD,iBAAiB,EAAE,YAAY;IAC/B,iBAAiB,EAAE,oBAAoB;IACvC,iBAAiB,EAAE,kBAAkB;IACrC,iBAAiB,EAAE,0BAA0B;IAC7C,iBAAiB,EAAE,iBAAiB;IACpC,iBAAiB,EAAE,uBAAuB;CAC3C,CAAC","sourcesContent":["// Do not modify this file by hand!\n// Re-generate this file by running lit-localize\n\nimport { str } from '@lit/localize';\n\n/* eslint-disable no-irregular-whitespace */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const templates = {\n  s061cc20e3432dead: `Pausar`,\n  s0661ae8e65d136c7: str`Imagen ${0} de ${1}`,\n  s13c406cbcde6b73f: `El código que has introducido no es válido o ha caducado`,\n  s1587aa01e9bb42c6: `Mostrar u ocultar la búsqueda rápida`,\n  s1c9c386a1a79feef: str`Resultado ${0} de ${1}`,\n  s290adadea9c2979c: `No se pudo cargar esta imagen.`,\n  s370e44cc8c6c311b: `Mostrar u ocultar opciones`,\n  s49730f3d5751a433: `Cargando...`,\n  s4c25f08d080da5fa: `No hay resultados.`,\n  s4e3bb79d82e09ea4: str`Volumen, actualmente al ${0} por ciento`,\n  s5d929ff1619ac0c9: `Buscar`,\n  s5f343a43e7ea9f91: `Error`,\n  s5f4586bc1e2740e6: `Borrar la búsqueda`,\n  s6aa79ab2e0656795: str`Velocidad de reproducción, actualmente ${0}`,\n  s7505401da0a6d6f7: `No hay opciones que coincidan`,\n  s7655667379814b36: `Busca en el archivo. Filtros y búsqueda avanzada disponible a continuación.`,\n  s78fa9c8370847255: `Resultado siguiente`,\n  s7ad0c46f2280e6b7: `Retroceder diez segundos`,\n  s7cc651d6e80f42f9: `Envíame otro código`,\n  s82fc0d7c4b5d5189: str`${0} resultados de búsqueda`,\n  s872b27cf7155f325: `Avanzar diez segundos`,\n  s8744f82be5bc754f: `Sección siguiente`,\n  s92a0d19a28995530: `Correcto`,\n  sa034673b5a3c355c: `Este campo es obligatorio`,\n  sa135b299b78d517d: `[Transcripción no disponible]`,\n  sac330cdfd2a92c75: `Resultado anterior`,\n  sb2d5fa10375dab13: `Desplazar el texto con el audio`,\n  sb4f1dffbb6be6302: `Borrar`,\n  sb9b90dd7e5256784: `Logotipo de la colección`,\n  sbfbc77dc3543556f: `Sección anterior`,\n  sc13705f8a93d185e: `Buscando en la transcripción`,\n  scd105819b5a10243: `Reproducir`,\n  sd4089915c0f14c1e: `Borrar la búsqueda`,\n  se645d473fbdc4705: `Imagen siguiente`,\n  se9d11cd23b249157: `Posición de reproducción`,\n  sfcae9f83f7f25e25: `Imagen anterior`,\n  sfe786d22e4310635: `Enviando el correo...`,\n};\n"]}