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

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

@@ -1,320 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { msg, str } from '@lit/localize';
-import { PlaybackMode } from './models.js';
-import nextSectionIcon from './assets/next-section.js';
-import pauseIcon from './assets/pause.js';
-import playIcon from './assets/play.js';
-import playbackSpeedIcon from './assets/playback-speed.js';
-import previousSectionIcon from './assets/previous-section.js';
-import replayIcon from './assets/replay.js';
-import skipAheadIcon from './assets/skip-ahead.js';
-import volumeFullIcon from './assets/volume-full.js';
-import volumeMediumIcon from './assets/volume-medium.js';
-import volumeMuteIcon from './assets/volume-mute.js';
-/**
- * Event names emitted by this component
- */
-const Events = {
-    PlaybackRateChange: 'playbackRateChange',
-    VolumeChange: 'volumeChange',
-    BackButtonPressed: 'back-button-pressed',
-    ForwardButtonPressed: 'forward-button-pressed',
-    PlayPauseButtonPressed: 'play-pause-button-pressed',
-    PrevSectionButtonPressed: 'prev-section-button-pressed',
-    NextSectionButtonPressed: 'next-section-button-pressed',
-};
-/** How much one press of the speed button moves the playback rate */
-const PLAYBACK_RATE_STEP = 0.25;
-/** The rate the speed button wraps back around to once it passes the top */
-const MIN_PLAYBACK_RATE = 0.5;
-const MAX_PLAYBACK_RATE = 2;
-/** How much one press of the volume button moves the volume */
-const VOLUME_STEP = 0.25;
-/**
- * The transport controls for a player: play and pause, skip back and forward
- * ten seconds, jump between sections, and cycle the speed and volume.
- *
- * The element owns no playback itself. It reports presses and lets whatever is
- * playing the audio decide what to do with them.
- */
-let IAPlaybackControls = class IAPlaybackControls extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** Whether the track is playing or paused */
-        this.playbackMode = PlaybackMode.paused;
-        /** Playback speed multiplier, where 1 is normal speed */
-        this.playbackRate = 1;
-        /** Playback volume, from 0 (muted) to 1 (full) */
-        this.volume = 1;
-    }
-    render() {
-        return html `
-      <div class="container">
-        <div class="vertical-button-stack playback-speed">
-          <div class="vertical-button-container">
-            <button
-              id="playback-rate-btn"
-              class="unstyled-button"
-              aria-label=${this.playbackRateLabel}
-              @click=${this.handlePlaybackRateChange}
-            >
-              ${playbackSpeedIcon}
-            </button>
-          </div>
-          <div class="vertical-button-value" aria-hidden="true">
-            ${this.playbackRate}x
-          </div>
-        </div>
-
-        <button
-          id="prev-section-btn"
-          class="jump-btn unstyled-button"
-          aria-label=${msg('Previous section')}
-          @click=${this.handlePrevSectionButton}
-        >
-          ${previousSectionIcon}
-        </button>
-
-        <button
-          id="back-btn"
-          class="jump-btn unstyled-button"
-          aria-label=${msg('Skip back ten seconds')}
-          @click=${this.handleBackButton}
-        >
-          ${replayIcon}
-        </button>
-
-        <button
-          id="play-pause-btn"
-          aria-label=${this.isPlaying ? msg('Pause') : msg('Play')}
-          @click=${this.handlePlayPauseButton}
-        >
-          ${this.playPauseButtonIcon}
-        </button>
-
-        <button
-          id="forward-btn"
-          class="jump-btn unstyled-button"
-          aria-label=${msg('Skip ahead ten seconds')}
-          @click=${this.handleForwardButton}
-        >
-          ${skipAheadIcon}
-        </button>
-
-        <button
-          id="next-section-btn"
-          class="jump-btn unstyled-button"
-          aria-label=${msg('Next section')}
-          @click=${this.handleNextSectionButton}
-        >
-          ${nextSectionIcon}
-        </button>
-
-        <div class="vertical-button-stack volume">
-          <div class="vertical-button-container">
-            <button
-              id="volume-control-btn"
-              class="unstyled-button"
-              aria-label=${this.volumeLabel}
-              @click=${this.handleVolumeChange}
-            >
-              ${this.volumeButtonIcon}
-            </button>
-          </div>
-          <div class="vertical-button-value" aria-hidden="true">
-            ${this.volumePercent}%
-          </div>
-        </div>
-      </div>
-    `;
-    }
-    get isPlaying() {
-        return this.playbackMode === PlaybackMode.playing;
-    }
-    /** The volume as a whole number, for display and for screen readers */
-    get volumePercent() {
-        return Math.round(this.volume * 100);
-    }
-    /**
-     * The accessible name for the speed button.
-     *
-     * The rate is left bare rather than followed by a unit like "times", because
-     * `@lit/localize` has no plural support, so a unit baked into the string
-     * reads wrong at 1 and translators have no way to correct it. The visible
-     * label beside the button carries the "x".
-     */
-    get playbackRateLabel() {
-        return msg(str `Playback speed, currently ${this.playbackRate}`);
-    }
-    /**
-     * The accessible name for the volume button.
-     *
-     * "percent" is safe to include, unlike a pluralised unit: it reads correctly
-     * at every value.
-     */
-    get volumeLabel() {
-        return msg(str `Volume, currently ${this.volumePercent} percent`);
-    }
-    get playPauseButtonIcon() {
-        return this.isPlaying ? pauseIcon : playIcon;
-    }
-    get volumeButtonIcon() {
-        if (this.volume <= 0)
-            return volumeMuteIcon;
-        if (this.volume >= 1)
-            return volumeFullIcon;
-        return volumeMediumIcon;
-    }
-    /**
-     * Steps the playback rate up, wrapping back to the slowest once it reaches
-     * the fastest.
-     *
-     * The comparison is `>=` rather than `===`, and the step is clamped, so a
-     * rate set from outside that doesn't land on a step boundary still stays
-     * inside the range instead of overshooting it or climbing forever.
-     */
-    handlePlaybackRateChange() {
-        this.playbackRate =
-            this.playbackRate >= MAX_PLAYBACK_RATE
-                ? MIN_PLAYBACK_RATE
-                : Math.min(this.playbackRate + PLAYBACK_RATE_STEP, MAX_PLAYBACK_RATE);
-        this.dispatchEvent(new CustomEvent(Events.PlaybackRateChange, {
-            detail: { playbackRate: this.playbackRate },
-        }));
-    }
-    /** Steps the volume up, wrapping round to muted once it passes full. */
-    handleVolumeChange() {
-        this.volume = this.volume >= 1 ? 0 : Math.min(this.volume + VOLUME_STEP, 1);
-        this.dispatchEvent(new CustomEvent(Events.VolumeChange, {
-            detail: { volume: this.volume },
-        }));
-    }
-    handleBackButton() {
-        this.dispatchEvent(new Event(Events.BackButtonPressed));
-    }
-    handleForwardButton() {
-        this.dispatchEvent(new Event(Events.ForwardButtonPressed));
-    }
-    handlePrevSectionButton() {
-        this.dispatchEvent(new Event(Events.PrevSectionButtonPressed));
-    }
-    handleNextSectionButton() {
-        this.dispatchEvent(new Event(Events.NextSectionButtonPressed));
-    }
-    handlePlayPauseButton() {
-        this.playbackMode = this.isPlaying
-            ? PlaybackMode.paused
-            : PlaybackMode.playing;
-        this.dispatchEvent(new Event(Events.PlayPauseButtonPressed));
-    }
-    static get styles() {
-        return css `
-      :host {
-        --playback-controls-icon-color--: var(
-          --ia-theme-playback-controls-icon-color,
-          #fff
-        );
-        --playback-controls-play-icon-color--: var(
-          --ia-theme-playback-controls-play-icon-color,
-          #333
-        );
-        --playback-controls-play-button-color--: var(
-          --ia-theme-playback-controls-play-button-color,
-          #fff
-        );
-        --playback-controls-play-button-diameter--: var(
-          --ia-theme-playback-controls-play-button-diameter,
-          4rem
-        );
-
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding-left: 0.25rem;
-        padding-right: 0.25rem;
-      }
-
-      .container {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        color: var(--playback-controls-icon-color--);
-        width: 100%;
-      }
-
-      .vertical-button-stack {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-      }
-
-      .vertical-button-container {
-        text-align: center;
-      }
-
-      .vertical-button-container button,
-      .vertical-button-container svg {
-        vertical-align: bottom;
-      }
-
-      .vertical-button-value {
-        font-size: 0.7em;
-        line-height: 1.4em;
-        text-align: center;
-      }
-
-      #play-pause-btn {
-        border-radius: 50%;
-        height: var(--playback-controls-play-button-diameter--);
-        width: var(--playback-controls-play-button-diameter--);
-        border: none;
-        background-color: var(--playback-controls-play-button-color--);
-        color: var(--playback-controls-play-icon-color--);
-        vertical-align: middle;
-      }
-
-      #play-pause-btn:active {
-        opacity: 0.75;
-      }
-
-      #play-pause-btn svg {
-        width: 100%;
-        height: 100%;
-      }
-
-      .unstyled-button {
-        background: none;
-        border: none;
-        margin: 0;
-        padding: 0;
-        /* Buttons don't inherit color from their parent, so the icons'
-           currentColor needs it passed down explicitly. */
-        color: inherit;
-      }
-
-      button {
-        cursor: pointer;
-      }
-
-      .jump-btn:active {
-        opacity: 0.75;
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], IAPlaybackControls.prototype, "playbackMode", void 0);
-__decorate([
-    property({ type: Number })
-], IAPlaybackControls.prototype, "playbackRate", void 0);
-__decorate([
-    property({ type: Number })
-], IAPlaybackControls.prototype, "volume", void 0);
-IAPlaybackControls = __decorate([
-    customElement('ia-playback-controls')
-], IAPlaybackControls);
-export { IAPlaybackControls };
-//# sourceMappingURL=ia-playback-controls.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ia-playback-controls.js","sourceRoot":"","sources":["../../../../src/elements/ia-playback-controls/ia-playback-controls.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  type CSSResultGroup,\n  type TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { msg, str } from '@lit/localize';\n\nimport { PlaybackMode } from './models';\n\nimport nextSectionIcon from './assets/next-section';\nimport pauseIcon from './assets/pause';\nimport playIcon from './assets/play';\nimport playbackSpeedIcon from './assets/playback-speed';\nimport previousSectionIcon from './assets/previous-section';\nimport replayIcon from './assets/replay';\nimport skipAheadIcon from './assets/skip-ahead';\nimport volumeFullIcon from './assets/volume-full';\nimport volumeMediumIcon from './assets/volume-medium';\nimport volumeMuteIcon from './assets/volume-mute';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  PlaybackRateChange: 'playbackRateChange',\n  VolumeChange: 'volumeChange',\n  BackButtonPressed: 'back-button-pressed',\n  ForwardButtonPressed: 'forward-button-pressed',\n  PlayPauseButtonPressed: 'play-pause-button-pressed',\n  PrevSectionButtonPressed: 'prev-section-button-pressed',\n  NextSectionButtonPressed: 'next-section-button-pressed',\n};\n\n/** How much one press of the speed button moves the playback rate */\nconst PLAYBACK_RATE_STEP = 0.25;\n\n/** The rate the speed button wraps back around to once it passes the top */\nconst MIN_PLAYBACK_RATE = 0.5;\nconst MAX_PLAYBACK_RATE = 2;\n\n/** How much one press of the volume button moves the volume */\nconst VOLUME_STEP = 0.25;\n\n/**\n * The transport controls for a player: play and pause, skip back and forward\n * ten seconds, jump between sections, and cycle the speed and volume.\n *\n * The element owns no playback itself. It reports presses and lets whatever is\n * playing the audio decide what to do with them.\n */\n@customElement('ia-playback-controls')\nexport class IAPlaybackControls extends LitElement {\n  /** Whether the track is playing or paused */\n  @property({ type: String }) playbackMode: PlaybackMode = PlaybackMode.paused;\n\n  /** Playback speed multiplier, where 1 is normal speed */\n  @property({ type: Number }) playbackRate = 1;\n\n  /** Playback volume, from 0 (muted) to 1 (full) */\n  @property({ type: Number }) volume = 1;\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        <div class=\"vertical-button-stack playback-speed\">\n          <div class=\"vertical-button-container\">\n            <button\n              id=\"playback-rate-btn\"\n              class=\"unstyled-button\"\n              aria-label=${this.playbackRateLabel}\n              @click=${this.handlePlaybackRateChange}\n            >\n              ${playbackSpeedIcon}\n            </button>\n          </div>\n          <div class=\"vertical-button-value\" aria-hidden=\"true\">\n            ${this.playbackRate}x\n          </div>\n        </div>\n\n        <button\n          id=\"prev-section-btn\"\n          class=\"jump-btn unstyled-button\"\n          aria-label=${msg('Previous section')}\n          @click=${this.handlePrevSectionButton}\n        >\n          ${previousSectionIcon}\n        </button>\n\n        <button\n          id=\"back-btn\"\n          class=\"jump-btn unstyled-button\"\n          aria-label=${msg('Skip back ten seconds')}\n          @click=${this.handleBackButton}\n        >\n          ${replayIcon}\n        </button>\n\n        <button\n          id=\"play-pause-btn\"\n          aria-label=${this.isPlaying ? msg('Pause') : msg('Play')}\n          @click=${this.handlePlayPauseButton}\n        >\n          ${this.playPauseButtonIcon}\n        </button>\n\n        <button\n          id=\"forward-btn\"\n          class=\"jump-btn unstyled-button\"\n          aria-label=${msg('Skip ahead ten seconds')}\n          @click=${this.handleForwardButton}\n        >\n          ${skipAheadIcon}\n        </button>\n\n        <button\n          id=\"next-section-btn\"\n          class=\"jump-btn unstyled-button\"\n          aria-label=${msg('Next section')}\n          @click=${this.handleNextSectionButton}\n        >\n          ${nextSectionIcon}\n        </button>\n\n        <div class=\"vertical-button-stack volume\">\n          <div class=\"vertical-button-container\">\n            <button\n              id=\"volume-control-btn\"\n              class=\"unstyled-button\"\n              aria-label=${this.volumeLabel}\n              @click=${this.handleVolumeChange}\n            >\n              ${this.volumeButtonIcon}\n            </button>\n          </div>\n          <div class=\"vertical-button-value\" aria-hidden=\"true\">\n            ${this.volumePercent}%\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private get isPlaying(): boolean {\n    return this.playbackMode === PlaybackMode.playing;\n  }\n\n  /** The volume as a whole number, for display and for screen readers */\n  private get volumePercent(): number {\n    return Math.round(this.volume * 100);\n  }\n\n  /**\n   * The accessible name for the speed button.\n   *\n   * The rate is left bare rather than followed by a unit like \"times\", because\n   * `@lit/localize` has no plural support, so a unit baked into the string\n   * reads wrong at 1 and translators have no way to correct it. The visible\n   * label beside the button carries the \"x\".\n   */\n  private get playbackRateLabel(): string {\n    return msg(str`Playback speed, currently ${this.playbackRate}`);\n  }\n\n  /**\n   * The accessible name for the volume button.\n   *\n   * \"percent\" is safe to include, unlike a pluralised unit: it reads correctly\n   * at every value.\n   */\n  private get volumeLabel(): string {\n    return msg(str`Volume, currently ${this.volumePercent} percent`);\n  }\n\n  private get playPauseButtonIcon(): TemplateResult {\n    return this.isPlaying ? pauseIcon : playIcon;\n  }\n\n  private get volumeButtonIcon(): TemplateResult {\n    if (this.volume <= 0) return volumeMuteIcon;\n    if (this.volume >= 1) return volumeFullIcon;\n    return volumeMediumIcon;\n  }\n\n  /**\n   * Steps the playback rate up, wrapping back to the slowest once it reaches\n   * the fastest.\n   *\n   * The comparison is `>=` rather than `===`, and the step is clamped, so a\n   * rate set from outside that doesn't land on a step boundary still stays\n   * inside the range instead of overshooting it or climbing forever.\n   */\n  private handlePlaybackRateChange(): void {\n    this.playbackRate =\n      this.playbackRate >= MAX_PLAYBACK_RATE\n        ? MIN_PLAYBACK_RATE\n        : Math.min(this.playbackRate + PLAYBACK_RATE_STEP, MAX_PLAYBACK_RATE);\n\n    this.dispatchEvent(\n      new CustomEvent<{ playbackRate: number }>(Events.PlaybackRateChange, {\n        detail: { playbackRate: this.playbackRate },\n      }),\n    );\n  }\n\n  /** Steps the volume up, wrapping round to muted once it passes full. */\n  private handleVolumeChange(): void {\n    this.volume = this.volume >= 1 ? 0 : Math.min(this.volume + VOLUME_STEP, 1);\n\n    this.dispatchEvent(\n      new CustomEvent<{ volume: number }>(Events.VolumeChange, {\n        detail: { volume: this.volume },\n      }),\n    );\n  }\n\n  private handleBackButton(): void {\n    this.dispatchEvent(new Event(Events.BackButtonPressed));\n  }\n\n  private handleForwardButton(): void {\n    this.dispatchEvent(new Event(Events.ForwardButtonPressed));\n  }\n\n  private handlePrevSectionButton(): void {\n    this.dispatchEvent(new Event(Events.PrevSectionButtonPressed));\n  }\n\n  private handleNextSectionButton(): void {\n    this.dispatchEvent(new Event(Events.NextSectionButtonPressed));\n  }\n\n  private handlePlayPauseButton(): void {\n    this.playbackMode = this.isPlaying\n      ? PlaybackMode.paused\n      : PlaybackMode.playing;\n\n    this.dispatchEvent(new Event(Events.PlayPauseButtonPressed));\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        --playback-controls-icon-color--: var(\n          --ia-theme-playback-controls-icon-color,\n          #fff\n        );\n        --playback-controls-play-icon-color--: var(\n          --ia-theme-playback-controls-play-icon-color,\n          #333\n        );\n        --playback-controls-play-button-color--: var(\n          --ia-theme-playback-controls-play-button-color,\n          #fff\n        );\n        --playback-controls-play-button-diameter--: var(\n          --ia-theme-playback-controls-play-button-diameter,\n          4rem\n        );\n\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding-left: 0.25rem;\n        padding-right: 0.25rem;\n      }\n\n      .container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        color: var(--playback-controls-icon-color--);\n        width: 100%;\n      }\n\n      .vertical-button-stack {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n      }\n\n      .vertical-button-container {\n        text-align: center;\n      }\n\n      .vertical-button-container button,\n      .vertical-button-container svg {\n        vertical-align: bottom;\n      }\n\n      .vertical-button-value {\n        font-size: 0.7em;\n        line-height: 1.4em;\n        text-align: center;\n      }\n\n      #play-pause-btn {\n        border-radius: 50%;\n        height: var(--playback-controls-play-button-diameter--);\n        width: var(--playback-controls-play-button-diameter--);\n        border: none;\n        background-color: var(--playback-controls-play-button-color--);\n        color: var(--playback-controls-play-icon-color--);\n        vertical-align: middle;\n      }\n\n      #play-pause-btn:active {\n        opacity: 0.75;\n      }\n\n      #play-pause-btn svg {\n        width: 100%;\n        height: 100%;\n      }\n\n      .unstyled-button {\n        background: none;\n        border: none;\n        margin: 0;\n        padding: 0;\n        /* Buttons don't inherit color from their parent, so the icons'\n           currentColor needs it passed down explicitly. */\n        color: inherit;\n      }\n\n      button {\n        cursor: pointer;\n      }\n\n      .jump-btn:active {\n        opacity: 0.75;\n      }\n    `;\n  }\n}\n"]}

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

@@ -1,13 +0,0 @@
-/**
- * Whether the track is currently playing or paused.
- *
- * A const object rather than a TypeScript `enum`, because `erasableSyntaxOnly`
- * rules enums out. The values are strings so the matching attribute works,
- * which a numeric enum never allowed.
- */
-export declare const PlaybackMode: {
-    readonly playing: "playing";
-    readonly paused: "paused";
-};
-export type PlaybackMode = (typeof PlaybackMode)[keyof typeof PlaybackMode];
-//# sourceMappingURL=models.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-playback-controls/models.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC"}

package/dist/src/elements/ia-playback-controls/models.js

@@ -1,12 +0,0 @@
-/**
- * Whether the track is currently playing or paused.
- *
- * A const object rather than a TypeScript `enum`, because `erasableSyntaxOnly`
- * rules enums out. The values are strings so the matching attribute works,
- * which a numeric enum never allowed.
- */
-export const PlaybackMode = {
-    playing: 'playing',
-    paused: 'paused',
-};
-//# sourceMappingURL=models.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../../src/elements/ia-playback-controls/models.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["/**\n * Whether the track is currently playing or paused.\n *\n * A const object rather than a TypeScript `enum`, because `erasableSyntaxOnly`\n * rules enums out. The values are strings so the matching attribute works,\n * which a numeric enum never allowed.\n */\nexport const PlaybackMode = {\n  playing: 'playing',\n  paused: 'paused',\n} as const;\n\nexport type PlaybackMode = (typeof PlaybackMode)[keyof typeof PlaybackMode];\n"]}

package/dist/src/elements/ia-radio-player/assets/next-result.d.ts

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

package/dist/src/elements/ia-radio-player/assets/next-result.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"next-result.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-radio-player/assets/next-result.ts"],"names":[],"mappings":";AAQA,wBAkBE"}

package/dist/src/elements/ia-radio-player/assets/next-result.js

@@ -1,27 +0,0 @@
-/**
- * @file Right chevron on the search results switcher
- *
- * Decorative: the button around it carries the accessible name. Inline so it
- * can take its colour from the switcher.
- */
-import { svg } from 'lit';
-export default svg `
-<svg
-  height="13"
-  viewBox="0 0 8 13"
-  width="8"
-  xmlns="http://www.w3.org/2000/svg"
-  aria-hidden="true"
->
-  <path
-    d="m-1.5 8.5 5-5 5 5"
-    fill="none"
-    stroke="currentColor"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    stroke-width="2"
-    transform="matrix(0 -1 -1 0 10 9.7)"
-  />
-</svg>
-`;
-//# sourceMappingURL=next-result.js.map

package/dist/src/elements/ia-radio-player/assets/next-result.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"next-result.js","sourceRoot":"","sources":["../../../../../src/elements/ia-radio-player/assets/next-result.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBjB,CAAC","sourcesContent":["/**\n * @file Right chevron on the search results switcher\n *\n * Decorative: the button around it carries the accessible name. Inline so it\n * can take its colour from the switcher.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg\n  height=\"13\"\n  viewBox=\"0 0 8 13\"\n  width=\"8\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  aria-hidden=\"true\"\n>\n  <path\n    d=\"m-1.5 8.5 5-5 5 5\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    stroke-width=\"2\"\n    transform=\"matrix(0 -1 -1 0 10 9.7)\"\n  />\n</svg>\n`;\n"]}

package/dist/src/elements/ia-radio-player/assets/previous-result.d.ts

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

package/dist/src/elements/ia-radio-player/assets/previous-result.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"previous-result.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-radio-player/assets/previous-result.ts"],"names":[],"mappings":";AAQA,wBAkBE"}

package/dist/src/elements/ia-radio-player/assets/previous-result.js

@@ -1,27 +0,0 @@
-/**
- * @file Left chevron on the search results switcher
- *
- * Decorative: the button around it carries the accessible name. Inline so it
- * can take its colour from the switcher.
- */
-import { svg } from 'lit';
-export default svg `
-<svg
-  height="13"
-  viewBox="0 0 8 13"
-  width="8"
-  xmlns="http://www.w3.org/2000/svg"
-  aria-hidden="true"
->
-  <path
-    d="m-1.5 8.5 5-5 5 5"
-    fill="none"
-    stroke="currentColor"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    stroke-width="2"
-    transform="matrix(0 -1 1 0 -2 9.7)"
-  />
-</svg>
-`;
-//# sourceMappingURL=previous-result.js.map

package/dist/src/elements/ia-radio-player/assets/previous-result.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"previous-result.js","sourceRoot":"","sources":["../../../../../src/elements/ia-radio-player/assets/previous-result.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBjB,CAAC","sourcesContent":["/**\n * @file Left chevron on the search results switcher\n *\n * Decorative: the button around it carries the accessible name. Inline so it\n * can take its colour from the switcher.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg\n  height=\"13\"\n  viewBox=\"0 0 8 13\"\n  width=\"8\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  aria-hidden=\"true\"\n>\n  <path\n    d=\"m-1.5 8.5 5-5 5 5\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    stroke-width=\"2\"\n    transform=\"matrix(0 -1 1 0 -2 9.7)\"\n  />\n</svg>\n`;\n"]}

package/dist/src/elements/ia-radio-player/ia-radio-player.d.ts

@@ -1,130 +0,0 @@
-import { LitElement, type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
-import type { TranscriptConfig } from '../../elements/ia-transcript-view/models.js';
-import type { RadioPlayerConfig } from './models.js';
-import type { SearchHandlerInterface } from './search/search-handler.js';
-import '../../elements/ia-audio-element/ia-audio-element.js';
-import '../../elements/ia-expandable-search-bar/ia-expandable-search-bar.js';
-import '../../elements/ia-playback-controls/ia-playback-controls.js';
-import '../../elements/ia-scrubber-bar/ia-scrubber-bar.js';
-import '../../elements/ia-status-indicator/ia-status-indicator.js';
-import '../../elements/ia-transcript-view/ia-transcript-view.js';
-import '../../elements/ia-waveform-progress/ia-waveform-progress.js';
-import './ia-search-results-switcher.js';
-/**
- * A player for transcribed radio broadcasts.
- *
- * It owns no playback or search logic of its own. It wires the audio element,
- * transport controls, waveform, scrubber, search bar and transcript together,
- * and hands searching off to whatever `searchHandler` it is given.
- */
-export declare class IARadioPlayer extends LitElement {
-    /** What is being played, and what to show about it */
-    config?: RadioPlayerConfig;
-    /** Where searches go. Without one, the search bar does nothing. */
-    searchHandler?: SearchHandlerInterface;
-    /** The transcript to show when no search is running */
-    transcriptConfig?: TranscriptConfig;
-    /** The transcript marked up with search results, shown while searching */
-    searchResultsTranscript?: TranscriptConfig;
-    /** Playback position, in seconds */
-    currentTime: number;
-    /** What is currently in the search bar */
-    searchTerm: string;
-    /** Whether to skip past the music sections rather than play them */
-    skipMusicSections: boolean;
-    private percentComplete;
-    private isPlaying;
-    private duration;
-    private playbackRate;
-    private volume;
-    private isSearching;
-    /** Numbers each search so a stale one can be told from the current one. */
-    private latestSearchId;
-    private audioElement?;
-    private transcriptView?;
-    private searchResultsSwitcher?;
-    render(): TemplateResult;
-    /** Starts playback */
-    play(): void;
-    /** Pauses playback */
-    pause(): void;
-    /** Jumps to a position in the track, in seconds */
-    seekTo(seconds: number): void;
-    private get audioElementTemplate();
-    private get titleDateTemplate();
-    private get collectionLogoTemplate();
-    private get playbackControlsTemplate();
-    private get waveformProgressTemplate();
-    private get scrubberBarTemplate();
-    private get transcriptViewTemplate();
-    private get searchSectionTemplate();
-    /** What to show once a search has come back: a counter, or nothing found. */
-    private get searchOutcomeTemplate();
-    /** What the live region announces as a search runs and comes back. */
-    private get searchStatusMessage();
-    private get currentTranscript();
-    private get transcriptEntries();
-    private get searchResults();
-    private get audioSources();
-    private get quickSearches();
-    private get musicEntries();
-    /** The music stretches, as percentages, for marking on the waveform. */
-    private get zonesOfSilence();
-    /** The music stretches in seconds, for skipping past them. */
-    private get musicZones();
-    /**
-     * Every section boundary as a percentage, including the two ends.
-     *
-     * The section skip buttons step between these, and the scrubber draws a
-     * marker at each.
-     */
-    private get sectionMarkerPercentages();
-    updated(changedProperties: PropertyValues): void;
-    private handleTimeChange;
-    private handleDurationChange;
-    private handlePlaybackRateChange;
-    private handleVolumeChange;
-    private handleBackButton;
-    private handleForwardButton;
-    private handlePlayPauseButton;
-    private handleNextSectionButton;
-    private handlePrevSectionButton;
-    /**
-     * Seeks to the nearest of a set of boundaries.
-     *
-     * Does nothing when the set is empty, since `Math.min` of nothing is
-     * `Infinity` and `Math.max` of nothing is `-Infinity`, either of which would
-     * be handed straight to the audio element as a position.
-     */
-    private seekToSectionBoundary;
-    private handleScrub;
-    private handleTranscriptEntrySelected;
-    private handleSearchInput;
-    private handleSearchSubmitted;
-    private handleQuickSearchSelected;
-    private handleSearchCleared;
-    /**
-     * Runs a search and shows its results.
-     *
-     * Each run is numbered, and only the newest one is allowed to report back.
-     * Searches go over the network, so a slow one started earlier can land after
-     * a fast one started later, and without this the older results would end up
-     * on screen under the newer term.
-     *
-     * A failed search has to put the spinner away as surely as a successful one,
-     * hence the `finally`. Leaving it up would hide the search UI for as long as
-     * the page lives.
-     */
-    private executeSearch;
-    private handleSearchResultIndexChanged;
-    /** Puts both the transcript and the switcher back to the first result. */
-    private resetSearchResultPosition;
-    private emitSearchTermChanged;
-    private playbackPaused;
-    private playbackStarted;
-    private canPlay;
-    /** Jumps past a music stretch if playback has wandered into one. */
-    private skipMusicZone;
-    static get styles(): CSSResultGroup;
-}
-//# sourceMappingURL=ia-radio-player.d.ts.map

package/dist/src/elements/ia-radio-player/ia-radio-player.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ia-radio-player.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-radio-player/ia-radio-player.ts"],"names":[],"mappings":"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"}