@aidenlx/player
Version:
Headless web components that make integrating media on the a web a breeze.
45 lines • 1.43 kB
TypeScript
import { type CSSResultGroup, LitElement, type PropertyValues, type TemplateResult } from 'lit';
/**
* The foundation for any toggle button such as a `play-button` or `mute-button`.
*
* @tagname vds-toggle-button
* @slot - Used to pass content into the toggle for showing pressed and not pressed states.
* @example
* ```html
* <vds-toggle-button label="Some action">
* <div class="pressed">Pressed</div>
* <div class="not-pressed">Not Pressed</div>
* </vds-toggle-button>
* ```
* @example
* ```css
* vds-toggle-button[pressed] .pressed {
* display: none;
* }
*
* vds-toggle-button:not([pressed]) .not-pressed {
* display: none;
* }
* ```
*/
export declare class ToggleButtonElement extends LitElement {
static get styles(): CSSResultGroup;
static get parts(): string[];
constructor();
connectedCallback(): void;
protected updated(changedProperties: PropertyValues): void;
protected _updateAriaPressedAttr(): void;
/**
* Whether the toggle is currently in a `pressed` state.
*/
pressed: boolean;
/**
* Whether the underlying button should be disabled (non-interactive).
*/
disabled: boolean;
protected render(): TemplateResult;
protected _renderDefaultSlot(): TemplateResult;
protected _handleButtonClick(event: Event): void;
protected readonly _handleButtonClickCapture: void;
}
//# sourceMappingURL=ToggleButtonElement.d.ts.map