@internetarchive/elements 1.1.2 → 1.1.3-webdev-8840.0

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

@@ -32,8 +32,6 @@ export declare class IARadioPlayer extends LitElement {
     searchTerm: string;
     /** Whether to skip past the music sections rather than play them */
     skipMusicSections: boolean;
-    /** Whether to shade the music sections on the waveform */
-    showMusicZones: boolean;
     private percentComplete;
     private isPlaying;
     private duration;

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

@@ -1 +1 @@
-{"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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"}
+{"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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"}

package/dist/src/elements/ia-radio-player/ia-radio-player.js

@@ -59,8 +59,6 @@ let IARadioPlayer = class IARadioPlayer extends LitElement {
         this.searchTerm = '';
         /** Whether to skip past the music sections rather than play them */
         this.skipMusicSections = false;
-        /** Whether to shade the music sections on the waveform */
-        this.showMusicZones = false;
         this.percentComplete = 0;
         this.isPlaying = false;
         this.duration = 0;
@@ -156,7 +154,7 @@ let IARadioPlayer = class IARadioPlayer extends LitElement {
         interactive
         .waveformUrl=${waveformUrl}
         .percentComplete=${this.percentComplete}
-        .zonesOfSilence=${this.showMusicZones ? this.zonesOfSilence : []}
+        .zonesOfSilence=${this.zonesOfSilence}
         @valuechange=${this.handleScrub}
       ></ia-waveform-progress>
     `;
@@ -717,9 +715,6 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], IARadioPlayer.prototype, "skipMusicSections", void 0);
-__decorate([
-    property({ type: Boolean })
-], IARadioPlayer.prototype, "showMusicZones", void 0);
 __decorate([
     state()
 ], IARadioPlayer.prototype, "percentComplete", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"ia-radio-player.js","sourceRoot":"","sources":["../../../../src/elements/ia-radio-player/ia-radio-player.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  nothing,\n  type CSSResultGroup,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { msg, str } from '@lit/localize';\n\nimport type { AudioSource } from '@src/elements/ia-audio-element/models';\nimport type { QuickSearchEntry } from '@src/elements/ia-expandable-search-bar/models';\nimport { PlaybackMode } from '@src/elements/ia-playback-controls/models';\nimport type {\n  TranscriptConfig,\n  TranscriptEntryConfig,\n} from '@src/elements/ia-transcript-view/models';\nimport type { IAAudioElement } from '@src/elements/ia-audio-element/ia-audio-element';\nimport type { IATranscriptView } from '@src/elements/ia-transcript-view/ia-transcript-view';\nimport type { ZoneOfSilence } from '@src/elements/ia-waveform-progress/models';\n\nimport type { MusicZone, RadioPlayerConfig } from './models';\nimport type { SearchHandlerInterface } from './search/search-handler';\nimport type { IASearchResultsSwitcher } from './ia-search-results-switcher';\n\nimport '@src/elements/ia-audio-element/ia-audio-element';\nimport '@src/elements/ia-expandable-search-bar/ia-expandable-search-bar';\nimport '@src/elements/ia-playback-controls/ia-playback-controls';\nimport '@src/elements/ia-scrubber-bar/ia-scrubber-bar';\nimport '@src/elements/ia-status-indicator/ia-status-indicator';\nimport '@src/elements/ia-transcript-view/ia-transcript-view';\nimport '@src/elements/ia-waveform-progress/ia-waveform-progress';\nimport './ia-search-results-switcher';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  CanPlay: 'canplay',\n  CurrentTimeChanged: 'currentTimeChanged',\n  HighlightedSearchResultChanged: 'highlightedSearchResultChanged',\n  JumpBackButtonPressed: 'jumpBackButtonPressed',\n  JumpForwardButtonPressed: 'jumpForwardButtonPressed',\n  NextSectionButtonPressed: 'nextSectionButtonPressed',\n  PlaybackPaused: 'playbackPaused',\n  PlaybackRateChanged: 'playbackRateChanged',\n  PlaybackStarted: 'playbackStarted',\n  PlayPauseButtonPressed: 'playPauseButtonPressed',\n  PrevSectionButtonPressed: 'prevSectionButtonPressed',\n  SearchCleared: 'searchCleared',\n  SearchExecuted: 'searchExecuted',\n  SearchFailed: 'searchFailed',\n  SearchTermChanged: 'searchTermChanged',\n  TimeChangedFromScrub: 'timeChangedFromScrub',\n  TranscriptEntrySelected: 'transcriptEntrySelected',\n};\n\n/** How far the skip buttons move, in seconds */\nconst SKIP_SECONDS = 10;\n\n/** Shortest term worth searching for */\nconst MIN_SEARCH_LENGTH = 2;\n\n/**\n * Nudge past a section boundary when jumping to it, so playback lands inside\n * the next section rather than exactly on its edge.\n */\nconst SECTION_SEEK_NUDGE = 0.1;\n\n/**\n * A player for transcribed radio broadcasts.\n *\n * It owns no playback or search logic of its own. It wires the audio element,\n * transport controls, waveform, scrubber, search bar and transcript together,\n * and hands searching off to whatever `searchHandler` it is given.\n */\n@customElement('ia-radio-player')\nexport class IARadioPlayer extends LitElement {\n  /** What is being played, and what to show about it */\n  @property({ type: Object }) config?: RadioPlayerConfig;\n\n  /** Where searches go. Without one, the search bar does nothing. */\n  @property({ type: Object }) searchHandler?: SearchHandlerInterface;\n\n  /** The transcript to show when no search is running */\n  @property({ type: Object }) transcriptConfig?: TranscriptConfig;\n\n  /** The transcript marked up with search results, shown while searching */\n  @property({ type: Object }) searchResultsTranscript?: TranscriptConfig;\n\n  /** Playback position, in seconds */\n  @property({ type: Number }) currentTime = 0;\n\n  /** What is currently in the search bar */\n  @property({ type: String }) searchTerm = '';\n\n  /** Whether to skip past the music sections rather than play them */\n  @property({ type: Boolean }) skipMusicSections = false;\n\n  /** Whether to shade the music sections on the waveform */\n  @property({ type: Boolean }) showMusicZones = false;\n\n  @state() private percentComplete = 0;\n\n  @state() private isPlaying = false;\n\n  @state() private duration = 0;\n\n  @state() private playbackRate = 1;\n\n  @state() private volume = 1;\n\n  @state() private isSearching = false;\n\n  /** Numbers each search so a stale one can be told from the current one. */\n  private latestSearchId = 0;\n\n  @query('ia-audio-element') private audioElement?: IAAudioElement | null;\n\n  @query('ia-transcript-view') private transcriptView?: IATranscriptView | null;\n\n  @query('ia-search-results-switcher')\n  private searchResultsSwitcher?: IASearchResultsSwitcher | null;\n\n  render(): TemplateResult {\n    return html`\n      ${this.audioElementTemplate}\n      <section role=\"main\">\n        ${this.titleDateTemplate} ${this.collectionLogoTemplate}\n        ${this.playbackControlsTemplate}\n        <div class=\"waveform-scrubber-container\">\n          ${this.waveformProgressTemplate} ${this.scrubberBarTemplate}\n        </div>\n        ${this.searchSectionTemplate} ${this.transcriptViewTemplate}\n      </section>\n    `;\n  }\n\n  /** Starts playback */\n  play(): void {\n    this.audioElement?.play();\n  }\n\n  /** Pauses playback */\n  pause(): void {\n    this.audioElement?.pause();\n  }\n\n  /** Jumps to a position in the track, in seconds */\n  seekTo(seconds: number): void {\n    this.audioElement?.seekTo(seconds);\n  }\n\n  private get audioElementTemplate(): TemplateResult {\n    return html`\n      <ia-audio-element\n        .sources=${this.audioSources}\n        .playbackRate=${this.playbackRate}\n        .volume=${this.volume}\n        @timeupdate=${this.handleTimeChange}\n        @durationchange=${this.handleDurationChange}\n        @playbackStarted=${this.playbackStarted}\n        @playbackPaused=${this.playbackPaused}\n        @canplay=${this.canPlay}\n      ></ia-audio-element>\n    `;\n  }\n\n  private get titleDateTemplate(): TemplateResult {\n    return html`\n      <div class=\"title-date\">\n        <div class=\"title\">${this.config?.title ?? ''}</div>\n        <div class=\"date\">${this.config?.date ?? ''}</div>\n      </div>\n    `;\n  }\n\n  private get collectionLogoTemplate(): TemplateResult | typeof nothing {\n    const logoUrl = this.config?.logoUrl;\n    if (!logoUrl) return nothing;\n\n    return html`\n      <img\n        class=\"collection-logo\"\n        src=${logoUrl}\n        alt=${msg('Collection logo')}\n      />\n    `;\n  }\n\n  private get playbackControlsTemplate(): TemplateResult {\n    return html`\n      <ia-playback-controls\n        .playbackMode=${this.isPlaying\n          ? PlaybackMode.playing\n          : PlaybackMode.paused}\n        .playbackRate=${this.playbackRate}\n        .volume=${this.volume}\n        @back-button-pressed=${this.handleBackButton}\n        @play-pause-button-pressed=${this.handlePlayPauseButton}\n        @forward-button-pressed=${this.handleForwardButton}\n        @volumeChange=${this.handleVolumeChange}\n        @playbackRateChange=${this.handlePlaybackRateChange}\n        @next-section-button-pressed=${this.handleNextSectionButton}\n        @prev-section-button-pressed=${this.handlePrevSectionButton}\n      ></ia-playback-controls>\n    `;\n  }\n\n  private get waveformProgressTemplate(): TemplateResult | typeof nothing {\n    const waveformUrl = this.config?.waveformUrl;\n    if (!waveformUrl) return nothing;\n\n    return html`\n      <ia-waveform-progress\n        interactive\n        .waveformUrl=${waveformUrl}\n        .percentComplete=${this.percentComplete}\n        .zonesOfSilence=${this.showMusicZones ? this.zonesOfSilence : []}\n        @valuechange=${this.handleScrub}\n      ></ia-waveform-progress>\n    `;\n  }\n\n  private get scrubberBarTemplate(): TemplateResult {\n    return html`\n      <ia-scrubber-bar\n        .sectionMarkerPercentages=${this.sectionMarkerPercentages}\n        .value=${this.percentComplete}\n        @valuechange=${this.handleScrub}\n      ></ia-scrubber-bar>\n    `;\n  }\n\n  private get transcriptViewTemplate(): TemplateResult {\n    return html`\n      <div class=\"transcript-container\">\n        <ia-transcript-view\n          .config=${this.currentTranscript}\n          .currentTime=${this.currentTime}\n          @transcriptEntrySelected=${this.handleTranscriptEntrySelected}\n        ></ia-transcript-view>\n      </div>\n    `;\n  }\n\n  private get searchSectionTemplate(): TemplateResult {\n    return html`\n      <div class=\"search-section\">\n        <ia-expandable-search-bar\n          .searchTerm=${this.searchTerm}\n          .quickSearches=${this.quickSearches}\n          ?showsDisclosure=${this.quickSearches.length > 0}\n          @inputchange=${this.handleSearchInput}\n          @enterKeyPressed=${this.handleSearchSubmitted}\n          @quickSearchSelected=${this.handleQuickSearchSelected}\n          @searchCleared=${this.handleSearchCleared}\n        ></ia-expandable-search-bar>\n\n        <div class=\"search-results-info\">\n          <!--\n            Always rendered, so a screen reader is already watching it by the\n            time the text changes. A live region added to the page with its\n            text already in place is not announced.\n          -->\n          <div class=\"sr-only\" role=\"status\">${this.searchStatusMessage}</div>\n\n          ${this.isSearching\n            ? html`<ia-status-indicator\n                mode=\"loading\"\n                loadingTitle=${msg('Searching the transcript')}\n              ></ia-status-indicator>`\n            : this.searchOutcomeTemplate}\n        </div>\n      </div>\n    `;\n  }\n\n  /** What to show once a search has come back: a counter, or nothing found. */\n  private get searchOutcomeTemplate(): TemplateResult | typeof nothing {\n    if (this.searchTerm.length === 0 || !this.searchResultsTranscript) {\n      return nothing;\n    }\n\n    const resultCount = this.searchResults.length;\n    if (resultCount === 0) {\n      return html`\n        <div class=\"no-search-results-message\" aria-hidden=\"true\">\n          ${msg('No search results.')}\n        </div>\n      `;\n    }\n\n    return html`\n      <ia-search-results-switcher\n        .numberOfResults=${resultCount}\n        @searchResultIndexChanged=${this.handleSearchResultIndexChanged}\n      ></ia-search-results-switcher>\n    `;\n  }\n\n  /** What the live region announces as a search runs and comes back. */\n  private get searchStatusMessage(): string {\n    if (this.isSearching) return msg('Searching the transcript');\n    if (this.searchTerm.length === 0 || !this.searchResultsTranscript)\n      return '';\n\n    const count = this.searchResults.length;\n    if (count === 0) return msg('No search results.');\n\n    return msg(str`${count} search results`);\n  }\n\n  private get currentTranscript(): TranscriptConfig | undefined {\n    return this.searchResultsTranscript ?? this.transcriptConfig;\n  }\n\n  private get transcriptEntries(): TranscriptEntryConfig[] {\n    return this.currentTranscript?.entries ?? [];\n  }\n\n  private get searchResults(): TranscriptEntryConfig[] {\n    return this.searchResultsTranscript?.searchResults ?? [];\n  }\n\n  private get audioSources(): AudioSource[] {\n    return this.config?.audioSources ?? [];\n  }\n\n  private get quickSearches(): QuickSearchEntry[] {\n    return (this.config?.quickSearches ?? []).map((displayText) => ({\n      displayText,\n    }));\n  }\n\n  private get musicEntries(): TranscriptEntryConfig[] {\n    return this.transcriptEntries.filter((entry) => entry.isMusic);\n  }\n\n  /** The music stretches, as percentages, for marking on the waveform. */\n  private get zonesOfSilence(): ZoneOfSilence[] {\n    if (this.duration === 0) return [];\n\n    return this.musicEntries.map((entry) => ({\n      startPercent: (entry.start / this.duration) * 100,\n      endPercent: (entry.end / this.duration) * 100,\n    }));\n  }\n\n  /** The music stretches in seconds, for skipping past them. */\n  private get musicZones(): MusicZone[] {\n    return this.musicEntries.map((entry) => ({\n      start: entry.start,\n      end: entry.end,\n    }));\n  }\n\n  /**\n   * Every section boundary as a percentage, including the two ends.\n   *\n   * The section skip buttons step between these, and the scrubber draws a\n   * marker at each.\n   */\n  private get sectionMarkerPercentages(): number[] {\n    const percentages = [0];\n\n    this.zonesOfSilence.forEach((zone) => {\n      percentages.push(zone.startPercent, zone.endPercent);\n    });\n    percentages.push(100);\n\n    return percentages;\n  }\n\n  updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has('searchResultsTranscript')) {\n      this.resetSearchResultPosition();\n    }\n\n    if (changedProperties.has('searchHandler') && this.searchTerm) {\n      this.executeSearch(this.searchTerm);\n    }\n\n    if (changedProperties.has('currentTime')) {\n      this.dispatchEvent(\n        new CustomEvent<{ currentTime: number }>(Events.CurrentTimeChanged, {\n          detail: { currentTime: this.currentTime },\n        }),\n      );\n\n      if (this.skipMusicSections) this.skipMusicZone();\n    }\n  }\n\n  private handleTimeChange(e: CustomEvent<{ currentTime: number }>): void {\n    const { currentTime } = e.detail;\n    if (currentTime === undefined) return;\n\n    this.currentTime = currentTime;\n    // A duration of 0 means nothing has loaded yet, and dividing by it would\n    // put NaN into the scrubber and the waveform.\n    this.percentComplete =\n      this.duration > 0 ? (currentTime / this.duration) * 100 : 0;\n  }\n\n  private handleDurationChange(e: CustomEvent<{ duration: number }>): void {\n    const { duration } = e.detail;\n    // A stream reports Infinity, and metadata that hasn't loaded reports NaN.\n    if (!Number.isFinite(duration)) return;\n\n    this.duration = duration;\n  }\n\n  private handlePlaybackRateChange(\n    e: CustomEvent<{ playbackRate: number }>,\n  ): void {\n    const { playbackRate } = e.detail;\n    if (playbackRate === undefined) return;\n\n    this.playbackRate = playbackRate;\n    this.dispatchEvent(\n      new CustomEvent<{ playbackRate: number }>(Events.PlaybackRateChanged, {\n        detail: { playbackRate },\n      }),\n    );\n  }\n\n  private handleVolumeChange(e: CustomEvent<{ volume: number }>): void {\n    const { volume } = e.detail;\n    if (volume === undefined) return;\n\n    this.volume = volume;\n    this.dispatchEvent(\n      new CustomEvent<{ volume: number }>('volumeChanged', {\n        detail: { volume },\n      }),\n    );\n  }\n\n  private handleBackButton(): void {\n    this.audioElement?.seekBy(-SKIP_SECONDS);\n    this.dispatchEvent(new Event(Events.JumpBackButtonPressed));\n  }\n\n  private handleForwardButton(): void {\n    this.audioElement?.seekBy(SKIP_SECONDS);\n    this.dispatchEvent(new Event(Events.JumpForwardButtonPressed));\n  }\n\n  private handlePlayPauseButton(): void {\n    this.isPlaying = !this.isPlaying;\n\n    if (this.isPlaying) this.audioElement?.play();\n    else this.audioElement?.pause();\n\n    this.dispatchEvent(\n      new CustomEvent<{ isPlaying: boolean }>(Events.PlayPauseButtonPressed, {\n        detail: { isPlaying: this.isPlaying },\n      }),\n    );\n  }\n\n  private handleNextSectionButton(): void {\n    const ahead = this.sectionMarkerPercentages.filter(\n      (percent) => percent > this.percentComplete + SECTION_SEEK_NUDGE,\n    );\n    this.seekToSectionBoundary(ahead, Math.min, SECTION_SEEK_NUDGE);\n\n    this.dispatchEvent(new Event(Events.NextSectionButtonPressed));\n  }\n\n  private handlePrevSectionButton(): void {\n    const behind = this.sectionMarkerPercentages.filter(\n      (percent) => percent < this.percentComplete - SECTION_SEEK_NUDGE,\n    );\n    this.seekToSectionBoundary(behind, Math.max, -SECTION_SEEK_NUDGE);\n\n    this.dispatchEvent(new Event(Events.PrevSectionButtonPressed));\n  }\n\n  /**\n   * Seeks to the nearest of a set of boundaries.\n   *\n   * Does nothing when the set is empty, since `Math.min` of nothing is\n   * `Infinity` and `Math.max` of nothing is `-Infinity`, either of which would\n   * be handed straight to the audio element as a position.\n   */\n  private seekToSectionBoundary(\n    percentages: number[],\n    pick: (...values: number[]) => number,\n    nudge: number,\n  ): void {\n    if (percentages.length === 0) return;\n\n    const boundary = pick(...percentages);\n    this.audioElement?.seekTo(this.duration * (boundary / 100) + nudge);\n  }\n\n  private handleScrub(e: CustomEvent<{ value: number }>): void {\n    const percentage = e.detail.value;\n    if (percentage === undefined) return;\n\n    const newTime = this.duration * (percentage / 100);\n    this.currentTime = newTime;\n    this.percentComplete = percentage;\n    this.audioElement?.seekTo(newTime);\n\n    this.dispatchEvent(\n      new CustomEvent<{ newTime: number }>(Events.TimeChangedFromScrub, {\n        detail: { newTime },\n      }),\n    );\n  }\n\n  private handleTranscriptEntrySelected(\n    e: CustomEvent<{ entry: TranscriptEntryConfig }>,\n  ): void {\n    const { entry } = e.detail;\n    if (!entry) return;\n\n    this.currentTime = entry.start;\n    this.audioElement?.seekTo(entry.start);\n    this.audioElement?.play();\n\n    this.dispatchEvent(\n      new CustomEvent<{ newTime: number }>(Events.TranscriptEntrySelected, {\n        detail: { newTime: entry.start },\n      }),\n    );\n  }\n\n  private handleSearchInput(e: CustomEvent<{ value: string }>): void {\n    const { value } = e.detail;\n    if (value === undefined) return;\n\n    this.searchTerm = value;\n\n    // An empty box has nothing to show results for. The counter already hides\n    // itself on an empty term, so without dropping the results too the\n    // transcript keeps its outlines and offers no way to step between them.\n    if (value.length === 0) {\n      this.searchResultsTranscript = undefined;\n      // Abandons whatever is in flight, so its results can't land afterwards.\n      this.latestSearchId += 1;\n      this.isSearching = false;\n      this.resetSearchResultPosition();\n    }\n\n    this.emitSearchTermChanged(value);\n  }\n\n  private handleSearchSubmitted(e: CustomEvent<{ value: string }>): void {\n    const { value } = e.detail;\n    if (!value) return;\n\n    this.executeSearch(value);\n  }\n\n  private handleQuickSearchSelected(\n    e: CustomEvent<{ quickSearchEntry: QuickSearchEntry }>,\n  ): void {\n    const term = e.detail.quickSearchEntry?.displayText;\n    if (!term) return;\n\n    this.emitSearchTermChanged(term);\n    this.executeSearch(term);\n  }\n\n  private handleSearchCleared(): void {\n    this.searchTerm = '';\n    this.searchResultsTranscript = undefined;\n    // Abandons whatever is in flight, so its results can't arrive after this.\n    this.latestSearchId += 1;\n    this.isSearching = false;\n\n    this.dispatchEvent(new Event(Events.SearchCleared));\n    this.emitSearchTermChanged('');\n    this.resetSearchResultPosition();\n  }\n\n  /**\n   * Runs a search and shows its results.\n   *\n   * Each run is numbered, and only the newest one is allowed to report back.\n   * Searches go over the network, so a slow one started earlier can land after\n   * a fast one started later, and without this the older results would end up\n   * on screen under the newer term.\n   *\n   * A failed search has to put the spinner away as surely as a successful one,\n   * hence the `finally`. Leaving it up would hide the search UI for as long as\n   * the page lives.\n   */\n  private async executeSearch(term: string): Promise<void> {\n    if (!this.searchHandler || term.length < MIN_SEARCH_LENGTH) {\n      this.searchResultsTranscript = undefined;\n      return;\n    }\n\n    this.searchTerm = term;\n    this.isSearching = true;\n    this.dispatchEvent(new Event(Events.SearchExecuted));\n\n    this.latestSearchId += 1;\n    const searchId = this.latestSearchId;\n\n    try {\n      const results = await this.searchHandler.search(term);\n      if (searchId !== this.latestSearchId) return;\n\n      this.searchResultsTranscript = results;\n    } catch {\n      if (searchId !== this.latestSearchId) return;\n\n      this.searchResultsTranscript = undefined;\n      this.dispatchEvent(new Event(Events.SearchFailed));\n    } finally {\n      if (searchId === this.latestSearchId) this.isSearching = false;\n    }\n  }\n\n  private handleSearchResultIndexChanged(\n    e: CustomEvent<{ searchResultIndex: number }>,\n  ): void {\n    const { searchResultIndex } = e.detail;\n    if (searchResultIndex === undefined || !this.transcriptView) return;\n\n    this.transcriptView.selectedSearchResultIndex = searchResultIndex;\n    this.transcriptView.scrollToSelectedSearchResult();\n\n    this.dispatchEvent(\n      new CustomEvent<{ searchResultIndex: number }>(\n        Events.HighlightedSearchResultChanged,\n        { detail: { searchResultIndex } },\n      ),\n    );\n  }\n\n  /** Puts both the transcript and the switcher back to the first result. */\n  private resetSearchResultPosition(): void {\n    if (this.transcriptView) this.transcriptView.selectedSearchResultIndex = 0;\n    if (this.searchResultsSwitcher) {\n      this.searchResultsSwitcher.currentResultIndex = 0;\n    }\n  }\n\n  private emitSearchTermChanged(searchTerm: string): void {\n    this.dispatchEvent(\n      new CustomEvent<{ searchTerm: string }>(Events.SearchTermChanged, {\n        detail: { searchTerm },\n      }),\n    );\n  }\n\n  private playbackPaused(): void {\n    this.isPlaying = false;\n    this.dispatchEvent(new Event(Events.PlaybackPaused));\n  }\n\n  private playbackStarted(): void {\n    this.isPlaying = true;\n    this.dispatchEvent(new Event(Events.PlaybackStarted));\n  }\n\n  private canPlay(): void {\n    this.dispatchEvent(new Event(Events.CanPlay));\n  }\n\n  /** Jumps past a music stretch if playback has wandered into one. */\n  private skipMusicZone(): void {\n    const activeZone = this.musicZones.find(\n      (zone) => this.currentTime > zone.start && this.currentTime < zone.end,\n    );\n    if (!activeZone) return;\n\n    this.audioElement?.seekTo(activeZone.end + SECTION_SEEK_NUDGE);\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        --radio-player-title-color--: var(\n          --ia-theme-radio-player-title-color,\n          #fff\n        );\n        --radio-player-title-font--: var(\n          --ia-theme-radio-player-title-font,\n          1.5em sans-serif\n        );\n        --radio-player-date-color--: var(\n          --ia-theme-radio-player-date-color,\n          #fff\n        );\n        --radio-player-date-font--: var(\n          --ia-theme-radio-player-date-font,\n          1em sans-serif\n        );\n        --radio-player-logo-max-height--: var(\n          --ia-theme-radio-player-logo-max-height,\n          8rem\n        );\n        --radio-player-waveform-height--: var(\n          --ia-theme-radio-player-waveform-height,\n          5rem\n        );\n      }\n\n      section[role='main'] {\n        display: grid;\n        grid-gap: 0.5rem;\n      }\n\n      ia-status-indicator {\n        --ia-theme-icon-width: 1.5em;\n        --ia-theme-primary-text-color: #999;\n\n        display: block;\n        margin: auto;\n      }\n\n      /* mobile view */\n      @media (max-width: 770px) {\n        section[role='main'] {\n          grid-template-columns: 25% 1fr;\n          grid-template-areas:\n            'collection-logo title-date'\n            'waveform-scrubber waveform-scrubber'\n            'playback-controls playback-controls'\n            'search-section search-section'\n            'transcript-container transcript-container';\n        }\n\n        .date {\n          text-align: left;\n        }\n\n        ia-transcript-view {\n          --ia-theme-transcript-time-display: none;\n        }\n\n        ia-playback-controls {\n          width: 75%;\n          margin: auto;\n        }\n\n        .search-section {\n          width: 75%;\n          margin: auto;\n        }\n      }\n\n      /* wide view */\n      @media (min-width: 770px) {\n        section[role='main'] {\n          grid-template-columns: 192px 0 250px 1fr;\n          grid-template-areas:\n            'title-date title-date title-date title-date'\n            'collection-logo . playback-controls waveform-scrubber'\n            'search-section transcript-container transcript-container transcript-container';\n        }\n\n        .title-date {\n          display: flex;\n          justify-content: space-between;\n          align-items: baseline;\n        }\n\n        ia-transcript-view {\n          --ia-theme-transcript-time-display: block;\n        }\n      }\n\n      .title-date {\n        grid-area: title-date;\n      }\n\n      .title {\n        color: var(--radio-player-title-color--);\n        font: var(--radio-player-title-font--);\n      }\n\n      .date {\n        color: var(--radio-player-date-color--);\n        font: var(--radio-player-date-font--);\n      }\n\n      ia-waveform-progress {\n        width: 100%;\n        height: var(--radio-player-waveform-height--);\n      }\n\n      ia-playback-controls {\n        grid-area: playback-controls;\n      }\n\n      .transcript-container {\n        grid-area: transcript-container;\n      }\n\n      ia-transcript-view {\n        max-width: 600px;\n        display: block;\n      }\n\n      .collection-logo {\n        width: 100%;\n        max-height: var(--radio-player-logo-max-height--);\n        object-fit: contain;\n        grid-area: collection-logo;\n        align-self: center;\n      }\n\n      .waveform-scrubber-container {\n        width: 100%;\n        height: 100%;\n        grid-area: waveform-scrubber;\n      }\n\n      .search-section {\n        grid-area: search-section;\n      }\n\n      .search-results-info {\n        margin-top: 0.5em;\n      }\n\n      ia-expandable-search-bar {\n        display: block;\n        margin: auto;\n      }\n\n      .no-search-results-message {\n        text-align: center;\n      }\n\n      .sr-only {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"ia-radio-player.js","sourceRoot":"","sources":["../../../../src/elements/ia-radio-player/ia-radio-player.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,EACV,OAAO,GAIR,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAIzC,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAazE,OAAO,iDAAiD,CAAC;AACzD,OAAO,iEAAiE,CAAC;AACzE,OAAO,yDAAyD,CAAC;AACjE,OAAO,+CAA+C,CAAC;AACvD,OAAO,uDAAuD,CAAC;AAC/D,OAAO,qDAAqD,CAAC;AAC7D,OAAO,yDAAyD,CAAC;AACjE,OAAO,8BAA8B,CAAC;AAEtC;;GAEG;AACH,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,SAAS;IAClB,kBAAkB,EAAE,oBAAoB;IACxC,8BAA8B,EAAE,gCAAgC;IAChE,qBAAqB,EAAE,uBAAuB;IAC9C,wBAAwB,EAAE,0BAA0B;IACpD,wBAAwB,EAAE,0BAA0B;IACpD,cAAc,EAAE,gBAAgB;IAChC,mBAAmB,EAAE,qBAAqB;IAC1C,eAAe,EAAE,iBAAiB;IAClC,sBAAsB,EAAE,wBAAwB;IAChD,wBAAwB,EAAE,0BAA0B;IACpD,aAAa,EAAE,eAAe;IAC9B,cAAc,EAAE,gBAAgB;IAChC,YAAY,EAAE,cAAc;IAC5B,iBAAiB,EAAE,mBAAmB;IACtC,oBAAoB,EAAE,sBAAsB;IAC5C,uBAAuB,EAAE,yBAAyB;CACnD,CAAC;AAEF,gDAAgD;AAChD,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,wCAAwC;AACxC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAE5B;;;GAGG;AACH,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B;;;;;;GAMG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAaL,oCAAoC;QACR,gBAAW,GAAG,CAAC,CAAC;QAE5C,0CAA0C;QACd,eAAU,GAAG,EAAE,CAAC;QAE5C,oEAAoE;QACvC,sBAAiB,GAAG,KAAK,CAAC;QAEtC,oBAAe,GAAG,CAAC,CAAC;QAEpB,cAAS,GAAG,KAAK,CAAC;QAElB,aAAQ,GAAG,CAAC,CAAC;QAEb,iBAAY,GAAG,CAAC,CAAC;QAEjB,WAAM,GAAG,CAAC,CAAC;QAEX,gBAAW,GAAG,KAAK,CAAC;QAErC,2EAA2E;QACnE,mBAAc,GAAG,CAAC,CAAC;IA4tB7B,CAAC;IAntBC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB;;UAEvB,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,sBAAsB;UACrD,IAAI,CAAC,wBAAwB;;YAE3B,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,mBAAmB;;UAE3D,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,sBAAsB;;KAE9D,CAAC;IACJ,CAAC;IAED,sBAAsB;IACtB,IAAI;QACF,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC;IAC5B,CAAC;IAED,sBAAsB;IACtB,KAAK;QACH,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC;IAC7B,CAAC;IAED,mDAAmD;IACnD,MAAM,CAAC,OAAe;QACpB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAA;;mBAEI,IAAI,CAAC,YAAY;wBACZ,IAAI,CAAC,YAAY;kBACvB,IAAI,CAAC,MAAM;sBACP,IAAI,CAAC,gBAAgB;0BACjB,IAAI,CAAC,oBAAoB;2BACxB,IAAI,CAAC,eAAe;0BACrB,IAAI,CAAC,cAAc;mBAC1B,IAAI,CAAC,OAAO;;KAE1B,CAAC;IACJ,CAAC;IAED,IAAY,iBAAiB;QAC3B,OAAO,IAAI,CAAA;;6BAEc,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE;4BACzB,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,EAAE;;KAE9C,CAAC;IACJ,CAAC;IAED,IAAY,sBAAsB;QAChC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;QACrC,IAAI,CAAC,OAAO;YAAE,OAAO,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;;;cAGD,OAAO;cACP,GAAG,CAAC,iBAAiB,CAAC;;KAE/B,CAAC;IACJ,CAAC;IAED,IAAY,wBAAwB;QAClC,OAAO,IAAI,CAAA;;wBAES,IAAI,CAAC,SAAS;YAC5B,CAAC,CAAC,YAAY,CAAC,OAAO;YACtB,CAAC,CAAC,YAAY,CAAC,MAAM;wBACP,IAAI,CAAC,YAAY;kBACvB,IAAI,CAAC,MAAM;+BACE,IAAI,CAAC,gBAAgB;qCACf,IAAI,CAAC,qBAAqB;kCAC7B,IAAI,CAAC,mBAAmB;wBAClC,IAAI,CAAC,kBAAkB;8BACjB,IAAI,CAAC,wBAAwB;uCACpB,IAAI,CAAC,uBAAuB;uCAC5B,IAAI,CAAC,uBAAuB;;KAE9D,CAAC;IACJ,CAAC;IAED,IAAY,wBAAwB;QAClC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC;QAC7C,IAAI,CAAC,WAAW;YAAE,OAAO,OAAO,CAAC;QAEjC,OAAO,IAAI,CAAA;;;uBAGQ,WAAW;2BACP,IAAI,CAAC,eAAe;0BACrB,IAAI,CAAC,cAAc;uBACtB,IAAI,CAAC,WAAW;;KAElC,CAAC;IACJ,CAAC;IAED,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAA;;oCAEqB,IAAI,CAAC,wBAAwB;iBAChD,IAAI,CAAC,eAAe;uBACd,IAAI,CAAC,WAAW;;KAElC,CAAC;IACJ,CAAC;IAED,IAAY,sBAAsB;QAChC,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,iBAAiB;yBACjB,IAAI,CAAC,WAAW;qCACJ,IAAI,CAAC,6BAA6B;;;KAGlE,CAAC;IACJ,CAAC;IAED,IAAY,qBAAqB;QAC/B,OAAO,IAAI,CAAA;;;wBAGS,IAAI,CAAC,UAAU;2BACZ,IAAI,CAAC,aAAa;6BAChB,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;yBACjC,IAAI,CAAC,iBAAiB;6BAClB,IAAI,CAAC,qBAAqB;iCACtB,IAAI,CAAC,yBAAyB;2BACpC,IAAI,CAAC,mBAAmB;;;;;;;;;+CASJ,IAAI,CAAC,mBAAmB;;YAE3D,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA;;+BAEa,GAAG,CAAC,0BAA0B,CAAC;sCACxB;YAC1B,CAAC,CAAC,IAAI,CAAC,qBAAqB;;;KAGnC,CAAC;IACJ,CAAC;IAED,6EAA6E;IAC7E,IAAY,qBAAqB;QAC/B,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAClE,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;QAC9C,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;YACtB,OAAO,IAAI,CAAA;;YAEL,GAAG,CAAC,oBAAoB,CAAC;;OAE9B,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAA;;2BAEY,WAAW;oCACF,IAAI,CAAC,8BAA8B;;KAElE,CAAC;IACJ,CAAC;IAED,sEAAsE;IACtE,IAAY,mBAAmB;QAC7B,IAAI,IAAI,CAAC,WAAW;YAAE,OAAO,GAAG,CAAC,0BAA0B,CAAC,CAAC;QAC7D,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB;YAC/D,OAAO,EAAE,CAAC;QAEZ,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;QACxC,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,GAAG,CAAC,oBAAoB,CAAC,CAAC;QAElD,OAAO,GAAG,CAAC,GAAG,CAAA,GAAG,KAAK,iBAAiB,CAAC,CAAC;IAC3C,CAAC;IAED,IAAY,iBAAiB;QAC3B,OAAO,IAAI,CAAC,uBAAuB,IAAI,IAAI,CAAC,gBAAgB,CAAC;IAC/D,CAAC;IAED,IAAY,iBAAiB;QAC3B,OAAO,IAAI,CAAC,iBAAiB,EAAE,OAAO,IAAI,EAAE,CAAC;IAC/C,CAAC;IAED,IAAY,aAAa;QACvB,OAAO,IAAI,CAAC,uBAAuB,EAAE,aAAa,IAAI,EAAE,CAAC;IAC3D,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,MAAM,EAAE,YAAY,IAAI,EAAE,CAAC;IACzC,CAAC;IAED,IAAY,aAAa;QACvB,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,aAAa,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;YAC9D,WAAW;SACZ,CAAC,CAAC,CAAC;IACN,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjE,CAAC;IAED,wEAAwE;IACxE,IAAY,cAAc;QACxB,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QAEnC,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACvC,YAAY,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG;YACjD,UAAU,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG;SAC9C,CAAC,CAAC,CAAC;IACN,CAAC;IAED,8DAA8D;IAC9D,IAAY,UAAU;QACpB,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACvC,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,GAAG,EAAE,KAAK,CAAC,GAAG;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IAED;;;;;OAKG;IACH,IAAY,wBAAwB;QAClC,MAAM,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC;QAExB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACnC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QACH,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEtB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,OAAO,CAAC,iBAAiC;QACvC,IAAI,iBAAiB,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE,CAAC;YACrD,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACnC,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC9D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAA0B,MAAM,CAAC,kBAAkB,EAAE;gBAClE,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;aAC1C,CAAC,CACH,CAAC;YAEF,IAAI,IAAI,CAAC,iBAAiB;gBAAE,IAAI,CAAC,aAAa,EAAE,CAAC;QACnD,CAAC;IACH,CAAC;IAEO,gBAAgB,CAAC,CAAuC;QAC9D,MAAM,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QACjC,IAAI,WAAW,KAAK,SAAS;YAAE,OAAO;QAEtC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,yEAAyE;QACzE,8CAA8C;QAC9C,IAAI,CAAC,eAAe;YAClB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,CAAC;IAEO,oBAAoB,CAAC,CAAoC;QAC/D,MAAM,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAC9B,0EAA0E;QAC1E,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAAE,OAAO;QAEvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAEO,wBAAwB,CAC9B,CAAwC;QAExC,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAClC,IAAI,YAAY,KAAK,SAAS;YAAE,OAAO;QAEvC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAA2B,MAAM,CAAC,mBAAmB,EAAE;YACpE,MAAM,EAAE,EAAE,YAAY,EAAE;SACzB,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,kBAAkB,CAAC,CAAkC;QAC3D,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAC5B,IAAI,MAAM,KAAK,SAAS;YAAE,OAAO;QAEjC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAqB,eAAe,EAAE;YACnD,MAAM,EAAE,EAAE,MAAM,EAAE;SACnB,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;QACzC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC9D,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;QACxC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACjE,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;QAEjC,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC;;YACzC,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC;QAEhC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAyB,MAAM,CAAC,sBAAsB,EAAE;YACrE,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;SACtC,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,uBAAuB;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAChD,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,GAAG,kBAAkB,CACjE,CAAC;QACF,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;QAEhE,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACjE,CAAC;IAEO,uBAAuB;QAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,wBAAwB,CAAC,MAAM,CACjD,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,GAAG,kBAAkB,CACjE,CAAC;QACF,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC;QAElE,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;;;;OAMG;IACK,qBAAqB,CAC3B,WAAqB,EACrB,IAAqC,EACrC,KAAa;QAEb,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAErC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACtE,CAAC;IAEO,WAAW,CAAC,CAAiC;QACnD,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAClC,IAAI,UAAU,KAAK,SAAS;YAAE,OAAO;QAErC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC;QACnD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC;QAClC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;QAEnC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAsB,MAAM,CAAC,oBAAoB,EAAE;YAChE,MAAM,EAAE,EAAE,OAAO,EAAE;SACpB,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,6BAA6B,CACnC,CAAgD;QAEhD,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC;QAE1B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAsB,MAAM,CAAC,uBAAuB,EAAE;YACnE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE;SACjC,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,iBAAiB,CAAC,CAAiC;QACzD,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAC3B,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QAEhC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,0EAA0E;QAC1E,mEAAmE;QACnE,wEAAwE;QACxE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,uBAAuB,GAAG,SAAS,CAAC;YACzC,wEAAwE;YACxE,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC;YACzB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACnC,CAAC;QAED,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAEO,qBAAqB,CAAC,CAAiC;QAC7D,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,yBAAyB,CAC/B,CAAsD;QAEtD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC;QACpD,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,uBAAuB,GAAG,SAAS,CAAC;QACzC,0EAA0E;QAC1E,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAEzB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC;QAC/B,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED;;;;;;;;;;;OAWG;IACK,KAAK,CAAC,aAAa,CAAC,IAAY;QACtC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,MAAM,GAAG,iBAAiB,EAAE,CAAC;YAC3D,IAAI,CAAC,uBAAuB,GAAG,SAAS,CAAC;YACzC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QAErD,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC;QAErC,IAAI,CAAC;YACH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACtD,IAAI,QAAQ,KAAK,IAAI,CAAC,cAAc;gBAAE,OAAO;YAE7C,IAAI,CAAC,uBAAuB,GAAG,OAAO,CAAC;QACzC,CAAC;QAAC,MAAM,CAAC;YACP,IAAI,QAAQ,KAAK,IAAI,CAAC,cAAc;gBAAE,OAAO;YAE7C,IAAI,CAAC,uBAAuB,GAAG,SAAS,CAAC;YACzC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;QACrD,CAAC;gBAAS,CAAC;YACT,IAAI,QAAQ,KAAK,IAAI,CAAC,cAAc;gBAAE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACjE,CAAC;IACH,CAAC;IAEO,8BAA8B,CACpC,CAA6C;QAE7C,MAAM,EAAE,iBAAiB,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QACvC,IAAI,iBAAiB,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QAEpE,IAAI,CAAC,cAAc,CAAC,yBAAyB,GAAG,iBAAiB,CAAC;QAClE,IAAI,CAAC,cAAc,CAAC,4BAA4B,EAAE,CAAC;QAEnD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACb,MAAM,CAAC,8BAA8B,EACrC,EAAE,MAAM,EAAE,EAAE,iBAAiB,EAAE,EAAE,CAClC,CACF,CAAC;IACJ,CAAC;IAED,0EAA0E;IAClE,yBAAyB;QAC/B,IAAI,IAAI,CAAC,cAAc;YAAE,IAAI,CAAC,cAAc,CAAC,yBAAyB,GAAG,CAAC,CAAC;QAC3E,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC/B,IAAI,CAAC,qBAAqB,CAAC,kBAAkB,GAAG,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAEO,qBAAqB,CAAC,UAAkB;QAC9C,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAyB,MAAM,CAAC,iBAAiB,EAAE;YAChE,MAAM,EAAE,EAAE,UAAU,EAAE;SACvB,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;IACvD,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IACxD,CAAC;IAEO,OAAO;QACb,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAChD,CAAC;IAED,oEAAoE;IAC5D,aAAa;QACnB,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CACrC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CACvE,CAAC;QACF,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,UAAU,CAAC,GAAG,GAAG,kBAAkB,CAAC,CAAC;IACjE,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuKT,CAAC;IACJ,CAAC;CACF,CAAA;AA7vB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAA4B;AAG3B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAwC;AAGvC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAqC;AAGpC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DAA4C;AAG3C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAiB;AAGhB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAiB;AAGf;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDAA2B;AAEtC;IAAhB,KAAK,EAAE;sDAA6B;AAEpB;IAAhB,KAAK,EAAE;gDAA2B;AAElB;IAAhB,KAAK,EAAE;+CAAsB;AAEb;IAAhB,KAAK,EAAE;mDAA0B;AAEjB;IAAhB,KAAK,EAAE;6CAAoB;AAEX;IAAhB,KAAK,EAAE;kDAA6B;AAKF;IAAlC,KAAK,CAAC,kBAAkB,CAAC;mDAA8C;AAEnC;IAApC,KAAK,CAAC,oBAAoB,CAAC;qDAAkD;AAGtE;IADP,KAAK,CAAC,4BAA4B,CAAC;4DAC2B;AA1CpD,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA+vBzB","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  nothing,\n  type CSSResultGroup,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { msg, str } from '@lit/localize';\n\nimport type { AudioSource } from '@src/elements/ia-audio-element/models';\nimport type { QuickSearchEntry } from '@src/elements/ia-expandable-search-bar/models';\nimport { PlaybackMode } from '@src/elements/ia-playback-controls/models';\nimport type {\n  TranscriptConfig,\n  TranscriptEntryConfig,\n} from '@src/elements/ia-transcript-view/models';\nimport type { IAAudioElement } from '@src/elements/ia-audio-element/ia-audio-element';\nimport type { IATranscriptView } from '@src/elements/ia-transcript-view/ia-transcript-view';\nimport type { ZoneOfSilence } from '@src/elements/ia-waveform-progress/models';\n\nimport type { MusicZone, RadioPlayerConfig } from './models';\nimport type { SearchHandlerInterface } from './search/search-handler';\nimport type { IASearchResultsSwitcher } from './ia-search-results-switcher';\n\nimport '@src/elements/ia-audio-element/ia-audio-element';\nimport '@src/elements/ia-expandable-search-bar/ia-expandable-search-bar';\nimport '@src/elements/ia-playback-controls/ia-playback-controls';\nimport '@src/elements/ia-scrubber-bar/ia-scrubber-bar';\nimport '@src/elements/ia-status-indicator/ia-status-indicator';\nimport '@src/elements/ia-transcript-view/ia-transcript-view';\nimport '@src/elements/ia-waveform-progress/ia-waveform-progress';\nimport './ia-search-results-switcher';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  CanPlay: 'canplay',\n  CurrentTimeChanged: 'currentTimeChanged',\n  HighlightedSearchResultChanged: 'highlightedSearchResultChanged',\n  JumpBackButtonPressed: 'jumpBackButtonPressed',\n  JumpForwardButtonPressed: 'jumpForwardButtonPressed',\n  NextSectionButtonPressed: 'nextSectionButtonPressed',\n  PlaybackPaused: 'playbackPaused',\n  PlaybackRateChanged: 'playbackRateChanged',\n  PlaybackStarted: 'playbackStarted',\n  PlayPauseButtonPressed: 'playPauseButtonPressed',\n  PrevSectionButtonPressed: 'prevSectionButtonPressed',\n  SearchCleared: 'searchCleared',\n  SearchExecuted: 'searchExecuted',\n  SearchFailed: 'searchFailed',\n  SearchTermChanged: 'searchTermChanged',\n  TimeChangedFromScrub: 'timeChangedFromScrub',\n  TranscriptEntrySelected: 'transcriptEntrySelected',\n};\n\n/** How far the skip buttons move, in seconds */\nconst SKIP_SECONDS = 10;\n\n/** Shortest term worth searching for */\nconst MIN_SEARCH_LENGTH = 2;\n\n/**\n * Nudge past a section boundary when jumping to it, so playback lands inside\n * the next section rather than exactly on its edge.\n */\nconst SECTION_SEEK_NUDGE = 0.1;\n\n/**\n * A player for transcribed radio broadcasts.\n *\n * It owns no playback or search logic of its own. It wires the audio element,\n * transport controls, waveform, scrubber, search bar and transcript together,\n * and hands searching off to whatever `searchHandler` it is given.\n */\n@customElement('ia-radio-player')\nexport class IARadioPlayer extends LitElement {\n  /** What is being played, and what to show about it */\n  @property({ type: Object }) config?: RadioPlayerConfig;\n\n  /** Where searches go. Without one, the search bar does nothing. */\n  @property({ type: Object }) searchHandler?: SearchHandlerInterface;\n\n  /** The transcript to show when no search is running */\n  @property({ type: Object }) transcriptConfig?: TranscriptConfig;\n\n  /** The transcript marked up with search results, shown while searching */\n  @property({ type: Object }) searchResultsTranscript?: TranscriptConfig;\n\n  /** Playback position, in seconds */\n  @property({ type: Number }) currentTime = 0;\n\n  /** What is currently in the search bar */\n  @property({ type: String }) searchTerm = '';\n\n  /** Whether to skip past the music sections rather than play them */\n  @property({ type: Boolean }) skipMusicSections = false;\n\n  @state() private percentComplete = 0;\n\n  @state() private isPlaying = false;\n\n  @state() private duration = 0;\n\n  @state() private playbackRate = 1;\n\n  @state() private volume = 1;\n\n  @state() private isSearching = false;\n\n  /** Numbers each search so a stale one can be told from the current one. */\n  private latestSearchId = 0;\n\n  @query('ia-audio-element') private audioElement?: IAAudioElement | null;\n\n  @query('ia-transcript-view') private transcriptView?: IATranscriptView | null;\n\n  @query('ia-search-results-switcher')\n  private searchResultsSwitcher?: IASearchResultsSwitcher | null;\n\n  render(): TemplateResult {\n    return html`\n      ${this.audioElementTemplate}\n      <section role=\"main\">\n        ${this.titleDateTemplate} ${this.collectionLogoTemplate}\n        ${this.playbackControlsTemplate}\n        <div class=\"waveform-scrubber-container\">\n          ${this.waveformProgressTemplate} ${this.scrubberBarTemplate}\n        </div>\n        ${this.searchSectionTemplate} ${this.transcriptViewTemplate}\n      </section>\n    `;\n  }\n\n  /** Starts playback */\n  play(): void {\n    this.audioElement?.play();\n  }\n\n  /** Pauses playback */\n  pause(): void {\n    this.audioElement?.pause();\n  }\n\n  /** Jumps to a position in the track, in seconds */\n  seekTo(seconds: number): void {\n    this.audioElement?.seekTo(seconds);\n  }\n\n  private get audioElementTemplate(): TemplateResult {\n    return html`\n      <ia-audio-element\n        .sources=${this.audioSources}\n        .playbackRate=${this.playbackRate}\n        .volume=${this.volume}\n        @timeupdate=${this.handleTimeChange}\n        @durationchange=${this.handleDurationChange}\n        @playbackStarted=${this.playbackStarted}\n        @playbackPaused=${this.playbackPaused}\n        @canplay=${this.canPlay}\n      ></ia-audio-element>\n    `;\n  }\n\n  private get titleDateTemplate(): TemplateResult {\n    return html`\n      <div class=\"title-date\">\n        <div class=\"title\">${this.config?.title ?? ''}</div>\n        <div class=\"date\">${this.config?.date ?? ''}</div>\n      </div>\n    `;\n  }\n\n  private get collectionLogoTemplate(): TemplateResult | typeof nothing {\n    const logoUrl = this.config?.logoUrl;\n    if (!logoUrl) return nothing;\n\n    return html`\n      <img\n        class=\"collection-logo\"\n        src=${logoUrl}\n        alt=${msg('Collection logo')}\n      />\n    `;\n  }\n\n  private get playbackControlsTemplate(): TemplateResult {\n    return html`\n      <ia-playback-controls\n        .playbackMode=${this.isPlaying\n          ? PlaybackMode.playing\n          : PlaybackMode.paused}\n        .playbackRate=${this.playbackRate}\n        .volume=${this.volume}\n        @back-button-pressed=${this.handleBackButton}\n        @play-pause-button-pressed=${this.handlePlayPauseButton}\n        @forward-button-pressed=${this.handleForwardButton}\n        @volumeChange=${this.handleVolumeChange}\n        @playbackRateChange=${this.handlePlaybackRateChange}\n        @next-section-button-pressed=${this.handleNextSectionButton}\n        @prev-section-button-pressed=${this.handlePrevSectionButton}\n      ></ia-playback-controls>\n    `;\n  }\n\n  private get waveformProgressTemplate(): TemplateResult | typeof nothing {\n    const waveformUrl = this.config?.waveformUrl;\n    if (!waveformUrl) return nothing;\n\n    return html`\n      <ia-waveform-progress\n        interactive\n        .waveformUrl=${waveformUrl}\n        .percentComplete=${this.percentComplete}\n        .zonesOfSilence=${this.zonesOfSilence}\n        @valuechange=${this.handleScrub}\n      ></ia-waveform-progress>\n    `;\n  }\n\n  private get scrubberBarTemplate(): TemplateResult {\n    return html`\n      <ia-scrubber-bar\n        .sectionMarkerPercentages=${this.sectionMarkerPercentages}\n        .value=${this.percentComplete}\n        @valuechange=${this.handleScrub}\n      ></ia-scrubber-bar>\n    `;\n  }\n\n  private get transcriptViewTemplate(): TemplateResult {\n    return html`\n      <div class=\"transcript-container\">\n        <ia-transcript-view\n          .config=${this.currentTranscript}\n          .currentTime=${this.currentTime}\n          @transcriptEntrySelected=${this.handleTranscriptEntrySelected}\n        ></ia-transcript-view>\n      </div>\n    `;\n  }\n\n  private get searchSectionTemplate(): TemplateResult {\n    return html`\n      <div class=\"search-section\">\n        <ia-expandable-search-bar\n          .searchTerm=${this.searchTerm}\n          .quickSearches=${this.quickSearches}\n          ?showsDisclosure=${this.quickSearches.length > 0}\n          @inputchange=${this.handleSearchInput}\n          @enterKeyPressed=${this.handleSearchSubmitted}\n          @quickSearchSelected=${this.handleQuickSearchSelected}\n          @searchCleared=${this.handleSearchCleared}\n        ></ia-expandable-search-bar>\n\n        <div class=\"search-results-info\">\n          <!--\n            Always rendered, so a screen reader is already watching it by the\n            time the text changes. A live region added to the page with its\n            text already in place is not announced.\n          -->\n          <div class=\"sr-only\" role=\"status\">${this.searchStatusMessage}</div>\n\n          ${this.isSearching\n            ? html`<ia-status-indicator\n                mode=\"loading\"\n                loadingTitle=${msg('Searching the transcript')}\n              ></ia-status-indicator>`\n            : this.searchOutcomeTemplate}\n        </div>\n      </div>\n    `;\n  }\n\n  /** What to show once a search has come back: a counter, or nothing found. */\n  private get searchOutcomeTemplate(): TemplateResult | typeof nothing {\n    if (this.searchTerm.length === 0 || !this.searchResultsTranscript) {\n      return nothing;\n    }\n\n    const resultCount = this.searchResults.length;\n    if (resultCount === 0) {\n      return html`\n        <div class=\"no-search-results-message\" aria-hidden=\"true\">\n          ${msg('No search results.')}\n        </div>\n      `;\n    }\n\n    return html`\n      <ia-search-results-switcher\n        .numberOfResults=${resultCount}\n        @searchResultIndexChanged=${this.handleSearchResultIndexChanged}\n      ></ia-search-results-switcher>\n    `;\n  }\n\n  /** What the live region announces as a search runs and comes back. */\n  private get searchStatusMessage(): string {\n    if (this.isSearching) return msg('Searching the transcript');\n    if (this.searchTerm.length === 0 || !this.searchResultsTranscript)\n      return '';\n\n    const count = this.searchResults.length;\n    if (count === 0) return msg('No search results.');\n\n    return msg(str`${count} search results`);\n  }\n\n  private get currentTranscript(): TranscriptConfig | undefined {\n    return this.searchResultsTranscript ?? this.transcriptConfig;\n  }\n\n  private get transcriptEntries(): TranscriptEntryConfig[] {\n    return this.currentTranscript?.entries ?? [];\n  }\n\n  private get searchResults(): TranscriptEntryConfig[] {\n    return this.searchResultsTranscript?.searchResults ?? [];\n  }\n\n  private get audioSources(): AudioSource[] {\n    return this.config?.audioSources ?? [];\n  }\n\n  private get quickSearches(): QuickSearchEntry[] {\n    return (this.config?.quickSearches ?? []).map((displayText) => ({\n      displayText,\n    }));\n  }\n\n  private get musicEntries(): TranscriptEntryConfig[] {\n    return this.transcriptEntries.filter((entry) => entry.isMusic);\n  }\n\n  /** The music stretches, as percentages, for marking on the waveform. */\n  private get zonesOfSilence(): ZoneOfSilence[] {\n    if (this.duration === 0) return [];\n\n    return this.musicEntries.map((entry) => ({\n      startPercent: (entry.start / this.duration) * 100,\n      endPercent: (entry.end / this.duration) * 100,\n    }));\n  }\n\n  /** The music stretches in seconds, for skipping past them. */\n  private get musicZones(): MusicZone[] {\n    return this.musicEntries.map((entry) => ({\n      start: entry.start,\n      end: entry.end,\n    }));\n  }\n\n  /**\n   * Every section boundary as a percentage, including the two ends.\n   *\n   * The section skip buttons step between these, and the scrubber draws a\n   * marker at each.\n   */\n  private get sectionMarkerPercentages(): number[] {\n    const percentages = [0];\n\n    this.zonesOfSilence.forEach((zone) => {\n      percentages.push(zone.startPercent, zone.endPercent);\n    });\n    percentages.push(100);\n\n    return percentages;\n  }\n\n  updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has('searchResultsTranscript')) {\n      this.resetSearchResultPosition();\n    }\n\n    if (changedProperties.has('searchHandler') && this.searchTerm) {\n      this.executeSearch(this.searchTerm);\n    }\n\n    if (changedProperties.has('currentTime')) {\n      this.dispatchEvent(\n        new CustomEvent<{ currentTime: number }>(Events.CurrentTimeChanged, {\n          detail: { currentTime: this.currentTime },\n        }),\n      );\n\n      if (this.skipMusicSections) this.skipMusicZone();\n    }\n  }\n\n  private handleTimeChange(e: CustomEvent<{ currentTime: number }>): void {\n    const { currentTime } = e.detail;\n    if (currentTime === undefined) return;\n\n    this.currentTime = currentTime;\n    // A duration of 0 means nothing has loaded yet, and dividing by it would\n    // put NaN into the scrubber and the waveform.\n    this.percentComplete =\n      this.duration > 0 ? (currentTime / this.duration) * 100 : 0;\n  }\n\n  private handleDurationChange(e: CustomEvent<{ duration: number }>): void {\n    const { duration } = e.detail;\n    // A stream reports Infinity, and metadata that hasn't loaded reports NaN.\n    if (!Number.isFinite(duration)) return;\n\n    this.duration = duration;\n  }\n\n  private handlePlaybackRateChange(\n    e: CustomEvent<{ playbackRate: number }>,\n  ): void {\n    const { playbackRate } = e.detail;\n    if (playbackRate === undefined) return;\n\n    this.playbackRate = playbackRate;\n    this.dispatchEvent(\n      new CustomEvent<{ playbackRate: number }>(Events.PlaybackRateChanged, {\n        detail: { playbackRate },\n      }),\n    );\n  }\n\n  private handleVolumeChange(e: CustomEvent<{ volume: number }>): void {\n    const { volume } = e.detail;\n    if (volume === undefined) return;\n\n    this.volume = volume;\n    this.dispatchEvent(\n      new CustomEvent<{ volume: number }>('volumeChanged', {\n        detail: { volume },\n      }),\n    );\n  }\n\n  private handleBackButton(): void {\n    this.audioElement?.seekBy(-SKIP_SECONDS);\n    this.dispatchEvent(new Event(Events.JumpBackButtonPressed));\n  }\n\n  private handleForwardButton(): void {\n    this.audioElement?.seekBy(SKIP_SECONDS);\n    this.dispatchEvent(new Event(Events.JumpForwardButtonPressed));\n  }\n\n  private handlePlayPauseButton(): void {\n    this.isPlaying = !this.isPlaying;\n\n    if (this.isPlaying) this.audioElement?.play();\n    else this.audioElement?.pause();\n\n    this.dispatchEvent(\n      new CustomEvent<{ isPlaying: boolean }>(Events.PlayPauseButtonPressed, {\n        detail: { isPlaying: this.isPlaying },\n      }),\n    );\n  }\n\n  private handleNextSectionButton(): void {\n    const ahead = this.sectionMarkerPercentages.filter(\n      (percent) => percent > this.percentComplete + SECTION_SEEK_NUDGE,\n    );\n    this.seekToSectionBoundary(ahead, Math.min, SECTION_SEEK_NUDGE);\n\n    this.dispatchEvent(new Event(Events.NextSectionButtonPressed));\n  }\n\n  private handlePrevSectionButton(): void {\n    const behind = this.sectionMarkerPercentages.filter(\n      (percent) => percent < this.percentComplete - SECTION_SEEK_NUDGE,\n    );\n    this.seekToSectionBoundary(behind, Math.max, -SECTION_SEEK_NUDGE);\n\n    this.dispatchEvent(new Event(Events.PrevSectionButtonPressed));\n  }\n\n  /**\n   * Seeks to the nearest of a set of boundaries.\n   *\n   * Does nothing when the set is empty, since `Math.min` of nothing is\n   * `Infinity` and `Math.max` of nothing is `-Infinity`, either of which would\n   * be handed straight to the audio element as a position.\n   */\n  private seekToSectionBoundary(\n    percentages: number[],\n    pick: (...values: number[]) => number,\n    nudge: number,\n  ): void {\n    if (percentages.length === 0) return;\n\n    const boundary = pick(...percentages);\n    this.audioElement?.seekTo(this.duration * (boundary / 100) + nudge);\n  }\n\n  private handleScrub(e: CustomEvent<{ value: number }>): void {\n    const percentage = e.detail.value;\n    if (percentage === undefined) return;\n\n    const newTime = this.duration * (percentage / 100);\n    this.currentTime = newTime;\n    this.percentComplete = percentage;\n    this.audioElement?.seekTo(newTime);\n\n    this.dispatchEvent(\n      new CustomEvent<{ newTime: number }>(Events.TimeChangedFromScrub, {\n        detail: { newTime },\n      }),\n    );\n  }\n\n  private handleTranscriptEntrySelected(\n    e: CustomEvent<{ entry: TranscriptEntryConfig }>,\n  ): void {\n    const { entry } = e.detail;\n    if (!entry) return;\n\n    this.currentTime = entry.start;\n    this.audioElement?.seekTo(entry.start);\n    this.audioElement?.play();\n\n    this.dispatchEvent(\n      new CustomEvent<{ newTime: number }>(Events.TranscriptEntrySelected, {\n        detail: { newTime: entry.start },\n      }),\n    );\n  }\n\n  private handleSearchInput(e: CustomEvent<{ value: string }>): void {\n    const { value } = e.detail;\n    if (value === undefined) return;\n\n    this.searchTerm = value;\n\n    // An empty box has nothing to show results for. The counter already hides\n    // itself on an empty term, so without dropping the results too the\n    // transcript keeps its outlines and offers no way to step between them.\n    if (value.length === 0) {\n      this.searchResultsTranscript = undefined;\n      // Abandons whatever is in flight, so its results can't land afterwards.\n      this.latestSearchId += 1;\n      this.isSearching = false;\n      this.resetSearchResultPosition();\n    }\n\n    this.emitSearchTermChanged(value);\n  }\n\n  private handleSearchSubmitted(e: CustomEvent<{ value: string }>): void {\n    const { value } = e.detail;\n    if (!value) return;\n\n    this.executeSearch(value);\n  }\n\n  private handleQuickSearchSelected(\n    e: CustomEvent<{ quickSearchEntry: QuickSearchEntry }>,\n  ): void {\n    const term = e.detail.quickSearchEntry?.displayText;\n    if (!term) return;\n\n    this.emitSearchTermChanged(term);\n    this.executeSearch(term);\n  }\n\n  private handleSearchCleared(): void {\n    this.searchTerm = '';\n    this.searchResultsTranscript = undefined;\n    // Abandons whatever is in flight, so its results can't arrive after this.\n    this.latestSearchId += 1;\n    this.isSearching = false;\n\n    this.dispatchEvent(new Event(Events.SearchCleared));\n    this.emitSearchTermChanged('');\n    this.resetSearchResultPosition();\n  }\n\n  /**\n   * Runs a search and shows its results.\n   *\n   * Each run is numbered, and only the newest one is allowed to report back.\n   * Searches go over the network, so a slow one started earlier can land after\n   * a fast one started later, and without this the older results would end up\n   * on screen under the newer term.\n   *\n   * A failed search has to put the spinner away as surely as a successful one,\n   * hence the `finally`. Leaving it up would hide the search UI for as long as\n   * the page lives.\n   */\n  private async executeSearch(term: string): Promise<void> {\n    if (!this.searchHandler || term.length < MIN_SEARCH_LENGTH) {\n      this.searchResultsTranscript = undefined;\n      return;\n    }\n\n    this.searchTerm = term;\n    this.isSearching = true;\n    this.dispatchEvent(new Event(Events.SearchExecuted));\n\n    this.latestSearchId += 1;\n    const searchId = this.latestSearchId;\n\n    try {\n      const results = await this.searchHandler.search(term);\n      if (searchId !== this.latestSearchId) return;\n\n      this.searchResultsTranscript = results;\n    } catch {\n      if (searchId !== this.latestSearchId) return;\n\n      this.searchResultsTranscript = undefined;\n      this.dispatchEvent(new Event(Events.SearchFailed));\n    } finally {\n      if (searchId === this.latestSearchId) this.isSearching = false;\n    }\n  }\n\n  private handleSearchResultIndexChanged(\n    e: CustomEvent<{ searchResultIndex: number }>,\n  ): void {\n    const { searchResultIndex } = e.detail;\n    if (searchResultIndex === undefined || !this.transcriptView) return;\n\n    this.transcriptView.selectedSearchResultIndex = searchResultIndex;\n    this.transcriptView.scrollToSelectedSearchResult();\n\n    this.dispatchEvent(\n      new CustomEvent<{ searchResultIndex: number }>(\n        Events.HighlightedSearchResultChanged,\n        { detail: { searchResultIndex } },\n      ),\n    );\n  }\n\n  /** Puts both the transcript and the switcher back to the first result. */\n  private resetSearchResultPosition(): void {\n    if (this.transcriptView) this.transcriptView.selectedSearchResultIndex = 0;\n    if (this.searchResultsSwitcher) {\n      this.searchResultsSwitcher.currentResultIndex = 0;\n    }\n  }\n\n  private emitSearchTermChanged(searchTerm: string): void {\n    this.dispatchEvent(\n      new CustomEvent<{ searchTerm: string }>(Events.SearchTermChanged, {\n        detail: { searchTerm },\n      }),\n    );\n  }\n\n  private playbackPaused(): void {\n    this.isPlaying = false;\n    this.dispatchEvent(new Event(Events.PlaybackPaused));\n  }\n\n  private playbackStarted(): void {\n    this.isPlaying = true;\n    this.dispatchEvent(new Event(Events.PlaybackStarted));\n  }\n\n  private canPlay(): void {\n    this.dispatchEvent(new Event(Events.CanPlay));\n  }\n\n  /** Jumps past a music stretch if playback has wandered into one. */\n  private skipMusicZone(): void {\n    const activeZone = this.musicZones.find(\n      (zone) => this.currentTime > zone.start && this.currentTime < zone.end,\n    );\n    if (!activeZone) return;\n\n    this.audioElement?.seekTo(activeZone.end + SECTION_SEEK_NUDGE);\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        --radio-player-title-color--: var(\n          --ia-theme-radio-player-title-color,\n          #fff\n        );\n        --radio-player-title-font--: var(\n          --ia-theme-radio-player-title-font,\n          1.5em sans-serif\n        );\n        --radio-player-date-color--: var(\n          --ia-theme-radio-player-date-color,\n          #fff\n        );\n        --radio-player-date-font--: var(\n          --ia-theme-radio-player-date-font,\n          1em sans-serif\n        );\n        --radio-player-logo-max-height--: var(\n          --ia-theme-radio-player-logo-max-height,\n          8rem\n        );\n        --radio-player-waveform-height--: var(\n          --ia-theme-radio-player-waveform-height,\n          5rem\n        );\n      }\n\n      section[role='main'] {\n        display: grid;\n        grid-gap: 0.5rem;\n      }\n\n      ia-status-indicator {\n        --ia-theme-icon-width: 1.5em;\n        --ia-theme-primary-text-color: #999;\n\n        display: block;\n        margin: auto;\n      }\n\n      /* mobile view */\n      @media (max-width: 770px) {\n        section[role='main'] {\n          grid-template-columns: 25% 1fr;\n          grid-template-areas:\n            'collection-logo title-date'\n            'waveform-scrubber waveform-scrubber'\n            'playback-controls playback-controls'\n            'search-section search-section'\n            'transcript-container transcript-container';\n        }\n\n        .date {\n          text-align: left;\n        }\n\n        ia-transcript-view {\n          --ia-theme-transcript-time-display: none;\n        }\n\n        ia-playback-controls {\n          width: 75%;\n          margin: auto;\n        }\n\n        .search-section {\n          width: 75%;\n          margin: auto;\n        }\n      }\n\n      /* wide view */\n      @media (min-width: 770px) {\n        section[role='main'] {\n          grid-template-columns: 192px 0 250px 1fr;\n          grid-template-areas:\n            'title-date title-date title-date title-date'\n            'collection-logo . playback-controls waveform-scrubber'\n            'search-section transcript-container transcript-container transcript-container';\n        }\n\n        .title-date {\n          display: flex;\n          justify-content: space-between;\n          align-items: baseline;\n        }\n\n        ia-transcript-view {\n          --ia-theme-transcript-time-display: block;\n        }\n      }\n\n      .title-date {\n        grid-area: title-date;\n      }\n\n      .title {\n        color: var(--radio-player-title-color--);\n        font: var(--radio-player-title-font--);\n      }\n\n      .date {\n        color: var(--radio-player-date-color--);\n        font: var(--radio-player-date-font--);\n      }\n\n      ia-waveform-progress {\n        width: 100%;\n        height: var(--radio-player-waveform-height--);\n      }\n\n      ia-playback-controls {\n        grid-area: playback-controls;\n      }\n\n      .transcript-container {\n        grid-area: transcript-container;\n      }\n\n      ia-transcript-view {\n        max-width: 600px;\n        display: block;\n      }\n\n      .collection-logo {\n        width: 100%;\n        max-height: var(--radio-player-logo-max-height--);\n        object-fit: contain;\n        grid-area: collection-logo;\n        align-self: center;\n      }\n\n      .waveform-scrubber-container {\n        width: 100%;\n        height: 100%;\n        grid-area: waveform-scrubber;\n      }\n\n      .search-section {\n        grid-area: search-section;\n      }\n\n      .search-results-info {\n        margin-top: 0.5em;\n      }\n\n      ia-expandable-search-bar {\n        display: block;\n        margin: auto;\n      }\n\n      .no-search-results-message {\n        text-align: center;\n      }\n\n      .sr-only {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/elements/ia-reviews/assets/delete-icon.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+    <rect width="24" height="24" fill="white"/>
+    <path d="M5 7.5H19L18 21H6L5 7.5Z" stroke="#000000" stroke-linejoin="round"/>
+    <path d="M15.5 9.5L15 19" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12 9.5V19" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.5 9.5L9 19" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16 5H19C20.1046 5 21 5.89543 21 7V7.5H3V7C3 5.89543 3.89543 5 5 5H8M16 5L15 3H9L8 5M16 5H8" stroke="#000000" stroke-linejoin="round"/>
+  </svg>

package/dist/src/elements/ia-reviews/assets/star-basic.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="m81.0388846 100-30.9636029-22.5595033-30.7410319 22.5595033 10.6670595-37.3922042-30.0013093-25.2155916h37.5556428l12.5196389-37.3922042 12.3690754 37.3922042h37.5556429l-29.7034563 25.2155916z"
+    fill="#2C2C2C"
+  />
+</svg>

package/dist/src/elements/ia-reviews/assets/star-selected.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="m81.0388846 100-30.9636029-22.5595033-30.7410319 22.5595033 10.6670595-37.3922042-30.0013093-25.2155916h37.5556428l12.5196389-37.3922042 12.3690754 37.3922042h37.5556429l-29.7034563 25.2155916z"
+    fill="#c2820a"
+    stroke="#c2820a"
+    stroke-width="3px"
+  />
+</svg>

package/dist/src/elements/ia-reviews/assets/star-unselected.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="m81.0388846 100-30.9636029-22.5595033-30.7410319 22.5595033 10.6670595-37.3922042-30.0013093-25.2155916h37.5556428l12.5196389-37.3922042 12.3690754 37.3922042h37.5556429l-29.7034563 25.2155916z"
+    fill="#ffffff"
+    stroke="#c2820a"
+    stroke-width="3px"
+  />
+</svg>

package/dist/src/elements/ia-reviews/ia-review-form.d.ts

@@ -0,0 +1,99 @@
+import { LitElement, PropertyValues, CSSResultGroup } from 'lit';
+import type { RecaptchaManagerInterface } from '@internetarchive/recaptcha-manager';
+import '../../elements/ia-button/ia-button.js';
+import { Review } from '@internetarchive/metadata-service';
+import type { ReviewServiceInterface } from './models.js';
+import './ia-review.js';
+/**
+ * Renders a form to edit a given IA review.
+ */
+export declare class IAReviewForm extends LitElement {
+    identifier?: string;
+    /** Form submitter's screenname, if applicable */
+    submitterScreenname: string;
+    /** Form submitter's itemname, if applicable */
+    submitterItemname?: string;
+    oldReview?: Review;
+    unrecoverableError?: string;
+    maxSubjectLength?: number;
+    maxBodyLength?: number;
+    reviewService?: ReviewServiceInterface;
+    recaptchaManager?: RecaptchaManagerInterface;
+    bypassRecaptcha: boolean;
+    private recaptchaWidget?;
+    private currentStars;
+    private currentSubjectLength;
+    private currentBodyLength;
+    recoverableError?: string;
+    private formCanSubmit;
+    submissionInProgress: boolean;
+    private reviewForm;
+    private RECAPTCHA_ERROR_MESSAGE;
+    private GENERIC_ERROR_MESSAGE;
+    render(): import("lit").TemplateResult<1>;
+    protected willUpdate(changed: PropertyValues): void;
+    /** Error to render instead of form inputs */
+    private get unrecoverableErrorTemplate();
+    /** Error to render next to submit button */
+    private get recoverableErrorTemplate();
+    private get recaptchaMessageTemplate();
+    /** Clickable group of stars */
+    private get starsInputTemplate();
+    /** Subject input and character counter */
+    private get subjectInputTemplate();
+    /** Body input and character counter */
+    private get bodyInputTemplate();
+    /** Buttons to render at bottom of form */
+    private get actionButtonsTemplate();
+    /**
+     * Renders a star icon, using its number and the current star rating
+     * to determine whether it should appear selected or not
+     *
+     * @param {number} num The number of the current star
+     * @returns {HTMLTemplateResult} The correct icon, rendered within a button
+     */
+    private renderStar;
+    /**
+     * Sets up ReCaptcha for the form, if possible.
+     *
+     * On failure, replaces form inputs with the ReCaptcha error message.
+     */
+    private setupRecaptcha;
+    /**
+     * Uses DOMpurify to sanitize any error message before render.
+     *
+     * @param {string} errorMsg The error message to be sanitized
+     * @returns {string} The sanitized error message
+     */
+    private sanitizeErrorMsg;
+    /** Handles validation and recaptcha execution on form submission */
+    private handleSubmit;
+    /**
+     * Generates a review object from the submitted review,
+     * for optimistic display on success.
+     *
+     * @returns {Review} The review to display
+     */
+    private generateSubmittedReview;
+    /**
+     * Converts date to string if it is a Date, otherwise
+     * leaves unchanged.
+     */
+    private dateToString;
+    /**
+     * Executes the ReCaptcha challenge for the form.
+     * Attempts form submission on success.
+     * */
+    private getRecaptchaToken;
+    private handleRecaptchaError;
+    private stopSubmission;
+    private cancelReviewEdit;
+    private handleStarClicked;
+    private handleClearBtnClicked;
+    private setStars;
+    private handleSubjectChanged;
+    private handleBodyChanged;
+    private checkSubmissionAllowed;
+    static get styles(): CSSResultGroup;
+}
+//# sourceMappingURL=ia-review-form.d.ts.map

package/dist/src/elements/ia-reviews/ia-review-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-review-form.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-reviews/ia-review-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAGV,cAAc,EACd,cAAc,EACf,MAAM,KAAK,CAAC;AAQb,OAAO,KAAK,EACV,yBAAyB,EAE1B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAK3D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,aAAa,CAAC;AAErB;;GAEG;AACH,qBACa,YAAa,SAAQ,UAAU;IAEd,UAAU,CAAC,EAAE,MAAM,CAAC;IAEhD,iDAAiD;IACrB,mBAAmB,EAAE,MAAM,CAAe;IAEtE,+CAA+C;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAG3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAG5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,aAAa,CAAC,EAAE,MAAM,CAAC;IAGvB,aAAa,CAAC,EAAE,sBAAsB,CAAC;IAGvC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAG5C,eAAe,EAAE,OAAO,CAAS;IAG9D,OAAO,CAAC,eAAe,CAAC,CAA2B;IAInD,OAAO,CAAC,YAAY,CAAa;IAIjC,OAAO,CAAC,oBAAoB,CAAa;IAIzC,OAAO,CAAC,iBAAiB,CAAa;IAItC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAI1B,OAAO,CAAC,aAAa,CAAkB;IAIvC,oBAAoB,EAAE,OAAO,CAAS;IAItC,OAAO,CAAC,UAAU,CAAmB;IAGrC,OAAO,CAAC,uBAAuB,CACwB;IAEvD,OAAO,CAAC,qBAAqB,CAC2C;IAExE,MAAM;IAeN,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAiCnD,6CAA6C;IAC7C,OAAO,KAAK,0BAA0B,GAUrC;IAED,4CAA4C;IAC5C,OAAO,KAAK,wBAAwB,GAQnC;IAED,OAAO,KAAK,wBAAwB,GAwBnC;IAED,+BAA+B;IAC/B,OAAO,KAAK,kBAAkB,GAuB7B;IAED,0CAA0C;IAC1C,OAAO,KAAK,oBAAoB,GAqC/B;IAED,uCAAuC;IACvC,OAAO,KAAK,iBAAiB,GAkC5B;IAED,0CAA0C;IAC1C,OAAO,KAAK,qBAAqB,GAoBhC;IAED;;;;;;OAMG;IACH,OAAO,CAAC,UAAU;IA2BlB;;;;OAIG;YACW,cAAc;IAQ5B;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB;IAIxB,oEAAoE;YACtD,YAAY;IAuD1B;;;;;OAKG;IACH,OAAO,CAAC,uBAAuB;IAiB/B;;;OAGG;IACH,OAAO,CAAC,YAAY;IAKpB;;;SAGK;YACS,iBAAiB;IAgB/B,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,sBAAsB;IA2B9B,MAAM,KAAK,MAAM,IAAI,cAAc,CAgJlC;CACF"}