https://babelprov.go.id/js/asb2.js

1(function(){const accessKey=4;const btns={btnHighContrast:{active:true,dataAccessibility:"contrast",class:"setAccessibility",icon:"FontAwesome",iconClass:["fas","fa-adjust"],text:"High Contrast",},btnDarkMode:{active:true,dataAccessibility:"dark",class:"setAccessibility",icon:"FontAwesome",iconClass:["fas","fa-moon"],text:"Dark Mode",},btnIncFont:{active:true,dataAccessibility:"incFont",class:"setAccessibility",icon:"A+",iconClass:"",text:"Increase",},btnOriFont:{active:true,dataAccessibility:"oriFont",class:"setAccessibility",icon:"Aa",iconClass:"",text:"Original",},btnDecFont:{active:true,dataAccessibility:"decFont",class:"setAccessibility",icon:"A-",iconClass:"",text:"Decrease",},btnMarkerLine:{active:true,dataAccessibility:"markerLine",class:"setAccessibility",icon:"FontAwesome",iconClass:["fas","fa-ruler-horizontal"],text:"Marker Line",},btnReadingLine:{active:true,dataAccessibility:"readingLine",class:"setAccessibility",icon:"FontAwesome",iconClass:["fas","fa-ruler-horizontal"],text:"Reading Line",},btnReset:{active:true,dataAccessibility:"reset",class:"setAccessibility",icon:"FontAwesome",iconClass:["fas","fa-redo-alt"],text:"Rest",},}
2const accessibilityBar=document.createElement("div");accessibilityBar.id="accessibilityBar";document.body.insertBefore(accessibilityBar,document.body.firstChild);let btnAccessibilityBar;function createMainButton(){btnAccessibilityBar=document.createElement("button");btnAccessibilityBar.id="universalAccessBtn";btnAccessibilityBar.type="button";btnAccessibilityBar.accessKey=accessKey;accessibilityBar.appendChild(btnAccessibilityBar);const icon=document.createElement("i");btnAccessibilityBar.appendChild(icon);icon.classList.add("fas","fa-universal-access");const spanText=document.createElement("span");const spanTextNode=document.createTextNode("Accessibility");spanText.appendChild(spanTextNode);btnAccessibilityBar.appendChild(spanText);}
3createMainButton();function createButtons(el){const button=document.createElement("button");button.type="button";button.classList.add(el.class);button.setAttribute('data-accessibility',el.dataAccessibility);accessibilityBar.appendChild(button);const wrapIcon=document.createElement("strong");button.appendChild(wrapIcon);if(el.icon==="FontAwesome"){const icon=document.createElement("i");wrapIcon.appendChild(icon);icon.classList.add(...el.iconClass);}else{const textIcon=document.createTextNode(el.icon);wrapIcon.appendChild(textIcon);}
4const textButton=document.createTextNode(el.text);button.appendChild(textButton);}
5Object.keys(btns).forEach(function(item){if(btns[item].active){createButtons(btns[item]);}});const html=document.documentElement;const body=document.body;const btnAccessibility=document.querySelectorAll(".setAccessibility");if(btnAccessibilityBar){setTimeout(function(){btnAccessibilityBar.classList.add("collapsed");},2000);}
6const readingLine=document.createElement("div");readingLine.id="readingLine";document.body.insertBefore(readingLine,document.body.firstChild);html.addEventListener("mousemove",function(e){if(body.classList.contains("accessibility_readingLine")){let linePositionY=e.pageY-20;const elReadingLine=document.querySelector("#readingLine");elReadingLine.style.top=`${linePositionY}px`;}});const markerLine=document.createElement("div");markerLine.id="markerLine";document.body.insertBefore(markerLine,document.body.firstChild);html.addEventListener("mousemove",function(e){if(body.classList.contains("accessibility_markerLine")){let linePositionY=e.pageY-20;const elmarkerLine=document.querySelector("#markerLine");elmarkerLine.style.top=`${linePositionY}px`;}});btnAccessibilityBar.addEventListener("click",()=>accessibilityBar.classList.toggle("active"));function toggleAccessibilities(action){switch(action){case "contrast":window.toggleContrast();break;case "dark":window.toggleDark();break;case "incFont":window.toggleFontSize(action);break;case "oriFont":window.toggleFontSize(action);break;case "decFont":window.toggleFontSize(action);break;case "readingLine":body.classList.toggle("accessibility_readingLine");break;case "markerLine":body.classList.toggle("accessibility_markerLine");break;case "reset":Dark.currentState===true?Dark.setState(false):null;Contrast.currentState===true?Contrast.setState(false):null;window.toggleFontSize("oriFont");body.classList.remove("accessibility_readingLine");body.classList.remove("accessibility_markerLine");break;default:break;}
7accessibilityBar.classList.toggle("active");}

8btnAccessibility.forEach(button=>button.addEventListener("click",()=>toggleAccessibilities(button.dataset.accessibility)));const htmlFontSize=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("font-size"));let FontSize={storage:"fontSizeState",cssClass:"fontSize",currentState:null,check:checkFontSize,getState:getFontSizeState,setState:setFontSizeState,toggle:toggleFontSize,updateView:updateViewFontSize};window.toggleFontSize=function(action){FontSize.toggle(action);};FontSize.check();function checkFontSize(){this.updateView();}
9function getFontSizeState(){return sessionStorage.getItem(this.storage)?sessionStorage.getItem(this.storage):100;}
10function setFontSizeState(state){sessionStorage.setItem(this.storage,""+state);this.currentState=state;this.updateView();}
11function updateViewFontSize(){if(this.currentState===null)this.currentState=this.getState();this.currentState?(html.style.fontSize=(this.currentState/100)*htmlFontSize+"px"):"";this.currentState?body.classList.add(this.cssClass+this.currentState):"";}
12function toggleFontSize(action){switch(action){case "incFont":if(parseFloat(this.currentState)<200){body.classList.remove(this.cssClass+this.currentState);this.setState(parseFloat(this.currentState)+20);}else{alert("Limite atingido!");}
13break;case "oriFont":body.classList.remove(this.cssClass+this.currentState);this.setState(100);break;case "decFont":if(parseFloat(this.currentState)>40){body.classList.remove(this.cssClass+this.currentState);this.setState(parseFloat(this.currentState)-20);}else{alert("Limite atingido!");}
14break;default:break;}}
15let Contrast={storage:"contrastState",cssClass:"contrast",currentState:null,check:checkContrast,getState:getContrastState,setState:setContrastState,toggle:toggleContrast,updateView:updateViewContrast};window.toggleContrast=function(){Contrast.toggle();};Contrast.check();function checkContrast(){this.updateView();}
16function getContrastState(){return sessionStorage.getItem(this.storage)==="true";}
17function setContrastState(state){sessionStorage.setItem(this.storage,""+state);this.currentState=state;this.updateView();}
18function updateViewContrast(){if(this.currentState===null)this.currentState=this.getState();this.currentState?body.classList.add(this.cssClass):body.classList.remove(this.cssClass);}
19function toggleContrast(){this.setState(!this.currentState);Dark.currentState===true?Dark.setState(false):null;}
20let Dark={storage:"darkState",cssClass:"darkmode",currentState:null,check:checkDark,getState:getDarkState,setState:setDarkState,toggle:toggleDark,updateView:updateViewDark};window.toggleDark=function(){Dark.toggle();};Dark.check();function checkDark(){this.updateView();}
21function getDarkState(){return sessionStorage.getItem(this.storage)==="true";}
22function setDarkState(state){sessionStorage.setItem(this.storage,""+state);this.currentState=state;this.updateView();}
23function updateViewDark(){if(this.currentState===null)this.currentState=this.getState();this.currentState?body.classList.add(this.cssClass):body.classList.remove(this.cssClass);}
24function toggleDark(){this.setState(!this.currentState);Contrast.currentState===true?Contrast.setState(false):null;}})();