☰

Diep.style

Press Esc twice to toggle the menu,and save the setting

当前为 2019-07-10 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Diep.style
  3. // @namespace    https://www.reddit.com/r/Diepio/comments/5y1np1/diepstyle_plugin/
  4. // @version      0.096
  5. // @description  Press Esc twice to toggle the menu,and save the setting
  6. // @author       sbk2015
  7. // @match        http://*diep.io/*
  8. // @match        https://*diep.io/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.     var localStorage;
  15.     var saveList;
  16.     var nowSetting;
  17.     var isLocal;
  18.     var clone;
  19.     jsInit();
  20.     setTimeout(pluginInit, 1000);
  21.  
  22.     function jsInit() {
  23.         Storage.prototype.setObject = function(key, value) {
  24.             this.setItem(key, JSON.stringify(value));
  25.         }
  26.         Storage.prototype.getObject = function(key) {
  27.             var value = this.getItem(key);
  28.             return value && JSON.parse(value);
  29.         }
  30.         clone = function(obj) {
  31.             return JSON.parse(JSON.stringify(obj));
  32.         }
  33.         window.diepStyle = {};
  34.         localStorage = window.localStorage;
  35.         if (location.href.indexOf('file://') >= 0) {
  36.             var warning = false;
  37.             warning ? '' : console.warn('off warning');
  38.             isLocal = true;
  39.             window.input = {
  40.                 set_convar: function() {
  41.                     warning ? console.warn('block input.set_convar') : ''
  42.                 },
  43.                 execute: function() {
  44.                     warning ? console.warn('block input.set_execute') : ''
  45.                 }
  46.             }
  47.         }
  48.     }
  49.  
  50.     function pluginInit() {
  51.         storageInit();
  52.         keyListen();
  53.         tempInit();
  54.         styleInit();
  55.         diepStyle.onColor = onColor;
  56.         diepStyle.storageInit = storageInit;
  57.         //togglePanel(true);
  58.  
  59.         function storageInit(cmd) {
  60.             var th = 50,
  61.                 netTH = 110;
  62.             var colors = [{
  63.                     id: 2,
  64.                     name: 'You FFA',
  65.                     color: '00b1de'
  66.                 },
  67.                 {
  68.                     id: 15,
  69.                     name: 'Other FFA',
  70.                     color: 'f14e54'
  71.                 },
  72.                 {
  73.                     id: 3,
  74.                     name: 'Blue Team',
  75.                     color: '00b1de'
  76.                 },
  77.                 {
  78.                     id: 4,
  79.                     name: 'Red Team',
  80.                     color: 'f14e54'
  81.                 },
  82.                 {
  83.                     id: 5,
  84.                     name: 'Purple Team',
  85.                     color: 'bf7ff5'
  86.                 },
  87.                 {
  88.                     id: 6,
  89.                     name: 'Green Team',
  90.                     color: '00e16e'
  91.                 },
  92.                 {
  93.                     id: 17,
  94.                     name: 'Fallen team',
  95.                     color: 'c6c6c6'
  96.                 },
  97.                 {
  98.                     id: 12,
  99.                     name: 'Arena Closer',
  100.                     color: 'ffe869'
  101.                 },
  102.                 {
  103.                     id: 8,
  104.                     name: 'Square',
  105.                     color: 'ffe869'
  106.                 },
  107.                 {
  108.                     id: 7,
  109.                     name: 'Green Square?',
  110.                     color: '89ff69'
  111.                 },
  112.                 {
  113.                     id: 16,
  114.                     name: 'Necro Square',
  115.                     color: 'fcc376'
  116.                 },
  117.                 {
  118.                     id: 9,
  119.                     name: 'Triangle',
  120.                     color: 'fc7677'
  121.                 },
  122.                 {
  123.                     id: 10,
  124.                     name: 'Pentagon',
  125.                     color: '768dfc'
  126.                 },
  127.                 {
  128.                     id: 11,
  129.                     name: 'Crasher',
  130.                     color: 'f177dd'
  131.                 },
  132.                 {
  133.                     id: 14,
  134.                     name: 'Waze Wall',
  135.                     color: 'bbbbbb'
  136.                 },
  137.                 {
  138.                     id: 1,
  139.                     name: 'Turret',
  140.                     color: '999999'
  141.                 },
  142.                 {
  143.                     id: 0,
  144.                     name: 'Smasher',
  145.                     color: '4f4f4f'
  146.                 },
  147.                 {
  148.                     id: th++,
  149.                     name: 'All Bars',
  150.                     color: '000000',
  151.                     cmd: 'ren_bar_background_color'
  152.                 },
  153.                 {
  154.                     id: th++,
  155.                     name: 'Outline',
  156.                     color: '555555',
  157.                     cmd: 'ren_stroke_solid_color'
  158.                 },
  159.                 {
  160.                     id: 13,
  161.                     name: 'Leader Board',
  162.                     color: '64ff8c'
  163.                 },
  164.                 {
  165.                     id: th++,
  166.                     name: 'Xp Bar',
  167.                     color: 'ffde43',
  168.                     cmd: 'ren_xp_bar_fill_color'
  169.                 },
  170.                 {
  171.                     id: th++,
  172.                     name: 'Score Bar',
  173.                     color: '43ff91',
  174.                     cmd: 'ren_score_bar_fill_color'
  175.                 },
  176.                 {
  177.                     id: th++,
  178.                     name: 'Health Bar1',
  179.                     color: '85e37d',
  180.                     cmd: 'ren_health_fill_color'
  181.                 },
  182.                 {
  183.                     id: th++,
  184.                     name: 'Health Bar2',
  185.                     color: '555555',
  186.                     cmd: 'ren_health_background_color'
  187.                 },
  188.                 {
  189.                     id: th++,
  190.                     name: 'Grid Color',
  191.                     color: '000000',
  192.                     cmd: 'ren_grid_color'
  193.                 },
  194.                 {
  195.                     id: th++,
  196.                     name: 'Minimap 1',
  197.                     color: 'CDCDCD',
  198.                     cmd: 'ren_minimap_background_color'
  199.                 },
  200.                 {
  201.                     id: th++,
  202.                     name: 'Minimap 2',
  203.                     color: '797979',
  204.                     cmd: 'ren_minimap_border_color'
  205.                 },
  206.                 {
  207.                     id: th++,
  208.                     name: 'Background 1',
  209.                     color: 'CDCDCD',
  210.                     cmd: 'ren_background_color'
  211.                 },
  212.                 {
  213.                     id: th++,
  214.                     name: 'Background 2',
  215.                     color: '797979',
  216.                     cmd: 'ren_border_color'
  217.                 },
  218.                 {
  219.                     id: netTH++,
  220.                     name: 'UI Color1',
  221.                     color: 'e69f6c',
  222.                     cmd: 'ui_replace_colors'
  223.                 },
  224.                 {
  225.                     id: netTH++,
  226.                     name: 'UI Color2',
  227.                     color: 'ff73ff',
  228.                     cmd: 'ui_replace_colors'
  229.                 },
  230.                 {
  231.                     id: netTH++,
  232.                     name: 'UI Color3',
  233.                     color: 'c980ff',
  234.                     cmd: 'ui_replace_colors'
  235.                 },
  236.                 {
  237.                     id: netTH++,
  238.                     name: 'UI Color4',
  239.                     color: '71b4ff',
  240.                     cmd: 'ui_replace_colors'
  241.                 },
  242.                 {
  243.                     id: netTH++,
  244.                     name: 'UI Color5',
  245.                     color: 'ffed3f',
  246.                     cmd: 'ui_replace_colors'
  247.                 },
  248.                 {
  249.                     id: netTH++,
  250.                     name: 'UI Color6',
  251.                     color: 'ff7979',
  252.                     cmd: 'ui_replace_colors'
  253.                 },
  254.                 {
  255.                     id: netTH++,
  256.                     name: 'UI Color7',
  257.                     color: '88ff41',
  258.                     cmd: 'ui_replace_colors'
  259.                 },
  260.                 {
  261.                     id: netTH++,
  262.                     name: 'UI Color8',
  263.                     color: '41ffff',
  264.                     cmd: 'ui_replace_colors'
  265.                 },
  266.             ]
  267.             diepStyle.colorMap = new Map(colors.map(function(elem) {
  268.                 return [elem.id, {
  269.                     color: elem.color,
  270.                     cmd: elem.cmd || 'no cmd'
  271.                 }]
  272.             }));
  273.  
  274.             diepStyle.uiColorMap = function(cmd) {
  275.                 var uiTH = nowSetting.colors.findIndex(elem => elem.name == 'UI Color1');
  276.                 var colorBunch = '';
  277.                 var arr = [];
  278.                 if (cmd == '0x') {
  279.                     for (var i = 0; i < 8; i++) {
  280.                         colorBunch = ' 0x' + nowSetting.colors[uiTH + i].color + colorBunch;
  281.                     }
  282.                     return colorBunch;
  283.                 }
  284.                 if (cmd == 'array') {
  285.                     for (var i = 0; i < 8; i++) {
  286.                         arr.push(nowSetting.colors[uiTH + i].color);
  287.                     }
  288.                     return arr;
  289.                 }
  290.             }
  291.             var renders = [{
  292.                     name: 'Grid Alpha',
  293.                     value: 0.1,
  294.                     cmd: 'grid_base_alpha'
  295.                 },
  296.                 {
  297.                     name: 'Outline Intensity',
  298.                     value: 0.25,
  299.                     cmd: 'stroke_soft_color_intensity'
  300.                 },
  301.                 {
  302.                     name: 'Show Outline',
  303.                     value: false,
  304.                     cmd: 'stroke_soft_color',
  305.                     reverse: true
  306.                 },
  307.                 {
  308.                     name: 'Border Alpha',
  309.                     value: 0.1,
  310.                     cmd: 'border_color_alpha'
  311.                 },
  312.                 {
  313.                     name: 'UI Scale',
  314.                     value: 1,
  315.                     cmd: 'ui_scale'
  316.                 },
  317.                 {
  318.                     name: 'Clear UI',
  319.                     value: false,
  320.                     cmd: 'ui',
  321.                     reverse: true
  322.                 },
  323.                 {
  324.                     name: 'Show FPS',
  325.                     value: false,
  326.                     cmd: 'fps'
  327.                 },
  328.                 {
  329.                     name: 'Show Health',
  330.                     value: false,
  331.                     cmd: 'raw_health_values'
  332.                 },
  333.                 {
  334.                     name: 'Hide Name',
  335.                     value: false,
  336.                     cmd: 'names',
  337.                     reverse: true
  338.                 },
  339.             ];
  340.  
  341.             ;
  342.             (function checkHasStorage() {
  343.                 var _localStorage = localStorage.getObject('diepStyle')
  344.                 var page = 1;
  345.                 if (nowSetting && nowSetting.saveTH) {
  346.                     page = nowSetting.saveTH;
  347.                 }
  348.                 if (_localStorage && _localStorage.saveList) {
  349.                     saveList = _localStorage.saveList;
  350.                     nowSetting = _localStorage.nowSetting;
  351.                 }
  352.                 if (!nowSetting || cmd == 'reset') {
  353.                     nowSetting = getBlankSetting();
  354.                     nowSetting.saveTH = page;
  355.                 }
  356.  
  357.                 if (!saveList) saveList = getBlankSaveList();
  358.                 saveList[0] = getBlankSetting();;
  359.                 (function checkMissing() {
  360.                     var plain = getBlankSetting();
  361.                     plain.renders.forEach((elem, th) => {
  362.                         var index = nowSetting.renders.findIndex(now => elem.cmd == now.cmd);
  363.                         if (index < 0) {
  364.                             nowSetting.renders.splice(th, 0, elem);
  365.                             saveList[nowSetting.saveTH].renders.splice(th, 0, elem)
  366.                         }
  367.                     });
  368.                     plain.colors.forEach((elem, th) => {
  369.                         var index = nowSetting.colors.findIndex(now => {
  370.                             if (elem.cmd && elem.cmd == now.cmd) return true;
  371.                             if ((elem.id || elem.id == 0) && elem.id == now.id) return true;
  372.                         });
  373.                         if (index < 0) {
  374.                             nowSetting.colors.splice(th, 0, elem);
  375.                             saveList[nowSetting.saveTH].colors.splice(th, 0, elem);
  376.                         }
  377.                     });
  378.                 })();
  379.             })();
  380.  
  381.             ;
  382.             (function command() {
  383.                 diepStyle.command = {};
  384.                 renders.forEach(elem => {
  385.                     diepStyle.command[elem.cmd] = {};
  386.                     if (elem.reverse) diepStyle.command[elem.cmd].reverse = true;
  387.                 })
  388.                 diepStyle.command.fn = function(cmd, value) {
  389.                     nowSetting.renders = nowSetting.renders.map(elem => {
  390.                         if (elem.cmd == cmd) elem.value = value;
  391.                         return elem
  392.                     })
  393.                     if (diepStyle.command[cmd].reverse) value = !value;
  394.                     input.set_convar("ren_" + cmd, value);
  395.                 };
  396.             })();
  397.  
  398.             function getBlankSetting() {
  399.                 return {
  400.                     version: 0.095,
  401.                     saveTH: 1,
  402.                     lock: false,
  403.                     colors,
  404.                     renders
  405.                 };
  406.             }
  407.  
  408.             function getBlankSaveList() {
  409.                 var list = [];
  410.                 for (var i = 0; i < 6; i++) {
  411.                     list[i] = getBlankSetting();
  412.                     if (i == 0) list[i].isDefault = 'default,no save';
  413.                 }
  414.                 return clone(list);
  415.             };
  416.             Storage.prototype.pluginSave = function() {
  417.                 saveList[nowSetting.saveTH] = clone(nowSetting);
  418.                 var _storageObj = {
  419.                     nowSetting: clone(nowSetting),
  420.                     saveList: clone(saveList)
  421.                 }
  422.                 localStorage.setObject('diepStyle', _storageObj);
  423.             };
  424.             localStorage.pluginSave();
  425.         }
  426.  
  427.         function keyListen() {
  428.             var input = '';
  429.             document.addEventListener('keyup', function(evt) {
  430.                 var that = this;
  431.                 if (that.pluginOn == undefined) that.pluginOn = false;
  432.                 var e = window.event || evt;
  433.                 var key = e.which || e.keyCode;
  434.                 input += key;
  435.                 if (input.indexOf('2727') >= 0) {
  436.                     input = '';
  437.                     that.pluginOn = !that.pluginOn
  438.                     togglePanel(that.pluginOn);
  439.                     (function save() {
  440.                         if (!that.pluginOn) {
  441.                             localStorage.pluginSave();
  442.                         };
  443.                     })();
  444.                 }
  445.                 if (input.length > 10) input = input.substring(input.length - 10);
  446.             });
  447.         }
  448.  
  449.         function tempInit() {
  450.  
  451.             var colorObj = {
  452.                 th: 0
  453.             };
  454.             var setObj = {
  455.                 th: 0
  456.             }
  457.  
  458.             diepStyle.exportJSON = exportJSON;
  459.             diepStyle.importJSON = importJSON;
  460.             init1();
  461.             loadColor();
  462.             setTimeout(diepStyle.resetRender, 1500);
  463.             diepStyle.resetColor = loadColor;
  464.  
  465.             function init1() {
  466.                 diepStyle.resetRender = resetRender;
  467.  
  468.                 var title = `<div class="title">Diep.Style Ver 0.095<br>
  469.                 Press Esc twice to toggle this</div>`;
  470.  
  471.                 var colorPlane = function(id) {
  472.                     return `{position:'left',width:300, height:200,onFineChange:'diepStyle.onColor(${id},this)'}`
  473.                 }
  474.  
  475.                 colorObj.setClass = function() {
  476.                     return `colorBlock colorBlock${this.th++}`
  477.                 }
  478.                 setObj.setClass = function() {
  479.                     return `setting setting${this.th++}`
  480.                 }
  481.  
  482.                 function resetRender(cmd) {
  483.                     document.querySelectorAll('#styleSetting .render').forEach(function(elem) {
  484.                         elem.outerHTML = ``
  485.                     })
  486.                     var it = document.querySelector('.renderBegin')
  487.                     it.insertAdjacentHTML('afterend', getRenderBody());
  488.                     it.remove();
  489.                     nowSetting.renders.forEach(function(elem) {
  490.                         diepStyle.command.fn(elem.cmd, elem.value);
  491.                     });
  492.                     listenerInit(cmd);
  493.  
  494.                 }
  495.                 var bodyTheme = getThemeBody();
  496.                 var bodyRender = getRenderBody();
  497.                 var bodyColor = getColorBody();
  498.                 var bodyImport = getImportBody();
  499.  
  500.                 function getThemeBody() {
  501.                     var th = 0;
  502.                     var html = `
  503.                     <div class="themeBody">
  504.                         <div class="themeBegin">Theme</div>
  505.                         <div class="header hide themeDesc">
  506.                             <span class="name"></span> 
  507.                             <span class="author"></span>
  508.                         </div>
  509.                         <div class="theme">
  510.                             <div class="list">
  511.                             <div data-theme="dark"><img src="https://imgur.com/bFyXqs5.jpg"><br>Dark</div>
  512.                             <div data-theme="glass"><img src="https://imgur.com/4fnXdkE.jpg"><br>Glass</div>
  513.                             <div data-theme="moomoo"><img src="https://imgur.com/XJwGabH.jpg"><br>Moomoo</div>
  514.                             <div data-theme="80s"><img src="https://imgur.com/9Lma43A.jpg"><br>80s </div>
  515.                             </div>
  516.                         </div>
  517.                     </div>
  518.                     `
  519.                     return html
  520.                 }
  521.  
  522.                 function getRenderBody() {
  523.                     var renders = nowSetting.renders;
  524.                     var th = -1;
  525.                     var html = `
  526.                     <div class="renderBegin">Render</div>
  527.  
  528.                     <div class="row render">
  529.                     <div class="cell">${renders[++th].name} <br><span class="grid_base_value">${renders[th].value}</span></div>
  530.                     <div class="cell"><input type="range" name="grid_base_alpha" value=${renders[th].value*100} max="200"></div>
  531.                     </div>
  532.                     <div class="row render">
  533.                     <div class="cell">${renders[++th].name} <br><span class="stroke_intensity_value">${renders[th].value}</span></div>
  534.                     <div class="cell"><input type="range" name="stroke_soft_color_intensity" value=${renders[th].value*100} max="100"></div>
  535.                     </div>
  536.                     <div class="row render">
  537.                     <div class="cell">${renders[++th].name}</div>
  538.                     <div class="cell"><input type="checkbox" name="stroke_soft_color" ${renders[th].value?'checked':''}></div>
  539.                     </div>
  540.                     <div class="row render">
  541.                     <div class="cell">${renders[++th].name} <br><span class="border_value">${renders[th].value}</span></div>
  542.                     <div class="cell"><input type="range" name="border_color_alpha" value=${renders[th].value*100} max="100"></div>
  543.                     </div>
  544.                     <div class="row render">
  545.                     <div class="cell">${renders[++th].name} <br><span class="ui_scale_value">${renders[th].value}</span></div>
  546.                     <div class="cell"><input type="range" name="ui_scale" value=${renders[th].value*100} max="200"></div>
  547.                     </div>
  548.                     <div class="row render">
  549.                     <div class="cell">${renders[++th].name}</div>
  550.                     <div class="cell"><input type="checkbox" name="ui" ${renders[th].value?'checked':''}></div>
  551.                     </div>
  552.                     <div class="row render">
  553.                     <div class="cell">${renders[++th].name}</div>
  554.                     <div class="cell"><input type="checkbox" name="fps" ${renders[th].value?'checked':''}></div>
  555.                     </div>
  556.                     <div class="row render">
  557.                     <div class="cell">${renders[++th].name}</div>
  558.                     <div class="cell"><input type="checkbox" name="raw_health_values" ${renders[th].value?'checked':''}></div>
  559.                     </div>
  560.                     <div class="row render">
  561.                     <div class="cell">${renders[++th].name}</div>
  562.                     <div class="cell"><input type="checkbox" name="names" ${renders[th].value?'checked':''}></div>
  563.                     </div>
  564.                     `
  565.                     return html;
  566.                 }
  567.  
  568.                 function getColorBody() {
  569.                     var it=`<div class="row colorBegin">Color</div>\n`;
  570.                     nowSetting.colors.forEach(function(elem, th) {
  571.                         var id = elem.id;
  572.                         it += `
  573.                         <div class="row colorBlock colorBlock${th}">
  574.                         <div class="cell"></div>
  575.                         <div class="cell"><input class="jscolor ${colorPlane(`${id}`)}">  </div>
  576.                         </div>
  577.                         `;
  578.                     });
  579.                     return it
  580.                 }
  581.  
  582.                 var allBody =
  583.                     `
  584.                 <div class="pluginBody">${title}
  585.                 <hr>
  586.                 ${bodyTheme}
  587.                 <div class="table">
  588.                  ${bodyRender} ${bodyColor} <br>
  589.                 </div>
  590.                 </div>
  591.                 `;
  592.                 var getSaveBtns = function() {
  593.                     var btn = '';
  594.                     for (var i = 0; i < 6; i++) {
  595.                         if (i == 0) {
  596.                             btn += `<button>Default</button>`;
  597.                             continue;
  598.                         }
  599.                         btn += `<button>${i}</button>`;
  600.                     }
  601.                     return btn;
  602.                 }
  603.  
  604.                 function getImportBody() {
  605.                     var html =
  606.                         `
  607.                     <div class="importBegin">Import / Export Save</div>
  608.                     <div class="row">
  609.                     <div class="cell">
  610.                     <button class="import">Import</button>
  611.                     </div>
  612.                     <div class="cell">
  613.                     <button class="export">Export</button>
  614.                     </div>
  615.                     </div>
  616.                     `
  617.                     return html
  618.                 }
  619.                 // <button class="selectTheme">Theme</button>
  620.                 var footer =
  621.                     `
  622.                 <div class="footer">
  623.                 <div class="saveBtns">${getSaveBtns()}</div>
  624.                 <div class="otherBtns">
  625.                 <span><button class="import">Import</button></span>
  626.                 <span><button class="export">Export</button></span>
  627.                 <span class="lock"><button>Lock</button></span>
  628.                 <span class="reset"><button>Reset</button></span>
  629.                 </div>
  630.                 </div>
  631.                 `
  632.                 var id = 0;
  633.                 var temp = `<div id="styleSetting"> ${allBody} ${footer} </div>`;
  634.                 document.querySelector('body').insertAdjacentHTML('afterend', temp);
  635.                 loadScript();
  636.  
  637.                 function listenerInit(cmd) {;
  638.                     (function() {
  639.                         var theName = "grid_base_alpha";
  640.                         document.querySelector(`input[name=${theName}]`).addEventListener('input',
  641.                             function(e) {
  642.                                 var value = (e.target.value - e.target.value % 2) / 100
  643.                                 document.querySelector('.grid_base_value').innerHTML = value;
  644.                                 diepStyle.command.fn(theName, value);
  645.                             });
  646.                     })();;
  647.                     (function() {
  648.                         var theName = "stroke_soft_color_intensity";
  649.                         document.querySelector(`input[name=${theName}]`).addEventListener('input',
  650.                             function(e) {
  651.                                 var value = (e.target.value - e.target.value % 5) / 100
  652.                                 document.querySelector('.stroke_intensity_value').innerHTML = value;
  653.                                 diepStyle.command.fn(theName, value);
  654.                             });
  655.                     })();;
  656.                     (function() {
  657.                         var theName = "stroke_soft_color";
  658.                         document.querySelector(`input[name=${theName}]`).addEventListener('change',
  659.                             function(e) {
  660.                                 diepStyle.command.fn(theName, e.target.checked);
  661.                             });
  662.                     })();;
  663.                     (function() {
  664.                         var theName = "border_color_alpha";
  665.                         document.querySelector(`input[name=${theName}]`).addEventListener('input',
  666.                             function(e) {
  667.                                 var value = (e.target.value - e.target.value % 2) / 100
  668.                                 document.querySelector('.border_value').innerHTML = value;
  669.                                 diepStyle.command.fn(theName, value);
  670.                             });
  671.                     })();;
  672.                     (function() {
  673.                         var theName = "ui_scale";
  674.                         document.querySelector(`input[name=${theName}]`).addEventListener('input',
  675.                             function(e) {
  676.                                 var value = (e.target.value - e.target.value % 2) / 100
  677.                                 document.querySelector(`.${theName}_value`).innerHTML = value;
  678.                                 diepStyle.command.fn(theName, value);
  679.                             });
  680.                     })();;
  681.                     (function() {
  682.                         var theName = "ui";
  683.                         document.querySelector(`input[name=${theName}]`).addEventListener('change',
  684.                             function(e) {
  685.                                 diepStyle.command.fn(theName, e.target.checked);
  686.                             });
  687.                     })();;
  688.                     (function() {
  689.                         var theName = "fps";
  690.                         document.querySelector(`input[name=${theName}]`).addEventListener('change',
  691.                             function(e) {
  692.                                 diepStyle.command.fn(theName, e.target.checked);
  693.                             });
  694.                     })();;
  695.                     (function() {
  696.                         var theName = "raw_health_values";
  697.                         document.querySelector(`input[name=${theName}]`).addEventListener('change',
  698.                             function(e) {
  699.                                 diepStyle.command.fn(theName, e.target.checked);
  700.                             });
  701.                     })();;
  702.                     (function() {
  703.                         var theName = "names";
  704.                         document.querySelector(`input[name=${theName}]`).addEventListener('change',
  705.                             function(e) {
  706.                                 diepStyle.command.fn(theName, e.target.checked);
  707.                             });
  708.                     })();
  709.                     if (cmd == 'reset') return;
  710.                     (function() {
  711.                         document.querySelectorAll(`.theme div[data-theme]`).forEach(dom => {
  712.                             dom.addEventListener('click',
  713.                                 () => {
  714.                                     const name = dom.getAttribute('data-theme');
  715.                                     const themes=diepStyle.themeJson;
  716.                                     diepStyle.importJSON(themes[name]);
  717.                                 })
  718.                         })
  719.                     })();
  720.                     // document.querySelector('button.selectTheme').addEventListener('click', function(e) {
  721.                         // alert('k');
  722.                     // });
  723.                     document.querySelector('button.import').addEventListener('click', ()=>{
  724.                         var example = '[\n{"cmd":"ui_scale","value":"1.5"},' + '\n{"id":"8","value":"888888"}\n]';
  725.                         var gotValue = prompt('Enter The JSON\nExample:\n' + example, example.replace(/\s/g, ''));
  726.                         diepStyle.importJSON(gotValue);
  727.                     });
  728.                     document.querySelector('button.export').addEventListener('click', function(e) {
  729.                         prompt('Copy the Json', diepStyle.exportJSON('one'));
  730.                     });
  731.                     document.querySelectorAll('.saveBtns button').forEach((elem, th) => {
  732.                         elem.addEventListener('click', function() {
  733.                             localStorage.pluginSave();
  734.                             nowSetting = clone(saveList[th]);
  735.                             nowSetting.saveTH = th;
  736.                             // diepStyle.storageInit();
  737.                             // nowSetting.saveTH=th;
  738.                             diepStyle.resetColor();
  739.                             diepStyle.resetRender('reset');
  740.                             updateSaveBtns();
  741.                         })
  742.                     })
  743.                     document.querySelector('.lock button').addEventListener('click',
  744.                         function(e) {
  745.                             nowSetting.lock = !nowSetting.lock;
  746.                             updateSaveBtns();
  747.                         });
  748.                     document.querySelector('.reset button').addEventListener('click',
  749.                         function(e) {
  750.                             if (e.target.innerHTML != 'Confirm') {
  751.                                 e.target.innerHTML = 'Confirm';
  752.                             } else {
  753.                                 diepStyle.storageInit('reset');
  754.                                 diepStyle.resetColor();
  755.                                 diepStyle.resetRender('reset');
  756.                                 updateSaveBtns();
  757.                             }
  758.                         });
  759.                     document.querySelector('.reset button').addEventListener('mouseleave', function(e) {
  760.                         e.target.innerHTML = 'Reset';
  761.                     })
  762.                     updateSaveBtns();
  763.  
  764.                     function updateSaveBtns() {
  765.                         var theTH = nowSetting.saveTH;
  766.                         var status = saveList[theTH];
  767.                         var lockBtn = document.querySelector('.lock button');
  768.                         var resetBtn = document.querySelector('.reset button');
  769.                         if (theTH == 0) {
  770.                             lockBtn.disabled = true;
  771.                             resetBtn.disabled = true;
  772.                             nowSetting.lock = true;
  773.                         } else {
  774.                             resetBtn.disabled = nowSetting.lock;
  775.                             lockBtn.disabled = false;
  776.                         }
  777.                         if (resetBtn.disabled) {
  778.                             document.querySelector('.table').classList.add('noClicks');
  779.                             document.querySelector('.themeBody').classList.add('noClicks');
  780.                             document.querySelector('button.import').classList.add('noClicks');
  781.                             lockBtn.innerHTML = 'locked';
  782.                         } else {
  783.                             document.querySelector('.table').classList.remove('noClicks');
  784.                             document.querySelector('.themeBody').classList.remove('noClicks');
  785.                             document.querySelector('button.import').classList.remove('noClicks');
  786.                             lockBtn.innerHTML = 'no lock';
  787.                         };
  788.                         (function() {
  789.                             document.querySelectorAll('.saveBtns button').forEach(function(elem, th) {
  790.                                 elem.classList.remove('chosenBtn');
  791.                                 if (theTH == th) elem.classList.add('chosenBtn');
  792.                             })
  793.                         })();
  794.                     }
  795.                 }
  796.             }
  797.  
  798.             function loadColor() {
  799.                 if (nowSetting.theme) {
  800.                     document.querySelector('.themeDesc').classList.remove('hide');
  801.                     var it = document.querySelector('.themeDesc .name');
  802.                     it.innerText = nowSetting.theme.name;
  803.                     it = document.querySelector('.themeDesc .author');
  804.                     it.innerText = 'by\n ' + nowSetting.theme.author;
  805.                 } else {
  806.                     document.querySelector('.themeDesc').classList.add('hide');
  807.                 }
  808.  
  809.                 nowSetting.colors.some(function(elem, th) {
  810.                     var target = document.querySelector(`.colorBlock${th}`);
  811.                     if (!target || !target.querySelector('.cell input').jscolor) {
  812.                         setTimeout(loadColor, 500);
  813.                         return true
  814.                     }
  815.                     onColor(elem.id, elem.color);
  816.                     target.querySelector('.cell').innerHTML = elem.name;
  817.                     target.querySelector('.cell input').jscolor.fromString(elem.color);
  818.                 })
  819.             }
  820.  
  821.             function exportJSON(cmd) {
  822.                 var toExport = [];
  823.                 if (cmd == 'one') toExport = write(nowSetting);
  824.                 if (cmd == 'all') saveList.forEach(elem => toExport.push(write(elem)));
  825.                 return JSON.stringify(toExport);
  826.  
  827.                 function write(now) {
  828.                     var array = [];
  829.                     now.colors.forEach(function(elem) {
  830.                         if (elem.id && elem.id < 50) array.push({
  831.                             id: elem.id,
  832.                             value: elem.color
  833.                         });
  834.                         if (elem.id && elem.id >= 50 && elem.id < 100) array.push({
  835.                             cmd: elem.cmd,
  836.                             value: elem.color
  837.                         });
  838.                         if (!elem.id && elem.cmd) array.push({
  839.                             cmd: elem.cmd,
  840.                             value: elem.color
  841.                         });
  842.                     });
  843.                     array.push({
  844.                         cmd: 'ui_replace_colors',
  845.                         value: diepStyle.uiColorMap('array')
  846.                     });
  847.                     now.renders.forEach(function(elem) {
  848.                         array.push({
  849.                             cmd: elem.cmd,
  850.                             value: elem.value
  851.                         });
  852.                     });
  853.                     if (now.theme) {
  854.                         array.unshift({
  855.                             theme: {
  856.                                 name: now.theme.name || '',
  857.                                 author: now.theme.author || ''
  858.                             }
  859.                         });
  860.                     } else {
  861.                         array.unshift({
  862.                             theme: {
  863.                                 name: '',
  864.                                 author: ''
  865.                             }
  866.                         });
  867.                     }
  868.                     return array
  869.                 }
  870.             }
  871.  
  872.             function importJSON(json) {
  873.                 if (!isJson(json)) {
  874.                     alert('Code Incorrect\nPlz git gud and check your JSON');
  875.                     return
  876.                 };
  877.                 var gotArr = JSON.parse(json);
  878.                 if (!gotArr) return;
  879.                 gotArr.forEach(function(elem) {
  880.                     nowSetting.colors = nowSetting.colors.map(function(now) {
  881.                         if (elem.id && now.id == elem.id) now.color = elem.value;
  882.                         if (!elem.id && elem.cmd && now.cmd == elem.cmd) now.color = elem.value;
  883.                         return now
  884.                     });
  885.                     nowSetting.renders = nowSetting.renders.map(function(now) {
  886.                         if (elem.cmd && now.cmd == elem.cmd) now.value = elem.value;
  887.                         return now
  888.                     });
  889.                     if (elem.cmd == 'ui_replace_colors') {
  890.                         var uiTH = nowSetting.colors.findIndex(elem => elem.name == 'UI Color1');
  891.                         for (var i = 0; i < 8; i++) {
  892.                             nowSetting.colors[uiTH + i].color = elem.value[i];
  893.                         }
  894.                     };
  895.                     if (elem.theme) {
  896.                         if (elem.theme.name || elem.theme.author) nowSetting.theme = elem.theme;
  897.                     } else {
  898.                         elem.theme = {};
  899.                     };
  900.                 });
  901.                 document.querySelectorAll('.saveBtns button')[nowSetting.saveTH].click();
  902.  
  903.                 function isJson(str) {
  904.                     try {
  905.                         JSON.parse(str);
  906.                     } catch (e) {
  907.                         return false;
  908.                     }
  909.                     if (typeof JSON.parse(str) == 'object') return true;
  910.                 }
  911.             }
  912.         }
  913.  
  914.         function onColor(id, e) {
  915.             var target = id;
  916.             var color = e.toString();
  917.             if (id >= 0 && id < 50) {
  918.                 input.execute(`net_replace_color ${target} 0x${color}`)
  919.             } else if (id >= 50 && id < 100) {
  920.                 var cmd = diepStyle.colorMap.get(id).cmd
  921.                 input.set_convar(cmd, `0x${color}`);
  922.             } else {
  923.                 input.execute('ui_replace_colors' + diepStyle.uiColorMap('0x'));
  924.             }
  925.             nowSetting.colors = nowSetting.colors.map(function(elem) {
  926.                 if (elem.id === id) elem.color = color;
  927.                 return elem
  928.             })
  929.         }
  930.  
  931.         function styleInit() {
  932.             addGlobalStyle(`#styleSetting{padding: 0.2em; margin:0.2em; position: absolute;top: 0;right: 0;width: 35%;
  933.                 min-width:20em; background-color: rgba(200,200,200,0.8);display:none;border: 1px solid black;height: 92vh;}`);
  934.             addGlobalStyle(".table{ display: table; text-align: center; width: 99%;}");
  935.             addGlobalStyle(".row{ display: table-row; }");
  936.             addGlobalStyle(`.cell{ display: table-cell;}`);
  937.             addGlobalStyle(`.cell:not(.noBoard){ display: table-cell; padding: 0.1em 0.3em;border: 1px solid black;}`);
  938.             addGlobalStyle("input[type=checkbox],input[type=range]{transform: scale(1.2); }");
  939.  
  940.             addGlobalStyle(`.pluginBody{height: 90%; overflow-y: auto;}`);
  941.             addGlobalStyle(`.theme .list div{width: 48%; float: left; text-align: center; padding: 1%;}`);
  942.             addGlobalStyle(`.theme img {width: 90%;}`);
  943.             // addGlobalStyle(`.themeDesc .cell {width: 40vw;}`);
  944.             addGlobalStyle(`.colorBegin, .renderBegin, .importBegin,.themeBegin,.header{font-size:1.1rem; line-height:1.3em;text-align: center;}`);
  945.             addGlobalStyle(`.saveBtns button{margin: 0 3%; padding: 0.2em 0.5em;}`);
  946.             addGlobalStyle(`@-moz-document url-prefix() {.saveBtns button{margin: 0 1%;padding: 0.1em 0.3em;} } }`);
  947.             addGlobalStyle(`.otherBtns button{margin: 0 4%; padding: 0.2em 0.5em;}`);
  948.             addGlobalStyle(`.footer{text-align:center;height:10%; border: 1px solid black;}`);
  949.             addGlobalStyle(`.footer > *{margin: 0.2vh 0 1.3vh 0;}`);
  950.  
  951.             addGlobalStyle(`.reset button{box-shadow: 0 0 1em red;}`);
  952.             addGlobalStyle(`.backRed{background-color:#f14e54}`);
  953.             addGlobalStyle(`.chosenBtn{-webkit-filter: brightness(0.8);filter:brightness(0.8);}`)
  954.             addGlobalStyle(`.noClicks{pointer-events:none; -webkit-filter: opacity(50%); filter: opacity(50%);}`)
  955.             addGlobalStyle(`.hide{display:none}`)
  956.  
  957.             function addGlobalStyle(css) {
  958.                 var head, style;
  959.                 head = document.getElementsByTagName('head')[0];
  960.                 if (!head) {
  961.                     return;
  962.                 }
  963.                 style = document.createElement('style');
  964.                 style.type = 'text/css';
  965.                 style.innerHTML = css;
  966.                 head.appendChild(style);
  967.             }
  968.         }
  969.     }
  970.  
  971.     function togglePanel(tf) {
  972.         if (tf) {
  973.             try {
  974.                 document.querySelector('#styleSetting').style.display = "block";
  975.             } catch (err) {
  976.                 var warn = '\n\nYou can DELETE ALL PLUGIN SAVES to fix this' +
  977.                     '\nType delete to confirm' +
  978.                     '\nor cancel to download all saves';
  979.                 var gotValue = prompt('Got an error\n' + err + warn);
  980.                 if (gotValue == 'delete') {
  981.                     localStorage.removeItem('diepStyle');
  982.                     alert('Deleted,refresh to take effect');
  983.                     return
  984.                 } else {
  985.                     download('diep.style saves.txt', diepStyle.exportJSON('all'))
  986.                 };
  987.             }
  988.         } else {
  989.             document.querySelector('#styleSetting').style.display = "none";
  990.         }
  991.  
  992.         function download(filename, text) {
  993.             var element = document.createElement('a');
  994.             element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  995.             element.setAttribute('download', filename);
  996.  
  997.             element.style.display = 'none';
  998.             document.body.appendChild(element);
  999.  
  1000.             element.click();
  1001.  
  1002.             document.body.removeChild(element);
  1003.         }
  1004.     }
  1005.  
  1006.     function loadScript() {;
  1007.         (function() {"use strict"; window.jscolor || (window.jscolor = function() {var e = {register: function() {e.attachDOMReadyEvent(e.init), e.attachEvent(document, "mousedown", e.onDocumentMouseDown), e.attachEvent(document, "touchstart", e.onDocumentTouchStart), e.attachEvent(window, "resize", e.onWindowResize) }, init: function() {e.jscolor.lookupClass && e.jscolor.installByClassName(e.jscolor.lookupClass) }, tryInstallOnElements: function(t, n) {var r = new RegExp("(^|\\s)(" + n + ")(\\s*(\\{[^}]*\\})|\\s|$)", "i"); for (var i = 0; i < t.length; i += 1) {if (t[i].type !== undefined && t[i].type.toLowerCase() == "color" && e.isColorAttrSupported) continue; var s; if (!t[i].jscolor && t[i].className && (s = t[i].className.match(r))) {var o = t[i], u = null, a = e.getDataAttr(o, "jscolor"); a !== null ? u = a : s[4] && (u = s[4]); var f = {}; if (u) try {f = (new Function("return (" + u + ")"))() } catch (l) {e.warn("Error parsing jscolor options: " + l + ":\n" + u) } o.jscolor = new e.jscolor(o, f) } } }, isColorAttrSupported: function() {var e = document.createElement("input"); if (e.setAttribute) {e.setAttribute("type", "color"); if (e.type.toLowerCase() == "color") return !0 } return !1 }(), isCanvasSupported: function() {var e = document.createElement("canvas"); return !!e.getContext && !!e.getContext("2d") }(), fetchElement: function(e) {return typeof e == "string" ? document.getElementById(e) : e }, isElementType: function(e, t) {return e.nodeName.toLowerCase() === t.toLowerCase() }, getDataAttr: function(e, t) {var n = "data-" + t, r = e.getAttribute(n); return r !== null ? r : null }, attachEvent: function(e, t, n) {e.addEventListener ? e.addEventListener(t, n, !1) : e.attachEvent && e.attachEvent("on" + t, n) }, detachEvent: function(e, t, n) {e.removeEventListener ? e.removeEventListener(t, n, !1) : e.detachEvent && e.detachEvent("on" + t, n) }, _attachedGroupEvents: {}, attachGroupEvent: function(t, n, r, i) {e._attachedGroupEvents.hasOwnProperty(t) || (e._attachedGroupEvents[t] = []), e._attachedGroupEvents[t].push([n, r, i]), e.attachEvent(n, r, i) }, detachGroupEvents: function(t) {if (e._attachedGroupEvents.hasOwnProperty(t)) {for (var n = 0; n < e._attachedGroupEvents[t].length; n += 1) {var r = e._attachedGroupEvents[t][n]; e.detachEvent(r[0], r[1], r[2]) } delete e._attachedGroupEvents[t] } }, attachDOMReadyEvent: function(e) {var t = !1, n = function() {t || (t = !0, e()) }; if (document.readyState === "complete") {setTimeout(n, 1); return } if (document.addEventListener) document.addEventListener("DOMContentLoaded", n, !1), window.addEventListener("load", n, !1); else if (document.attachEvent) {document.attachEvent("onreadystatechange", function() {document.readyState === "complete" && (document.detachEvent("onreadystatechange", arguments.callee), n()) }), window.attachEvent("onload", n); if (document.documentElement.doScroll && window == window.top) {var r = function() {if (!document.body) return; try {document.documentElement.doScroll("left"), n() } catch (e) {setTimeout(r, 1) } }; r() } } }, warn: function(e) {window.console && window.console.warn && window.console.warn(e) }, preventDefault: function(e) {e.preventDefault && e.preventDefault(), e.returnValue = !1 }, captureTarget: function(t) {t.setCapture && (e._capturedTarget = t, e._capturedTarget.setCapture()) }, releaseTarget: function() {e._capturedTarget && (e._capturedTarget.releaseCapture(), e._capturedTarget = null) }, fireEvent: function(e, t) {if (!e) return; if (document.createEvent) {var n = document.createEvent("HTMLEvents"); n.initEvent(t, !0, !0), e.dispatchEvent(n) } else if (document.createEventObject) {var n = document.createEventObject(); e.fireEvent("on" + t, n) } else e["on" + t] && e["on" + t]() }, classNameToList: function(e) {return e.replace(/^\s+|\s+$/g, "").split(/\s+/) }, hasClass: function(e, t) {return t ? -1 != (" " + e.className.replace(/\s+/g, " ") + " ").indexOf(" " + t + " ") : !1 }, setClass: function(t, n) {var r = e.classNameToList(n); for (var i = 0; i < r.length; i += 1) e.hasClass(t, r[i]) || (t.className += (t.className ? " " : "") + r[i]) }, unsetClass: function(t, n) {var r = e.classNameToList(n); for (var i = 0; i < r.length; i += 1) {var s = new RegExp("^\\s*" + r[i] + "\\s*|" + "\\s*" + r[i] + "\\s*$|" + "\\s+" + r[i] + "(\\s+)", "g"); t.className = t.className.replace(s, "$1") } }, getStyle: function(e) {return window.getComputedStyle ? window.getComputedStyle(e) : e.currentStyle }, setStyle: function() {var e = document.createElement("div"), t = function(t) {for (var n = 0; n < t.length; n += 1) if (t[n] in e.style) return t[n] }, n = {borderRadius: t(["borderRadius", "MozBorderRadius", "webkitBorderRadius"]), boxShadow: t(["boxShadow", "MozBoxShadow", "webkitBoxShadow"]) }; return function(e, t, r) {switch (t.toLowerCase()) {case "opacity": var i = Math.round(parseFloat(r) * 100); e.style.opacity = r, e.style.filter = "alpha(opacity=" + i + ")"; break; default: e.style[n[t]] = r } } }(), setBorderRadius: function(t, n) {e.setStyle(t, "borderRadius", n || "0") }, setBoxShadow: function(t, n) {e.setStyle(t, "boxShadow", n || "none") }, getElementPos: function(t, n) {var r = 0, i = 0, s = t.getBoundingClientRect(); r = s.left, i = s.top; if (!n) {var o = e.getViewPos(); r += o[0], i += o[1] } return [r, i] }, getElementSize: function(e) {return [e.offsetWidth, e.offsetHeight] }, getAbsPointerPos: function(e) {e || (e = window.event); var t = 0, n = 0; return typeof e.changedTouches != "undefined" && e.changedTouches.length ? (t = e.changedTouches[0].clientX, n = e.changedTouches[0].clientY) : typeof e.clientX == "number" && (t = e.clientX, n = e.clientY), {x: t, y: n } }, getRelPointerPos: function(e) {e || (e = window.event); var t = e.target || e.srcElement, n = t.getBoundingClientRect(), r = 0, i = 0, s = 0, o = 0; return typeof e.changedTouches != "undefined" && e.changedTouches.length ? (s = e.changedTouches[0].clientX, o = e.changedTouches[0].clientY) : typeof e.clientX == "number" && (s = e.clientX, o = e.clientY), r = s - n.left, i = o - n.top, {x: r, y: i } }, getViewPos: function() {var e = document.documentElement; return [(window.pageXOffset || e.scrollLeft) - (e.clientLeft || 0), (window.pageYOffset || e.scrollTop) - (e.clientTop || 0)] }, getViewSize: function() {var e = document.documentElement; return [window.innerWidth || e.clientWidth, window.innerHeight || e.clientHeight] }, redrawPosition: function() {if (e.picker && e.picker.owner) {var t = e.picker.owner, n, r; t.fixed ? (n = e.getElementPos(t.targetElement, !0), r = [0, 0]) : (n = e.getElementPos(t.targetElement), r = e.getViewPos()); var i = e.getElementSize(t.targetElement), s = e.getViewSize(), o = e.getPickerOuterDims(t), u, a, f; switch (t.position.toLowerCase()) {case "left": u = 1, a = 0, f = -1; break; case "right": u = 1, a = 0, f = 1; break; case "top": u = 0, a = 1, f = -1; break; default: u = 0, a = 1, f = 1 } var l = (i[a] + o[a]) / 2; if (!t.smartPosition) var c = [n[u], n[a] + i[a] - l + l * f]; else var c = [-r[u] + n[u] + o[u] > s[u] ? -r[u] + n[u] + i[u] / 2 > s[u] / 2 && n[u] + i[u] - o[u] >= 0 ? n[u] + i[u] - o[u] : n[u] : n[u], -r[a] + n[a] + i[a] + o[a] - l + l * f > s[a] ? -r[a] + n[a] + i[a] / 2 > s[a] / 2 && n[a] + i[a] - l - l * f >= 0 ? n[a] + i[a] - l - l * f : n[a] + i[a] - l + l * f : n[a] + i[a] - l + l * f >= 0 ? n[a] + i[a] - l + l * f : n[a] + i[a] - l - l * f]; var h = c[u], p = c[a], d = t.fixed ? "fixed" : "absolute", v = (c[0] + o[0] > n[0] || c[0] < n[0] + i[0]) && c[1] + o[1] < n[1] + i[1]; e._drawPosition(t, h, p, d, v) } }, _drawPosition: function(t, n, r, i, s) {var o = s ? 0 : t.shadowBlur; e.picker.wrap.style.position = i, e.picker.wrap.style.left = n + "px", e.picker.wrap.style.top = r + "px", e.setBoxShadow(e.picker.boxS, t.shadow ? new e.BoxShadow(0, o, t.shadowBlur, 0, t.shadowColor) : null) }, getPickerDims: function(t) {var n = !!e.getSliderComponent(t), r = [2 * t.insetWidth + 2 * t.padding + t.width + (n ? 2 * t.insetWidth + e.getPadToSliderPadding(t) + t.sliderSize : 0), 2 * t.insetWidth + 2 * t.padding + t.height + (t.closable ? 2 * t.insetWidth + t.padding + t.buttonHeight : 0)]; return r }, getPickerOuterDims: function(t) {var n = e.getPickerDims(t); return [n[0] + 2 * t.borderWidth, n[1] + 2 * t.borderWidth] }, getPadToSliderPadding: function(e) {return Math.max(e.padding, 1.5 * (2 * e.pointerBorderWidth + e.pointerThickness)) }, getPadYComponent: function(e) {switch (e.mode.charAt(1).toLowerCase()) {case "v": return "v"} return "s"}, getSliderComponent: function(e) {if (e.mode.length > 2) switch (e.mode.charAt(2).toLowerCase()) {case "s": return "s"; case "v": return "v"} return null }, onDocumentMouseDown: function(t) {t || (t = window.event); var n = t.target || t.srcElement; n._jscLinkedInstance ? n._jscLinkedInstance.showOnClick && n._jscLinkedInstance.show() : n._jscControlName ? e.onControlPointerStart(t, n, n._jscControlName, "mouse") : e.picker && e.picker.owner && e.picker.owner.hide() }, onDocumentTouchStart: function(t) {t || (t = window.event); var n = t.target || t.srcElement; n._jscLinkedInstance ? n._jscLinkedInstance.showOnClick && n._jscLinkedInstance.show() : n._jscControlName ? e.onControlPointerStart(t, n, n._jscControlName, "touch") : e.picker && e.picker.owner && e.picker.owner.hide() }, onWindowResize: function(t) {e.redrawPosition() }, onParentScroll: function(t) {e.picker && e.picker.owner && e.picker.owner.hide() }, _pointerMoveEvent: {mouse: "mousemove", touch: "touchmove"}, _pointerEndEvent: {mouse: "mouseup", touch: "touchend"}, _pointerOrigin: null, _capturedTarget: null, onControlPointerStart: function(t, n, r, i) {var s = n._jscInstance; e.preventDefault(t), e.captureTarget(n); var o = function(s, o) {e.attachGroupEvent("drag", s, e._pointerMoveEvent[i], e.onDocumentPointerMove(t, n, r, i, o)), e.attachGroupEvent("drag", s, e._pointerEndEvent[i], e.onDocumentPointerEnd(t, n, r, i)) }; o(document, [0, 0]); if (window.parent && window.frameElement) {var u = window.frameElement.getBoundingClientRect(), a = [-u.left, -u.top]; o(window.parent.window.document, a) } var f = e.getAbsPointerPos(t), l = e.getRelPointerPos(t); e._pointerOrigin = {x: f.x - l.x, y: f.y - l.y }; switch (r) {case "pad": switch (e.getSliderComponent(s)) {case "s": s.hsv[1] === 0 && s.fromHSV(null, 100, null); break; case "v": s.hsv[2] === 0 && s.fromHSV(null, null, 100) } e.setPad(s, t, 0, 0); break; case "sld": e.setSld(s, t, 0) } e.dispatchFineChange(s) }, onDocumentPointerMove: function(t, n, r, i, s) {return function(t) {var i = n._jscInstance; switch (r) {case "pad": t || (t = window.event), e.setPad(i, t, s[0], s[1]), e.dispatchFineChange(i); break; case "sld": t || (t = window.event), e.setSld(i, t, s[1]), e.dispatchFineChange(i) } } }, onDocumentPointerEnd: function(t, n, r, i) {return function(t) {var r = n._jscInstance; e.detachGroupEvents("drag"), e.releaseTarget(), e.dispatchChange(r) } }, dispatchChange: function(t) {t.valueElement && e.isElementType(t.valueElement, "input") && e.fireEvent(t.valueElement, "change") }, dispatchFineChange: function(e) {if (e.onFineChange) {var t; typeof e.onFineChange == "string" ? t = new Function(e.onFineChange) : t = e.onFineChange, t.call(e) } }, setPad: function(t, n, r, i) {var s = e.getAbsPointerPos(n), o = r + s.x - e._pointerOrigin.x - t.padding - t.insetWidth, u = i + s.y - e._pointerOrigin.y - t.padding - t.insetWidth, a = o * (360 / (t.width - 1)), f = 100 - u * (100 / (t.height - 1)); switch (e.getPadYComponent(t)) {case "s": t.fromHSV(a, f, null, e.leaveSld); break; case "v": t.fromHSV(a, null, f, e.leaveSld) } }, setSld: function(t, n, r) {var i = e.getAbsPointerPos(n), s = r + i.y - e._pointerOrigin.y - t.padding - t.insetWidth, o = 100 - s * (100 / (t.height - 1)); switch (e.getSliderComponent(t)) {case "s": t.fromHSV(null, o, null, e.leavePad); break; case "v": t.fromHSV(null, null, o, e.leavePad) } }, _vmlNS: "jsc_vml_", _vmlCSS: "jsc_vml_css_", _vmlReady: !1, initVML: function() {if (!e._vmlReady) {var t = document; t.namespaces[e._vmlNS] || t.namespaces.add(e._vmlNS, "urn:schemas-microsoft-com:vml"); if (!t.styleSheets[e._vmlCSS]) {var n = ["shape", "shapetype", "group", "background", "path", "formulas", "handles", "fill", "stroke", "shadow", "textbox", "textpath", "imagedata", "line", "polyline", "curve", "rect", "roundrect", "oval", "arc", "image"], r = t.createStyleSheet(); r.owningElement.id = e._vmlCSS; for (var i = 0; i < n.length; i += 1) r.addRule(e._vmlNS + "\\:" + n[i], "behavior:url(#default#VML);") } e._vmlReady = !0 } }, createPalette: function() {var t = {elm: null, draw: null }; if (e.isCanvasSupported) {var n = document.createElement("canvas"), r = n.getContext("2d"), i = function(e, t, i) {n.width = e, n.height = t, r.clearRect(0, 0, n.width, n.height); var s = r.createLinearGradient(0, 0, n.width, 0); s.addColorStop(0, "#F00"), s.addColorStop(1 / 6, "#FF0"), s.addColorStop(2 / 6, "#0F0"), s.addColorStop(.5, "#0FF"), s.addColorStop(4 / 6, "#00F"), s.addColorStop(5 / 6, "#F0F"), s.addColorStop(1, "#F00"), r.fillStyle = s, r.fillRect(0, 0, n.width, n.height); var o = r.createLinearGradient(0, 0, 0, n.height); switch (i.toLowerCase()) {case "s": o.addColorStop(0, "rgba(255,255,255,0)"), o.addColorStop(1, "rgba(255,255,255,1)"); break; case "v": o.addColorStop(0, "rgba(0,0,0,0)"), o.addColorStop(1, "rgba(0,0,0,1)") } r.fillStyle = o, r.fillRect(0, 0, n.width, n.height) }; t.elm = n, t.draw = i } else {e.initVML(); var s = document.createElement("div"); s.style.position = "relative", s.style.overflow = "hidden"; var o = document.createElement(e._vmlNS + ":fill"); o.type = "gradient", o.method = "linear", o.angle = "90", o.colors = "16.67% #F0F, 33.33% #00F, 50% #0FF, 66.67% #0F0, 83.33% #FF0"; var u = document.createElement(e._vmlNS + ":rect"); u.style.position = "absolute", u.style.left = "-1px", u.style.top = "-1px", u.stroked = !1, u.appendChild(o), s.appendChild(u); var a = document.createElement(e._vmlNS + ":fill"); a.type = "gradient", a.method = "linear", a.angle = "180", a.opacity = "0"; var f = document.createElement(e._vmlNS + ":rect"); f.style.position = "absolute", f.style.left = "-1px", f.style.top = "-1px", f.stroked = !1, f.appendChild(a), s.appendChild(f); var i = function(e, t, n) {s.style.width = e + "px", s.style.height = t + "px", u.style.width = f.style.width = e + 1 + "px", u.style.height = f.style.height = t + 1 + "px", o.color = "#F00", o.color2 = "#F00"; switch (n.toLowerCase()) {case "s": a.color = a.color2 = "#FFF"; break; case "v": a.color = a.color2 = "#000"} }; t.elm = s, t.draw = i } return t }, createSliderGradient: function() {var t = {elm: null, draw: null }; if (e.isCanvasSupported) {var n = document.createElement("canvas"), r = n.getContext("2d"), i = function(e, t, i, s) {n.width = e, n.height = t, r.clearRect(0, 0, n.width, n.height); var o = r.createLinearGradient(0, 0, 0, n.height); o.addColorStop(0, i), o.addColorStop(1, s), r.fillStyle = o, r.fillRect(0, 0, n.width, n.height) }; t.elm = n, t.draw = i } else {e.initVML(); var s = document.createElement("div"); s.style.position = "relative", s.style.overflow = "hidden"; var o = document.createElement(e._vmlNS + ":fill"); o.type = "gradient", o.method = "linear", o.angle = "180"; var u = document.createElement(e._vmlNS + ":rect"); u.style.position = "absolute", u.style.left = "-1px", u.style.top = "-1px", u.stroked = !1, u.appendChild(o), s.appendChild(u); var i = function(e, t, n, r) {s.style.width = e + "px", s.style.height = t + "px", u.style.width = e + 1 + "px", u.style.height = t + 1 + "px", o.color = n, o.color2 = r }; t.elm = s, t.draw = i } return t }, leaveValue: 1, leaveStyle: 2, leavePad: 4, leaveSld: 8, BoxShadow: function() {var e = function(e, t, n, r, i, s) {this.hShadow = e, this.vShadow = t, this.blur = n, this.spread = r, this.color = i, this.inset = !!s }; return e.prototype.toString = function() {var e = [Math.round(this.hShadow) + "px", Math.round(this.vShadow) + "px", Math.round(this.blur) + "px", Math.round(this.spread) + "px", this.color]; return this.inset && e.push("inset"), e.join(" ") }, e }(), jscolor: function(t, n) {function i(e, t, n) {e /= 255, t /= 255, n /= 255; var r = Math.min(Math.min(e, t), n), i = Math.max(Math.max(e, t), n), s = i - r; if (s === 0) return [null, 0, 100 * i]; var o = e === r ? 3 + (n - t) / s : t === r ? 5 + (e - n) / s : 1 + (t - e) / s; return [60 * (o === 6 ? 0 : o), 100 * (s / i), 100 * i] } function s(e, t, n) {var r = 255 * (n / 100); if (e === null) return [r, r, r]; e /= 60, t /= 100; var i = Math.floor(e), s = i % 2 ? e - i : 1 - (e - i), o = r * (1 - t), u = r * (1 - t * s); switch (i) {case 6: case 0: return [r, u, o]; case 1: return [u, r, o]; case 2: return [o, r, u]; case 3: return [o, u, r]; case 4: return [u, o, r]; case 5: return [r, o, u] } } function o() {e.unsetClass(d.targetElement, d.activeClass), e.picker.wrap.parentNode.removeChild(e.picker.wrap), delete e.picker.owner } function u() {function l() {var e = d.insetColor.split(/\s+/), n = e.length < 2 ? e[0] : e[1] + " " + e[0] + " " + e[0] + " " + e[1]; t.btn.style.borderColor = n } d._processParentElementsInDOM(), e.picker || (e.picker = {owner: null, wrap: document.createElement("div"), box: document.createElement("div"), boxS: document.createElement("div"), boxB: document.createElement("div"), pad: document.createElement("div"), padB: document.createElement("div"), padM: document.createElement("div"), padPal: e.createPalette(), cross: document.createElement("div"), crossBY: document.createElement("div"), crossBX: document.createElement("div"), crossLY: document.createElement("div"), crossLX: document.createElement("div"), sld: document.createElement("div"), sldB: document.createElement("div"), sldM: document.createElement("div"), sldGrad: e.createSliderGradient(), sldPtrS: document.createElement("div"), sldPtrIB: document.createElement("div"), sldPtrMB: document.createElement("div"), sldPtrOB: document.createElement("div"), btn: document.createElement("div"), btnT: document.createElement("span") }, e.picker.pad.appendChild(e.picker.padPal.elm), e.picker.padB.appendChild(e.picker.pad), e.picker.cross.appendChild(e.picker.crossBY), e.picker.cross.appendChild(e.picker.crossBX), e.picker.cross.appendChild(e.picker.crossLY), e.picker.cross.appendChild(e.picker.crossLX), e.picker.padB.appendChild(e.picker.cross), e.picker.box.appendChild(e.picker.padB), e.picker.box.appendChild(e.picker.padM), e.picker.sld.appendChild(e.picker.sldGrad.elm), e.picker.sldB.appendChild(e.picker.sld), e.picker.sldB.appendChild(e.picker.sldPtrOB), e.picker.sldPtrOB.appendChild(e.picker.sldPtrMB), e.picker.sldPtrMB.appendChild(e.picker.sldPtrIB), e.picker.sldPtrIB.appendChild(e.picker.sldPtrS), e.picker.box.appendChild(e.picker.sldB), e.picker.box.appendChild(e.picker.sldM), e.picker.btn.appendChild(e.picker.btnT), e.picker.box.appendChild(e.picker.btn), e.picker.boxB.appendChild(e.picker.box), e.picker.wrap.appendChild(e.picker.boxS), e.picker.wrap.appendChild(e.picker.boxB)); var t = e.picker, n = !!e.getSliderComponent(d), r = e.getPickerDims(d), i = 2 * d.pointerBorderWidth + d.pointerThickness + 2 * d.crossSize, s = e.getPadToSliderPadding(d), o = Math.min(d.borderRadius, Math.round(d.padding * Math.PI)), u = "crosshair"; t.wrap.style.clear = "both", t.wrap.style.width = r[0] + 2 * d.borderWidth + "px", t.wrap.style.height = r[1] + 2 * d.borderWidth + "px", t.wrap.style.zIndex = d.zIndex, t.box.style.width = r[0] + "px", t.box.style.height = r[1] + "px", t.boxS.style.position = "absolute", t.boxS.style.left = "0", t.boxS.style.top = "0", t.boxS.style.width = "100%", t.boxS.style.height = "100%", e.setBorderRadius(t.boxS, o + "px"), t.boxB.style.position = "relative", t.boxB.style.border = d.borderWidth + "px solid", t.boxB.style.borderColor = d.borderColor, t.boxB.style.background = d.backgroundColor, e.setBorderRadius(t.boxB, o + "px"), t.padM.style.background = t.sldM.style.background = "#FFF", e.setStyle(t.padM, "opacity", "0"), e.setStyle(t.sldM, "opacity", "0"), t.pad.style.position = "relative", t.pad.style.width = d.width + "px", t.pad.style.height = d.height + "px", t.padPal.draw(d.width, d.height, e.getPadYComponent(d)), t.padB.style.position = "absolute", t.padB.style.left = d.padding + "px", t.padB.style.top = d.padding + "px", t.padB.style.border = d.insetWidth + "px solid", t.padB.style.borderColor = d.insetColor, t.padM._jscInstance = d, t.padM._jscControlName = "pad", t.padM.style.position = "absolute", t.padM.style.left = "0", t.padM.style.top = "0", t.padM.style.width = d.padding + 2 * d.insetWidth + d.width + s / 2 + "px", t.padM.style.height = r[1] + "px", t.padM.style.cursor = u, t.cross.style.position = "absolute", t.cross.style.left = t.cross.style.top = "0", t.cross.style.width = t.cross.style.height = i + "px", t.crossBY.style.position = t.crossBX.style.position = "absolute", t.crossBY.style.background = t.crossBX.style.background = d.pointerBorderColor, t.crossBY.style.width = t.crossBX.style.height = 2 * d.pointerBorderWidth + d.pointerThickness + "px", t.crossBY.style.height = t.crossBX.style.width = i + "px", t.crossBY.style.left = t.crossBX.style.top = Math.floor(i / 2) - Math.floor(d.pointerThickness / 2) - d.pointerBorderWidth + "px", t.crossBY.style.top = t.crossBX.style.left = "0", t.crossLY.style.position = t.crossLX.style.position = "absolute", t.crossLY.style.background = t.crossLX.style.background = d.pointerColor, t.crossLY.style.height = t.crossLX.style.width = i - 2 * d.pointerBorderWidth + "px", t.crossLY.style.width = t.crossLX.style.height = d.pointerThickness + "px", t.crossLY.style.left = t.crossLX.style.top = Math.floor(i / 2) - Math.floor(d.pointerThickness / 2) + "px", t.crossLY.style.top = t.crossLX.style.left = d.pointerBorderWidth + "px", t.sld.style.overflow = "hidden", t.sld.style.width = d.sliderSize + "px", t.sld.style.height = d.height + "px", t.sldGrad.draw(d.sliderSize, d.height, "#000", "#000"), t.sldB.style.display = n ? "block" : "none", t.sldB.style.position = "absolute", t.sldB.style.right = d.padding + "px", t.sldB.style.top = d.padding + "px", t.sldB.style.border = d.insetWidth + "px solid", t.sldB.style.borderColor = d.insetColor, t.sldM._jscInstance = d, t.sldM._jscControlName = "sld", t.sldM.style.display = n ? "block" : "none", t.sldM.style.position = "absolute", t.sldM.style.right = "0", t.sldM.style.top = "0", t.sldM.style.width = d.sliderSize + s / 2 + d.padding + 2 * d.insetWidth + "px", t.sldM.style.height = r[1] + "px", t.sldM.style.cursor = "default", t.sldPtrIB.style.border = t.sldPtrOB.style.border = d.pointerBorderWidth + "px solid " + d.pointerBorderColor, t.sldPtrOB.style.position = "absolute", t.sldPtrOB.style.left = -(2 * d.pointerBorderWidth + d.pointerThickness) + "px", t.sldPtrOB.style.top = "0", t.sldPtrMB.style.border = d.pointerThickness + "px solid " + d.pointerColor, t.sldPtrS.style.width = d.sliderSize + "px", t.sldPtrS.style.height = m + "px", t.btn.style.display = d.closable ? "block" : "none", t.btn.style.position = "absolute", t.btn.style.left = d.padding + "px", t.btn.style.bottom = d.padding + "px", t.btn.style.padding = "0 15px", t.btn.style.height = d.buttonHeight + "px", t.btn.style.border = d.insetWidth + "px solid", l(), t.btn.style.color = d.buttonColor, t.btn.style.font = "12px sans-serif", t.btn.style.textAlign = "center"; try {t.btn.style.cursor = "pointer"} catch (c) {t.btn.style.cursor = "hand"} t.btn.onmousedown = function() {d.hide() }, t.btnT.style.lineHeight = d.buttonHeight + "px", t.btnT.innerHTML = "", t.btnT.appendChild(document.createTextNode(d.closeText)), a(), f(), e.picker.owner && e.picker.owner !== d && e.unsetClass(e.picker.owner.targetElement, d.activeClass), e.picker.owner = d, e.isElementType(v, "body") ? e.redrawPosition() : e._drawPosition(d, 0, 0, "relative", !1), t.wrap.parentNode != v && v.appendChild(t.wrap), e.setClass(d.targetElement, d.activeClass) } function a() {switch (e.getPadYComponent(d)) {case "s": var t = 1; break; case "v": var t = 2 } var n = Math.round(d.hsv[0] / 360 * (d.width - 1)), r = Math.round((1 - d.hsv[t] / 100) * (d.height - 1)), i = 2 * d.pointerBorderWidth + d.pointerThickness + 2 * d.crossSize, o = -Math.floor(i / 2); e.picker.cross.style.left = n + o + "px", e.picker.cross.style.top = r + o + "px"; switch (e.getSliderComponent(d)) {case "s": var u = s(d.hsv[0], 100, d.hsv[2]), a = s(d.hsv[0], 0, d.hsv[2]), f = "rgb(" + Math.round(u[0]) + "," + Math.round(u[1]) + "," + Math.round(u[2]) + ")", l = "rgb(" + Math.round(a[0]) + "," + Math.round(a[1]) + "," + Math.round(a[2]) + ")"; e.picker.sldGrad.draw(d.sliderSize, d.height, f, l); break; case "v": var c = s(d.hsv[0], d.hsv[1], 100), f = "rgb(" + Math.round(c[0]) + "," + Math.round(c[1]) + "," + Math.round(c[2]) + ")", l = "#000"; e.picker.sldGrad.draw(d.sliderSize, d.height, f, l) } } function f() {var t = e.getSliderComponent(d); if (t) {switch (t) {case "s": var n = 1; break; case "v": var n = 2 } var r = Math.round((1 - d.hsv[n] / 100) * (d.height - 1)); e.picker.sldPtrOB.style.top = r - (2 * d.pointerBorderWidth + d.pointerThickness) - Math.floor(m / 2) + "px"} } function l() {return e.picker && e.picker.owner === d } function c() {d.importColor() } this.value = null, this.valueElement = t, this.styleElement = t, this.required = !0, this.refine = !0, this.hash = !1, this.uppercase = !0, this.onFineChange = null, this.activeClass = "jscolor-active", this.minS = 0, this.maxS = 100, this.minV = 0, this.maxV = 100, this.hsv = [0, 0, 100], this.rgb = [255, 255, 255], this.width = 181, this.height = 101, this.showOnClick = !0, this.mode = "HSV", this.position = "bottom", this.smartPosition = !0, this.sliderSize = 16, this.crossSize = 8, this.closable = !1, this.closeText = "Close", this.buttonColor = "#000000", this.buttonHeight = 18, this.padding = 12, this.backgroundColor = "#FFFFFF", this.borderWidth = 1, this.borderColor = "#BBBBBB", this.borderRadius = 8, this.insetWidth = 1, this.insetColor = "#BBBBBB", this.shadow = !0, this.shadowBlur = 15, this.shadowColor = "rgba(0,0,0,0.2)", this.pointerColor = "#4C4C4C", this.pointerBorderColor = "#FFFFFF", this.pointerBorderWidth = 1, this.pointerThickness = 2, this.zIndex = 1e3, this.container = null; for (var r in n) n.hasOwnProperty(r) && (this[r] = n[r]); this.hide = function() {l() && o() }, this.show = function() {u() }, this.redraw = function() {l() && u() }, this.importColor = function() {this.valueElement ? e.isElementType(this.valueElement, "input") ? this.refine ? !this.required && /^\s*$/.test(this.valueElement.value) ? (this.valueElement.value = "", this.styleElement && (this.styleElement.style.backgroundImage = this.styleElement._jscOrigStyle.backgroundImage, this.styleElement.style.backgroundColor = this.styleElement._jscOrigStyle.backgroundColor, this.styleElement.style.color = this.styleElement._jscOrigStyle.color), this.exportColor(e.leaveValue | e.leaveStyle)) : this.fromString(this.valueElement.value) || this.exportColor() : this.fromString(this.valueElement.value, e.leaveValue) || (this.styleElement && (this.styleElement.style.backgroundImage = this.styleElement._jscOrigStyle.backgroundImage, this.styleElement.style.backgroundColor = this.styleElement._jscOrigStyle.backgroundColor, this.styleElement.style.color = this.styleElement._jscOrigStyle.color), this.exportColor(e.leaveValue | e.leaveStyle)) : this.exportColor() : this.exportColor() }, this.exportColor = function(t) {if (!(t & e.leaveValue) && this.valueElement) {var n = this.toString(); this.uppercase && (n = n.toUpperCase()), this.hash && (n = "#" + n), e.isElementType(this.valueElement, "input") ? this.valueElement.value = n : this.valueElement.innerHTML = n } t & e.leaveStyle || this.styleElement && (this.styleElement.style.backgroundImage = "none", this.styleElement.style.backgroundColor = "#" + this.toString(), this.styleElement.style.color = this.isLight() ? "#000" : "#FFF"), !(t & e.leavePad) && l() && a(), !(t & e.leaveSld) && l() && f() }, this.fromHSV = function(e, t, n, r) {if (e !== null) {if (isNaN(e)) return !1; e = Math.max(0, Math.min(360, e)) } if (t !== null) {if (isNaN(t)) return !1; t = Math.max(0, Math.min(100, this.maxS, t), this.minS) } if (n !== null) {if (isNaN(n)) return !1; n = Math.max(0, Math.min(100, this.maxV, n), this.minV) } this.rgb = s(e === null ? this.hsv[0] : this.hsv[0] = e, t === null ? this.hsv[1] : this.hsv[1] = t, n === null ? this.hsv[2] : this.hsv[2] = n), this.exportColor(r) }, this.fromRGB = function(e, t, n, r) {if (e !== null) {if (isNaN(e)) return !1; e = Math.max(0, Math.min(255, e)) } if (t !== null) {if (isNaN(t)) return !1; t = Math.max(0, Math.min(255, t)) } if (n !== null) {if (isNaN(n)) return !1; n = Math.max(0, Math.min(255, n)) } var o = i(e === null ? this.rgb[0] : e, t === null ? this.rgb[1] : t, n === null ? this.rgb[2] : n); o[0] !== null && (this.hsv[0] = Math.max(0, Math.min(360, o[0]))), o[2] !== 0 && (this.hsv[1] = o[1] === null ? null : Math.max(0, this.minS, Math.min(100, this.maxS, o[1]))), this.hsv[2] = o[2] === null ? null : Math.max(0, this.minV, Math.min(100, this.maxV, o[2])); var u = s(this.hsv[0], this.hsv[1], this.hsv[2]); this.rgb[0] = u[0], this.rgb[1] = u[1], this.rgb[2] = u[2], this.exportColor(r) }, this.fromString = function(e, t) {var n; if (n = e.match(/^\W*([0-9A-F]{3}([0-9A-F]{3})?)\W*$/i)) return n[1].length === 6 ? this.fromRGB(parseInt(n[1].substr(0, 2), 16), parseInt(n[1].substr(2, 2), 16), parseInt(n[1].substr(4, 2), 16), t) : this.fromRGB(parseInt(n[1].charAt(0) + n[1].charAt(0), 16), parseInt(n[1].charAt(1) + n[1].charAt(1), 16), parseInt(n[1].charAt(2) + n[1].charAt(2), 16), t), !0; if (n = e.match(/^\W*rgba?\(([^)]*)\)\W*$/i)) {var r = n[1].split(","), i = /^\s*(\d*)(\.\d+)?\s*$/, s, o, u; if (r.length >= 3 && (s = r[0].match(i)) && (o = r[1].match(i)) && (u = r[2].match(i))) {var a = parseFloat((s[1] || "0") + (s[2] || "")), f = parseFloat((o[1] || "0") + (o[2] || "")), l = parseFloat((u[1] || "0") + (u[2] || "")); return this.fromRGB(a, f, l, t), !0 } } return !1 }, this.toString = function() {return (256 | Math.round(this.rgb[0])).toString(16).substr(1) + (256 | Math.round(this.rgb[1])).toString(16).substr(1) + (256 | Math.round(this.rgb[2])).toString(16).substr(1) }, this.toHEXString = function() {return "#" + this.toString().toUpperCase() }, this.toRGBString = function() {return "rgb(" + Math.round(this.rgb[0]) + "," + Math.round(this.rgb[1]) + "," + Math.round(this.rgb[2]) + ")"}, this.isLight = function() {return .213 * this.rgb[0] + .715 * this.rgb[1] + .072 * this.rgb[2] > 127.5 }, this._processParentElementsInDOM = function() {if (this._linkedElementsProcessed) return; this._linkedElementsProcessed = !0; var t = this.targetElement; do {var n = e.getStyle(t); n && n.position.toLowerCase() === "fixed" && (this.fixed = !0), t !== this.targetElement && (t._jscEventsAttached || (e.attachEvent(t, "scroll", e.onParentScroll), t._jscEventsAttached = !0)) } while ((t = t.parentNode) && !e.isElementType(t, "body")) }; if (typeof t == "string") {var h = t, p = document.getElementById(h); p ? this.targetElement = p : e.warn("Could not find target element with ID '" + h + "'") } else t ? this.targetElement = t : e.warn("Invalid target element: '" + t + "'"); if (this.targetElement._jscLinkedInstance) {e.warn("Cannot link jscolor twice to the same element. Skipping."); return } this.targetElement._jscLinkedInstance = this, this.valueElement = e.fetchElement(this.valueElement), this.styleElement = e.fetchElement(this.styleElement); var d = this, v = this.container ? e.fetchElement(this.container) : document.getElementsByTagName("body")[0], m = 3; if (e.isElementType(this.targetElement, "button")) if (this.targetElement.onclick) {var g = this.targetElement.onclick; this.targetElement.onclick = function(e) {return g.call(this, e), !1 } } else this.targetElement.onclick = function() {return !1 }; if (this.valueElement && e.isElementType(this.valueElement, "input")) {var y = function() {d.fromString(d.valueElement.value, e.leaveValue), e.dispatchFineChange(d) }; e.attachEvent(this.valueElement, "keyup", y), e.attachEvent(this.valueElement, "input", y), e.attachEvent(this.valueElement, "blur", c), this.valueElement.setAttribute("autocomplete", "off") } this.styleElement && (this.styleElement._jscOrigStyle = {backgroundImage: this.styleElement.style.backgroundImage, backgroundColor: this.styleElement.style.backgroundColor, color: this.styleElement.style.color }), this.value ? this.fromString(this.value) || this.exportColor() : this.importColor() } }; return e.jscolor.lookupClass = "jscolor", e.jscolor.installByClassName = function(t) {var n = document.getElementsByTagName("input"), r = document.getElementsByTagName("button"); e.tryInstallOnElements(n, t), e.tryInstallOnElements(r, t) }, e.register(), e.jscolor }()); })(); }
  1008.         ;(function loadThemes(){
  1009.             diepStyle.themeJson={
  1010.                 dark:`[{"theme":{"name":"Dark Mode","author":"/u/162893476"}} ,{"id":2,"value":"001117"},{"id":15,"value":"140000"},{"id":3,"value":"005574"},{"id":4,"value":"540000"},{"id":5,"value":"090413"},{"id":6,"value":"00121a"},{"id":17,"value":"0D0D0D"},{"id":12,"value":"0D0D0D"},{"id":8,"value":"141400"},{"id":7,"value":"0d1500"},{"id":9,"value":"170606"},{"id":10,"value":"0a0016"},{"id":11,"value":"160517"},{"id":14,"value":"141414"},{"id":1,"value":"0f0f0f"},{"cmd":"ren_bar_background_color","value":"000000"},{"cmd":"ren_stroke_solid_color","value":"555555"},{"id":13,"value":"00bd88"},{"cmd":"ren_xp_bar_fill_color","value":"ffde43"},{"cmd":"ren_score_bar_fill_color","value":"43ff91"},{"cmd":"ren_health_fill_color","value":"85e37d"},{"cmd":"ren_health_background_color","value":"555555"},{"cmd":"ren_grid_color","value":"111111"},{"cmd":"ren_minimap_background_color","value":"323232"},{"cmd":"ren_minimap_border_color","value":"986895"},{"cmd":"ren_background_color","value":"000000"},{"cmd":"ren_border_color","value":"0f0f0f"},{"cmd":"ui_replace_colors","value":["ffe280","ff31a0","882dff","2d5aff","ffde26","ff2626","95ff26","17d2ff"]},{"cmd":"grid_base_alpha","value":2},{"cmd":"stroke_soft_color_intensity","value":-10},{"cmd":"stroke_soft_color","value":false},{"cmd":"border_color_alpha","value":0.5},{"cmd":"ui_scale","value":1},{"cmd":"ui","value":false},{"cmd":"fps","value":false},{"cmd":"raw_health_values","value":false},{"cmd":"names","value":false}] `,
  1011.                 glass:`[{"theme":{"name":"Glass","author":"/u/162893476"}}, {"id":2,"value":"00627D"},{"id":15,"value":"7E0000"},{"id":3,"value":"00627D"},{"id":4,"value":"7E0000"},{"id":5,"value":"3D007E"},{"id":6,"value":"007E00"},{"id":17,"value":"464646"},{"id":12,"value":"7E7E00"},{"id":8,"value":"7E7E00"},{"id":7,"value":"457E00"},{"id":16,"value":"795C00"},{"id":9,"value":"7C0320"},{"id":10,"value":"43397d"},{"id":11,"value":"7E037A"},{"id":14,"value":"252525"},{"id":1,"value":"464646"},{"cmd":"ren_bar_background_color","value":"191919"},{"cmd":"ren_stroke_solid_color","value":"555555"},{"id":13,"value":"008B54"},{"cmd":"ren_xp_bar_fill_color","value":"666600"},{"cmd":"ren_score_bar_fill_color","value":"008B54"},{"cmd":"ren_health_fill_color","value":"85e37d"},{"cmd":"ren_health_background_color","value":"555555"},{"cmd":"ren_grid_color","value":"373737"},{"cmd":"ren_minimap_background_color","value":"464646"},{"cmd":"ren_minimap_border_color","value":"676767"},{"cmd":"ren_background_color","value":"000000"},{"cmd":"ren_border_color","value":"454545"},{"cmd":"ui_replace_colors","value":["e69f6c","ff73ff","c980ff","71b4ff","ffed3f","ff7979","88ff41","41ffff"]},{"cmd":"grid_base_alpha","value":2},{"cmd":"stroke_soft_color_intensity","value":-9},{"cmd":"stroke_soft_color","value":false},{"cmd":"border_color_alpha","value":0.5},{"cmd":"ui_scale","value":1},{"cmd":"ui","value":false},{"cmd":"fps","value":false},{"cmd":"raw_health_values","value":false},{"cmd":"names","value":false}] `,
  1012.                 moomoo:`[{"theme":{"name":"Moomoo","author":"yst6zJTuKCHQvAXW4IPV"}}, {"id":2,"value":"847377"},{"id":15,"value":"7F4B63"},{"id":3,"value":"475F9E"},{"id":4,"value":"844052"},{"id":5,"value":"A330B1"},{"id":6,"value":"A66E4F"},{"id":17,"value":"6D6B84"},{"id":12,"value":"596B4A"},{"id":8,"value":"5b6b4d"},{"id":7,"value":"928150"},{"id":16,"value":"596B4A"},{"id":9,"value":"8c4256"},{"id":10,"value":"63647e"},{"id":11,"value":"5A5B72"},{"id":14,"value":"837752"},{"id":1,"value":"535377"},{"cmd":"ren_bar_background_color","value":"586B44"},{"cmd":"ren_stroke_solid_color","value":"35354E"},{"id":13,"value":"64ff8c"},{"cmd":"ren_xp_bar_fill_color","value":"FFFFFF"},{"cmd":"ren_score_bar_fill_color","value":"586B44"},{"cmd":"ren_health_fill_color","value":"8ECC51"},{"cmd":"ren_health_background_color","value":"3D3F42"},{"cmd":"ren_grid_color","value":"000000"},{"cmd":"ren_minimap_background_color","value":"586B44"},{"cmd":"ren_minimap_border_color","value":"586B44"},{"cmd":"ren_background_color","value":"768F5B"},{"cmd":"ren_border_color","value":"333333"},{"cmd":"ui_replace_colors","value":["5d4322","825d30","a8783e","bf8f54","c89e6a","d6b68f","e3ceb5","f1e7da"]},{"cmd":"grid_base_alpha","value":0.1},{"cmd":"stroke_soft_color_intensity","value":0.25},{"cmd":"stroke_soft_color","value":false},{"cmd":"border_color_alpha","value":0.1},{"cmd":"ui_scale","value":1},{"cmd":"ui","value":false},{"cmd":"fps","value":false},{"cmd":"raw_health_values","value":false},{"cmd":"names","value":false}]`,
  1013.                 "80s":`[{"theme":{"name":"80s Light","author":"Road-to-100k"}}, {"id":2,"value":"00efff"},{"id":15,"value":"ff00ff"},{"id":3,"value":"00efff"},{"id":4,"value":"ff00ff"},{"id":5,"value":"ffaa00"},{"id":6,"value":"4FFFB0"},{"id":17,"value":"c6c6c6"},{"id":12,"value":"ffe869"},{"id":8,"value":"FFD800"},{"id":7,"value":"89ff69"},{"id":16,"value":"fcc376"},{"id":9,"value":"FF004F"},{"id":10,"value":"0000CD"},{"id":11,"value":"ffffff"},{"id":14,"value":"43197e"},{"id":1,"value":"999999"},{"cmd":"ren_bar_background_color","value":"1e0b38"},{"cmd":"ren_stroke_solid_color","value":"555555"},{"id":13,"value":"64ff8c"},{"cmd":"ren_xp_bar_fill_color","value":"ffde43"},{"cmd":"ren_score_bar_fill_color","value":"43ff91"},{"cmd":"ren_health_fill_color","value":"85e37d"},{"cmd":"ren_health_background_color","value":"555555"},{"cmd":"ren_grid_color","value":"ff00ff"},{"cmd":"ren_minimap_background_color","value":"CDCDCD"},{"cmd":"ren_minimap_border_color","value":"797979"},{"cmd":"ren_background_color","value":"1e0b38"},{"cmd":"ren_border_color","value":"000000"},{"cmd":"ui_replace_colors","value":["e69f6c","ff73ff","c980ff","71b4ff","ffed3f","ff7979","88ff41","41ffff"]},{"cmd":"grid_base_alpha","value":1.1},{"cmd":"stroke_soft_color_intensity","value":0.3},{"cmd":"stroke_soft_color","value":false},{"cmd":"border_color_alpha","value":0.6},{"cmd":"ui_scale","value":1},{"cmd":"ui","value":false},{"cmd":"fps","value":false},{"cmd":"raw_health_values","value":false},{"cmd":"names","value":false}] `,
  1014.             }
  1015.         })();
  1016. })();