@aidenlx/player/types/ui/fullscreen-button/FullscreenButtonElement.d.ts

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

import { MediaRemoteControl } from '../../media';
import { ToggleButtonElement } from '../toggle-button';
/**
 * A button for toggling the fullscreen mode of the player.
 *
 * 💡 The following media attributes are applied:
 *
 * - `media-fullscreen`: Applied when the media has entered fullscreen.
 *
 * 🚨 The `hidden` attribute will be present on this element in the event fullscreen cannot be
 * requested (no support). There are default styles for this by setting the `display` property to
 * `none`. Important to be aware of this and update it according to your needs.
 *
 * @tagname vds-fullscreen-button
 * @slot - Used to pass content into the fullscreen toggle for showing enter/exit states.
 * @example
 * ```html
 * <vds-fullscreen-button>
 *   <div class="enter">Enter</div>
 *   <div class="exit">Exit</div>
 * </vds-fullscreen-button>
 * ```
 * @example
 * ```css
 * vds-fullscreen-button[media-fullscreen] .enter {
 *   display: none;
 * }
 *
 * vds-fullscreen-button:not([media-fullscreen]) .exit {
 *   display: none;
 * }
 * ```
 */
export declare class FullscreenButtonElement extends ToggleButtonElement {
    protected readonly _mediaRemote: MediaRemoteControl;
    constructor();
    connectedCallback(): void;
    protected _handleButtonClick(event: Event): void;
}
//# sourceMappingURL=FullscreenButtonElement.d.ts.map