@internetarchive/radio-player 0.0.3-a4 → 0.0.4-alpha.1

package/lib/src/radio-player.d.ts

@@ -1,589 +1,589 @@
-import { LitElement, CSSResult, TemplateResult, PropertyValues } from 'lit';
-import { TranscriptConfig } from '@internetarchive/transcript-view';
-import '@internetarchive/waveform-progress';
-import '@internetarchive/playback-controls';
-import '@internetarchive/scrubber-bar';
-import '@internetarchive/expandable-search-bar';
-import '@internetarchive/ia-activity-indicator/ia-activity-indicator';
-import './search-results-switcher';
-import RadioPlayerConfig from './models/radio-player-config';
-import { SearchHandlerInterface } from './search-handler/search-handler-interface';
-/**
- * A Radio Player element to play back transcribed audio.
- *
- * It is responsible for orchestrating all of the other components like:
- * - Waveform Progress
- * - Scrubber Bar
- * - Playback Controls
- * - Transcript View
- * - Audio Element
- * - Search Bar
- *
- * @export
- * @class RadioPlayer
- * @extends {LitElement}
- */
-export default class RadioPlayer extends LitElement {
-    /**
-     * Radio player configuration
-     *
-     * @type {(RadioPlayerConfig | undefined)}
-     * @memberof RadioPlayer
-     */
-    config: RadioPlayerConfig | undefined;
-    /**
-     * The Search Handler
-     *
-     * @type {(SearchHandlerInterface | undefined)}
-     * @memberof RadioPlayer
-     */
-    searchHandler: SearchHandlerInterface | undefined;
-    /**
-     * Transcript configuration
-     *
-     * @type {(TranscriptConfig | undefined)}
-     * @memberof RadioPlayer
-     */
-    transcriptConfig: TranscriptConfig | undefined;
-    /**
-     * Search result transcript. It's also a `TranscriptConfig` object, but is broken up by
-     * transcript entries as well as search results.
-     *
-     * If this is set, the transcript view, uses this, otherwise it uses `transcriptConfig`
-     *
-     * @type {(TranscriptConfig | undefined)}
-     * @memberof RadioPlayer
-     */
-    searchResultsTranscript: TranscriptConfig | undefined;
-    /**
-     * Current playback time
-     *
-     * @type {number}
-     * @memberof RadioPlayer
-     */
-    currentTime: number;
-    /**
-     * Current search term
-     *
-     * @type {string}
-     * @memberof RadioPlayer
-     */
-    searchTerm: string;
-    /**
-     * Flag to determine whether or not to skip the music sections
-     *
-     * @type {boolean}
-     * @memberof RadioPlayer
-     */
-    skipMusicSections: boolean;
-    /**
-     * Percent of playback that is complete
-     *
-     * @private
-     * @type {number}
-     * @memberof RadioPlayer
-     */
-    private percentComplete;
-    /**
-     * Flag for whether or not the radio player is playing
-     *
-     * @private
-     * @type {boolean}
-     * @memberof RadioPlayer
-     */
-    private isPlaying;
-    /**
-     * Duration of the audio file
-     *
-     * @private
-     * @type {number}
-     * @memberof RadioPlayer
-     */
-    private duration;
-    /**
-     * The playback rate where 1 is "normal", 0 is paused, 2 is twice as fase
-     *
-     * @private
-     * @type {number}
-     * @memberof RadioPlayer
-     */
-    private playbackRate;
-    /**
-     * Volume from 0 to 1
-     *
-     * @private
-     * @type {number}
-     * @memberof RadioPlayer
-     */
-    private volume;
-    /**
-     * Flag for whether we should show the search results switcher
-     *
-     * @private
-     * @type {boolean}
-     * @memberof RadioPlayer
-     */
-    private shouldShowSearchResultSwitcher;
-    /**
-     * Flag for whether we should show the 'no results' message
-     *
-     * @private
-     * @type {boolean}
-     * @memberof RadioPlayer
-     */
-    private shouldShowNoSearchResultMessage;
-    /**
-     * Are we searching or not?
-     *
-     * @private
-     * @type {boolean}
-     * @memberof RadioPlayer
-     */
-    private isSearching;
-    private musicZones;
-    /**
-     * LitElement lifecycle main render method
-     *
-     * @returns {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    render(): TemplateResult;
-    /**
-     * Start playback
-     *
-     * @memberof RadioPlayer
-     */
-    play(): void;
-    /**
-     * Pause playback
-     *
-     * @memberof RadioPlayer
-     */
-    pause(): void;
-    /**
-     * Seek audio to given number of seconds
-     *
-     * @param {number} seconds
-     * @memberof RadioPlayer
-     */
-    seekTo(seconds: number): void;
-    /**
-     * Generate markup for the title and date view sections
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get titleDateTemplate();
-    /**
-     * Generate markup for the logo element
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get collectionLogoTemplate();
-    /**
-     * Return the logoUrl from the config if provided
-     *
-     * @readonly
-     * @private
-     * @type {string}
-     * @memberof RadioPlayer
-     */
-    private get logoUrl();
-    /**
-     * Generate the markup for the waveform progress element
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get waveFormProgressTemplate();
-    /**
-     * Generate an array of `ZoneOfSilence` models for the waveform progress element
-     *
-     * It does this by parsing the transcript for music sections and converting
-     * those music sections to zones of silence.
-     *
-     * @readonly
-     * @private
-     * @type {ZoneOfSilence[]}
-     * @memberof RadioPlayer
-     */
-    private get zonesOfSilence();
-    /**
-     * Return the waveform url from the configuration
-     *
-     * @readonly
-     * @private
-     * @type {string}
-     * @memberof RadioPlayer
-     */
-    private get waveformUrl();
-    /**
-     * Generate the audio element markup
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get audioElementTemplate();
-    /**
-     * Return the audio sources from the configuration
-     *
-     * @readonly
-     * @private
-     * @type {AudioSource[]}
-     * @memberof RadioPlayer
-     */
-    private get audioSources();
-    /**
-     * Generate markup for the playback controls
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get playbackControlsTemplate();
-    /**
-     * Generate an array of start and end points for each of the music zones.
-     * This allows us to show the markers on the scrubber bar and optionally skip those sections.
-     *
-     * @readonly
-     * @private
-     * @type {number[]}
-     * @memberof RadioPlayer
-     */
-    private get scrubberBarMarkerPercentages();
-    /**
-     * Generate markup for the scrubber bar
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get scrubberBarTemplate();
-    /**
-     * Generate markup for the transcript view
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get transcriptViewTemplate();
-    private get currentTranscript();
-    /**
-     * Generate markup for search section
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get searchSectionTemplate();
-    /**
-     * Generate markup for the search results switcher
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get searchResultsSwitcherTemplate();
-    /**
-     * Search activity indicator template
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get searchActivityIndicator();
-    /**
-     * Generate markup for the "No Search Results" message
-     *
-     * @readonly
-     * @private
-     * @type {TemplateResult}
-     * @memberof RadioPlayer
-     */
-    private get noSearchResultsTemplate();
-    /**
-     * Generate an array of `QuickSearchEntry` objects based on the quick search
-     * configuration passed in.
-     *
-     * @readonly
-     * @private
-     * @type {QuickSearchEntry[]}
-     * @memberof RadioPlayer
-     */
-    private get quickSearches();
-    /**
-     * Update the local search term when the SearchBar widget gets updated and emits the event
-     *
-     * @private
-     * @param {CustomEvent} e
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private updateSearchTerm;
-    /**
-     * Triggered when the user clicks the clear search button in the search bar.
-     * Clean up all of the search info and reset to the base transcript.
-     *
-     * @private
-     * @memberof RadioPlayer
-     */
-    private searchCleared;
-    /**
-     * Triggered when the user scrubs through search result indices so we can coordinate
-     * the UI updates like scrolling the transcript view
-     *
-     * @private
-     * @param {CustomEvent} e
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private searchResultIndexChanged;
-    /**
-     * Triggered when the user presses enter in the search bar so we can trigger a search.
-     *
-     * @private
-     * @param {CustomEvent} e
-     * @memberof RadioPlayer
-     */
-    private searchEnterKeyPressed;
-    private executeSearch;
-    /**
-     * Return transcript entries from the transcript configuration
-     *
-     * @readonly
-     * @private
-     * @type {TranscriptEntryConfig[]}
-     * @memberof RadioPlayer
-     */
-    private get transcriptEntries();
-    /**
-     * Return the transcript view DOM element
-     *
-     * @readonly
-     * @private
-     * @type {(TranscriptView | null)}
-     * @memberof RadioPlayer
-     */
-    private get transcriptView();
-    /**
-     * Return the audio element DOM element
-     *
-     * @readonly
-     * @private
-     * @type {(AudioElement | null)}
-     * @memberof RadioPlayer
-     */
-    private get audioElement();
-    /**
-     * Return the playback controls DOM element
-     *
-     * @readonly
-     * @private
-     * @type {(PlaybackControls | null)}
-     * @memberof RadioPlayer
-     */
-    private get playbackControls();
-    /**
-     * Return the search results switcher DOM element
-     *
-     * @readonly
-     * @private
-     * @type {(SearchResultsSwitcher | null)}
-     * @memberof RadioPlayer
-     */
-    private get searchResultsSwitcher();
-    /**
-     * Triggered when the user changes the playback rate so we can update the audio element
-     *
-     * @private
-     * @param {CustomEvent} e
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private changePlaybackRate;
-    /**
-     * Triggered when the user changes the volume from the playback controls
-     *
-     * @private
-     * @param {CustomEvent} e
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private volumeChanged;
-    /**
-     * Triggered when the user presses the back button in the playback controls
-     *
-     * @private
-     * @memberof RadioPlayer
-     */
-    private backButtonHandler;
-    /**
-     * Triggered when the user presses the play/pause button
-     *
-     * @private
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private playPauseButtonHandler;
-    /**
-     * Triggered when the user presses the forward button in the playback controls
-     *
-     * @private
-     * @memberof RadioPlayer
-     */
-    private forwardButtonHandler;
-    /**
-     * Skip to the next section
-     *
-     * @private
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private nextSectionButtonHandler;
-    /**
-     * Jump to the previous section
-     *
-     * @private
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private prevSectionButtonHandler;
-    /**
-     * Handle the duration change event like when the audio file first loads
-     *
-     * @private
-     * @param {CustomEvent} e
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private handleDurationChange;
-    /**
-     * Triggered as the playback progresses in the audio element
-     *
-     * @private
-     * @param {CustomEvent} e
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private handleTimeChange;
-    /**
-     * Update any consumers that the current time has changed
-     *
-     * @private
-     * @memberof RadioPlayer
-     */
-    private emitCurrentTimeChangedEvent;
-    /**
-     * When the user clears the search, we want to bubble up the event to other consumers.
-     *
-     * @private
-     * @memberof RadioPlayer
-     */
-    private emitSearchClearedEvent;
-    private emitSearchTermChangedEvent;
-    /**
-     * Handle the playback paused event
-     *
-     * @private
-     * @memberof RadioPlayer
-     */
-    private playbackPaused;
-    /**
-     * Handle the playback started event
-     *
-     * @private
-     * @memberof RadioPlayer
-     */
-    private playbackStarted;
-    /**
-     * Emits a `canplay` event when the media is ready to be played
-     *
-     * @private
-     * @memberof RadioPlayer
-     */
-    private canplay;
-    /**
-     * Triggered when the user scrubs the scrubber bar or waveform progress bar
-     *
-     * Handles updating the audioElement to the new time and emitting an event
-     * that the time changed
-     *
-     * @private
-     * @param {CustomEvent} e
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private valueChangedFromScrub;
-    /**
-     * Triggered when the user selects a transcript entry.
-     * Allows it to jump to that spot in the playback.
-     *
-     * @private
-     * @param {CustomEvent} e
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private transcriptEntrySelected;
-    /**
-     * Creates the music zones based on the transcript so we know when to skip past sections
-     *
-     * @private
-     * @memberof RadioPlayer
-     */
-    private updateMusicZones;
-    /**
-     * Skips a music zone if enabled
-     *
-     * @private
-     * @memberof RadioPlayer
-     */
-    private skipMusicZone;
-    /**
-     * Updates the search results switcher numbers
-     *
-     * @private
-     * @returns {void}
-     * @memberof RadioPlayer
-     */
-    private updateSearchResultSwitcher;
-    /**
-     * Returns the search result template entries from the transcript config
-     *
-     * @readonly
-     * @private
-     * @type {TranscriptEntryConfig[]}
-     * @memberof RadioPlayer
-     */
-    private get searchResults();
-    /**
-     * LitElement life cycle event when any reactive property gets updated
-     *
-     * @param {PropertyValues} changedProperties
-     * @memberof RadioPlayer
-     */
-    updated(changedProperties: PropertyValues): void;
-    /**
-     * Component styles
-     *
-     * @readonly
-     * @static
-     * @type {CSSResult}
-     * @memberof RadioPlayer
-     */
-    static get styles(): CSSResult;
-}
+import { LitElement, CSSResult, TemplateResult, PropertyValues } from 'lit';
+import { TranscriptConfig } from '@internetarchive/transcript-view';
+import '@internetarchive/waveform-progress';
+import '@internetarchive/playback-controls';
+import '@internetarchive/scrubber-bar';
+import '@internetarchive/expandable-search-bar';
+import '@internetarchive/ia-activity-indicator/ia-activity-indicator';
+import './search-results-switcher';
+import RadioPlayerConfig from './models/radio-player-config';
+import { SearchHandlerInterface } from './search-handler/search-handler-interface';
+/**
+ * A Radio Player element to play back transcribed audio.
+ *
+ * It is responsible for orchestrating all of the other components like:
+ * - Waveform Progress
+ * - Scrubber Bar
+ * - Playback Controls
+ * - Transcript View
+ * - Audio Element
+ * - Search Bar
+ *
+ * @export
+ * @class RadioPlayer
+ * @extends {LitElement}
+ */
+export default class RadioPlayer extends LitElement {
+    /**
+     * Radio player configuration
+     *
+     * @type {(RadioPlayerConfig | undefined)}
+     * @memberof RadioPlayer
+     */
+    config: RadioPlayerConfig | undefined;
+    /**
+     * The Search Handler
+     *
+     * @type {(SearchHandlerInterface | undefined)}
+     * @memberof RadioPlayer
+     */
+    searchHandler: SearchHandlerInterface | undefined;
+    /**
+     * Transcript configuration
+     *
+     * @type {(TranscriptConfig | undefined)}
+     * @memberof RadioPlayer
+     */
+    transcriptConfig: TranscriptConfig | undefined;
+    /**
+     * Search result transcript. It's also a `TranscriptConfig` object, but is broken up by
+     * transcript entries as well as search results.
+     *
+     * If this is set, the transcript view, uses this, otherwise it uses `transcriptConfig`
+     *
+     * @type {(TranscriptConfig | undefined)}
+     * @memberof RadioPlayer
+     */
+    searchResultsTranscript: TranscriptConfig | undefined;
+    /**
+     * Current playback time
+     *
+     * @type {number}
+     * @memberof RadioPlayer
+     */
+    currentTime: number;
+    /**
+     * Current search term
+     *
+     * @type {string}
+     * @memberof RadioPlayer
+     */
+    searchTerm: string;
+    /**
+     * Flag to determine whether or not to skip the music sections
+     *
+     * @type {boolean}
+     * @memberof RadioPlayer
+     */
+    skipMusicSections: boolean;
+    /**
+     * Percent of playback that is complete
+     *
+     * @private
+     * @type {number}
+     * @memberof RadioPlayer
+     */
+    private percentComplete;
+    /**
+     * Flag for whether or not the radio player is playing
+     *
+     * @private
+     * @type {boolean}
+     * @memberof RadioPlayer
+     */
+    private isPlaying;
+    /**
+     * Duration of the audio file
+     *
+     * @private
+     * @type {number}
+     * @memberof RadioPlayer
+     */
+    private duration;
+    /**
+     * The playback rate where 1 is "normal", 0 is paused, 2 is twice as fase
+     *
+     * @private
+     * @type {number}
+     * @memberof RadioPlayer
+     */
+    private playbackRate;
+    /**
+     * Volume from 0 to 1
+     *
+     * @private
+     * @type {number}
+     * @memberof RadioPlayer
+     */
+    private volume;
+    /**
+     * Flag for whether we should show the search results switcher
+     *
+     * @private
+     * @type {boolean}
+     * @memberof RadioPlayer
+     */
+    private shouldShowSearchResultSwitcher;
+    /**
+     * Flag for whether we should show the 'no results' message
+     *
+     * @private
+     * @type {boolean}
+     * @memberof RadioPlayer
+     */
+    private shouldShowNoSearchResultMessage;
+    /**
+     * Are we searching or not?
+     *
+     * @private
+     * @type {boolean}
+     * @memberof RadioPlayer
+     */
+    private isSearching;
+    private musicZones;
+    /**
+     * LitElement lifecycle main render method
+     *
+     * @returns {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    render(): TemplateResult;
+    /**
+     * Start playback
+     *
+     * @memberof RadioPlayer
+     */
+    play(): void;
+    /**
+     * Pause playback
+     *
+     * @memberof RadioPlayer
+     */
+    pause(): void;
+    /**
+     * Seek audio to given number of seconds
+     *
+     * @param {number} seconds
+     * @memberof RadioPlayer
+     */
+    seekTo(seconds: number): void;
+    /**
+     * Generate markup for the title and date view sections
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get titleDateTemplate();
+    /**
+     * Generate markup for the logo element
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get collectionLogoTemplate();
+    /**
+     * Return the logoUrl from the config if provided
+     *
+     * @readonly
+     * @private
+     * @type {string}
+     * @memberof RadioPlayer
+     */
+    private get logoUrl();
+    /**
+     * Generate the markup for the waveform progress element
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get waveFormProgressTemplate();
+    /**
+     * Generate an array of `ZoneOfSilence` models for the waveform progress element
+     *
+     * It does this by parsing the transcript for music sections and converting
+     * those music sections to zones of silence.
+     *
+     * @readonly
+     * @private
+     * @type {ZoneOfSilence[]}
+     * @memberof RadioPlayer
+     */
+    private get zonesOfSilence();
+    /**
+     * Return the waveform url from the configuration
+     *
+     * @readonly
+     * @private
+     * @type {string}
+     * @memberof RadioPlayer
+     */
+    private get waveformUrl();
+    /**
+     * Generate the audio element markup
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get audioElementTemplate();
+    /**
+     * Return the audio sources from the configuration
+     *
+     * @readonly
+     * @private
+     * @type {AudioSource[]}
+     * @memberof RadioPlayer
+     */
+    private get audioSources();
+    /**
+     * Generate markup for the playback controls
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get playbackControlsTemplate();
+    /**
+     * Generate an array of start and end points for each of the music zones.
+     * This allows us to show the markers on the scrubber bar and optionally skip those sections.
+     *
+     * @readonly
+     * @private
+     * @type {number[]}
+     * @memberof RadioPlayer
+     */
+    private get scrubberBarMarkerPercentages();
+    /**
+     * Generate markup for the scrubber bar
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get scrubberBarTemplate();
+    /**
+     * Generate markup for the transcript view
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get transcriptViewTemplate();
+    private get currentTranscript();
+    /**
+     * Generate markup for search section
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get searchSectionTemplate();
+    /**
+     * Generate markup for the search results switcher
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get searchResultsSwitcherTemplate();
+    /**
+     * Search activity indicator template
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get searchActivityIndicator();
+    /**
+     * Generate markup for the "No Search Results" message
+     *
+     * @readonly
+     * @private
+     * @type {TemplateResult}
+     * @memberof RadioPlayer
+     */
+    private get noSearchResultsTemplate();
+    /**
+     * Generate an array of `QuickSearchEntry` objects based on the quick search
+     * configuration passed in.
+     *
+     * @readonly
+     * @private
+     * @type {QuickSearchEntry[]}
+     * @memberof RadioPlayer
+     */
+    private get quickSearches();
+    /**
+     * Update the local search term when the SearchBar widget gets updated and emits the event
+     *
+     * @private
+     * @param {CustomEvent} e
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private updateSearchTerm;
+    /**
+     * Triggered when the user clicks the clear search button in the search bar.
+     * Clean up all of the search info and reset to the base transcript.
+     *
+     * @private
+     * @memberof RadioPlayer
+     */
+    private searchCleared;
+    /**
+     * Triggered when the user scrubs through search result indices so we can coordinate
+     * the UI updates like scrolling the transcript view
+     *
+     * @private
+     * @param {CustomEvent} e
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private searchResultIndexChanged;
+    /**
+     * Triggered when the user presses enter in the search bar so we can trigger a search.
+     *
+     * @private
+     * @param {CustomEvent} e
+     * @memberof RadioPlayer
+     */
+    private searchEnterKeyPressed;
+    private executeSearch;
+    /**
+     * Return transcript entries from the transcript configuration
+     *
+     * @readonly
+     * @private
+     * @type {TranscriptEntryConfig[]}
+     * @memberof RadioPlayer
+     */
+    private get transcriptEntries();
+    /**
+     * Return the transcript view DOM element
+     *
+     * @readonly
+     * @private
+     * @type {(TranscriptView | null)}
+     * @memberof RadioPlayer
+     */
+    private get transcriptView();
+    /**
+     * Return the audio element DOM element
+     *
+     * @readonly
+     * @private
+     * @type {(AudioElement | null)}
+     * @memberof RadioPlayer
+     */
+    private get audioElement();
+    /**
+     * Return the playback controls DOM element
+     *
+     * @readonly
+     * @private
+     * @type {(PlaybackControls | null)}
+     * @memberof RadioPlayer
+     */
+    private get playbackControls();
+    /**
+     * Return the search results switcher DOM element
+     *
+     * @readonly
+     * @private
+     * @type {(SearchResultsSwitcher | null)}
+     * @memberof RadioPlayer
+     */
+    private get searchResultsSwitcher();
+    /**
+     * Triggered when the user changes the playback rate so we can update the audio element
+     *
+     * @private
+     * @param {CustomEvent} e
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private changePlaybackRate;
+    /**
+     * Triggered when the user changes the volume from the playback controls
+     *
+     * @private
+     * @param {CustomEvent} e
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private volumeChanged;
+    /**
+     * Triggered when the user presses the back button in the playback controls
+     *
+     * @private
+     * @memberof RadioPlayer
+     */
+    private backButtonHandler;
+    /**
+     * Triggered when the user presses the play/pause button
+     *
+     * @private
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private playPauseButtonHandler;
+    /**
+     * Triggered when the user presses the forward button in the playback controls
+     *
+     * @private
+     * @memberof RadioPlayer
+     */
+    private forwardButtonHandler;
+    /**
+     * Skip to the next section
+     *
+     * @private
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private nextSectionButtonHandler;
+    /**
+     * Jump to the previous section
+     *
+     * @private
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private prevSectionButtonHandler;
+    /**
+     * Handle the duration change event like when the audio file first loads
+     *
+     * @private
+     * @param {CustomEvent} e
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private handleDurationChange;
+    /**
+     * Triggered as the playback progresses in the audio element
+     *
+     * @private
+     * @param {CustomEvent} e
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private handleTimeChange;
+    /**
+     * Update any consumers that the current time has changed
+     *
+     * @private
+     * @memberof RadioPlayer
+     */
+    private emitCurrentTimeChangedEvent;
+    /**
+     * When the user clears the search, we want to bubble up the event to other consumers.
+     *
+     * @private
+     * @memberof RadioPlayer
+     */
+    private emitSearchClearedEvent;
+    private emitSearchTermChangedEvent;
+    /**
+     * Handle the playback paused event
+     *
+     * @private
+     * @memberof RadioPlayer
+     */
+    private playbackPaused;
+    /**
+     * Handle the playback started event
+     *
+     * @private
+     * @memberof RadioPlayer
+     */
+    private playbackStarted;
+    /**
+     * Emits a `canplay` event when the media is ready to be played
+     *
+     * @private
+     * @memberof RadioPlayer
+     */
+    private canplay;
+    /**
+     * Triggered when the user scrubs the scrubber bar or waveform progress bar
+     *
+     * Handles updating the audioElement to the new time and emitting an event
+     * that the time changed
+     *
+     * @private
+     * @param {CustomEvent} e
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private valueChangedFromScrub;
+    /**
+     * Triggered when the user selects a transcript entry.
+     * Allows it to jump to that spot in the playback.
+     *
+     * @private
+     * @param {CustomEvent} e
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private transcriptEntrySelected;
+    /**
+     * Creates the music zones based on the transcript so we know when to skip past sections
+     *
+     * @private
+     * @memberof RadioPlayer
+     */
+    private updateMusicZones;
+    /**
+     * Skips a music zone if enabled
+     *
+     * @private
+     * @memberof RadioPlayer
+     */
+    private skipMusicZone;
+    /**
+     * Updates the search results switcher numbers
+     *
+     * @private
+     * @returns {void}
+     * @memberof RadioPlayer
+     */
+    private updateSearchResultSwitcher;
+    /**
+     * Returns the search result template entries from the transcript config
+     *
+     * @readonly
+     * @private
+     * @type {TranscriptEntryConfig[]}
+     * @memberof RadioPlayer
+     */
+    private get searchResults();
+    /**
+     * LitElement life cycle event when any reactive property gets updated
+     *
+     * @param {PropertyValues} changedProperties
+     * @memberof RadioPlayer
+     */
+    updated(changedProperties: PropertyValues): void;
+    /**
+     * Component styles
+     *
+     * @readonly
+     * @static
+     * @type {CSSResult}
+     * @memberof RadioPlayer
+     */
+    static get styles(): CSSResult;
+}