import type Hls from 'hls.js';
import { PropertyValues } from 'lit';
import { CanPlay, MediaType } from '../../media';
import { VideoElement } from '../video';
export declare const HLS_ELEMENT_TAG_NAME = "vds-hls";
export declare const HLS_EXTENSIONS: RegExp;
export declare const HLS_TYPES: Set<string>;
export declare type HlsConstructor = typeof Hls;
/**
 * Embeds video content into documents via the native `<video>` element. It may contain
 * one or more video sources, represented using the `src` attribute or the `<source>` element: the
 * browser will choose the most suitable one.
 *
 * In addition, this element introduces support for HLS streaming via the popular `hls.js` library.
 * HLS streaming is either [supported natively](https://caniuse.com/?search=hls) (generally
 * on iOS), or in environments that [support the Media Stream API](https://caniuse.com/?search=mediastream).
 *
 * 💡 This element contains the exact same interface as the `<video>` element. It redispatches
 * all the native events if needed, but prefer the `vds-*` variants (eg: `vds-play`) as they
 * iron out any browser issues. It also dispatches all the `hls.js` events.
 *
 * ## Dynamically Loaded
 *
 * ### CDN
 *
 * Simply point the `hlsLibrary` property or `hls-library` attribute to a script on a CDN
 * containing the library. For example, you could use the following URL
 * `https://cdn.jsdelivr.net/npm/hls.js@0.14.7/dist/hls.js`. Swap `hls.js` for `hls.min.js` in
 * production.
 *
 * We recommended using either [JSDelivr](https://jsdelivr.com) or [UNPKG](https://unpkg.com).
 *
 * ```html
 * <vds-hls
 *   src="https://stream.mux.com/dGTf2M5TBA5ZhXvwEIOziAHBhF2Rn00jk79SZ4gAFPn8.m3u8"
 *   hls-library="https://cdn.jsdelivr.net/npm/hls.js@0.14.7/dist/hls.js"
 * ></vds-hls>
 * ```
 *
 * ### Dynamic Import
 *
 * If you'd like to serve your own copy and control when the library is downloaded, simply
 * use [dynamic imports](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#dynamic_imports)
 * and update the `hlsLibrary` property when ready. You must pass in the `hls.js` class constructor.
 *
 * ## Locally Bundled (not recommended)
 *
 * You'll need to install `hls.js`...
 *
 * ```bash
 * $: npm install hls.js@^0.14.0 @types/hls.js@^0.13.3
 * ```
 *
 * Finally, import it and pass it as a property to `<vds-hls>`...
 *
 * ```ts
 * import '@vidstack/elements/providers/hls/define';
 *
 * import { html, LitElement } from 'lit';
 * import Hls from 'hls.js';
 *
 * class MyElement extends LitElement {
 *   render() {
 *     return html`<vds-hls src="..."  .hlsLibrary=${Hls}></vds-hls>`;
 *   }
 * }
 * ```
 *
 * @tagname vds-hls
 * @slot Used to pass in `<source>` and `<track>` elements to the underlying HTML5 media player.
 * @slot ui - Used to pass in `<vds-ui>` to customize the player user interface.
 * @csspart media - The video element (`<video>`).
 * @csspart video - Alias for `media` part.
 * @example
 * ```html
 * <vds-hls src="/media/index.m3u8" poster="/media/poster.png">
 *   <!-- Additional media resources here. -->
 * </vds-hls>
 * ```
 * @example
 * ```html
 * <vds-hls src="/media/index.m3u8" poster="/media/poster.png">
 *   <track default kind="subtitles" src="/media/subs/en.vtt" srclang="en" label="English" />
 * </vds-hls>
 * ```
 */
export declare class HlsElement extends VideoElement {
    /**
     * The `hls.js` configuration object.
     */
    hlsConfig: Partial<Hls.Config | undefined>;
    /**
     * The `hls.js` constructor or a URL of where it can be found. Only version `^0.13.3`
     * (note the `^`) is supported at the moment. Important to note that by default this is
     * `undefined` so you can freely optimize when the best possible time is to load the library.
     */
    hlsLibrary: HlsConstructor | string | undefined;
    protected _Hls: HlsConstructor | undefined;
    /**
     * The `hls.js` constructor.
     */
    get Hls(): typeof Hls | undefined;
    protected _hlsEngine: Hls | undefined;
    protected _isHlsEngineAttached: boolean;
    /**
     * The current `hls.js` instance.
     */
    get hlsEngine(): Hls | undefined;
    /**
     * Whether the `hls.js` instance has mounted the `HtmlMediaElement`.
     *
     * @default false
     */
    get isHlsEngineAttached(): boolean;
    get currentSrc(): string;
    connectedCallback(): void;
    protected update(changedProperties: PropertyValues): Promise<void>;
    protected firstUpdated(changedProperties: PropertyValues): void;
    disconnectedCallback(): void;
    /**
     * Attempts to preconnect to the `hls.js` remote source given via `hlsLibrary`. This is
     * assuming `hls.js` is not bundled and `hlsLibrary` is a URL string pointing to where it
     * can be found.
     */
    protected _initiateHlsLibraryDownloadConnection(): void;
    canPlayType(type: string): CanPlay;
    /**
     * Whether HLS streaming is supported in this environment.
     */
    get isHlsSupported(): boolean;
    /**
     * Whether the current src is using HLS.
     *
     * @default false
     */
    get isHlsStream(): boolean;
    /**
     * Whether the browser natively supports HLS, mostly only true in Safari. Only call this method
     * after the provider has connected to the DOM (wait for `MediaProviderConnectEvent`).
     */
    get hasNativeHlsSupport(): boolean;
    /**
     * Whether native HLS support is available and whether it should be used. Generally defaults
     * to `false` as long as `window.MediaSource` is defined to enforce consistency by
     * using `hls.js` where ever possible.
     *
     * @default false
     */
    get shouldUseNativeHlsSupport(): boolean;
    /**
     * Notifies the `VideoElement` whether the `src` attribute should be set on the rendered
     * `<video>` element. If we're using `hls.js` we don't want to override the `blob`.
     */
    protected _shouldSetVideoSrcAttr(): boolean;
    /**
     * Loads `hls.js` from a remote source found at the `hlsLibrary` URL (if a string).
     */
    protected _loadHlsLibrary(): Promise<void>;
    /**
     * Loads `hls.js` from the remote source given via `hlsLibrary` into the window namespace. This
     * is because `hls.js` in 2021 still doesn't provide a ESM export. This method will return
     * `undefined` if it fails to load the script. Listen to `HlsLoadErrorEvent` to be notified
     * of any failures.
     */
    protected _loadHlsScript(): Promise<HlsConstructor | undefined>;
    protected _buildHlsEngine(forceRebuild?: boolean): Promise<void>;
    protected _destroyHlsEngine(): void;
    protected _prevHlsEngineSrc: string;
    protected _willAnotherEngineAttach(): boolean;
    protected _attachHlsEngine(): void;
    protected _detachHlsEngine(): void;
    protected _loadSrcOnHlsEngine(): void;
    protected _getMediaType(): MediaType;
    protected _handleLoadedMetadata(event: Event): void;
    protected _handleMediaSrcChange(): Promise<void>;
    protected _listenToHlsEngine(): void;
    protected _handleHlsError(eventType: string, data: Hls.errorData): void;
    protected _handleHlsNetworkError(eventType: string, data: Hls.errorData): void;
    protected _handleHlsMediaError(eventType: string, data: Hls.errorData): void;
    protected _handleHlsIrrecoverableError(eventType: string, data: Hls.errorData): void;
    protected _handleHlsLevelLoaded(eventType: string, data: Hls.levelLoadedData): void;
    protected _handleHlsMediaReady(eventType: string, data: Hls.levelLoadedData): void;
}