@internetarchive/ia-item-navigator 1.1.0 → 2.0.0-alpha1

package/dist/src/menus/iaux-viewable-files.js

@@ -0,0 +1,367 @@
+import { __decorate } from "tslib";
+/* eslint-disable max-classes-per-file */
+/* eslint-disable lit-a11y/list */
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+// sort icons
+const sortAscIcon = html `
+  <svg
+    name="sort-asc"
+    height="18"
+    viewBox="0 0 18 18"
+    width="18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" fill-rule="evenodd">
+      <path
+        d="m2.32514544 8.30769231.7756949-2.08468003h2.92824822l.75630252 2.08468003h1.01809955l-2.70523594-6.92307693h-1.01809955l-2.69553976 6.92307693zm3.41305753-2.86037492h-2.34647705l1.17323853-3.22883h.01939237z"
+        fill="#fff"
+        fill-rule="nonzero"
+      />
+      <path
+        d="m7.1689722 16.6153846v-.7756949h-4.4117647l4.29541047-5.3716871v-.77569491h-5.06140918v.77569491h3.97543633l-4.30510666 5.3716871v.7756949z"
+        fill="#fff"
+        fill-rule="nonzero"
+      />
+      <path
+        d="m10.3846154 11.0769231 2.7692308 5.5384615 2.7692307-5.5384615m-2.7692307 4.1538461v-13.15384612"
+        stroke="#fff"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="1.661538"
+        transform="matrix(1 0 0 -1 0 18.692308)"
+      />
+    </g>
+  </svg>
+`;
+const sortDescIcon = html `
+  <svg
+    name="sort-desc"
+    height="18"
+    viewBox="0 0 18 18"
+    width="18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" fill-rule="evenodd">
+      <path
+        d="m2.32514544 8.30769231.7756949-2.08468003h2.92824822l.75630252 2.08468003h1.01809955l-2.70523594-6.92307693h-1.01809955l-2.69553976 6.92307693zm3.41305753-2.86037492h-2.34647705l1.17323853-3.22883h.01939237z"
+        fill="#fff"
+        fill-rule="nonzero"
+      />
+      <path
+        d="m7.1689722 16.6153846v-.7756949h-4.4117647l4.29541047-5.3716871v-.77569491h-5.06140918v.77569491h3.97543633l-4.30510666 5.3716871v.7756949z"
+        fill="#fff"
+        fill-rule="nonzero"
+      />
+      <path
+        d="m10.3846154 11.0769231 2.7692308 5.5384615 2.7692307-5.5384615m-2.7692307 4.1538461v-13.15384612"
+        stroke="#fff"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="1.661538"
+      />
+    </g>
+  </svg>
+`;
+const sortNeutralIcon = html `
+  <svg
+    name="sort-neutral"
+    height="18"
+    viewBox="0 0 18 18"
+    width="18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="#fff" fill-rule="evenodd">
+      <path
+        d="m2.32514544 8.30769231.7756949-2.08468003h2.92824822l.75630252 2.08468003h1.01809955l-2.70523594-6.92307693h-1.01809955l-2.69553976 6.92307693zm3.41305753-2.86037492h-2.34647705l1.17323853-3.22883h.01939237z"
+        fill-rule="nonzero"
+      />
+      <path
+        d="m7.1689722 16.6153846v-.7756949h-4.4117647l4.29541047-5.3716871v-.77569491h-5.06140918v.77569491h3.97543633l-4.30510666 5.3716871v.7756949z"
+        fill-rule="nonzero"
+      />
+      <circle cx="13" cy="9" r="2" />
+    </g>
+  </svg>
+`;
+// extra components
+export const viewableFilesIcon = html `
+  <svg
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="volumesTitleID volumesDescID"
+  >
+    <title id="volumesTitleID">Viewable Files</title>
+    <g fill="#ffffff">
+      <path
+        fill="#ffffff"
+        d="m9.83536396 0h10.07241114c.1725502.47117517.3378411.76385809.4958725.87804878.1295523.11419069.3199719.1998337.5712586.25692905.2512868.05709534.4704647.08564301.6575337.08564301h.2806036v15.24362526h-4.3355343v3.8106985h-4.44275v3.7250554h-12.01318261c-.27306495 0-.50313194-.085643-.69020098-.256929-.18706903-.1712861-.30936193-.3425721-.36687867-.5138581l-.06449694-.2785477v-14.2159091c0-.32815965.08627512-.5922949.25882537-.79240577.17255024-.20011086.34510049-.32150776.51765073-.36419068l.25882537-.0640244h3.36472977v-2.54767184c0-.31374722.08627513-.57067627.25882537-.77078714.17255025-.20011086.34510049-.32150776.51765074-.36419068l.25882536-.06402439h3.36472978v-2.56929047c0-.32815964.08627512-.5922949.25882537-.79240576.17255024-.20011087.34510049-.31430156.51765073-.34257207zm10.78355264 15.6294346v-13.53076498c-.2730649-.08536585-.4456152-.16380266-.5176507-.23531042-.1725502-.1424612-.2730649-.27078714-.3015441-.38497783v13.36031043h-9.87808272c0 .0144124-.02149898.0144124-.06449694 0-.04299795-.0144124-.08962561.006929-.13988296.0640244-.05025735.0570953-.07538603.1427383-.07538603.256929s.02149898.210643.06449694.289357c.04299795.078714.08599591.1322062.12899387.1604767l.06449693.0216187h10.71905571zm-10.2449613-2.4412417h7.98003v-11.60421286h-7.98003zm1.6827837-9.41990022h4.6153002c.1725502 0 .3199718.05349224.4422647.16047672s.1834393.23891353.1834393.39578714c0 .15687362-.0611464.28519956-.1834393.38497783s-.2697145.1496674-.4422647.1496674h-4.6153002c-.1725503 0-.3199719-.04988913-.4422647-.1496674-.1222929-.09977827-.1834394-.22810421-.1834394-.38497783 0-.15687361.0611465-.28880266.1834394-.39578714.1222928-.10698448.2697144-.16047672.4422647-.16047672zm-6.08197737 13.50997782h7.72120467v-.8131929h-3.79610541c-.27306495 0-.49950224-.085643-.67931188-.256929-.17980964-.1712861-.29847284-.3425721-.35598958-.5138581l-.06449694-.2785477v-10.02023282h-2.82530086zm6.77217827-11.36890243h3.2139578c.1295522 0 .240956.05709534.3342113.17128603.0932554.11419069.139883.24972284.139883.40659645 0 .15687362-.0466276.28880267-.139883.39578714-.0932553.10698448-.2046591.16047672-.3342113.16047672h-3.2139578c-.1295523 0-.2373264-.05349224-.3233223-.16047672-.0859959-.10698447-.1289938-.23891352-.1289938-.39578714 0-.15687361.0429979-.29240576.1289938-.40659645s.19377-.17128603.3233223-.17128603zm-11.15043132 15.11557653h7.69942646v-.7491685h-3.79610539c-.25854616 0-.48135376-.0892462-.66842279-.2677384-.18706904-.1784922-.30936193-.3605876-.36687868-.546286l-.06449694-.2569291v-10.04101994h-2.80352266zm14.62237682-4.5606985h-.8191949v2.1410754h-9.89986085s-.04299796.0285477-.12899387.085643c-.08599592.0570954-.12201369.1427384-.10805331.2569291 0 .1141907.01786928.210643.05360784.289357.03573856.0787139.07538603.125.1189424.138858l.06449694.0432373h10.71905575v-2.9542683zm-4.3991936 3.8106985h-.8191949v2.077051h-9.8563045c0 .0144124-.02149898.0144124-.06449694 0-.04299795-.0144125-.08962561.0105321-.13988296.0748337-.05025735.0643015-.07538603.1607538-.07538603.289357 0 .1141906.02149898.2070399.06449694.2785476.04299795.0715078.08599591.1141907.12899387.1280488l.06449693.0216186h10.69811519v-2.8686252z"
+      />
+    </g>
+  </svg>
+`;
+let IauxSortFilesButton = class IauxSortFilesButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.fileListRaw = [];
+        this.fileListSorted = [];
+        this.sortOrderBy = 'default';
+    }
+    render() {
+        return html `<div class="sort-multi-file-list">${this.sortButton}</div>`;
+    }
+    get sortButton() {
+        const sortIcons = {
+            default: html `
+        <button
+          class="sort-by neutral-icon"
+          aria-label="Sort volumes in initial order"
+          @click=${() => this.sortVolumes('title_asc')}
+        >
+          ${sortNeutralIcon}
+        </button>
+      `,
+            title_asc: html `
+        <button
+          class="sort-by asc-icon"
+          aria-label="Sort volumes in ascending order"
+          @click=${() => this.sortVolumes('title_desc')}
+        >
+          ${sortAscIcon}
+        </button>
+      `,
+            title_desc: html `
+        <button
+          class="sort-by desc-icon"
+          aria-label="Sort volumes in descending order"
+          @click=${() => this.sortVolumes('default')}
+        >
+          ${sortDescIcon}
+        </button>
+      `,
+        };
+        return sortIcons[this.sortOrderBy];
+    }
+    sortVolumes(sortType) {
+        this.sortOrderBy = sortType;
+        let sortedFiles = [];
+        sortedFiles = this.fileListRaw.sort((a, b) => {
+            if (sortType === 'title_asc')
+                return a.title.localeCompare(b.title);
+            if (sortType === 'title_desc')
+                return b.title.localeCompare(a.title);
+            return a.orig_sort - b.orig_sort;
+        });
+        this.dispatchEvent(new CustomEvent('fileListSorted', {
+            detail: {
+                sortType,
+                sortedFiles,
+            },
+            bubbles: true,
+            composed: true,
+        }));
+        this.fileListSorted = sortedFiles;
+    }
+    static get styles() {
+        return css `
+      button.sort-by {
+        padding: 0px;
+        background-color: transparent;
+        border: 0px;
+        --iconWidth: var(--menuSliderHeaderIconWidth);
+        --iconHeight: var(--menuSliderHeaderIconHeight);
+      }
+    `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], IauxSortFilesButton.prototype, "fileListRaw", void 0);
+__decorate([
+    property({ type: Array })
+], IauxSortFilesButton.prototype, "fileListSorted", void 0);
+__decorate([
+    property({ type: String })
+], IauxSortFilesButton.prototype, "sortOrderBy", void 0);
+IauxSortFilesButton = __decorate([
+    customElement('iaux-sort-viewable-files')
+], IauxSortFilesButton);
+export { IauxSortFilesButton };
+let IauxViewableFiles = class IauxViewableFiles extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.hostUrl = 'archive.org';
+        this.sortOrderBy = 'default';
+        this.subPrefix = '';
+        this.fileList = [];
+    }
+    firstUpdated() {
+        const activeFile = this.shadowRoot.querySelector('.content.active');
+        // allow for css animations to run before scrolling to active file
+        setTimeout(() => {
+            // scroll active file into view if needed
+            // note: `scrollIntoViewIfNeeded` handles auto-scroll gracefully for Chrome, Safari
+            // Firefox does not have this capability yet as it does not support `scrollIntoViewIfNeeded`
+            activeFile === null || activeFile === void 0 ? void 0 : activeFile.scrollIntoViewIfNeeded(true);
+            // Todo: support `scrollIntoView` or `parentContainer.crollTop = x` for FF & "IE 11"
+            // currently, the hard `position: absolutes` misaligns subpanel when `scrollIntoView` is applied :(
+        }, 350);
+    }
+    volumeItemWithImageTitle(item) {
+        const hrefUrl = this.sortOrderBy === 'default'
+            ? `${this.hostUrl}${item.url_path}`
+            : `${this.hostUrl}${item.url_path}?sort=${this.sortOrderBy}`;
+        return html `
+      <li class="content active">
+        <div class="separator"></div>
+        <a class="container" href="${hrefUrl}">
+          <div class="image">
+            <img src="${item.image}" alt="preview" />
+          </div>
+          <div class="text">
+            <p class="item-title">${item.title}</p>
+            <small>by: ${item.author}</small>
+          </div>
+        </a>
+      </li>
+    `;
+    }
+    fileLi(item) {
+        const activeClass = this.subPrefix === item.file_subprefix ? ' active' : '';
+        const hrefUrl = this.sortOrderBy === 'default'
+            ? `${this.hostUrl}${item.url_path}`
+            : `${this.hostUrl}${item.url_path}?sort=${this.sortOrderBy}`;
+        return html `
+      <li>
+        <div class="separator"></div>
+        <div class="content${activeClass}">
+          <a href="https://${hrefUrl}">
+            <p class="item-title">${item.title}</p>
+          </a>
+        </div>
+      </li>
+    `;
+    }
+    get fileListTemplate() {
+        const filesDisplay = repeat(this.fileList, file => file === null || file === void 0 ? void 0 : file.file_prefix, this.fileLi.bind(this));
+        return html `
+      <ul>
+        ${filesDisplay}
+        <div class="separator"></div>
+      </ul>
+    `;
+    }
+    render() {
+        return html ` ${this.fileList.length ? this.fileListTemplate : nothing} `;
+    }
+    static get styles() {
+        return css `
+      :host {
+        display: block;
+        overflow-y: auto;
+        box-sizing: border-box;
+        color: var(--primaryTextColor);
+        margin-top: 14px;
+        margin-bottom: 2rem;
+        --activeBorderWidth: 2px;
+      }
+
+      a {
+        color: #ffffff;
+        text-decoration: none;
+      }
+
+      img {
+        width: 35px;
+        height: 45px;
+      }
+
+      ul {
+        padding: 0;
+        list-style: none;
+        margin: var(--activeBorderWidth) 0.5rem 1rem 0;
+      }
+
+      ul > li:first-child .separator {
+        display: none;
+      }
+
+      li {
+        cursor: pointer;
+        outline: none;
+        position: relative;
+      }
+
+      li .content {
+        padding: 2px 0 4px 2px;
+        border: var(--activeBorderWidth) solid transparent;
+        padding: 0.2rem 0 0.4rem 0.2rem;
+      }
+
+      li .content.active {
+        border: var(--activeBorderWidth) solid #538bc5;
+      }
+
+      small {
+        font-style: italic;
+        white-space: initial;
+      }
+
+      .container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .item-title {
+        margin-block-start: 0em;
+        margin-block-end: 0em;
+        font-size: 14px;
+        font-weight: bold;
+        word-wrap: break-word;
+        padding-left: 5px;
+      }
+
+      .separator {
+        background-color: var(--secondaryBGColor);
+        width: 98%;
+        margin: 1px auto;
+        height: 1px;
+      }
+
+      .text {
+        padding-left: 10px;
+      }
+
+      .icon {
+        display: inline-block;
+        width: 14px;
+        height: 14px;
+        margin-left: 0.7rem;
+        border: 1px solid var(--primaryTextColor);
+        border-radius: 2px;
+        background: var(--activeButtonBg) 50% 50% no-repeat;
+      }
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], IauxViewableFiles.prototype, "hostUrl", void 0);
+__decorate([
+    property({ type: String })
+], IauxViewableFiles.prototype, "sortOrderBy", void 0);
+__decorate([
+    property({ type: String })
+], IauxViewableFiles.prototype, "subPrefix", void 0);
+__decorate([
+    property({ type: Array })
+], IauxViewableFiles.prototype, "fileList", void 0);
+IauxViewableFiles = __decorate([
+    customElement('iaux-viewable-files')
+], IauxViewableFiles);
+export { IauxViewableFiles };
+//# sourceMappingURL=iaux-viewable-files.js.map

package/dist/src/menus/iaux-viewable-files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iaux-viewable-files.js","sourceRoot":"","sources":["../../../src/menus/iaux-viewable-files.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-classes-per-file */\n/* eslint-disable lit-a11y/list */\nimport { css, html, LitElement, nothing, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\n\n// sort icons\nconst sortAscIcon = html`\n  <svg\n    name=\"sort-asc\"\n    height=\"18\"\n    viewBox=\"0 0 18 18\"\n    width=\"18\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g fill=\"none\" fill-rule=\"evenodd\">\n      <path\n        d=\"m2.32514544 8.30769231.7756949-2.08468003h2.92824822l.75630252 2.08468003h1.01809955l-2.70523594-6.92307693h-1.01809955l-2.69553976 6.92307693zm3.41305753-2.86037492h-2.34647705l1.17323853-3.22883h.01939237z\"\n        fill=\"#fff\"\n        fill-rule=\"nonzero\"\n      />\n      <path\n        d=\"m7.1689722 16.6153846v-.7756949h-4.4117647l4.29541047-5.3716871v-.77569491h-5.06140918v.77569491h3.97543633l-4.30510666 5.3716871v.7756949z\"\n        fill=\"#fff\"\n        fill-rule=\"nonzero\"\n      />\n      <path\n        d=\"m10.3846154 11.0769231 2.7692308 5.5384615 2.7692307-5.5384615m-2.7692307 4.1538461v-13.15384612\"\n        stroke=\"#fff\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"1.661538\"\n        transform=\"matrix(1 0 0 -1 0 18.692308)\"\n      />\n    </g>\n  </svg>\n`;\nconst sortDescIcon = html`\n  <svg\n    name=\"sort-desc\"\n    height=\"18\"\n    viewBox=\"0 0 18 18\"\n    width=\"18\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g fill=\"none\" fill-rule=\"evenodd\">\n      <path\n        d=\"m2.32514544 8.30769231.7756949-2.08468003h2.92824822l.75630252 2.08468003h1.01809955l-2.70523594-6.92307693h-1.01809955l-2.69553976 6.92307693zm3.41305753-2.86037492h-2.34647705l1.17323853-3.22883h.01939237z\"\n        fill=\"#fff\"\n        fill-rule=\"nonzero\"\n      />\n      <path\n        d=\"m7.1689722 16.6153846v-.7756949h-4.4117647l4.29541047-5.3716871v-.77569491h-5.06140918v.77569491h3.97543633l-4.30510666 5.3716871v.7756949z\"\n        fill=\"#fff\"\n        fill-rule=\"nonzero\"\n      />\n      <path\n        d=\"m10.3846154 11.0769231 2.7692308 5.5384615 2.7692307-5.5384615m-2.7692307 4.1538461v-13.15384612\"\n        stroke=\"#fff\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"1.661538\"\n      />\n    </g>\n  </svg>\n`;\nconst sortNeutralIcon = html`\n  <svg\n    name=\"sort-neutral\"\n    height=\"18\"\n    viewBox=\"0 0 18 18\"\n    width=\"18\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g fill=\"#fff\" fill-rule=\"evenodd\">\n      <path\n        d=\"m2.32514544 8.30769231.7756949-2.08468003h2.92824822l.75630252 2.08468003h1.01809955l-2.70523594-6.92307693h-1.01809955l-2.69553976 6.92307693zm3.41305753-2.86037492h-2.34647705l1.17323853-3.22883h.01939237z\"\n        fill-rule=\"nonzero\"\n      />\n      <path\n        d=\"m7.1689722 16.6153846v-.7756949h-4.4117647l4.29541047-5.3716871v-.77569491h-5.06140918v.77569491h3.97543633l-4.30510666 5.3716871v.7756949z\"\n        fill-rule=\"nonzero\"\n      />\n      <circle cx=\"13\" cy=\"9\" r=\"2\" />\n    </g>\n  </svg>\n`;\n\n// extra components\nexport const viewableFilesIcon = html`\n  <svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"volumesTitleID volumesDescID\"\n  >\n    <title id=\"volumesTitleID\">Viewable Files</title>\n    <g fill=\"#ffffff\">\n      <path\n        fill=\"#ffffff\"\n        d=\"m9.83536396 0h10.07241114c.1725502.47117517.3378411.76385809.4958725.87804878.1295523.11419069.3199719.1998337.5712586.25692905.2512868.05709534.4704647.08564301.6575337.08564301h.2806036v15.24362526h-4.3355343v3.8106985h-4.44275v3.7250554h-12.01318261c-.27306495 0-.50313194-.085643-.69020098-.256929-.18706903-.1712861-.30936193-.3425721-.36687867-.5138581l-.06449694-.2785477v-14.2159091c0-.32815965.08627512-.5922949.25882537-.79240577.17255024-.20011086.34510049-.32150776.51765073-.36419068l.25882537-.0640244h3.36472977v-2.54767184c0-.31374722.08627513-.57067627.25882537-.77078714.17255025-.20011086.34510049-.32150776.51765074-.36419068l.25882536-.06402439h3.36472978v-2.56929047c0-.32815964.08627512-.5922949.25882537-.79240576.17255024-.20011087.34510049-.31430156.51765073-.34257207zm10.78355264 15.6294346v-13.53076498c-.2730649-.08536585-.4456152-.16380266-.5176507-.23531042-.1725502-.1424612-.2730649-.27078714-.3015441-.38497783v13.36031043h-9.87808272c0 .0144124-.02149898.0144124-.06449694 0-.04299795-.0144124-.08962561.006929-.13988296.0640244-.05025735.0570953-.07538603.1427383-.07538603.256929s.02149898.210643.06449694.289357c.04299795.078714.08599591.1322062.12899387.1604767l.06449693.0216187h10.71905571zm-10.2449613-2.4412417h7.98003v-11.60421286h-7.98003zm1.6827837-9.41990022h4.6153002c.1725502 0 .3199718.05349224.4422647.16047672s.1834393.23891353.1834393.39578714c0 .15687362-.0611464.28519956-.1834393.38497783s-.2697145.1496674-.4422647.1496674h-4.6153002c-.1725503 0-.3199719-.04988913-.4422647-.1496674-.1222929-.09977827-.1834394-.22810421-.1834394-.38497783 0-.15687361.0611465-.28880266.1834394-.39578714.1222928-.10698448.2697144-.16047672.4422647-.16047672zm-6.08197737 13.50997782h7.72120467v-.8131929h-3.79610541c-.27306495 0-.49950224-.085643-.67931188-.256929-.17980964-.1712861-.29847284-.3425721-.35598958-.5138581l-.06449694-.2785477v-10.02023282h-2.82530086zm6.77217827-11.36890243h3.2139578c.1295522 0 .240956.05709534.3342113.17128603.0932554.11419069.139883.24972284.139883.40659645 0 .15687362-.0466276.28880267-.139883.39578714-.0932553.10698448-.2046591.16047672-.3342113.16047672h-3.2139578c-.1295523 0-.2373264-.05349224-.3233223-.16047672-.0859959-.10698447-.1289938-.23891352-.1289938-.39578714 0-.15687361.0429979-.29240576.1289938-.40659645s.19377-.17128603.3233223-.17128603zm-11.15043132 15.11557653h7.69942646v-.7491685h-3.79610539c-.25854616 0-.48135376-.0892462-.66842279-.2677384-.18706904-.1784922-.30936193-.3605876-.36687868-.546286l-.06449694-.2569291v-10.04101994h-2.80352266zm14.62237682-4.5606985h-.8191949v2.1410754h-9.89986085s-.04299796.0285477-.12899387.085643c-.08599592.0570954-.12201369.1427384-.10805331.2569291 0 .1141907.01786928.210643.05360784.289357.03573856.0787139.07538603.125.1189424.138858l.06449694.0432373h10.71905575v-2.9542683zm-4.3991936 3.8106985h-.8191949v2.077051h-9.8563045c0 .0144124-.02149898.0144124-.06449694 0-.04299795-.0144125-.08962561.0105321-.13988296.0748337-.05025735.0643015-.07538603.1607538-.07538603.289357 0 .1141906.02149898.2070399.06449694.2785476.04299795.0715078.08599591.1141907.12899387.1280488l.06449693.0216186h10.69811519v-2.8686252z\"\n      />\n    </g>\n  </svg>\n`;\n\ntype sortOptions = 'title_asc' | 'title_desc' | 'default';\n\ntype ItemInfo = {\n  url_path: string;\n  image: string;\n  title: string;\n  author: string;\n  file_subprefix: string;\n};\n\n@customElement('iaux-sort-viewable-files')\nexport class IauxSortFilesButton extends LitElement {\n  @property({ type: Array }) fileListRaw: any[] = [];\n\n  @property({ type: Array }) fileListSorted: any[] = [];\n\n  @property({ type: String }) sortOrderBy: sortOptions = 'default';\n\n  render() {\n    return html`<div class=\"sort-multi-file-list\">${this.sortButton}</div>`;\n  }\n\n  get sortButton() {\n    const sortIcons = {\n      default: html`\n        <button\n          class=\"sort-by neutral-icon\"\n          aria-label=\"Sort volumes in initial order\"\n          @click=${() => this.sortVolumes('title_asc')}\n        >\n          ${sortNeutralIcon}\n        </button>\n      `,\n      title_asc: html`\n        <button\n          class=\"sort-by asc-icon\"\n          aria-label=\"Sort volumes in ascending order\"\n          @click=${() => this.sortVolumes('title_desc')}\n        >\n          ${sortAscIcon}\n        </button>\n      `,\n      title_desc: html`\n        <button\n          class=\"sort-by desc-icon\"\n          aria-label=\"Sort volumes in descending order\"\n          @click=${() => this.sortVolumes('default')}\n        >\n          ${sortDescIcon}\n        </button>\n      `,\n    };\n\n    return sortIcons[this.sortOrderBy];\n  }\n\n  sortVolumes(sortType: sortOptions) {\n    this.sortOrderBy = sortType;\n    let sortedFiles = [];\n\n    sortedFiles = this.fileListRaw.sort((a, b) => {\n      if (sortType === 'title_asc') return a.title.localeCompare(b.title);\n      if (sortType === 'title_desc') return b.title.localeCompare(a.title);\n      return a.orig_sort - b.orig_sort;\n    });\n\n    this.dispatchEvent(\n      new CustomEvent('fileListSorted', {\n        detail: {\n          sortType,\n          sortedFiles,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n    this.fileListSorted = sortedFiles;\n  }\n\n  static get styles() {\n    return css`\n      button.sort-by {\n        padding: 0px;\n        background-color: transparent;\n        border: 0px;\n        --iconWidth: var(--menuSliderHeaderIconWidth);\n        --iconHeight: var(--menuSliderHeaderIconHeight);\n      }\n    `;\n  }\n}\n\n@customElement('iaux-viewable-files')\nexport class IauxViewableFiles extends LitElement {\n  @property({ type: String }) hostUrl: string = 'archive.org';\n\n  @property({ type: String }) sortOrderBy:\n    | 'default'\n    | 'title_asc'\n    | 'title_desc' = 'default';\n\n  @property({ type: String }) subPrefix: string = '';\n\n  @property({ type: Array }) fileList: any[] = [];\n\n  firstUpdated() {\n    const activeFile = this.shadowRoot!.querySelector('.content.active') as any;\n    // allow for css animations to run before scrolling to active file\n    setTimeout(() => {\n      // scroll active file into view if needed\n      // note: `scrollIntoViewIfNeeded` handles auto-scroll gracefully for Chrome, Safari\n      // Firefox does not have this capability yet as it does not support `scrollIntoViewIfNeeded`\n      activeFile?.scrollIntoViewIfNeeded(true);\n\n      // Todo: support `scrollIntoView` or `parentContainer.crollTop = x` for FF & \"IE 11\"\n      // currently, the hard `position: absolutes` misaligns subpanel when `scrollIntoView` is applied :(\n    }, 350);\n  }\n\n  volumeItemWithImageTitle(item: ItemInfo) {\n    const hrefUrl =\n      this.sortOrderBy === 'default'\n        ? `${this.hostUrl}${item.url_path}`\n        : `${this.hostUrl}${item.url_path}?sort=${this.sortOrderBy}`;\n\n    return html`\n      <li class=\"content active\">\n        <div class=\"separator\"></div>\n        <a class=\"container\" href=\"${hrefUrl}\">\n          <div class=\"image\">\n            <img src=\"${item.image}\" alt=\"preview\" />\n          </div>\n          <div class=\"text\">\n            <p class=\"item-title\">${item.title}</p>\n            <small>by: ${item.author}</small>\n          </div>\n        </a>\n      </li>\n    `;\n  }\n\n  fileLi(item: ItemInfo) {\n    const activeClass = this.subPrefix === item.file_subprefix ? ' active' : '';\n\n    const hrefUrl =\n      this.sortOrderBy === 'default'\n        ? `${this.hostUrl}${item.url_path}`\n        : `${this.hostUrl}${item.url_path}?sort=${this.sortOrderBy}`;\n\n    return html`\n      <li>\n        <div class=\"separator\"></div>\n        <div class=\"content${activeClass}\">\n          <a href=\"https://${hrefUrl}\">\n            <p class=\"item-title\">${item.title}</p>\n          </a>\n        </div>\n      </li>\n    `;\n  }\n\n  get fileListTemplate(): TemplateResult {\n    const filesDisplay = repeat(\n      this.fileList,\n      file => file?.file_prefix,\n      this.fileLi.bind(this),\n    );\n    return html`\n      <ul>\n        ${filesDisplay}\n        <div class=\"separator\"></div>\n      </ul>\n    `;\n  }\n\n  render() {\n    return html` ${this.fileList.length ? this.fileListTemplate : nothing} `;\n  }\n\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n        overflow-y: auto;\n        box-sizing: border-box;\n        color: var(--primaryTextColor);\n        margin-top: 14px;\n        margin-bottom: 2rem;\n        --activeBorderWidth: 2px;\n      }\n\n      a {\n        color: #ffffff;\n        text-decoration: none;\n      }\n\n      img {\n        width: 35px;\n        height: 45px;\n      }\n\n      ul {\n        padding: 0;\n        list-style: none;\n        margin: var(--activeBorderWidth) 0.5rem 1rem 0;\n      }\n\n      ul > li:first-child .separator {\n        display: none;\n      }\n\n      li {\n        cursor: pointer;\n        outline: none;\n        position: relative;\n      }\n\n      li .content {\n        padding: 2px 0 4px 2px;\n        border: var(--activeBorderWidth) solid transparent;\n        padding: 0.2rem 0 0.4rem 0.2rem;\n      }\n\n      li .content.active {\n        border: var(--activeBorderWidth) solid #538bc5;\n      }\n\n      small {\n        font-style: italic;\n        white-space: initial;\n      }\n\n      .container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .item-title {\n        margin-block-start: 0em;\n        margin-block-end: 0em;\n        font-size: 14px;\n        font-weight: bold;\n        word-wrap: break-word;\n        padding-left: 5px;\n      }\n\n      .separator {\n        background-color: var(--secondaryBGColor);\n        width: 98%;\n        margin: 1px auto;\n        height: 1px;\n      }\n\n      .text {\n        padding-left: 10px;\n      }\n\n      .icon {\n        display: inline-block;\n        width: 14px;\n        height: 14px;\n        margin-left: 0.7rem;\n        border: 1px solid var(--primaryTextColor);\n        border-radius: 2px;\n        background: var(--activeButtonBg) 50% 50% no-repeat;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/menus/share-providers/email.d.ts

@@ -0,0 +1,11 @@
+import '@internetarchive/icon-email/icon-email';
+import { TemplateResult } from 'lit';
+import Provider from './provider';
+import type { ProviderParams } from './share-provider-interface';
+export default class extends Provider {
+    name: string;
+    icon: TemplateResult;
+    class: string;
+    constructor(params: ProviderParams);
+    get url(): string;
+}

package/dist/src/menus/share-providers/email.js

@@ -0,0 +1,15 @@
+import '@internetarchive/icon-email/icon-email';
+import { html } from 'lit';
+import Provider from './provider';
+export default class extends Provider {
+    constructor(params) {
+        super(params);
+        this.name = 'Email';
+        this.icon = html `<ia-icon-email></ia-icon-email>`;
+        this.class = 'email';
+    }
+    get url() {
+        return `mailto:?body=https://${this.baseHost}/details/${this.itemPath}&subject=${this.description} : ${this.creator}${this.promoCopy}`;
+    }
+}
+//# sourceMappingURL=email.js.map

package/dist/src/menus/share-providers/email.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"email.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/email.ts"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAChD,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,MAAO,SAAQ,QAAQ;IAOnC,YAAY,MAAsB;QAChC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,iCAAiC,CAAC;QAClD,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;IACvB,CAAC;IAED,IAAa,GAAG;QACd,OAAO,wBAAwB,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,WAAW,MAAM,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;IACzI,CAAC;CACF","sourcesContent":["import '@internetarchive/icon-email/icon-email';\nimport { TemplateResult, html } from 'lit';\nimport Provider from './provider';\nimport type { ProviderParams } from './share-provider-interface';\n\nexport default class extends Provider {\n  name: string;\n\n  icon: TemplateResult;\n\n  class: string;\n\n  constructor(params: ProviderParams) {\n    super(params);\n    this.name = 'Email';\n    this.icon = html`<ia-icon-email></ia-icon-email>`;\n    this.class = 'email';\n  }\n\n  override get url(): string {\n    return `mailto:?body=https://${this.baseHost}/details/${this.itemPath}&subject=${this.description} : ${this.creator}${this.promoCopy}`;\n  }\n}\n"]}

package/dist/src/menus/share-providers/facebook.d.ts

@@ -0,0 +1,11 @@
+import '@internetarchive/icon-facebook/icon-facebook';
+import { TemplateResult } from 'lit';
+import Provider from './provider';
+import type { ProviderParams } from './share-provider-interface';
+export default class extends Provider {
+    name: string;
+    icon: TemplateResult;
+    class: string;
+    constructor(params: ProviderParams);
+    get url(): string;
+}

package/dist/src/menus/share-providers/facebook.js

@@ -0,0 +1,15 @@
+import '@internetarchive/icon-facebook/icon-facebook';
+import { html } from 'lit';
+import Provider from './provider';
+export default class extends Provider {
+    constructor(params) {
+        super(params);
+        this.name = 'Facebook';
+        this.icon = html `<ia-icon-facebook></ia-icon-facebook>`;
+        this.class = 'facebook';
+    }
+    get url() {
+        return `https://www.facebook.com/sharer/sharer.php?u=https://${this.baseHost}/details/${this.itemPath}`;
+    }
+}
+//# sourceMappingURL=facebook.js.map

package/dist/src/menus/share-providers/facebook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"facebook.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/facebook.ts"],"names":[],"mappings":"AAAA,OAAO,8CAA8C,CAAC;AACtD,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,MAAO,SAAQ,QAAQ;IAOnC,YAAY,MAAsB;QAChC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,uCAAuC,CAAC;QACxD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;IAC1B,CAAC;IAED,IAAa,GAAG;QACd,OAAO,wDAAwD,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC1G,CAAC;CACF","sourcesContent":["import '@internetarchive/icon-facebook/icon-facebook';\nimport { TemplateResult, html } from 'lit';\nimport Provider from './provider';\nimport type { ProviderParams } from './share-provider-interface';\n\nexport default class extends Provider {\n  name: string;\n\n  icon: TemplateResult;\n\n  class: string;\n\n  constructor(params: ProviderParams) {\n    super(params);\n    this.name = 'Facebook';\n    this.icon = html`<ia-icon-facebook></ia-icon-facebook>`;\n    this.class = 'facebook';\n  }\n\n  override get url(): string {\n    return `https://www.facebook.com/sharer/sharer.php?u=https://${this.baseHost}/details/${this.itemPath}`;\n  }\n}\n"]}

package/dist/src/menus/share-providers/pinterest.d.ts

@@ -0,0 +1,11 @@
+import '@internetarchive/icon-pinterest/icon-pinterest';
+import { TemplateResult } from 'lit';
+import Provider from './provider';
+import { ProviderParams } from './share-provider-interface';
+export default class extends Provider {
+    name: string;
+    icon: TemplateResult;
+    class: string;
+    constructor(params: ProviderParams);
+    get url(): string;
+}

package/dist/src/menus/share-providers/pinterest.js

@@ -0,0 +1,15 @@
+import '@internetarchive/icon-pinterest/icon-pinterest';
+import { html } from 'lit';
+import Provider from './provider';
+export default class extends Provider {
+    constructor(params) {
+        super(params);
+        this.name = 'Pinterest';
+        this.icon = html `<ia-icon-pinterest></ia-icon-pinterest>`;
+        this.class = 'pinterest';
+    }
+    get url() {
+        return `http://www.pinterest.com/pin/create/button/?url=https://${this.baseHost}/details/${this.itemPath}&description=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;
+    }
+}
+//# sourceMappingURL=pinterest.js.map

package/dist/src/menus/share-providers/pinterest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinterest.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/pinterest.ts"],"names":[],"mappings":"AAAA,OAAO,gDAAgD,CAAC;AACxD,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,MAAO,SAAQ,QAAQ;IAOnC,YAAY,MAAsB;QAChC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,yCAAyC,CAAC;QAC1D,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;IAC3B,CAAC;IAED,IAAa,GAAG;QACd,OAAO,2DAA2D,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,gBAAgB,IAAI,CAAC,kBAAkB,QAAQ,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACvM,CAAC;CACF","sourcesContent":["import '@internetarchive/icon-pinterest/icon-pinterest';\nimport { TemplateResult, html } from 'lit';\nimport Provider from './provider';\nimport { ProviderParams } from './share-provider-interface';\n\nexport default class extends Provider {\n  name: string;\n\n  icon: TemplateResult;\n\n  class: string;\n\n  constructor(params: ProviderParams) {\n    super(params);\n    this.name = 'Pinterest';\n    this.icon = html`<ia-icon-pinterest></ia-icon-pinterest>`;\n    this.class = 'pinterest';\n  }\n\n  override get url(): string {\n    return `http://www.pinterest.com/pin/create/button/?url=https://${this.baseHost}/details/${this.itemPath}&description=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;\n  }\n}\n"]}

package/dist/src/menus/share-providers/provider.d.ts

@@ -0,0 +1,20 @@
+import { TemplateResult } from 'lit';
+import { ProviderParams } from './share-provider-interface';
+export default class Provider {
+    promoCopy: string;
+    description: string;
+    creator: string;
+    fileSubPrefix: string;
+    identifier: string;
+    baseHost: string;
+    name: string | undefined;
+    icon: TemplateResult | string | undefined;
+    class: string | undefined;
+    constructor(params: ProviderParams);
+    get encodedDescription(): string;
+    get encodedCreator(): string;
+    get encodedPromoCopy(): string;
+    get itemPath(): string;
+    get url(): string;
+    encodeString(str: string): string;
+}

package/dist/src/menus/share-providers/provider.js

@@ -0,0 +1,37 @@
+export default class Provider {
+    constructor(params) {
+        this.promoCopy =
+            ' : Free Download, Borrow, and Streaming : Internet Archive';
+        this.description = (params === null || params === void 0 ? void 0 : params.description) || '';
+        this.creator = (params === null || params === void 0 ? void 0 : params.creator) || '';
+        this.fileSubPrefix = (params === null || params === void 0 ? void 0 : params.fileSubPrefix) || '';
+        this.identifier = (params === null || params === void 0 ? void 0 : params.identifier) || '';
+        this.baseHost = (params === null || params === void 0 ? void 0 : params.baseHost) || '';
+    }
+    get encodedDescription() {
+        return this.encodeString(this.description);
+    }
+    get encodedCreator() {
+        return this.encodeString(this.creator);
+    }
+    get encodedPromoCopy() {
+        return this.encodeString(this.promoCopy);
+    }
+    get itemPath() {
+        const encodedFileSubPrefix = this.fileSubPrefix
+            ? encodeURIComponent(this.fileSubPrefix)
+            : '';
+        return encodedFileSubPrefix
+            ? `${this.identifier}/${encodedFileSubPrefix}`
+            : this.identifier;
+    }
+    get url() {
+        return `https://${this.baseHost}/details/${this.itemPath}`;
+    }
+    encodeString(str) {
+        if (!str)
+            return '';
+        return encodeURIComponent(str.replace(/\s/g, '+')).replace(/%2B/g, '+');
+    }
+}
+//# sourceMappingURL=provider.js.map

package/dist/src/menus/share-providers/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/provider.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,OAAO,QAAQ;IAmB3B,YAAY,MAAsB;QAChC,IAAI,CAAC,SAAS;YACZ,4DAA4D,CAAC;QAE/D,IAAI,CAAC,WAAW,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,KAAI,EAAE,CAAC;QAC7C,IAAI,CAAC,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,KAAI,EAAE,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,KAAI,EAAE,CAAC;QACjD,IAAI,CAAC,UAAU,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,KAAI,EAAE,CAAC;IACzC,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,oBAAoB,GAAG,IAAI,CAAC,aAAa;YAC7C,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,CAAC;YACxC,CAAC,CAAC,EAAE,CAAC;QACP,OAAO,oBAAoB;YACzB,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,IAAI,oBAAoB,EAAE;YAC9C,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IACtB,CAAC;IAED,IAAI,GAAG;QACL,OAAO,WAAW,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC7D,CAAC;IAED,YAAY,CAAC,GAAW;QACtB,IAAI,CAAC,GAAG;YAAE,OAAO,EAAE,CAAC;QACpB,OAAO,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1E,CAAC;CACF","sourcesContent":["import { TemplateResult } from 'lit';\nimport { ProviderParams } from './share-provider-interface';\n\nexport default class Provider {\n  promoCopy: string;\n\n  description: string;\n\n  creator: string;\n\n  fileSubPrefix: string;\n\n  identifier: string;\n\n  baseHost: string;\n\n  name: string | undefined;\n\n  icon: TemplateResult | string | undefined;\n\n  class: string | undefined;\n\n  constructor(params: ProviderParams) {\n    this.promoCopy =\n      ' : Free Download, Borrow, and Streaming : Internet Archive';\n\n    this.description = params?.description || '';\n    this.creator = params?.creator || '';\n    this.fileSubPrefix = params?.fileSubPrefix || '';\n    this.identifier = params?.identifier || '';\n    this.baseHost = params?.baseHost || '';\n  }\n\n  get encodedDescription(): string {\n    return this.encodeString(this.description);\n  }\n\n  get encodedCreator(): string {\n    return this.encodeString(this.creator);\n  }\n\n  get encodedPromoCopy(): string {\n    return this.encodeString(this.promoCopy);\n  }\n\n  get itemPath(): string {\n    const encodedFileSubPrefix = this.fileSubPrefix\n      ? encodeURIComponent(this.fileSubPrefix)\n      : '';\n    return encodedFileSubPrefix\n      ? `${this.identifier}/${encodedFileSubPrefix}`\n      : this.identifier;\n  }\n\n  get url(): string {\n    return `https://${this.baseHost}/details/${this.itemPath}`;\n  }\n\n  encodeString(str: string): string {\n    if (!str) return '';\n    return encodeURIComponent(str.replace(/\\s/g, '+')).replace(/%2B/g, '+');\n  }\n}\n"]}

package/dist/src/menus/share-providers/share-provider-interface.d.ts

@@ -0,0 +1,13 @@
+import { TemplateResult } from 'lit';
+export type ProviderParams = {
+    class: string;
+    icon: TemplateResult | string;
+    name: string;
+    promoCopy: string;
+    description: string;
+    creator: string;
+    fileSubPrefix: string;
+    identifier: string;
+    baseHost: string;
+    itemPath: string;
+};

package/dist/src/menus/share-providers/share-provider-interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=share-provider-interface.js.map

package/dist/src/menus/share-providers/share-provider-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-provider-interface.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/share-provider-interface.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult } from 'lit';\n\nexport type ProviderParams = {\n  class: string;\n  icon: TemplateResult | string;\n  name: string;\n\n  promoCopy: string;\n  description: string;\n  creator: string;\n\n  // ia item\n  fileSubPrefix: string;\n  identifier: string;\n  baseHost: string;\n  itemPath: string;\n};\n"]}

package/dist/src/menus/share-providers/tumblr.d.ts

@@ -0,0 +1,11 @@
+import '@internetarchive/icon-tumblr/icon-tumblr';
+import { TemplateResult } from 'lit';
+import Provider from './provider';
+import { ProviderParams } from './share-provider-interface';
+export default class extends Provider {
+    name: string;
+    icon: TemplateResult;
+    class: string;
+    constructor(params: ProviderParams);
+    get url(): string;
+}

package/dist/src/menus/share-providers/tumblr.js

@@ -0,0 +1,15 @@
+import '@internetarchive/icon-tumblr/icon-tumblr';
+import { html } from 'lit';
+import Provider from './provider';
+export default class extends Provider {
+    constructor(params) {
+        super(params);
+        this.name = 'Tumblr';
+        this.icon = html `<ia-icon-tumblr></ia-icon-tumblr>`;
+        this.class = 'tumblr';
+    }
+    get url() {
+        return `https://www.tumblr.com/share/video?embed=%3Ciframe+width%3D%22640%22+height%3D%22480%22+frameborder%3D%220%22+allowfullscreen+src%3D%22https%3A%2F%2F${this.baseHost}%2Fembed%2F%22+webkitallowfullscreen%3D%22true%22+mozallowfullscreen%3D%22true%22%26gt%3B%26lt%3B%2Fiframe%3E&name=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;
+    }
+}
+//# sourceMappingURL=tumblr.js.map

package/dist/src/menus/share-providers/tumblr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tumblr.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/tumblr.ts"],"names":[],"mappings":"AAAA,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,MAAO,SAAQ,QAAQ;IAOnC,YAAY,MAAsB;QAChC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,mCAAmC,CAAC;QACpD,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;IACxB,CAAC;IAED,IAAa,GAAG;QACd,OAAO,wJAAwJ,IAAI,CAAC,QAAQ,sHAAsH,IAAI,CAAC,kBAAkB,QAAQ,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACjX,CAAC;CACF","sourcesContent":["import '@internetarchive/icon-tumblr/icon-tumblr';\nimport { TemplateResult, html } from 'lit';\nimport Provider from './provider';\nimport { ProviderParams } from './share-provider-interface';\n\nexport default class extends Provider {\n  name: string;\n\n  icon: TemplateResult;\n\n  class: string;\n\n  constructor(params: ProviderParams) {\n    super(params);\n    this.name = 'Tumblr';\n    this.icon = html`<ia-icon-tumblr></ia-icon-tumblr>`;\n    this.class = 'tumblr';\n  }\n\n  override get url(): string {\n    return `https://www.tumblr.com/share/video?embed=%3Ciframe+width%3D%22640%22+height%3D%22480%22+frameborder%3D%220%22+allowfullscreen+src%3D%22https%3A%2F%2F${this.baseHost}%2Fembed%2F%22+webkitallowfullscreen%3D%22true%22+mozallowfullscreen%3D%22true%22%26gt%3B%26lt%3B%2Fiframe%3E&name=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;\n  }\n}\n"]}

package/dist/src/menus/share-providers/twitter.d.ts

@@ -0,0 +1,11 @@
+import '@internetarchive/icon-twitter/icon-twitter';
+import { TemplateResult } from 'lit';
+import Provider from './provider';
+import { ProviderParams } from './share-provider-interface';
+export default class TwitterProvider extends Provider {
+    name: string;
+    icon: TemplateResult;
+    class: string;
+    constructor(params: ProviderParams);
+    get url(): string;
+}