'use strict';var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}
var Accessibility=function(){function Accessibility(){_classCallCheck(this,Accessibility);var panel=this._createPanel();document.body.appendChild(panel);this._panel=panel;this._status='disabled';this._currentTheme='';this._themeKey='accessibility-current-theme';this._fontKey='accessibility-font-size-offset';this._statusKey='accessibility-status';this._spaceKey='accessibility-letter-spacing';this._loadStatus();if(this._status==='enabled')this.enable();}
_createClass(Accessibility,[{key:'_loadStatus',value:function _loadStatus(){var key=this._statusKey;var status=sessionStorage.getItem(key);this._status=status;}},{key:'_loadTheme',value:function _loadTheme(){var key=this._themeKey;var theme=sessionStorage.getItem(key);if(theme)this.setTheme(theme);else this.setTheme('theme-blackwhite');}},{key:'_loadSpace',value:function _loadSpace(){var key=this._spaceKey;var space=sessionStorage.getItem(key);this._saveOriginalSpace();if(space)this._incLetterSpaceOn(space);}},{key:'_loadFont',value:function _loadFont(){var key=this._fontKey;var font=sessionStorage.getItem(key);this._saveOriginalFont();if(font)this._incFontSizeOn(font);}},{key:'_saveOriginalSpace',value:function _saveOriginalSpace(){var nodes=document.querySelectorAll('body *');nodes=[].slice.call(nodes);nodes.forEach(function(node){var current=parseInt(getComputedStyle(node).letterSpacing,10);var original=parseInt(node.dataset['original_letter_spacing'],10);if(!original){current=0;node.dataset['original_letter_spacing']=current;}});}},{key:'_saveOriginalFont',value:function _saveOriginalFont(){var nodes=document.querySelectorAll('body *');nodes=[].slice.call(nodes);nodes.forEach(function(node){var current=parseInt(getComputedStyle(node).fontSize,10);var original=parseInt(node.dataset['original_font_size'],10);if(!original)node.dataset['original_font_size']=current;});}},{key:'_createPanel',value:function _createPanel(){var html='\n            <div class="accessibility-panel disabled">\n                <label class="column-hidden" for="column-hidden">\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u0430\u043D\u0435\u043B\u044C</label>\n                <input id="column-hidden" type="checkbox">\n                <div class="column">\n                    <button class="destroy" onclick="panel.disable()">\n                        \u041E\u0431\u044B\u0447\u043D\u0430\u044F \u0432\u0435\u0440\u0441\u0438\u044F\n                    </button>\n                </div>\n                <div class="column">\n                    \u0428\u0440\u0438\u0444\u0442: \n                    <button class="font" onclick="panel.incFontSize()">\n                        \u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C\n                    </button>\n                    <button class="font" onclick="panel.decFontSize()">\n                        \u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C\n                    </button>\n                </div>\n                <div class="column">\n                    \u041A\u0435\u0440\u043D\u0438\u043D\u0433: \n                    <button onclick="panel.incLetSpace()">\n                        \u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C\n                    </button>\n                    <button onclick="panel.decLetSpace()">\n                        \u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C\n                    </button>\n                </div>\n                <div class="column">\n                \u0412\u044B\u0431\u043E\u0440 \u0442\u0435\u043C\u044B:\n\n                    <button class="but-theme-blackwhite"\n                    onclick="panel.setTheme(\'theme-blackwhite\')">A</button>\n\n                    <button class="but-theme-whiteblack"\n                    onclick="panel.setTheme(\'theme-whiteblack\')">A</button>\n\n                    <button class="but-theme-blackcyan"\n                    onclick="panel.setTheme(\'theme-blackcyan\')">A</button>\n\n                </div>\n            </div>\n        ';var tmp=document.createElement('div');tmp.innerHTML=html;var panel=tmp.children[0];return panel;}},{key:'toggle',value:function toggle(){if(this._status==='enabled')this.disable();else this.enable();}},{key:'enable',value:function enable(){var panel=this._panel;var body=document.body;var key=this._statusKey;panel.classList.remove('disabled');body.classList.remove('accessibility-disabled');panel.classList.add('enabled');body.classList.add('accessibility-enabled');this._status='enabled';sessionStorage.setItem(key,'enabled');this._loadTheme();this._loadFont();this._loadSpace();this._loadSpace();}},{key:'disable',value:function disable(){var panel=this._panel;var body=document.body;var key=this._statusKey;panel.classList.remove('enabled');body.classList.remove('accessibility-enabled');panel.classList.add('disabled');body.classList.add('accessibility-disabled');this._status='disabled';sessionStorage.setItem(key,'disabled');this.resetTheme();this.resetFontSize();this.resetLetterSpace();}},{key:'setTheme',value:function setTheme(){var theme=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'';var key=this._themeKey;var body=document.body;var current=this._currentTheme;this._currentTheme='';if(current)body.classList.remove(current);this._currentTheme=theme;if(theme)body.classList.add(theme);sessionStorage.setItem(key,theme);}},{key:'resetTheme',value:function resetTheme(){this.setTheme();}},{key:'_incFontSizeOn',value:function _incFontSizeOn(){var offset=arguments.length>0&&arguments[0]!==undefined?arguments[0]:0;offset=parseInt(offset);var key=this._fontKey;var nodes=document.querySelectorAll('body *');nodes=[].slice.call(nodes);nodes.forEach(function(node){var original=parseInt(node.dataset['original_font_size'],10);var current=original;current+=offset;node.style.fontSize=current+'px';});sessionStorage.setItem(key,offset);}},{key:'incFontSize',value:function incFontSize(){var key=this._fontKey;var offset=sessionStorage.getItem(key);offset=offset!==null?offset:0;offset++;if(offset<=5)this._incFontSizeOn(offset);}},{key:'decFontSize',value:function decFontSize(){var key=this._fontKey;var offset=sessionStorage.getItem(key);offset=offset!==null?offset:0;offset--;if(offset>=-5)this._incFontSizeOn(offset);}},{key:'resetFontSize',value:function resetFontSize(){this._incFontSizeOn(0);}},{key:'resetLetterSpace',value:function resetLetterSpace(){this._incLetterSpaceOn(0);}},{key:'_incLetterSpaceOn',value:function _incLetterSpaceOn(){var offset=arguments.length>0&&arguments[0]!==undefined?arguments[0]:0;offset=parseInt(offset);var key=this._spaceKey;var nodes=document.querySelectorAll('body *');nodes=[].slice.call(nodes);nodes.forEach(function(node){var original=parseInt(node.dataset['original_letter_spacing'],10);var current=original;current+=offset;node.style.letterSpacing=current+'px';});sessionStorage.setItem(key,offset);}},{key:'incLetSpace',value:function incLetSpace(){var key=this._spaceKey;var offset=sessionStorage.getItem(key);offset=offset!==null?offset:0;offset++;if(offset<=5)this._incLetterSpaceOn(offset);}},{key:'decLetSpace',value:function decLetSpace(){var key=this._spaceKey;var offset=sessionStorage.getItem(key);offset=offset!==null?offset:0;offset--;if(offset>=0)this._incLetterSpaceOn(offset);}}]);return Accessibility;}();var panel=new Accessibility();