@reaktly-js/tone-accessibility
Version:
A vanilla JS Accessability Widget compliant with ADA and WCAG 2.2.
26 lines (25 loc) • 756 B
TypeScript
/**
* @class AppearanceChanger
* @extends HTMLElement
* @description A custom element that provides a clickable card to cycle through global
* appearance settings (contrast, saturation, etc.). It applies a data attribute to the <html> element.
* It reuses the <tone-card> design.
*/
export declare class AppearanceChanger extends HTMLElement {
private shadow;
private currentModeIndex;
private toneCard;
private toneCardContent;
constructor();
connectedCallback(): void;
disconnectedCallback(): void;
private attachListeners;
private removeListeners;
private handleClick;
private applyMode;
private handleReset;
private loadState;
private saveState;
private updateUI;
private render;
}