@internetarchive/elements 0.2.14-webdev-8969.0 → 0.2.14-webdev-9022.0

package/dist/src/elements/ia-expandable-search-bar/ia-expandable-search-bar.js

@@ -1,352 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { msg } from '@lit/localize';
-import clearResultsIcon from './assets/clear-results.js';
-import disclosureIcon from './assets/disclosure.js';
-import magnifyingGlassIcon from './assets/magnifying-glass.js';
-import './ia-quick-search.js';
-/**
- * Event names emitted by this component
- */
-const Events = {
-    InputChange: 'inputchange',
-    EnterKeyPressed: 'enterKeyPressed',
-    SearchCleared: 'searchCleared',
-    QuickSearchSelected: 'quickSearchSelected',
-};
-/**
- * A search bar with a quick search list that expands underneath it.
- */
-let IAExpandableSearchBar = class IAExpandableSearchBar extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** Whether the quick search list is showing */
-        this.isOpen = false;
-        /** Whether to offer the disclosure button that opens the quick search */
-        this.showsDisclosure = false;
-        /** The current search text */
-        this.searchTerm = '';
-        /** The suggestions to offer in the quick search list */
-        this.quickSearches = [];
-        /** Placeholder text for the input */
-        this.placeholder = msg('Search');
-        /** The accessible name for the input */
-        this.label = msg('Search');
-        /**
-         * Whether the Enter now coming up is the same one that went down on the
-         * input. Selecting a quick search with the keyboard hands focus back to the
-         * input mid-keystroke, so its keyup lands here without a matching keydown.
-         */
-        this.enterWentDownOnInput = false;
-    }
-    render() {
-        return html `
-      <div
-        class="container ${this.isOpen ? 'is-open' : ''} ${this.showsDisclosure
-            ? 'shows-disclosure'
-            : ''}"
-      >
-        <div class="search-bar ${this.searchTerm === '' ? '' : 'is-searching'}">
-          <div class="magnifier-container endcap">${magnifyingGlassIcon}</div>
-
-          <input
-            id="search-input"
-            type="text"
-            aria-label=${this.label}
-            placeholder=${this.placeholder}
-            .value=${this.searchTerm}
-            @input=${this.handleInput}
-            @keydown=${this.handleKeyDown}
-            @keyup=${this.handleKeyUp}
-          />
-
-          <div class="clear-search-container endcap">
-            <button
-              id="clear-search-button"
-              type="button"
-              aria-label=${msg('Clear search')}
-              @click=${this.clearSearch}
-            >
-              ${clearResultsIcon}
-            </button>
-          </div>
-
-          <div class="disclosure-container endcap">
-            <button
-              id="disclosure-button"
-              type="button"
-              aria-label=${msg('Toggle quick search')}
-              aria-expanded=${this.isOpen}
-              @click=${this.toggleDisclosure}
-            >
-              ${disclosureIcon}
-            </button>
-          </div>
-        </div>
-
-        <div class="quick-search">
-          <ia-quick-search
-            .quickSearches=${this.quickSearches}
-            @searchTermSelected=${this.quickSearchSelected}
-          ></ia-quick-search>
-        </div>
-      </div>
-    `;
-    }
-    /**
-     * Forces the field to match `searchTerm`.
-     *
-     * Lit's property binding dirty-checks against the value it last committed
-     * rather than against the DOM. A consumer that normalises `searchTerm` in
-     * its own `inputchange` handler can land back on that committed value, so
-     * the binding sees nothing to do and the field keeps whatever the listener
-     * typed. Writing it here keeps the two in step.
-     */
-    updated(changedProperties) {
-        if (!changedProperties.has('searchTerm') || !this.searchInput)
-            return;
-        this.searchInput.value = this.searchTerm;
-    }
-    /**
-     * Tracks the input's value.
-     *
-     * Bound to `input` rather than `keyup` so that a paste from the mouse menu,
-     * autofill, a drag-and-drop and an IME composition all register, and so that
-     * arrow keys don't announce a change that never happened.
-     */
-    handleInput() {
-        if (!this.searchInput)
-            return;
-        this.searchTerm = this.searchInput.value;
-        this.dispatchEvent(new CustomEvent(Events.InputChange, {
-            detail: { value: this.searchTerm },
-        }));
-    }
-    handleKeyDown(e) {
-        if (e.key === 'Enter')
-            this.enterWentDownOnInput = true;
-    }
-    handleKeyUp(e) {
-        if (e.key !== 'Enter')
-            return;
-        if (!this.enterWentDownOnInput)
-            return;
-        this.enterWentDownOnInput = false;
-        this.dispatchEvent(new CustomEvent(Events.EnterKeyPressed, {
-            detail: { value: this.searchTerm },
-        }));
-    }
-    clearSearch() {
-        this.searchTerm = '';
-        this.searchInput?.focus();
-        this.dispatchEvent(new Event(Events.SearchCleared));
-    }
-    quickSearchSelected(e) {
-        const quickSearchEntry = e.detail.searchEntry;
-        this.searchTerm = quickSearchEntry.displayText;
-        this.dispatchEvent(new CustomEvent(Events.QuickSearchSelected, { detail: { quickSearchEntry } }));
-        // Closing the list hides the entry that was just activated. Focus has to
-        // go somewhere first, or the browser drops it to the body and a keyboard
-        // user lands back at the top of the page.
-        this.enterWentDownOnInput = false;
-        this.searchInput?.focus();
-        this.isOpen = false;
-    }
-    toggleDisclosure() {
-        this.isOpen = !this.isOpen;
-    }
-    static get styles() {
-        return css `
-      :host {
-        --search-bar-background-color--: var(
-          --ia-theme-search-bar-background-color,
-          #000
-        );
-        --search-bar-text-color--: var(--ia-theme-search-bar-text-color, #fff);
-        --search-bar-font-size--: var(--ia-theme-search-bar-font-size, 1em);
-        --search-bar-border--: var(
-          --ia-theme-search-bar-border,
-          1px solid #fff
-        );
-        --search-bar-min-width--: var(--ia-theme-search-bar-min-width, 5em);
-        --search-bar-max-expansion-height--: var(
-          --ia-theme-search-bar-max-expansion-height,
-          150px
-        );
-        --search-bar-clear-disc-color--: var(
-          --ia-theme-search-bar-clear-disc-color,
-          #fff
-        );
-        --search-bar-clear-cross-color--: var(
-          --ia-theme-search-bar-clear-cross-color,
-          #000
-        );
-
-        color: var(--search-bar-text-color--);
-      }
-
-      .container {
-        position: relative;
-      }
-
-      .search-bar {
-        display: flex;
-        justify-content: flex-start;
-      }
-
-      .endcap {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: calc(var(--search-bar-font-size--) * 2);
-        border: var(--search-bar-border--);
-        padding: 0 calc(var(--search-bar-font-size--) / 2);
-      }
-
-      .endcap svg {
-        height: var(--search-bar-font-size--);
-        width: var(--search-bar-font-size--);
-      }
-
-      .clear-disc {
-        fill: var(--search-bar-clear-disc-color--);
-      }
-
-      .clear-cross {
-        stroke: var(--search-bar-clear-cross-color--);
-      }
-
-      .clear-search-container {
-        border-left: 0;
-        border-radius: 0 var(--search-bar-font-size--)
-          var(--search-bar-font-size--) 0;
-      }
-
-      .search-bar.is-searching .clear-search-container {
-        padding: 0 calc(var(--search-bar-font-size--) / 2) 0 0;
-      }
-
-      .search-bar.is-searching .clear-search-container button {
-        display: block;
-      }
-
-      .clear-search-container button {
-        display: none;
-      }
-
-      .magnifier-container {
-        border-radius: var(--search-bar-font-size--) 0 0
-          var(--search-bar-font-size--);
-        border-right: 0;
-      }
-
-      .container.is-open .magnifier-container {
-        border-radius: var(--search-bar-font-size--) 0 0 0;
-      }
-
-      .container.shows-disclosure .clear-search-container {
-        border-radius: 0;
-        border-right: 0;
-      }
-
-      .disclosure-container {
-        border-radius: 0 var(--search-bar-font-size--)
-          var(--search-bar-font-size--) 0;
-        display: none;
-      }
-
-      .container.shows-disclosure .disclosure-container {
-        display: flex;
-      }
-
-      .container.is-open .disclosure-container {
-        border-radius: 0 var(--search-bar-font-size--) 0 0;
-      }
-
-      .disclosure-container button {
-        border: 0;
-        background: none;
-      }
-
-      #search-input {
-        border-top: var(--search-bar-border--);
-        border-bottom: var(--search-bar-border--);
-        border-left: 0;
-        border-right: 0;
-        border-radius: 0;
-        background-color: var(--search-bar-background-color--);
-        color: var(--search-bar-text-color--);
-        padding: 0;
-        margin: 0;
-        font-size: var(--search-bar-font-size--);
-        flex: 1 1 auto;
-        min-width: var(--search-bar-min-width--);
-      }
-
-      #search-input:focus {
-        outline: none;
-      }
-
-      .quick-search {
-        border-radius: 0 0 var(--search-bar-font-size--)
-          var(--search-bar-font-size--);
-        display: none;
-        position: absolute;
-        left: 0;
-        right: 0;
-        background-color: var(--search-bar-background-color--);
-        z-index: 1;
-        max-height: var(--search-bar-max-expansion-height--);
-        overflow-y: auto;
-        scrollbar-width: none;
-        padding: 0 calc(var(--search-bar-font-size--) / 2);
-      }
-
-      .quick-search::-webkit-scrollbar {
-        display: none;
-      }
-
-      .container.is-open.shows-disclosure .quick-search {
-        border: var(--search-bar-border--);
-        border-top: 0;
-        display: block;
-      }
-
-      button {
-        background: none;
-        border: none;
-        margin: 0;
-        padding: 0;
-        color: inherit;
-        cursor: pointer;
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], IAExpandableSearchBar.prototype, "isOpen", void 0);
-__decorate([
-    property({ type: Boolean })
-], IAExpandableSearchBar.prototype, "showsDisclosure", void 0);
-__decorate([
-    property({ type: String })
-], IAExpandableSearchBar.prototype, "searchTerm", void 0);
-__decorate([
-    property({ type: Array })
-], IAExpandableSearchBar.prototype, "quickSearches", void 0);
-__decorate([
-    property({ type: String })
-], IAExpandableSearchBar.prototype, "placeholder", void 0);
-__decorate([
-    property({ type: String })
-], IAExpandableSearchBar.prototype, "label", void 0);
-__decorate([
-    query('#search-input')
-], IAExpandableSearchBar.prototype, "searchInput", void 0);
-IAExpandableSearchBar = __decorate([
-    customElement('ia-expandable-search-bar')
-], IAExpandableSearchBar);
-export { IAExpandableSearchBar };
-//# sourceMappingURL=ia-expandable-search-bar.js.map

package/dist/src/elements/ia-expandable-search-bar/ia-expandable-search-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ia-expandable-search-bar.js","sourceRoot":"","sources":["../../../../src/elements/ia-expandable-search-bar/ia-expandable-search-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,GAIX,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAIpC,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,mBAAmB,MAAM,2BAA2B,CAAC;AAE5D,OAAO,mBAAmB,CAAC;AAE3B;;GAEG;AACH,MAAM,MAAM,GAAG;IACb,WAAW,EAAE,aAAa;IAC1B,eAAe,EAAE,iBAAiB;IAClC,aAAa,EAAE,eAAe;IAC9B,mBAAmB,EAAE,qBAAqB;CAC3C,CAAC;AAEF;;GAEG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QACL,+CAA+C;QAClB,WAAM,GAAG,KAAK,CAAC;QAE5C,yEAAyE;QAC5C,oBAAe,GAAG,KAAK,CAAC;QAErD,8BAA8B;QACF,eAAU,GAAG,EAAE,CAAC;QAE5C,wDAAwD;QAC7B,kBAAa,GAAuB,EAAE,CAAC;QAElE,qCAAqC;QACT,gBAAW,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;QAExD,wCAAwC;QACZ,UAAK,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;QA4FlD;;;;WAIG;QACK,yBAAoB,GAAG,KAAK,CAAC;IAwNvC,CAAC;IArTC,MAAM;QACJ,OAAO,IAAI,CAAA;;2BAEY,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,eAAe;YACrE,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,EAAE;;iCAEmB,IAAI,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;oDACzB,mBAAmB;;;;;yBAK9C,IAAI,CAAC,KAAK;0BACT,IAAI,CAAC,WAAW;qBACrB,IAAI,CAAC,UAAU;qBACf,IAAI,CAAC,WAAW;uBACd,IAAI,CAAC,aAAa;qBACpB,IAAI,CAAC,WAAW;;;;;;;2BAOV,GAAG,CAAC,cAAc,CAAC;uBACvB,IAAI,CAAC,WAAW;;gBAEvB,gBAAgB;;;;;;;;2BAQL,GAAG,CAAC,qBAAqB,CAAC;8BACvB,IAAI,CAAC,MAAM;uBAClB,IAAI,CAAC,gBAAgB;;gBAE5B,cAAc;;;;;;;6BAOD,IAAI,CAAC,aAAa;kCACb,IAAI,CAAC,mBAAmB;;;;KAIrD,CAAC;IACJ,CAAC;IAED;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiC;QACvC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO;QAEtE,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;IAC3C,CAAC;IAED;;;;;;OAMG;IACK,WAAW;QACjB,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO;QAE9B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QACzC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAoB,MAAM,CAAC,WAAW,EAAE;YACrD,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE;SACnC,CAAC,CACH,CAAC;IACJ,CAAC;IASO,aAAa,CAAC,CAAgB;QACpC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;YAAE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;IAC1D,CAAC;IAEO,WAAW,CAAC,CAAgB;QAClC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;YAAE,OAAO;QAC9B,IAAI,CAAC,IAAI,CAAC,oBAAoB;YAAE,OAAO;QACvC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAElC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAoB,MAAM,CAAC,eAAe,EAAE;YACzD,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE;SACnC,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACtD,CAAC;IAEO,mBAAmB,CACzB,CAAiD;QAEjD,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC;QAC9C,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,WAAW,CAAC;QAE/C,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACb,MAAM,CAAC,mBAAmB,EAC1B,EAAE,MAAM,EAAE,EAAE,gBAAgB,EAAE,EAAE,CACjC,CACF,CAAC;QAEF,yEAAyE;QACzE,yEAAyE;QACzE,0CAA0C;QAC1C,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;IACJ,CAAC;CACF,CAAA;AAxU8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDAAgB;AAGf;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8DAAyB;AAGzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAiB;AAGjB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4DAAwC;AAGtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAA6B;AAG5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAuB;AAElB;IAA/B,KAAK,CAAC,eAAe,CAAC;0DAA+C;AAnB3D,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CA0UjC","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  type CSSResultGroup,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { msg } from '@lit/localize';\n\nimport type { QuickSearchEntry } from './models';\n\nimport clearResultsIcon from './assets/clear-results';\nimport disclosureIcon from './assets/disclosure';\nimport magnifyingGlassIcon from './assets/magnifying-glass';\n\nimport './ia-quick-search';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  InputChange: 'inputchange',\n  EnterKeyPressed: 'enterKeyPressed',\n  SearchCleared: 'searchCleared',\n  QuickSearchSelected: 'quickSearchSelected',\n};\n\n/**\n * A search bar with a quick search list that expands underneath it.\n */\n@customElement('ia-expandable-search-bar')\nexport class IAExpandableSearchBar extends LitElement {\n  /** Whether the quick search list is showing */\n  @property({ type: Boolean }) isOpen = false;\n\n  /** Whether to offer the disclosure button that opens the quick search */\n  @property({ type: Boolean }) showsDisclosure = false;\n\n  /** The current search text */\n  @property({ type: String }) searchTerm = '';\n\n  /** The suggestions to offer in the quick search list */\n  @property({ type: Array }) quickSearches: QuickSearchEntry[] = [];\n\n  /** Placeholder text for the input */\n  @property({ type: String }) placeholder = msg('Search');\n\n  /** The accessible name for the input */\n  @property({ type: String }) label = msg('Search');\n\n  @query('#search-input') private searchInput?: HTMLInputElement | null;\n\n  render(): TemplateResult {\n    return html`\n      <div\n        class=\"container ${this.isOpen ? 'is-open' : ''} ${this.showsDisclosure\n          ? 'shows-disclosure'\n          : ''}\"\n      >\n        <div class=\"search-bar ${this.searchTerm === '' ? '' : 'is-searching'}\">\n          <div class=\"magnifier-container endcap\">${magnifyingGlassIcon}</div>\n\n          <input\n            id=\"search-input\"\n            type=\"text\"\n            aria-label=${this.label}\n            placeholder=${this.placeholder}\n            .value=${this.searchTerm}\n            @input=${this.handleInput}\n            @keydown=${this.handleKeyDown}\n            @keyup=${this.handleKeyUp}\n          />\n\n          <div class=\"clear-search-container endcap\">\n            <button\n              id=\"clear-search-button\"\n              type=\"button\"\n              aria-label=${msg('Clear search')}\n              @click=${this.clearSearch}\n            >\n              ${clearResultsIcon}\n            </button>\n          </div>\n\n          <div class=\"disclosure-container endcap\">\n            <button\n              id=\"disclosure-button\"\n              type=\"button\"\n              aria-label=${msg('Toggle quick search')}\n              aria-expanded=${this.isOpen}\n              @click=${this.toggleDisclosure}\n            >\n              ${disclosureIcon}\n            </button>\n          </div>\n        </div>\n\n        <div class=\"quick-search\">\n          <ia-quick-search\n            .quickSearches=${this.quickSearches}\n            @searchTermSelected=${this.quickSearchSelected}\n          ></ia-quick-search>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * Forces the field to match `searchTerm`.\n   *\n   * Lit's property binding dirty-checks against the value it last committed\n   * rather than against the DOM. A consumer that normalises `searchTerm` in\n   * its own `inputchange` handler can land back on that committed value, so\n   * the binding sees nothing to do and the field keeps whatever the listener\n   * typed. Writing it here keeps the two in step.\n   */\n  updated(changedProperties: PropertyValues): void {\n    if (!changedProperties.has('searchTerm') || !this.searchInput) return;\n\n    this.searchInput.value = this.searchTerm;\n  }\n\n  /**\n   * Tracks the input's value.\n   *\n   * Bound to `input` rather than `keyup` so that a paste from the mouse menu,\n   * autofill, a drag-and-drop and an IME composition all register, and so that\n   * arrow keys don't announce a change that never happened.\n   */\n  private handleInput(): void {\n    if (!this.searchInput) return;\n\n    this.searchTerm = this.searchInput.value;\n    this.dispatchEvent(\n      new CustomEvent<{ value: string }>(Events.InputChange, {\n        detail: { value: this.searchTerm },\n      }),\n    );\n  }\n\n  /**\n   * Whether the Enter now coming up is the same one that went down on the\n   * input. Selecting a quick search with the keyboard hands focus back to the\n   * input mid-keystroke, so its keyup lands here without a matching keydown.\n   */\n  private enterWentDownOnInput = false;\n\n  private handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Enter') this.enterWentDownOnInput = true;\n  }\n\n  private handleKeyUp(e: KeyboardEvent): void {\n    if (e.key !== 'Enter') return;\n    if (!this.enterWentDownOnInput) return;\n    this.enterWentDownOnInput = false;\n\n    this.dispatchEvent(\n      new CustomEvent<{ value: string }>(Events.EnterKeyPressed, {\n        detail: { value: this.searchTerm },\n      }),\n    );\n  }\n\n  private clearSearch(): void {\n    this.searchTerm = '';\n    this.searchInput?.focus();\n    this.dispatchEvent(new Event(Events.SearchCleared));\n  }\n\n  private quickSearchSelected(\n    e: CustomEvent<{ searchEntry: QuickSearchEntry }>,\n  ): void {\n    const quickSearchEntry = e.detail.searchEntry;\n    this.searchTerm = quickSearchEntry.displayText;\n\n    this.dispatchEvent(\n      new CustomEvent<{ quickSearchEntry: QuickSearchEntry }>(\n        Events.QuickSearchSelected,\n        { detail: { quickSearchEntry } },\n      ),\n    );\n\n    // Closing the list hides the entry that was just activated. Focus has to\n    // go somewhere first, or the browser drops it to the body and a keyboard\n    // user lands back at the top of the page.\n    this.enterWentDownOnInput = false;\n    this.searchInput?.focus();\n    this.isOpen = false;\n  }\n\n  private toggleDisclosure(): void {\n    this.isOpen = !this.isOpen;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        --search-bar-background-color--: var(\n          --ia-theme-search-bar-background-color,\n          #000\n        );\n        --search-bar-text-color--: var(--ia-theme-search-bar-text-color, #fff);\n        --search-bar-font-size--: var(--ia-theme-search-bar-font-size, 1em);\n        --search-bar-border--: var(\n          --ia-theme-search-bar-border,\n          1px solid #fff\n        );\n        --search-bar-min-width--: var(--ia-theme-search-bar-min-width, 5em);\n        --search-bar-max-expansion-height--: var(\n          --ia-theme-search-bar-max-expansion-height,\n          150px\n        );\n        --search-bar-clear-disc-color--: var(\n          --ia-theme-search-bar-clear-disc-color,\n          #fff\n        );\n        --search-bar-clear-cross-color--: var(\n          --ia-theme-search-bar-clear-cross-color,\n          #000\n        );\n\n        color: var(--search-bar-text-color--);\n      }\n\n      .container {\n        position: relative;\n      }\n\n      .search-bar {\n        display: flex;\n        justify-content: flex-start;\n      }\n\n      .endcap {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: calc(var(--search-bar-font-size--) * 2);\n        border: var(--search-bar-border--);\n        padding: 0 calc(var(--search-bar-font-size--) / 2);\n      }\n\n      .endcap svg {\n        height: var(--search-bar-font-size--);\n        width: var(--search-bar-font-size--);\n      }\n\n      .clear-disc {\n        fill: var(--search-bar-clear-disc-color--);\n      }\n\n      .clear-cross {\n        stroke: var(--search-bar-clear-cross-color--);\n      }\n\n      .clear-search-container {\n        border-left: 0;\n        border-radius: 0 var(--search-bar-font-size--)\n          var(--search-bar-font-size--) 0;\n      }\n\n      .search-bar.is-searching .clear-search-container {\n        padding: 0 calc(var(--search-bar-font-size--) / 2) 0 0;\n      }\n\n      .search-bar.is-searching .clear-search-container button {\n        display: block;\n      }\n\n      .clear-search-container button {\n        display: none;\n      }\n\n      .magnifier-container {\n        border-radius: var(--search-bar-font-size--) 0 0\n          var(--search-bar-font-size--);\n        border-right: 0;\n      }\n\n      .container.is-open .magnifier-container {\n        border-radius: var(--search-bar-font-size--) 0 0 0;\n      }\n\n      .container.shows-disclosure .clear-search-container {\n        border-radius: 0;\n        border-right: 0;\n      }\n\n      .disclosure-container {\n        border-radius: 0 var(--search-bar-font-size--)\n          var(--search-bar-font-size--) 0;\n        display: none;\n      }\n\n      .container.shows-disclosure .disclosure-container {\n        display: flex;\n      }\n\n      .container.is-open .disclosure-container {\n        border-radius: 0 var(--search-bar-font-size--) 0 0;\n      }\n\n      .disclosure-container button {\n        border: 0;\n        background: none;\n      }\n\n      #search-input {\n        border-top: var(--search-bar-border--);\n        border-bottom: var(--search-bar-border--);\n        border-left: 0;\n        border-right: 0;\n        border-radius: 0;\n        background-color: var(--search-bar-background-color--);\n        color: var(--search-bar-text-color--);\n        padding: 0;\n        margin: 0;\n        font-size: var(--search-bar-font-size--);\n        flex: 1 1 auto;\n        min-width: var(--search-bar-min-width--);\n      }\n\n      #search-input:focus {\n        outline: none;\n      }\n\n      .quick-search {\n        border-radius: 0 0 var(--search-bar-font-size--)\n          var(--search-bar-font-size--);\n        display: none;\n        position: absolute;\n        left: 0;\n        right: 0;\n        background-color: var(--search-bar-background-color--);\n        z-index: 1;\n        max-height: var(--search-bar-max-expansion-height--);\n        overflow-y: auto;\n        scrollbar-width: none;\n        padding: 0 calc(var(--search-bar-font-size--) / 2);\n      }\n\n      .quick-search::-webkit-scrollbar {\n        display: none;\n      }\n\n      .container.is-open.shows-disclosure .quick-search {\n        border: var(--search-bar-border--);\n        border-top: 0;\n        display: block;\n      }\n\n      button {\n        background: none;\n        border: none;\n        margin: 0;\n        padding: 0;\n        color: inherit;\n        cursor: pointer;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/elements/ia-expandable-search-bar/ia-quick-search.d.ts

@@ -1,19 +0,0 @@
-import { LitElement, type CSSResultGroup, type TemplateResult } from 'lit';
-import type { QuickSearchEntry } from './models.js';
-/**
- * The list of suggested searches that drops out of the search bar.
- */
-export declare class IAQuickSearch extends LitElement {
-    /** The entries to offer */
-    quickSearches: QuickSearchEntry[];
-    render(): TemplateResult;
-    /**
-     * Reads the index off the button and emits the entry that was picked.
-     *
-     * Uses `currentTarget` rather than `target`, so the lookup still works if the
-     * entry's text ever gains markup of its own for the click to land on.
-     */
-    private selectQuickSearch;
-    static get styles(): CSSResultGroup;
-}
-//# sourceMappingURL=ia-quick-search.d.ts.map

package/dist/src/elements/ia-expandable-search-bar/ia-quick-search.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ia-quick-search.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-expandable-search-bar/ia-quick-search.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AASjD;;GAEG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,2BAA2B;IACA,aAAa,EAAE,gBAAgB,EAAE,CAAM;IAElE,MAAM,IAAI,cAAc;IAoBxB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAmBzB,MAAM,KAAK,MAAM,IAAI,cAAc,CAmDlC;CACF"}

package/dist/src/elements/ia-expandable-search-bar/ia-quick-search.js

@@ -1,115 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-/**
- * Event names emitted by this component
- */
-const Events = {
-    SearchTermSelected: 'searchTermSelected',
-};
-/**
- * The list of suggested searches that drops out of the search bar.
- */
-let IAQuickSearch = class IAQuickSearch extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** The entries to offer */
-        this.quickSearches = [];
-    }
-    render() {
-        return html `
-      <ul>
-        ${this.quickSearches.map((quickSearch, index) => html `
-            <li>
-              <button
-                type="button"
-                data-quick-search-index=${index}
-                @click=${this.selectQuickSearch}
-              >
-                ${quickSearch.displayText}
-              </button>
-            </li>
-          `)}
-      </ul>
-    `;
-    }
-    /**
-     * Reads the index off the button and emits the entry that was picked.
-     *
-     * Uses `currentTarget` rather than `target`, so the lookup still works if the
-     * entry's text ever gains markup of its own for the click to land on.
-     */
-    selectQuickSearch(e) {
-        const { quickSearchIndex } = e.currentTarget.dataset;
-        if (quickSearchIndex === undefined)
-            return;
-        const searchEntry = this.quickSearches[parseInt(quickSearchIndex, 10)];
-        if (!searchEntry)
-            return;
-        this.dispatchEvent(new CustomEvent(Events.SearchTermSelected, {
-            detail: { searchEntry },
-            bubbles: true,
-            composed: true,
-        }));
-    }
-    static get styles() {
-        return css `
-      :host {
-        --quick-search-list-padding--: var(
-          --ia-theme-quick-search-list-padding,
-          0 0 0.5em 0
-        );
-        --quick-search-list-item-padding--: var(
-          --ia-theme-quick-search-list-item-padding,
-          0.5em 0 0 0
-        );
-        --quick-search-link-color--: var(
-          --ia-theme-quick-search-link-color,
-          rgb(68, 132, 202)
-        );
-        --quick-search-link-decoration--: var(
-          --ia-theme-quick-search-link-decoration,
-          none
-        );
-      }
-
-      ul {
-        padding: var(--quick-search-list-padding--);
-        margin: 0;
-        list-style: none;
-      }
-
-      ul li {
-        padding: var(--quick-search-list-item-padding--);
-        margin: 0;
-        display: block;
-      }
-
-      /*
-        A button rather than a link, since picking an entry runs a search in
-        place rather than navigating. Stripped back so it reads as plain text
-        while staying focusable and keyboard-operable.
-      */
-      ul li button {
-        display: block;
-        width: 100%;
-        padding: 0;
-        border: none;
-        background: none;
-        font: inherit;
-        text-align: left;
-        color: var(--quick-search-link-color--);
-        text-decoration: var(--quick-search-link-decoration--);
-        cursor: pointer;
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: Array })
-], IAQuickSearch.prototype, "quickSearches", void 0);
-IAQuickSearch = __decorate([
-    customElement('ia-quick-search')
-], IAQuickSearch);
-export { IAQuickSearch };
-//# sourceMappingURL=ia-quick-search.js.map

package/dist/src/elements/ia-expandable-search-bar/ia-quick-search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ia-quick-search.js","sourceRoot":"","sources":["../../../../src/elements/ia-expandable-search-bar/ia-quick-search.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,GAGX,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI5D;;GAEG;AACH,MAAM,MAAM,GAAG;IACb,kBAAkB,EAAE,oBAAoB;CACzC,CAAC;AAEF;;GAEG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QACL,2BAA2B;QACA,kBAAa,GAAuB,EAAE,CAAC;IAmGpE,CAAC;IAjGC,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,aAAa,CAAC,GAAG,CACtB,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;;;0CAII,KAAK;yBACtB,IAAI,CAAC,iBAAiB;;kBAE7B,WAAW,CAAC,WAAW;;;WAG9B,CACF;;KAEJ,CAAC;IACJ,CAAC;IAED;;;;;OAKG;IACK,iBAAiB,CAAC,CAAQ;QAChC,MAAM,EAAE,gBAAgB,EAAE,GAAI,CAAC,CAAC,aAA6B,CAAC,OAAO,CAAC;QACtE,IAAI,gBAAgB,KAAK,SAAS;YAAE,OAAO;QAE3C,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC;QACvE,IAAI,CAAC,WAAW;YAAE,OAAO;QAEzB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACb,MAAM,CAAC,kBAAkB,EACzB;YACE,MAAM,EAAE,EAAE,WAAW,EAAE;YACvB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CACF,CACF,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDT,CAAC;IACJ,CAAC;CACF,CAAA;AAnG4B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;oDAAwC;AAFvD,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAqGzB","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  type CSSResultGroup,\n  type TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport type { QuickSearchEntry } from './models';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  SearchTermSelected: 'searchTermSelected',\n};\n\n/**\n * The list of suggested searches that drops out of the search bar.\n */\n@customElement('ia-quick-search')\nexport class IAQuickSearch extends LitElement {\n  /** The entries to offer */\n  @property({ type: Array }) quickSearches: QuickSearchEntry[] = [];\n\n  render(): TemplateResult {\n    return html`\n      <ul>\n        ${this.quickSearches.map(\n          (quickSearch, index) => html`\n            <li>\n              <button\n                type=\"button\"\n                data-quick-search-index=${index}\n                @click=${this.selectQuickSearch}\n              >\n                ${quickSearch.displayText}\n              </button>\n            </li>\n          `,\n        )}\n      </ul>\n    `;\n  }\n\n  /**\n   * Reads the index off the button and emits the entry that was picked.\n   *\n   * Uses `currentTarget` rather than `target`, so the lookup still works if the\n   * entry's text ever gains markup of its own for the click to land on.\n   */\n  private selectQuickSearch(e: Event): void {\n    const { quickSearchIndex } = (e.currentTarget as HTMLElement).dataset;\n    if (quickSearchIndex === undefined) return;\n\n    const searchEntry = this.quickSearches[parseInt(quickSearchIndex, 10)];\n    if (!searchEntry) return;\n\n    this.dispatchEvent(\n      new CustomEvent<{ searchEntry: QuickSearchEntry }>(\n        Events.SearchTermSelected,\n        {\n          detail: { searchEntry },\n          bubbles: true,\n          composed: true,\n        },\n      ),\n    );\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        --quick-search-list-padding--: var(\n          --ia-theme-quick-search-list-padding,\n          0 0 0.5em 0\n        );\n        --quick-search-list-item-padding--: var(\n          --ia-theme-quick-search-list-item-padding,\n          0.5em 0 0 0\n        );\n        --quick-search-link-color--: var(\n          --ia-theme-quick-search-link-color,\n          rgb(68, 132, 202)\n        );\n        --quick-search-link-decoration--: var(\n          --ia-theme-quick-search-link-decoration,\n          none\n        );\n      }\n\n      ul {\n        padding: var(--quick-search-list-padding--);\n        margin: 0;\n        list-style: none;\n      }\n\n      ul li {\n        padding: var(--quick-search-list-item-padding--);\n        margin: 0;\n        display: block;\n      }\n\n      /*\n        A button rather than a link, since picking an entry runs a search in\n        place rather than navigating. Stripped back so it reads as plain text\n        while staying focusable and keyboard-operable.\n      */\n      ul li button {\n        display: block;\n        width: 100%;\n        padding: 0;\n        border: none;\n        background: none;\n        font: inherit;\n        text-align: left;\n        color: var(--quick-search-link-color--);\n        text-decoration: var(--quick-search-link-decoration--);\n        cursor: pointer;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/elements/ia-expandable-search-bar/models.d.ts

@@ -1,13 +0,0 @@
-/**
- * One entry in the quick search list that drops out of the search bar.
- *
- * `data` rides along untouched so the consumer can recognise the entry it gets
- * back on the selection event without keeping a lookup table of its own.
- */
-export interface QuickSearchEntry {
-    /** The text shown in the list, and put into the search bar when picked. */
-    displayText: string;
-    /** Anything the consumer wants handed back when this entry is selected. */
-    data?: unknown;
-}
-//# sourceMappingURL=models.d.ts.map

package/dist/src/elements/ia-expandable-search-bar/models.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-expandable-search-bar/models.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2EAA2E;IAC3E,WAAW,EAAE,MAAM,CAAC;IAEpB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}

package/dist/src/elements/ia-expandable-search-bar/models.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../../src/elements/ia-expandable-search-bar/models.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * One entry in the quick search list that drops out of the search bar.\n *\n * `data` rides along untouched so the consumer can recognise the entry it gets\n * back on the selection event without keeping a lookup table of its own.\n */\nexport interface QuickSearchEntry {\n  /** The text shown in the list, and put into the search bar when picked. */\n  displayText: string;\n\n  /** Anything the consumer wants handed back when this entry is selected. */\n  data?: unknown;\n}\n"]}

package/dist/src/elements/ia-playback-controls/assets/next-section.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").TemplateResult<2>;
-export default _default;
-//# sourceMappingURL=next-section.d.ts.map

package/dist/src/elements/ia-playback-controls/assets/next-section.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"next-section.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/next-section.ts"],"names":[],"mappings":";AAQA,wBAOE"}

package/dist/src/elements/ia-playback-controls/assets/next-section.js

@@ -1,16 +0,0 @@
-/**
- * @file Jump to next section icon
- *
- * Inline so the button can recolor it with `currentColor`, which is not
- * possible on the contents of an `<img>`.
- */
-import { svg } from 'lit';
-export default svg `
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20">
-  <g fill="none" fill-rule="evenodd" transform="translate(1)">
-    <polygon fill="currentColor" points="7 3 16 17 -2 17" transform="rotate(90 7 10)" />
-    <line x1="15" x2="15" y1="20" stroke="currentColor" stroke-width="2" />
-  </g>
-</svg>
-`;
-//# sourceMappingURL=next-section.js.map

package/dist/src/elements/ia-playback-controls/assets/next-section.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"next-section.js","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/next-section.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;CAOjB,CAAC","sourcesContent":["/**\n * @file Jump to next section icon\n *\n * Inline so the button can recolor it with `currentColor`, which is not\n * possible on the contents of an `<img>`.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"20\" viewBox=\"0 0 18 20\">\n  <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1)\">\n    <polygon fill=\"currentColor\" points=\"7 3 16 17 -2 17\" transform=\"rotate(90 7 10)\" />\n    <line x1=\"15\" x2=\"15\" y1=\"20\" stroke=\"currentColor\" stroke-width=\"2\" />\n  </g>\n</svg>\n`;\n"]}

package/dist/src/elements/ia-playback-controls/assets/pause.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").TemplateResult<2>;
-export default _default;
-//# sourceMappingURL=pause.d.ts.map

package/dist/src/elements/ia-playback-controls/assets/pause.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pause.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/pause.ts"],"names":[],"mappings":";AAQA,wBAQE"}

package/dist/src/elements/ia-playback-controls/assets/pause.js

@@ -1,17 +0,0 @@
-/**
- * @file Pause icon
- *
- * Inline so the button can recolor it with `currentColor`, which is not
- * possible on the contents of an `<img>`.
- */
-import { svg } from 'lit';
-export default svg `
-<svg height="60" viewBox="0 0 60 60" width="60" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="m32 18h6v25h-6zm-10 0h6v25h-6z"
-    fill="currentColor"
-    fill-rule="evenodd"
-  />
-</svg>
-`;
-//# sourceMappingURL=pause.js.map

package/dist/src/elements/ia-playback-controls/assets/pause.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pause.js","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/pause.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;CAQjB,CAAC","sourcesContent":["/**\n * @file Pause icon\n *\n * Inline so the button can recolor it with `currentColor`, which is not\n * possible on the contents of an `<img>`.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg height=\"60\" viewBox=\"0 0 60 60\" width=\"60\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"m32 18h6v25h-6zm-10 0h6v25h-6z\"\n    fill=\"currentColor\"\n    fill-rule=\"evenodd\"\n  />\n</svg>\n`;\n"]}

package/dist/src/elements/ia-playback-controls/assets/play.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").TemplateResult<2>;
-export default _default;
-//# sourceMappingURL=play.d.ts.map

package/dist/src/elements/ia-playback-controls/assets/play.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"play.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/play.ts"],"names":[],"mappings":";AAQA,wBASE"}

package/dist/src/elements/ia-playback-controls/assets/play.js

@@ -1,18 +0,0 @@
-/**
- * @file Play icon
- *
- * Inline so the button can recolor it with `currentColor`, which is not
- * possible on the contents of an `<img>`.
- */
-import { svg } from 'lit';
-export default svg `
-<svg height="60" viewBox="0 0 60 60" width="60" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="m34.5 18 12.5 25h-25z"
-    fill="currentColor"
-    fill-rule="evenodd"
-    transform="matrix(0 1 -1 0 65 -4)"
-  />
-</svg>
-`;
-//# sourceMappingURL=play.js.map

package/dist/src/elements/ia-playback-controls/assets/play.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"play.js","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/play.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;CASjB,CAAC","sourcesContent":["/**\n * @file Play icon\n *\n * Inline so the button can recolor it with `currentColor`, which is not\n * possible on the contents of an `<img>`.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg height=\"60\" viewBox=\"0 0 60 60\" width=\"60\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"m34.5 18 12.5 25h-25z\"\n    fill=\"currentColor\"\n    fill-rule=\"evenodd\"\n    transform=\"matrix(0 1 -1 0 65 -4)\"\n  />\n</svg>\n`;\n"]}

package/dist/src/elements/ia-playback-controls/assets/playback-speed.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").TemplateResult<2>;
-export default _default;
-//# sourceMappingURL=playback-speed.d.ts.map

package/dist/src/elements/ia-playback-controls/assets/playback-speed.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"playback-speed.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/playback-speed.ts"],"names":[],"mappings":";AAQA,wBAmBE"}