@aidenlx/player/types/media/ui/MediaUiElement.d.ts

Headless web components that make integrating media on the a web a breeze.

import { type CSSResultGroup, LitElement, type PropertyValues, type TemplateResult } from 'lit';
/**
 * This is a general styling container which holds your UI elements. Media attributes and
 * CSS properties are exposed on this element to help you style your UI elements.
 *
 * Example media attributes include: `media-paused`, `media-can-play`, and `media-waiting`.
 *
 * Example media CSS properties include: `--media-seekable-amount`, `--media-buffered-amount`,
 * and `--media-duration`.
 *
 * This element also handles hiding the UI depending on whether native UI can't be hidden
 * (*cough* iOS). This is simply to avoid double controls (native + custom). The `hidden` attribute
 * will be applied to prevent it from happening.
 *
 * @tagname vds-media-ui
 * @slot - Used to pass in UI components.
 * @example
 * ```html
 * <vds-media-ui>
 *   <!-- ... -->
 * </vds-media-ui>
 * ```
 * @example
 * ```css
 * vds-media-ui {
 *   opacity: 1;
 *   transition: opacity 0.15s ease-out;
 * }
 *
 * vds-media-ui[media-idle],
 * vds-media-ui:not([media-can-play]) {
 *   opacity: 0;
 * }
 * ```
 */
export declare class MediaUiElement extends LitElement {
    static get styles(): CSSResultGroup;
    static get parts(): string[];
    protected __mediaFullscreen: boolean;
    protected __mediaIsVideoView: boolean;
    protected __mediaPlaysinline: boolean;
    constructor();
    protected update(changedProperties: PropertyValues): void;
    protected render(): TemplateResult;
    protected _renderDefaultSlot(): TemplateResult;
    protected _isUiHidden(): boolean;
}
//# sourceMappingURL=MediaUiElement.d.ts.map