@rhds/elements
Version:
Red Hat Design System Elements
58 lines (57 loc) • 1.88 kB
TypeScript
import { LitElement } from 'lit';
import '@rhds/elements/rh-button/rh-button.js';
import '@rhds/elements/rh-surface/rh-surface.js';
export declare class ConsentClickEvent extends Event {
target: RhVideoEmbed;
constructor();
}
export declare class VideoClickEvent extends Event {
target: RhVideoEmbed;
constructor();
}
export declare class VideoPlayEvent extends Event {
target: RhVideoEmbed;
constructor();
}
/**
* A Video embed is a graphical preview of a video overlayed with a play button. When clicked, the embedded YouTube video will begin playing.
*
* @summary Reveals a small area of information on hover
*
* @alias video-embed
*
* @fires consent-click - "Update preferences" consent button is clicked
* @fires request-play - Play button is clicked
* @fires play - Video is about to be played
*/
export declare class RhVideoEmbed extends LitElement {
#private;
static readonly styles: CSSStyleSheet[];
static readonly shadowRootOptions: ShadowRootInit;
/**
* Add to `rh-video-embed` when a video requires consent for cookies
*/
requireConsent: boolean;
/**
* Boolean flag to flip with JavaScript when cookie consent has been granted or revoked.
* See the Require Consent demo for reference.
*/
consented: boolean;
private _consentClicked;
private _playClicked;
private _playStarted;
get consentButton(): HTMLElement | null | undefined;
get consentClicked(): boolean;
get focusableElement(): HTMLElement;
get iframeElement(): HTMLIFrameElement | undefined;
get playButton(): HTMLElement | null | undefined;
get playClicked(): boolean;
get playStarted(): boolean;
firstUpdated(): void;
render(): import("lit-html").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'rh-video-embed': RhVideoEmbed;
}
}