@reaktly-js/tone-accessibility
Version:
A vanilla JS Accessability Widget compliant with ADA and WCAG 2.2.
28 lines (27 loc) • 861 B
TypeScript
export interface ToneCardState {
active: boolean;
}
/**
* @class ToneCard
* @description A reusable card component that now automatically renders a mode indicator
* based on 'total-modes' and 'current-mode' attributes.
*/
export declare class ToneCard extends HTMLElement {
private shadow;
private indicatorArea;
static get observedAttributes(): string[];
constructor();
connectedCallback(): void;
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
setActive(active: boolean): void;
get isActive(): boolean;
private updateThemeContext;
private dispatchStateChange;
/**
* @private
* @name _updateIndicator
* @description Renders or updates the indicator dots based on component attributes.
*/
private _updateIndicator;
private render;
}