in js/src/renderButtons.ts [121:149]
export function renderButtons(options?: RenderButtonsOptions): void {
const buttonStyle: HTMLStyleElement = document.createElement('style');
buttonStyle.innerHTML = '.immersive-reader-button{cursor:pointer;display:inline-block;padding:5px;} .immersive-reader-button:hover{background:rgba(0,0,0,.05);border-radius:2px';
document.head.appendChild(buttonStyle);
let iconElements = <HTMLDivElement[]>[].slice.call(document.getElementsByClassName('immersive-reader-button'));
if (options && options.elements) {
iconElements = options.elements;
}
for (const div of iconElements) {
div.setAttribute('role', 'button');
const locale = div.getAttribute(attributeLocale) || 'en';
div.setAttribute('aria-label', getLocalizedString(locale));
div.textContent = '';
const style = div.getAttribute(attributeButtonStyle) || 'icon';
switch (style) {
case 'icon':
renderIcon(div);
break;
case 'text':
renderText(div);
break;
case 'iconAndText':
renderIcon(div);
renderMargin(div);
renderText(div);
break;
}
}
}