1/** 2 * Load utils - BEGIN 3 */ 4/* 5 CSS Browser Selector 1.0 6 Originally written by Rafael Lima (http://rafael.adm.br) 7 http://rafael.adm.br/css_browser_selector 8 License: http://creativecommons.org/licenses/by/2.5/ 9 10 Co-maintained by: 11 https://github.com/ridjohansen/css_browser_selector 12 https://github.com/wbruno/css_browser_selector 13 */ 14 15 "use strict"; 16 17 window.requestAnimFrame = (function() { 18 return window.requestAnimationFrame || 19 window.webkitRequestAnimationFrame || 20 window.mozRequestAnimationFrame || 21 window.oRequestAnimationFrame || 22 window.msRequestAnimationFrame || 23 function(/* function */ callback, /* DOMElement */ element){ 24 window.setTimeout(callback, 1000 / 60); 25 }; 26 })(); 27 28 window.requestTimeout = function(fn, delay) { 29 if( !window.requestAnimationFrame && 30 !window.webkitRequestAnimationFrame && 31 !(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support 32 !window.oRequestAnimationFrame && 33 !window.msRequestAnimationFrame) 34 return window.setTimeout(fn, delay); 35 36 var start = new Date().getTime(), 37 handle = new Object(); 38 39 function loop(){ 40 var current = new Date().getTime(), 41 delta = current - start; 42 43 delta >= delay ? fn.call() : handle.value = requestAnimFrame(loop); 44 }; 45 46 handle.value = requestAnimFrame(loop); 47 return handle; 48 }; 49 50 window.clearRequestTimeout = function(handle) { 51 if ( typeof handle !== 'undefined' ) { 52 window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) : 53 window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) : 54 window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */ 55 window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) : 56 window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) : 57 window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) : 58 clearTimeout(handle); 59 } 60 }; 61 62 var uaInfo = { 63 ua: '', 64 is: function(t) { 65 return RegExp(t, "i").test(uaInfo.ua); 66 }, 67 version: function(p, n) { 68 n = n.replace(".", "_"); 69 var i = n.indexOf('_'), 70 ver = ""; 71 while (i > 0) { 72 ver += " " + p + n.substring(0, i); 73 i = n.indexOf('_', i + 1); 74 } 75 ver += " " + p + n; 76 return ver; 77 }, 78 getBrowser: function() { 79 var g = 'gecko', 80 w = 'webkit', 81 c = 'chrome', 82 f = 'firefox', 83 s = 'safari', 84 o = 'opera', 85 a = 'android', 86 bb = 'blackberry', 87 dv = 'device_', 88 ua = uaInfo.ua, 89 is = uaInfo.is; 90 return [ 91 (!(/opera|webtv/i.test(ua)) && /msie\s(\d+)/.test(ua)) ? ('ie ie' + (/trident\/4\.0/.test(ua) ? '8' : RegExp.$1)) 92 : is('edge\/') ? 'edge ie' + (/edge\/(\d+)\.(\d+)/.test(ua) ? RegExp.$1 + ' ie' + RegExp.$1 + '_' + RegExp.$2 : '') // IE Edge 93 : is('trident\/') ? 'ie ie'+ (/trident\/.+rv:(\d+)/i.test(ua) ? RegExp.$1 : '') //ie11+ 94 : is('firefox/') ? g + " " + f + (/firefox\/((\d+)(\.(\d+))(\.\d+)*)/.test(ua) ? ' ' + f + RegExp.$2 + ' ' + f + RegExp.$2 + "_" + RegExp.$4 : '') 95 : is('gecko/') ? g 96 : is('opera') ? o + (/version\/((\d+)(\.(\d+))(\.\d+)*)/.test(ua) ? ' ' + o + RegExp.$2 + ' ' + o + RegExp.$2 + "_" + RegExp.$4 : (/opera(\s|\/)(\d+)\.(\d+)/.test(ua) ? ' ' + o + RegExp.$2 + " " + o + RegExp.$2 + "_" + RegExp.$3 : '')) 97 : is('konqueror') ? 'konqueror' 98 : is('blackberry') ? (bb + (/Version\/(\d+)(\.(\d+)+)/i.test(ua) ? " " + bb + RegExp.$1 + " " + bb + RegExp.$1 + RegExp.$2.replace('.', '_') : (/Blackberry ?(([0-9]+)([a-z]?))[\/|;]/gi.test(ua) ? ' ' + bb + RegExp.$2 + (RegExp.$3 ? ' ' + bb + RegExp.$2 + RegExp.$3 : '') : ''))) // blackberry 99 : is('android') ? (a + (/Version\/(\d+)(\.(\d+))+/i.test(ua) ? " " + a + RegExp.$1 + " " + a + RegExp.$1 + RegExp.$2.replace('.', '_') : '') + (/Android (.+); (.+) Build/i.test(ua) ? ' ' + dv + ((RegExp.$2).replace(/ /g, "_")).replace(/-/g, "_") : '')) //android 100 : is('chrome') ? w + ' ' + c + (/chrome\/((\d+)(\.(\d+))(\.\d+)*)/.test(ua) ? ' ' + c + RegExp.$2 + ((RegExp.$4 > 0) ? ' ' + c + RegExp.$2 + "_" + RegExp.$4 : '') : '') 101 : is('iron') ? w + ' iron' 102 : is('applewebkit/') ? (w + ' ' + s + (/version\/((\d+)(\.(\d+))(\.\d+)*)/.test(ua) ? ' ' + s + RegExp.$2 + " " + s + RegExp.$2 + RegExp.$3.replace('.', '_') : (/ Safari\/(\d+)/i.test(ua) ? ((RegExp.$1 == "419" || RegExp.$1 == "417" || RegExp.$1 == "416" || RegExp.$1 == "412") ? ' ' + s + '2_0' : RegExp.$1 == "312" ? ' ' + s + '1_3' : RegExp.$1 == "125" ? ' ' + s + '1_2' : RegExp.$1 == "85" ? ' ' + s + '1_0' : '') : ''))) //applewebkit 103 : is('mozilla/') ? g : '' 104 ]; 105 }, 106 getPlatform : function() { 107 var wp = 'winphone', 108 a = 'android', 109 bb = 'blackberry', 110 dv = 'device_', 111 112 ua = uaInfo.ua, 113 version = uaInfo.version, 114 is = uaInfo.is; 115 116 return [ 117 is('j2me') ? 'j2me' 118 :is('windows phone') ? (wp + (/Windows Phone (\d+)(\.(\d+))+/i.test(ua) ? " " + wp + RegExp.$1 + " " + wp + RegExp.$1 + RegExp.$2.replace('.', '_') : (/Windows Phone OS (\d+)(\.(\d+))+/i.test(ua) ? " " + wp + RegExp.$1 + " " + wp + RegExp.$1 + RegExp.$2.replace('.', '_') : ''))) // Windows Phone 119 :is('blackberry') ? (bb + (/Version\/(\d+)(\.(\d+)+)/i.test(ua) ? " " + bb + RegExp.$1 + " " + bb + RegExp.$1 + RegExp.$2.replace('.', '_') : (/Blackberry ?(([0-9]+)([a-z]?))[\/|;]/gi.test(ua) ? ' ' + bb + RegExp.$2 + (RegExp.$3 ? ' ' + bb + RegExp.$2 + RegExp.$3 : '') : ''))) // blackberry 120 :is('android') ? (a + (/Version\/(\d+)(\.(\d+))+/i.test(ua) ? " " + a + RegExp.$1 + " " + a + RegExp.$1 + RegExp.$2.replace('.', '_') : '') + (/Android (.+); (.+) Build/i.test(ua) ? ' ' + dv + ((RegExp.$2).replace(/ /g, "_")).replace(/-/g, "_") : '')) //android 121 :is('ipad|ipod|iphone') ? ( 122 (/CPU( iPhone)? OS (\d+[_|\.]\d+([_|\.]\d+)*)/i.test(ua) ? 'ios' + version('ios', RegExp.$2) : '') + ' ' + (/(ip(ad|od|hone))/gi.test(ua) ? RegExp.$1 : "")) //'iphone' 123 //:is('ipod')?'ipod' 124 //:is('ipad')?'ipad' 125 :is('playbook') ? 'playbook' 126 :is('kindle|silk') ? 'kindle' 127 :is('playbook') ? 'playbook' 128 :is('mac') ? 'mac' + (/mac os x ((\d+)[.|_](\d+))/.test(ua) ? (' mac'
128+ (RegExp.$2) + ' mac' + (RegExp.$1).replace('.', "_")) : '') 129 :is('win') ? 'win' + (is('windows nt 10.0') ? ' win10' 130 :is('windows nt 6.3') ? ' win8_1' 131 :is('windows nt 6.2') ? ' win8' 132 :is('windows nt 6.1') ? ' win7' 133 :is('windows nt 6.0') ? ' vista' 134 :is('windows nt 5.2') || is('windows nt 5.1') ? ' win_xp' 135 :is('windows nt 5.0') ? ' win_2k' 136 :is('windows nt 4.0') || is('WinNT4.0') ? ' win_nt' : '') 137 :is('freebsd') ? 'freebsd' 138 :is('x11|linux') ? 'linux' : '' 139 ]; 140 }, 141 getMobile: function() { 142 var is = uaInfo.is; 143 return [ 144 is("android|mobi|mobile|j2me|iphone|ipod|ipad|blackberry|playbook|kindle|silk") ? 'mobile' : '' 145 ]; 146 }, 147 getIpadApp: function() { 148 var is = uaInfo.is; 149 return [ 150 (is('ipad|iphone|ipod') && !is('safari')) ? 'ipad_app' : '' 151 ]; 152 }, 153 getLang: function() { 154 var ua = uaInfo.ua; 155 return [/[; |\[](([a-z]{2})(\-[a-z]{2})?)[)|;|\]]/i.test(ua) ? ('lang_' + RegExp.$2).replace("-", "_") + (RegExp.$3 != '' ? (' ' + 'lang_' + RegExp.$1).replace("-", "_") : '') : '']; 156 } 157 } 158 var screenInfo = { 159 width: document.documentElement.clientWidth ? document.documentElement.clientWidth + 15 : window.outerWidth, 160 height: document.documentElement.clientHeight || window.outerHeight, 161 screens: [ 162 [340, 'screen-xxs'], 163 [570, 'screen-xs'], 164 [960, 'screen-sm'], 165 [1500, 'screen-md'], 166 [1700, 'screen-lg'], 167 ], 168 screenSize: function() { 169 screenInfo.width = document.documentElement.clientWidth ? document.documentElement.clientWidth + 15 : window.outerWidth; 170 screenInfo.height = document.documentElement.clientHeight || window.outerHeight; 171 var screens = screenInfo.screens, 172 i = screens.length, 173 arr = []; 174 175 while (i--) { 176 if (screenInfo.width >= screens[i][0]) { 177 arr.push(screens[i][1]); 178 } 179 } 180 181 return arr; 182 }, 183 getOrientation: function() { 184 return screenInfo.width < screenInfo.height ? ["orientation_portrait"] : ["orientation_landscape"]; 185 }, 186 getInfo: function() { 187 var arr = []; 188 arr = arr.concat(screenInfo.screenSize()); 189 arr = arr.concat(screenInfo.getOrientation()); 190 return arr; 191 }, 192 getPixelRatio: function() { 193 var arr = [], 194 pixelRatio = window.devicePixelRatio ? window.devicePixelRatio : 1; 195 if (pixelRatio > 1) { 196 arr.push('retina_' + parseInt(pixelRatio) + 'x'); 197 arr.push('hidpi'); 198 } else { 199 arr.push('no-hidpi'); 200 } 201 return arr; 202 } 203 } 204 var dataUriInfo = { 205 data: new Image(), 206 div: document.createElement("div"), 207 isIeLessThan9: false, 208 getImg: function() { 209 dataUriInfo.data.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="; 210 dataUriInfo.div.innerHTML = "<!--[if lt IE 9]><i></i><![endif]-->"; 211 dataUriInfo.isIeLessThan9 = dataUriInfo.div.getElementsByTagName("i").length == 1; 212 return dataUriInfo.data; 213 }, 214 checkSupport: function() { 215 if (dataUriInfo.data.width != 1 || dataUriInfo.data.height != 1 || dataUriInfo.isIeLessThan9) { 216 return ["no-datauri"]; 217 } else { 218 return ["datauri"]; 219 } 220 } 221 } 222 223 function css_browser_selector(u, ns) { 224 var html = document.documentElement, 225 b = [] 226 ns = ns ? ns : ""; 227 /* ua */ 228 uaInfo.ua = u.toLowerCase(); 229 var browser = uaInfo.getBrowser(); 230 if (browser == 'gecko') browser = (!(window.ActiveXObject) && "ActiveXObject" in window) ? 'ie ie11' : browser; 231 var pattTouch = /no-touch/g; 232 if (pattTouch.test(html.className)) b = b.concat('no-touch'); 233 else b = b.concat('touch'); 234 var pattAdmin = /admin-mode/g; 235 if (pattAdmin.test(html.className)) b = b.concat('admin-mode'); 236 b = b.concat(browser); 237 b = b.concat(uaInfo.getPlatform()); 238 b = b.concat(uaInfo.getMobile()); 239 b = b.concat(uaInfo.getIpadApp()); 240 b = b.concat(uaInfo.getLang()); 241 /* js */ 242 b = b.concat(['js']); 243 /* no animations */ 244 var noAnimations = /no-cssanimations/g; 245 if (noAnimations.test(html.className)) { 246 b = b.concat('no-cssanimations'); 247 } 248 /* pixel ratio */ 249 b = b.concat(screenInfo.getPixelRatio()); 250 /* screen */ 251 b = b.concat(screenInfo.getInfo()); 252 var updateScreen = function() { 253 html.className = html.className.replace(/ ?orientation_\w+/g, "").replace(/ [min|max|cl]+[w|h]_\d+/g, ""); 254 html.className = html.className.replace(/ ?screen-\w+/g, ""); 255 html.className = html.className + ' ' + screenInfo.getInfo().join(' '); 256 } 257 if (SiteParameters.listen_for_screen_update) { 258 window.addEventListener('resize', updateScreen); 259 window.addEventListener('orientationchange', updateScreen); 260 } 261 /* dataURI */ 262 var data = dataUriInfo.getImg(); 263 data.onload = data.onerror = function() { 264 html.className += ' ' + dataUriInfo.checkSupport().join(' '); 265 }
266 /* removendo itens invalidos do array */ 267 b = b.filter(function(e) { 268 return e; 269 }); 270 /* prefixo do namespace */ 271 b[0] = ns ? ns + b[0] : b[0]; 272 html.className = b.join(' ' + ns); 273 return html.className; 274 } 275 // define css_browser_selector_ns before loading this script to assign a namespace 276 var css_browser_selector_ns = css_browser_selector_ns || ""; 277 // init 278 css_browser_selector(navigator.userAgent, css_browser_selector_ns); 279 /** 280 * skip-link-focus-fix.js 281 * 282 * Helps with accessibility for keyboard only users. 283 * 284 * Learn more: https://github.com/Automattic/_s/pull/136 285 */ 286 (function() { 287 var is_webkit = navigator.userAgent.toLowerCase().indexOf('webkit') > -1, 288 is_opera = navigator.userAgent.toLowerCase().indexOf('opera') > -1, 289 is_ie = navigator.userAgent.toLowerCase().indexOf('msie') > -1; 290 if ((is_webkit || is_opera || is_ie) && document.getElementById && window.addEventListener) { 291 window.addEventListener('hashchange', function() { 292 var id = location.hash.substring(1), 293 element; 294 if (!(/^[A-z0-9_-]+$/.test(id))) { 295 return; 296 } 297 element = document.getElementById(id); 298 if (element) { 299 if (!(/^(?:a|select|input|button|textarea)$/i.test(element.tagName))) { 300 element.tabIndex = -1; 301 } 302 element.focus(); 303 } 304 }, false); 305 } 306 })(); 307 // Polyfill for creating CustomEvents on IE9/10/11 308 // code pulled from: 309 // https://github.com/d4tocchini/customevent-polyfill 310 // https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent#Polyfill 311 try { 312 new CustomEvent("test"); 313 } catch (e) { 314 var CustomEvent = function(event, params) { 315 var evt; 316 params = params || { 317 bubbles: false, 318 cancelable: false, 319 detail: undefined 320 }; 321 evt = document.createEvent("CustomEvent"); 322 evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); 323 return evt; 324 }; 325 CustomEvent.prototype = window.Event.prototype; 326 window.CustomEvent = CustomEvent; // expose definition to window 327 } 328 // Evento - v1.0.0 329 // by Erik Royall <[email protected]> (http://erikroyall.github.io) 330 // Dual licensed under MIT and GPL 331 // Array.prototype.indexOf shim 332 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf 333 Array.prototype.indexOf || (Array.prototype.indexOf = function(n) { 334 "use strict"; 335 if (null == this) throw new TypeError; 336 var t, e, o = Object(this), 337 r = o.length >>> 0; 338 if (0 === r) return -1; 339 if (t = 0, arguments.length > 1 && (t = Number(arguments[1]), t != t ? t = 0 : 0 != t && 1 / 0 != t && t != -1 / 0 && (t = (t > 0 || -1) * Math.floor(Math.abs(t)))), t >= r) return -1; 340 for (e = t >= 0 ? t : Math.max(r - Math.abs(t), 0); r > e; e++) 341 if (e in o && o[e] === n) return e; 342 return -1 343 }); 344 var evento = function(n) { 345 var t, e, o, r = n, 346 i = r.document, 347 f = {}; 348 return t = function() { 349 return "function" == typeof i.addEventListener ? function(n, t, e) { 350 n.addEventListener(t, e, !1), f[n] = f[n] || {}, f[n][t] = f[n][t] || [], f[n][t].push(e) 351 } : "function" == typeof i.attachEvent ? function(n, t, e) { 352 n.attachEvent(t, e), f[n] = f[n] || {}, f[n][t] = f[n][t] || [], f[n][t].push(e) 353 } : function(n, t, e) { 354 n["on" + t] = e, f[n] = f[n] || {}, f[n][t] = f[n][t] || [], f[n][t].push(e) 355 } 356 }(), e = function() { 357 return "function" == typeof i.removeEventListener ? function(n, t, e) { 358 n.removeEventListener(t, e, !1), Helio.each(f[n][t], function(o) { 359 o === e && (f[n] = f[n] || {}, f[n][t] = f[n][t] || [], f[n][t][f[n][t].indexOf(o)] = void 0) 360 }) 361 } : "function" == typeof i.detachEvent ? function(n, t, e) { 362 n.detachEvent(t, e), Helio.each(f[n][t], function(o) { 363 o === e && (f[n] = f[n] || {}, f[n][t] = f[n][t] || [], f[n][t][f[n][t].indexOf(o)] = void 0) 364 }) 365 } : function(n, t, e) { 366 n["on" + t] = void 0, Helio.each(f[n][t], function(o) { 367 o === e && (f[n] = f[n] || {}, f[n][t] = f[n][t] || [], f[n][t][f[n][t].indexOf(o)] = void 0) 368 }) 369 } 370 }(), o = function(n, t) { 371 f[n] = f[n] || {}, f[n][t] = f[n][t] || []; 372 for (var e = 0, o = f[n][t].length; o > e; e += 1) f[n][t][e]() 373 }, { 374 add: t, 375 remove: e, 376 trigger: o, 377 _handlers: f 378 } 379 }(this); 380 // DOM class helper 381 (function(window) { 382 'use strict'; 383 // class helper functions from bonzo https://github.com/ded/bonzo 384 function classReg(className) { 385 return new RegExp("(^|\\s+)" + className + "(\\s+|$)"); 386 } 387 // classList support for class management 388 // altho to be fair, the api sucks because it won't accept multiple classes at once 389 var hasClass, addClass, removeClass; 390 if ('classList' in document.documentElement) { 391 hasClass = function(elem, c) { 392 if ( elem !== null && typeof elem !== 'undefined' && typeof elem.classList !== 'undefined' ) return elem.classList.contains(c); 393 }; 394 addClass = function(elem, c) { 395 if ( elem !== null && typeof elem !== 'undefined' && typeof elem.classList !== 'undefined' ) elem.classList.add(c); 396 }; 397 removeClass = function(elem, c) { 398 if ( elem !== null && typeof elem !== 'undefined' && typeof elem.classList !== 'undefined' ) elem.classList.remove(c); 399 }; 400 } else { 401 hasClass = function(elem, c) { 402 if (elem !== null) return classReg(c).test(elem.className); 403 }; 404 addClass = function(elem, c) { 405 if (!hasClass(elem, c)) { 406 if (elem !== null) elem.className = elem.className + ' ' + c; 407 } 408 }; 409 removeClass = function(elem, c) { 410 if (elem !== null) elem.className = elem.className.replace(classReg(c), ' '); 411 }; 412 } 413 414 function toggleClass(elem, c) { 415 var fn = hasClass(elem, c) ? removeClass : addClass; 416 fn(elem, c); 417 } 418 var classie = { 419 // full names 420 hasClass: hasClass, 421 addClass: addClass, 422 removeClass: removeClass, 423 toggleClass: toggleClass, 424 // short names 425 has: hasClass, 426 add: addClass, 427 remove: removeClass, 428 toggle: toggleClass 429 }; 430 // transport 431 if (typeof define === 'function' && define.amd) { 432 // AMD 433 define(classie); 434 } else { 435 // browser global 436 window.classie = classie; 437 } 438 439 window.wrap = function(wrapper, elms) { 440 if (!elms.length) { 441 elms = [elms]; 442 } 443 444 for (var i = elms.length - 1; i >= 0; i--) { 445 var child = (i > 0) ? wrapper.cloneNode(true) : wrapper; 446 var el = elms[i]; 447 448 var parent = el.parentNode; 449 var sibling = el.nextSibling; 450 451 child.appendChild(el); 452 453 if (sibling) { 454 parent.insertBefore(child, sibling); 455 } else { 456 parent.appendChild(child); 457 } 458 } 459 }; 460 461 window.wrapAll = function(wrapper, nodes) { 462 var parent = nodes[0].parentNode; 463 var previousSibling = nodes[0].previousSibling; 464 465 for (var i = 0; nodes.length - i;
465 wrapper.firstChild === nodes[0] && i++) { 466 wrapper.appendChild(nodes[i]); 467 } 468 469 var nextSibling = previousSibling ? previousSibling.nextSibling : parent.firstChild; 470 parent.insertBefore(wrapper, nextSibling); 471 472 return wrapper; 473 }; 474 })(window); 475 /* From Modernizr */ 476 function whichTransitionEvent() { 477 var t; 478 var el = document.createElement('fakeelement'); 479 var transitions = { 480 'transition': 'transitionend', 481 'OTransition': 'oTransitionEnd', 482 'MozTransition': 'transitionend', 483 'WebkitTransition': 'webkitTransitionEnd' 484 } 485 for (t in transitions) { 486 if (el.style[t] !== undefined) { 487 return transitions[t]; 488 } 489 } 490 } 491 function whichAnimationEvent() { 492 var t; 493 var el = document.createElement('fakeelement'); 494 var animations = { 495 'animation': 'animationend', 496 'OAnimation': 'oAnimationEnd', 497 'MozAnimation': 'animationend', 498 'WebkitAnimation': 'webkitAnimationEnd' 499 } 500 for (t in animations) { 501 if (el.style[t] !== undefined) { 502 return animations[t]; 503 } 504 } 505 } 506 /** 507 * Load utils - END 508 */ 509 510 /** 511 * Start main js 512 */ 513 (function(window, undefined) { 514 'use strict'; 515 516 // Init variables 517 var bodyTop, 518 scrollbarWidth = false, 519 noScroll = false, 520 boxEvent = new CustomEvent('boxResized'), 521 menuClose = new CustomEvent('menuClose'), 522 menuOpen = new CustomEvent('menuOpen'), 523 bodyBorder = 0, 524 bodyBorderCheck = 0, 525 adminBarHeight = 0, 526 boxWidth = 0, 527 boxLeft = 0, 528 parallaxRows, 529 parallaxCols, 530 parallaxHeaders, 531 kenburnsHeaders, 532 kenburnsRows, 533 kenburnsCols, 534 backwashHeaders, 535 backwashRows, 536 backwashCols, 537 visibleRows, 538 headerWithOpacity, 539 speedDivider = SiteParameters.parallax_factor, 540 adminBar, 541 pageHeader, 542 headerVideo, 543 masthead, 544 mastheadMobile, 545 menuMobileTransparent, 546 mastheadMobilePaddingTop = 0, 547 offcanvas_overlay_close, 548 maincontainer, 549 menuwrapper, 550 menuhide, 551 $mainHeader, 552 mainHeader, 553 $mainWrapper, 554 $initBox, 555 menusticky, 556 menuStickyMobile, 557 menuHeight = 0, 558 menuMobileHeight = 0, 559 mainmenu = new Array(), 560 secmenu = new Array(),
561 secmenuHeight = 0, 562 transmenuHeight = 0, 563 header, 564 transmenuel, 565 logo, 566 logoel, 567 logolink, 568 logoMinScale, 569 lastScrollValue = 0, 570 wwidth = uaInfo.getIpadApp() == 'ipad_app' ? document.documentElement.clientWidth : window.innerWidth || document.documentElement.clientWidth, 571 wheight = uaInfo.getIpadApp() == 'ipad_app' ? document.documentElement.clientHeight : window.innerHeight || document.documentElement.clientHeight, 572 mediaQuery = 959, 573 mediaQueryMobile = 569, 574 printDialogOpen = false, 575 isScrolling = false, 576 boxWrapper, 577 docheight = 0, 578 isMobile = wwidth <= mediaQuery, 579 isIE = classie.hasClass(document.documentElement, 'ie') || classie.hasClass(document.documentElement, 'opera12') ? true : false, 580 isFF = classie.hasClass(document.documentElement, 'firefox') ? true : false, 581 isFullPage, 582 isFullPageSnap, 583 isFrontEndEditor, 584 transitionEvent = whichTransitionEvent(), 585 animationEvent = whichAnimationEvent(), 586 footerScroller = false, 587 menuOpened = false, 588 overlayOpened = false, 589 menuMobileTriggerEvent = new CustomEvent('menuMobileTrigged'), 590 resizeTimer_, 591 resizeTimer, 592 hidingTimer, 593 isSplitMenu = false, 594 mainNavMenu, 595 mainNavWrapper, 596 isMobileTransparent = false, 597 isMobileParallaxAllowed = SiteParameters.mobile_parallax_allowed, 598 loadedFonts = new Array(), 599 already_font = false, 600 scrollRowHeight_fix = window.pageYOffset, 601 isQuickView = false, 602 menuStickyMobileOverlay = false, 603 604 checkVisible = function( elm ) { 605 var rect = elm.getBoundingClientRect(); 606 var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight); 607 return !(rect.bottom < 0 || rect.top - viewHeight >= 0); 608 }, 609 initBox = function() { 610 var bodyBorders = document.querySelectorAll('.body-borders'), 611 dataBorder, 612 bodyBorderDiv = document.querySelectorAll('.body-borders .top-border'); 613 if (bodyBorders.length && bodyBorderDiv.length) { 614 dataBorder = parseFloat(bodyBorders[0].getAttribute('data-border')); 615 bodyBorder = outerHeight(bodyBorderDiv[0]); 616 if ( dataBorder !== bodyBorder && bodyBorderCheck === 0 ) { 617 bodyBorderCheck = 1; 618 setTimeout(function(){ 619 initBox(), 1 620 }); 621 } 622 } else { 623 bodyBorder = 0; 624 } 625 UNCODE.isRTL = classie.hasClass(document.body, 'rtl') ? true : false, 626 UNCODE.bodyBorder = bodyBorder; 627 UNCODE.isFrontEndEditor = classie.hasClass(document.body, 'compose-mode') && classie.hasClass(document.body, 'vc_editor'); 628 UNCODE.isFullPage = !UNCODE.isFrontEndEditor && classie.hasClass(document.body, 'uncode-fullpage-slide') && !( UNCODE.isMobile && classie.hasClass(document.body, 'uncode-fp-mobile-disable') && window.innerWidth < 570 ); 629 UNCODE.isFullPageSnap = !UNCODE.isFrontEndEditor && classie.hasClass(document.body, 'uncode-scroll-snap'); 630 if (bodyBorder != 0) { 631 if ( !UNCODE.isFullPage ) { 632 document.documentElement.style.paddingTop = bodyBorder + 'px'; 633 } 634 wheight = (uaInfo.getIpadApp() == 'ipad_app' ? document.documentElement.clientWidth : window.innerHeight || document.documentElement.clientHeight) - (bodyBorder * 2); 635 } 636 if (!isMobile && !scrollbarWidth) { 637 // Create the measurement node 638 var scrollDiv = document.createElement("div"); 639 scrollDiv.className = "scrollbar-measure"; 640 var dombody = document.body; 641 if (dombody != null) { 642 dombody.appendChild(scrollDiv); 643 // Get the scrollbar width 644 scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth; 645 // Delete the DIV 646 dombody.removeChild(scrollDiv); 647 } 648 } 649 if (!isMobile) { 650 forEachElement('.box-container', function(el, i) { 651 if (!classie.hasClass(el, 'limit-width')) { 652 var elWidth = outerWidth(el), 653 newWidth = 12 * Math.ceil((wwidth - scrollbarWidth) / 12); 654 boxWidth = newWidth - (bodyBorder * 2); 655 boxLeft = (wwidth - boxWidth - scrollbarWidth) / 2; 656 el.style.width = boxWidth + 'px'; 657 if ( UNCODE.isRTL ) { 658 el.style.marginRight = boxLeft + 'px'; 659 } else { 660 el.style.marginLeft = boxLeft + 'px'; 661 } 662 if (mainmenu != undefined && mainmenu[0] != undefined) { 663 mainmenu[0].style.width = boxWidth + 'px'; 664 } 665 } 666 }); 667 } 668 669 670 if (classie.hasClass(document.body, 'menu-mobile-transparent') && !classie.hasClass(document.body, 'hmenu-center')) isMobileTrans
670parent = true; 671 672 if (!isMobileTransparent) { 673 if (wwidth > mediaQuery && classie.hasClass(document.body, 'menu-force-opacity')) classie.removeClass(document.body, 'menu-force-opacity'); 674 if (wwidth <= mediaQuery && !classie.hasClass(document.body, 'menu-force-opacity')) classie.addClass(document.body, 'menu-force-opacity'); 675 } 676 677 UNCODE.isQuickView = isQuickView; 678 679 }, 680 fixMenuHeight = function() { 681 if (!classie.hasClass(document.body, 'vmenu')) noScroll = true; 682 683 menuwrapper = document.querySelectorAll(".menu-wrapper"); 684 masthead = document.getElementById("masthead"); 685 offcanvas_overlay_close = document.querySelector('.uncode-close-offcanvas-overlay'); 686 if (classie.hasClass(document.body, 'hmenu-center-split') && document.getElementById("logo-container-mobile") != null && document.getElementById("main-logo") != null ) { 687 mastheadMobile = new Array(document.getElementById("logo-container-mobile"), document.getElementById("main-logo").parentNode); 688 } else mastheadMobile = document.getElementById("logo-container-mobile"); 689 menuhide = document.querySelector('#masthead .menu-hide, .main-header .menu-hide, #masthead .menu-hide-vertical'); 690 menusticky = document.querySelectorAll('.menu-sticky, .menu-sticky-vertical'); 691 transmenuel = document.querySelectorAll('.menu-transparent:not(.vmenu-container)'); 692 var menuItemsButton = document.querySelectorAll('.menu-item-button .menu-btn-table'); 693 logo = document.querySelector('#main-logo'); 694 if (logo != undefined) logolink = (logo.firstElementChild || logo.firstChild); 695 if (logolink != undefined) logoMinScale = logolink.getAttribute("data-minheight"); 696 logoel = document.querySelectorAll('.menu-shrink .logo-container'); 697 mainmenu = document.querySelectorAll('.vmenu .vmenu-container, .menu-primary .menu-container'); 698 if (classie.hasClass(document.body, 'hmenu-center')) { 699 var mainmenucenter = document.querySelectorAll('.hmenu-center .menu-container-mobile'); 700 var first_array = Array.prototype.slice.call(mainmenu); 701 var second_array = Array.prototype.slice.call(mainmenucenter); 702 mainmenu = first_array.concat(second_array); 703 } 704 secmenu = document.querySelectorAll('.menu-secondary'); 705 calculateMenuHeight(true); 706 for (var k = 0;
706 k < menuItemsButton.length; k++) { 707 var a_item = menuItemsButton[k].parentNode, 708 buttonHeight = outerHeight(menuItemsButton[k]); 709 a_item.style.height = buttonHeight + 'px'; 710 } 711 if (classie.hasClass(document.body, 'hmenu-center-split')) { 712 mainNavMenu = document.querySelector('#masthead .navbar-main .menu-primary-inner'); 713 mainNavWrapper = document.querySelector('#masthead > .menu-container'); 714 isSplitMenu = true; 715 } 716 717 var $secondary_menu_html = document.getElementById("secondary-menu-html"); 718 if ( (classie.hasClass(document.body, 'vmenu') || classie.hasClass(document.body, 'menu-offcanvas')) && $secondary_menu_html == null ) { 719 classie.addClass(document.body, 'menu-offcanvas-additional-text') 720 } 721 722 fixMenu(); 723 menuOpacity(); 724 }, 725 menuOpacity = function(){ 726 transmenuel = document.querySelectorAll('.menu-transparent:not(.vmenu-container)'); 727 if (typeof transmenuel === 'undefined' || !transmenuel.length) { 728 return false; 729 } 730 if (wwidth > mediaQuery && classie.hasClass(transmenuel[0], 'menu-desktop-transparent')) { 731 classie.removeClass(transmenuel[0], 'menu-desktop-transparent'); 732 classie.addClass(transmenuel[0], 'menu-desktop-transparent'); 733 } else if (wwidth <= mediaQuery && classie.hasClass(transmenuel[0], 'menu-desktop-transparent')) { 734 classie.removeClass(transmenuel[0], 'menu-desktop-transparent'); 735 classie.addClass(transmenuel[0], 'menu-desktop-transparent'); 736 } 737 }, 738 verticalRightMenu = function() { 739 var setVrightMenu, vRightMenuw; 740 var vRightMenu = function(){ 741 $initBox = document.getElementById("initBox"); 742 $mainHeader = document.querySelector('.main-header'); 743 if ( $mainHeader != null ) { 744 mainHeader = $mainHeader.innerHTML; 745 $mainWrapper = document.querySelector('.main-wrapper'); 746 if ( classie.hasClass(document.body, 'vmenu') && ( ( classie.hasClass(document.body, 'vmenu-position-right') && ! classie.hasClass(document.body, 'rtl') ) || ( classie.hasClass(document.body, 'vmenu-position-left') && classie.hasClass(document.body, 'rtl') ) ) ) { 747 if ( wwidth <= mediaQuery ) { 748 $initBox.parentNode.insertBefore($mainHeader, $initBox.nextSibling); 749 } else { 750 $mainWrapper.parentNode.insertBefore($mainHeader, $mainWrapper.nextSibling); 751 } 752 $mainHeader.removeChild; 753 } 754 window.dispatchEvent(new Event('lateral_resize')); 755 } 756 }; 757 vRightMenu(); 758 window.addEventListener("resize", function() { 759 if ( wwidth != vRightMenuw ) { 760 clearRequestTimeout(setVrightMenu); 761 setVrightMenu = requestTimeout( function(){ 762 vRightMenuw = wwidth; 763 vRightMenu(); 764 }, 100 ); 765 } 766 }); 767 }, 768 calculateMenuHeight = function(first) { 769 menuHeight = transmenuHeight = secmenuHeight = 0; 770 771 if (mastheadMobile != null) { 772 if (mastheadMobile.length === 2) { 773 if (wwidth > mediaQuery) { 774 UNCODE.menuMobileHeight = outerHeight(mastheadMobile[1]); 775 mastheadMobilePaddingTop = parseFloat(getComputedStyle(mastheadMobile[1]).paddingTop); 776 } else { 777 UNCODE.menuMobileHeight = outerHeight(mastheadMobile[0]); 778 mastheadMobilePaddingTop = parseFloat(getComputedStyle(mastheadMobile[0]).paddingTop); 779 } 780 } else { 781 UNCODE.menuMobileHeight = outerHeight(mastheadMobile); 782 mastheadMobilePaddingTop = parseFloat(getComputedStyle(mastheadMobile).paddingTop); 783 } 784 } 785 786 if (wwidth > mediaQuery) { 787 for (var i = 0; i < mainmenu.length; i++) { 788 if (classie.hasClass(document.body, 'hmenu-center') && i === 1) continue; 789 if (!classie.hasClass(masthead, 'masthead-vertical')) { 790 menuHeight = menuHeight + outerHeight(mainmenu[i]); 791 } else menuHeight = 0; 792 793 if (isIE && first) { 794 getDivChildren(mainmenu[i], '.menu-horizontal-inner', function(innerMenu, i) { 795 innerMenu.style.height = menuHeight + 'px'; 796 }); 797 } 798 799 if (classie.hasClass(mainmenu[i].parentNode, 'menu-transparent')) { 800 transmenuHeight += menuHeight; 801 } 802 } 803 804 for (var j = 0; j < secmenu.length; j++) {
805 secmenuHeight += outerHeight(secmenu[j]); 806 } 807 menuHeight += secmenuHeight; 808 } else { 809 secmenu = document.querySelectorAll('.menu-secondary:not(.menu-primary)'); 810 menuHeight = UNCODE.menuMobileHeight; 811 if (isMobileTransparent) { 812 for (var i = 0; i < mainmenu.length; i++) { 813 if (classie.hasClass(mainmenu[i].parentNode, 'menu-transparent')) { 814 transmenuHeight += menuHeight; 815 } 816 } 817 } 818 var search_box = document.querySelectorAll('.search-icon .drop-menu'); 819 for (var i = 0; i < search_box.length; i++) { 820 search_box[i].removeAttribute('style'); 821 } 822 823 for (var j = 0; j < secmenu.length; j++) { 824 secmenuHeight += outerHeight(secmenu[j]); 825 } 826 menuHeight += secmenuHeight; 827 } 828 829 if (classie.hasClass(document.documentElement, 'admin-mode')) { 830 adminBar = document.getElementById("wpadminbar"); 831 if (wwidth > 600) { 832 if (adminBar != null) adminBarHeight = outerHeight(adminBar); 833 else { 834 if (wwidth > 782) adminBarHeight = 32; 835 else adminBarHeight = 46; 836 } 837 } else adminBarHeight = 0; 838 } 839 UNCODE.adminBarHeight = adminBarHeight; 840 UNCODE.menuHeight = menuHeight; 841 842 if ( UNCODE.isFullPage && ! UNCODE.isFrontEndEditor ) { 843 if ( UNCODE.adminBarHeight > 0 ) 844 document.body.style.marginTop = ( ( UNCODE.adminBarHeight + UNCODE.bodyBorder ) * -1 ) + 'px'; 845 846 document.body.style.paddingTop = ( UNCODE.adminBarHeight + UNCODE.bodyBorder ) + 'px'; 847 } else { 848 document.body.style.marginTop = 0; 849 document.body.style.paddingTop = 0; 850 } 851 852 if (masthead != undefined) { 853 //masthead.parentNode.style.height = menuHeight + 'px'; 854 if (classie.hasClass(masthead, 'menu-transparent')) { 855 if (wwidth > mediaQuery) masthead.parentNode.style.height = '0px'; 856 } 857 } 858 859 if (typeof menuhide == 'object' && menuhide != null && mainmenu[0] != undefined) { 860 var sticky_element = (typeof mainmenu.item === 'undefined' ? ((wwidth > mediaQuery) ? mainmenu[0] : mainmenu[1]) : mainmenu[0]); 861 if (sticky_element.style.top != '') { 862 sticky_element.style.top = UNCODE.bodyBorder + 'px' 863 } 864 } 865 866 }, 867 centerSplitMenu = function() { 868 if ( typeof mainNavMenu !== 'undefined' && mainNavMenu !== null ) { 869 if (wwidth > mediaQuery && mainNavMenu) { 870 if (mainNavMenu.style.left == '') { 871 mainNavMenu.style.left = '0px'; 872 var logoPos = logo.parentNode.getBoundingClientRect(); 873 mainNavMenu.style.left = (wwidth / 2) - (logoPos.left + (logoPos.width / 2) ) + 'px'; 874 mainNavWrapper.style.opacity = '1'; 875 } 876 mainNavWrapper.style.opacity = '1'; 877 } else { 878 mainNavMenu.style.left = ''; 879 } 880 } 881 }, 882 initHeader = function() { 883 pageHeader = document.getElementById("page-header"); 884 if (SiteParameters.dynamic_srcset_active === '1') { 885 UNCODE.adaptive_srcset_replace_bg(pageHeader); 886 } 887 UNCODE.adaptive(); 888 889 parallaxHeaders = document.querySelectorAll('.header-parallax > .header-bg-wrapper'); 890 header = document.querySelectorAll('.header-wrapper.header-uncode-block, .header-wrapper.header-revslider, .header-wrapper.header-layerslider, .header-basic .header-wrapper, .header-uncode-block > .row-container:first-child > .row > .row-inner > .col-lg-12 > .uncol, .header-uncode-block .uncode-slider .owl-carousel > .row-container:first-child .column_child .uncoltable'); 891 headerWithOpacity = document.querySelectorAll('.header-scroll-opacity'); 892 if ( typeof pageHeader === 'object' && pageHeader !== null ) { 893 headerVideo = pageHeader.querySelectorAll('.uncode-video-container:not(.t-entry-drop)'); 894 kenburnsHeaders = pageHeader.querySelectorAll('.with-kburns > .header-bg-wrapper'); 895 backwashHeaders = pageHeader.querySelectorAll('.with-zoomout > .header-bg-wrapper'); 896 if ( headerVideo.length ) { 897 classie.addClass(pageHeader, 'has-video'); 898 } 899 } 900 if (pageHeader != undefined) { 901 var backs = pageHeader.querySelectorAll('.header-bg'), 902 backsCarousel = pageHeader.querySelectorAll('.header-uncode-block .background-inner'), 903 uri_pattern = /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»ââââ]))/ig; 904 if (backs.length == 0 && backsCarousel.length == 0) { 905 pageHeader.setAttribute('data-imgready', 'true'); 906 } else { 907 if (backsCarousel.length) { 908 for (var j = 0; j < backsCarousel.length; j++) { 909 if (j == 0) { 910 if (!!backsCarousel[j].style.backgroundImage && backsCarousel[j].style.backgroundImage !== void 0) { 911 var url = (backsCarousel[j].style.backgroundImage).match(uri_pattern), 912 image = new Image(); 913 if ( url === null ) { 914 url = (backsCarousel[j].style.backgroundImage).slice(4, -1).replace(/"/g, ""); 915 } 916 image.onload = function() { 917 pageHeader.setAttribute('data-imgready', 'true'); 918 }; 919 image.src = url[0]; 920 } else { 921 pageHeader.setAttribute('data-imgready', 'true'); 922 } 923 } 924 } 925 } else { 926 for (var i = 0; i < backs.length; i++) { 927 if (i == 0) { 928 if (!!backs[i].style.backgroundImage && backs[i].style.backgroundImage !== void 0) { 929 var url = (backs[i].style.backgroundImage).match(uri_pattern), 930 image = new Image(); 931 if ( url === null ) { 932 url = (backs[i].style.backgroundImage).slice(4, -1).replace(/"/g, ""); 933 } 934 image.onload = function() { 935 pageHeader.setAttribute('data-imgready', 'true'); 936 }; 937 image.src = url[0]; 938 } else { 939 pageHeader.setAttribute('data-imgready', 'true'); 940 } 941 } 942 } 943 } 944 } 945 } 946 947 if (masthead != undefined && !classie.hasClass(masthead, 'masthead-vert
947ical')) { 948 if (header.length) { 949 masthead.parentNode.style.height = (menuHeight-1) + 'px'; 950 if ( offcanvas_overlay_close != undefined ) { 951 offcanvas_overlay_close.style.height = (menuHeight-1) + 'px'; 952 offcanvas_overlay_close.style.lineHeight = (menuHeight-5) + 'px'; 953 } 954 if (menuwrapper[0] != undefined) classie.addClass(menuwrapper[0], 'with-header'); 955 for (var j = 0; j < header.length; j++) { 956 var headerel = header[j], 957 closestStyle = getClosest(headerel, 'style-light'), 958 wcClosestStyle = getClosest(headerel, 'wc-parent-style-light'); 959 if (closestStyle != null && classie.hasClass(closestStyle, 'style-light')) { 960 switchColorsMenu(0, 'light'); 961 } else if (wcClosestStyle != null && classie.hasClass(wcClosestStyle, 'wc-parent-style-light')) { 962 switchColorsMenu(0, 'light'); 963 } else if (getClosest(headerel, 'style-dark') != null) { 964 switchColorsMenu(0, 'dark'); 965 } else if (getClosest(headerel, 'wc-parent-style-dark') != null) { 966 switchColorsMenu(0, 'dark'); 967 } else { 968 if (masthead.style.opacity !== 1) masthead.style.opacity = 1; 969 } 970 if (classie.hasClass(masthead, 'menu-transparent')) { 971 if (isMobileTransparent || wwidth > mediaQuery) { 972 masthead.parentNode.style.height = '0px'; 973 if (classie.hasClass(masthead, 'menu-add-padding')) { 974 var headerBlock = getClosest(headerel, 'header-uncode-block'); 975 if (headerBlock != null) { 976 var parentRow = headerBlock.querySelector('.vc_row'); 977 if (parentRow != null) { 978 var innerRows = parentRow.querySelectorAll('.column_parent > .uncol > .uncoltable > .uncell > .uncont, .uncode-slider .column_child > .uncol > .uncoltable > .uncell > .uncont'); 979 for (var k = 0; k < innerRows.length; k++) { 980 if (innerRows[k] != undefined) { 981 if (wwidth > mediaQuery) innerRows[k].style.paddingTop = transmenuHeight + 'px'; 982 else innerRows[k].style.paddingTop = (transmenuHeight - mastheadMobilePaddingTop) + 'px'; 983 } 984 } 985 } 986 } else { 987 getDivChildren(headerel, '.header-content', function(headerContent, i) { 988 if (wwidth > mediaQuery) headerContent.style.paddingTop = transmenuHeight + 'px'; 989 else headerContent.style.paddingTop = (transmenuHeight - mastheadMobilePaddingTop) + 'px'; 990 }); 991 } 992 } 993 } 994 } 995 if (classie.hasClass(headerel, 'uncoltable')) { 996 break; 997 } 998 } 999 } else { 1000 if (menuwrapper[0] != undefined) classie.addClass(menuwrapper[0], 'no-header'); 1001 classie.removeClass(masthead, 'menu-transparent'); 1002 transmenuHeight = 0; 1003 isMobileTransparent = false; 1004 } 1005 } else { 1006 isMobileTransparent = false; 1007 } 1008 if (typeof transmenuel === 'undefined' || !transmenuel.length) isMobileTransparent = false; 1009 bodyTop = document.documentElement['scrollTop'] || document.body['scrollTop']; 1010 UNCODE.bodyTop = bodyTop; 1011 headerHeight('.header-wrapper'); 1012 if (!classie.hasClass(document.body, 'vmenu')) 1013 initBox(); 1014 scrollFunction(); 1015 showHideScrollup(bodyTop); 1016 1017 if ( UNCODE.isMobile ) { 1018 1019 var eventName = 'loadedmetadata'; 1020 eventName = eventName.replace(/^on/, ''); 1021 var elt = document.createElement('video'[eventName]); 1022 var eventIsSupported = ('on'+eventName in elt); 1023 elt = null; 1024 if ( ! eventIsSupported || ( classie.hasClass(document.documentElement, 'firefox') && classie.hasClass(document.documentElement, 'android') ) ) { 1025 classie.addClass(document.body, 'video-not-supported'); 1026 } 1027 } 1028 1029 }, 1030 initRow = function(currentRow) { 1031 if (SiteParameters.dynamic_srcset_active === '1') { 1032 UNCODE.adaptive_srcset_replace_bg(currentRow); 1033 } 1034 UNCODE.adaptive(); 1035 var el = typeof currentRow.parentNode !== 'undefined' && currentRow.parentNode.parentNode.getAttribute("data-parent") == 'true' ? currentRow.parentNode : ( currentRow.getAttribute("data-parent") == 'true' ? currentRow.querySelector('.row-parent') : currentRow.parentNode.parentNode ), 1036 rowParent = el.parentNode, 1037 rowInner = currentRow.parentNode, 1038 percentHeight = el.getAttribute("data-height-ratio"), 1039 minHeight = el.getAttribute("data-minheight"), 1040 calculateHeight, 1041 calculatePadding = 0, 1042 isHeader = false, 1043 isFirst = false, 1044 uri_pattern = /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»ââââ]))/ig; 1045 1046 /** Add class to the row when contains responsive column size */ 1047 getDivChildren(el.parentNode, '.column_parent, .column_child', function(obj, i, total) { 1048 if ((obj.className).indexOf("col-md-") > - 1) { 1049 classie.addClass(obj.parentNode, 'cols-md-responsive'); 1050 } 1051 obj.className = obj.className.replace(/vc_col-sm-(\d{1,2})/g, ""); 1052 if ((obj.className).indexOf("col-sm-") > - 1 && (obj.className).indexOf("col-sm-clear") == - 1) { 1053 classie.addClass(obj.parentNode, 'cols-sm-responsive'); 1054 } 1055 }); 1056 1057 setRowHeight(el); 1058 1059 var elements = 0; 1060 getDivChildren(el, '.row-internal .background-inner', function(obj, i, total) { 1061 elements++; 1062 if (i == 0) { 1063 if (!!obj.style.backgroundImage && obj.style.backgroundImage !== void 0) { 1064 var url = (obj.style.backgroundImage).match(uri_pattern), 1065 image = new Image(); 1066 if ( url === null ) { 1067 url = (obj.style.backgroundImage).slice(4, -1).replace(/"/g, ""); 1068 } 1069 image.onload = function() { 1070 el.setAttribute('data-imgready', 'true'); 1071 el.dispatchEvent(new CustomEvent('imgLoaded')); 1072 }; 1073 image.src = url[0]; 1074 } else { 1075 el.setAttribute('data-imgready', 'true'); 1076 el.dispatchEvent(new CustomEvent('imgLoaded')); 1077 } 1078 } 1079 }); 1080 if (elements == 0) { 1081 el.setAttribute('data-imgready', 'true'); 1082 } 1083 1084 // var $bgs = rowParent.querySelectorAll('.background-inner'); 1085 1086 // for (var i = 0; i < $bgs.length; i++) { 1087 // var $bg = $bgs[i]; 1088 // if ($bg.style.backgroundImage && $bg.style.backgroundImage !== '') { 1089 // var url = ($bg.style.backgroundImage).match(uri_pattern), 1090 // image = new Image(); 1091 // url = url[0]; 1092 // image.source = url; 1093 // image.el = $bg; 1094 // image.onload = function() { 1095 // var _this = this; 1096 // _this.el.setAttribute('data-imgloaded', 'true'); 1097 // }; 1098 // image.src = url; 1099 // } else { 1100 // $bg.setAttribute('data-imgloaded', 'true'); 1101 // } 1102 // } 1103 1104 /** init parallax is not mobile */ 1105 if ( ! UNCODE.isFullPage ) { 1106 bodyTop = document.documentElement['scrollTop'] || document.body['scrollTop']; 1107 kenburnsRows = el.parentNode.parentNode.querySelectorAll('.with-kburns > .row-background > .background-wrapper, .with-kburns > .fp-tableCell > .row-background > .background-wrapper, .with-kburns > .fp-tableCell > .fp-scrollable > .fp-scroller > .row-background > .background-wrapper'); 1108 kenburnsCols = el.querySelectorAll('.with-kburns > .column-background > .background-wrapper'); 1109 backwashRows = el.parentNode.parentNode.querySelectorAll('.with-zoomout > .row-background > .background-wrapper, .with-zoomout > .fp-tableCell > .row-background > .background-wrapper, .with-zoomout > .fp-tableCell > .fp-scrollable > .fp-scroller > .row-background > .background-wrapper'); 1110 backwashCols = el.querySelectorAll('.with-zoomout > .column-background > .background-wrapper'); 1111 if (isMobileParallaxAllowed || !UNCODE.isMobile) {
1112 parallaxRows = el.parentNode.parentNode.querySelectorAll('.with-parallax > .row-background > .background-wrapper, .with-parallax > .fp-tableCell > .row-background > .background-wrapper, .with-parallax > .fp-tableCell > .fp-scrollable > .fp-scroller > .row-background > .background-wrapper'); 1113 parallaxCols = el.querySelectorAll('.with-parallax > .column-background > .background-wrapper'); 1114 visibleRows = el.parentNode.parentNode; 1115 parallaxRowCol(bodyTop); 1116 visibleRowCol(bodyTop); 1117 } else { 1118 if (UNCODE.isMobile) { 1119 kenburnsHeader(bodyTop); 1120 kenburnsRowCol(bodyTop); 1121 backwashHeader(bodyTop); 1122 backwashRowCol(bodyTop); 1123 } 1124 } 1125 } 1126 1127 shapeDivider(); 1128 1129 var wrapLinesWw = wwidth; 1130 1131 //Text animation, automatic lines and highlights 1132 var setWrap; 1133 1134 //Font style of grouped products 1135 function product_relative_font_style(el){ 1136 var $labels = el.querySelectorAll('.woocommerce-grouped-product-list-item__label, .woocommerce-grouped-product-list-item__price'); 1137 if ( $labels.length ) { 1138 var $main_price = el.querySelectorAll('.heading-text .woocommerce-Price-amount'); 1139 if ( $main_price.length ) { 1140 var $price_wrap = $main_price[0].closest('.heading-text'), 1141 $price_nest = $price_wrap.querySelector(':first-child'), 1142 font_class = $price_nest.getAttribute('class').split(' '), 1143 cli, labI; 1144 1145 for ( labI = 0; labI < $labels.length; labI++ ) { 1146 for ( cli = 0; cli < font_class.length; cli++ ) { 1147 if ( font_class[cli].indexOf('font') !== -1 && font_class[cli].indexOf('fontsize') === -1 ) { 1148 classie.addClass($labels[labI], font_class[cli]); 1149 } 1150 } 1151 } 1152 1153 } 1154 } 1155 } 1156 product_relative_font_style(el) 1157 1158 function vc_row_full_width_size(){ 1159 if (boxWidth != 0 && classie.hasClass(rowParent, 'vc_row-full-width')) { 1160 var vmenu = document.querySelector('.vmenu .vmenu-container'), 1161 vmenuW = 0; 1162 if (typeof vmenu == 'object' && vmenu != null && wwidth > mediaQuery ) { 1163 vmenuW = vmenu.offsetWidth; 1164 } 1165 rowParent.style.maxWidth = ( boxWidth - vmenuW ) + 'px'; 1166 } 1167 } 1168 vc_row_full_width_size(); 1169 1170 window.addEventListener("resize", function() { 1171 vc_row_full_width_size(); 1172 }); 1173 1174 function word_for_lines(event, $parent_el){ 1175 1176 if ( typeof $parent_el === 'undefined' || $parent_el === null ) { 1177 $parent_el = document.body; 1178 } 1179 1180 var $headings = $parent_el.querySelectorAll('.heading-text'); 1181 1182 for (var head_k = 0; head_k < $headings.length; head_k++) { 1183 var $heading = $headings[head_k], 1184 heading_cont = $heading.innerHTML, 1185 $row = $heading.closest('.row-parent'), 1186 $owl_carousel = $heading.closest('.owl-carousel-wrapper'), 1187 $owl_item = $heading.closest('.owl-item'), 1188 $words = $heading.querySelectorAll('.split-word'), 1189 setWrap; 1190 1191 if ( ! $words.length ) { 1192 if ( $owl_item !== null ) 1193 continue; 1194 } 1195 1196 if ( $owl_carousel === null && typeof event !== 'undefined' && event !== 'resize' && event !== false ) { 1197 continue; 1198 } 1199 1200 if ( $owl_carousel !== null ) { 1201 if ( 1202 ( $owl_item === null ) 1203 || 1204 ( $owl_item !== null && classie.hasClass($owl_item, 'active') && $owl_item.getAttribute('data-index') !== '1' ) 1205 || 1206 ( $owl_item !== null && classie.hasClass($owl_item, 'active') && $owl_item.getAttribute('data-index') === '1' && $owl_item.getAttribute('data-already-reached') === 'true' ) 1207 ) { 1208 continue; 1209 } 1210 } 1211 1212 $heading.innerHTML = heading_cont; 1213 $words = $heading.querySelectorAll('.split-word'); 1214 var lineArray = [], 1215 lineIndex = 0, 1216 lineStart = true, 1217 lineEnd = false, 1218 $text_highlight = $heading.querySelectorAll('.heading-text-highlight'), 1219 $line_wraps = $heading.querySelectorAll('.heading-line-wrap'); 1220 1221 if ( $line_wraps.length && typeof event === 'undefined' ) { 1222 continue; 1223 } 1224 1225 var lettering = function(){ 1226 var $wraps = $parent_el.querySelectorAll('.animate_inner_when_almost_visible.curtain, .animate_inner_when_almost_visible.curtain-words, .animate_inner_when_almost_visible.typewriter, .animate_inner_when_almost_visible.single-curtain, .animate_inner_when_almost_visible.single-slide, .animate_inner_when_almost_visible.single-slide-opposite'); 1227 1228 for (var i = 0; i < $wraps.length; i++) { 1229 var $wrap = $wraps[i], 1230 $lines = $wrap.querySelectorAll('.heading-line-wrap'), 1231 $words = $wrap.querySelectorAll('.split-word:not(.uncode-rotating-span)'), 1232 containerDelay = $wrap.getAttribute('data-delay'), 1233 containerSpeed = $wrap.getAttribute('data-speed'), 1234 containerSpeed_val = typeof containerSpeed !== 'undefined' && containerSpeed !== null ? parseFloat(containerSpeed) : 400, 1235 containerInterval = typeof $wrap.getAttribute('data-interval') !== 'undefined' && $wrap.getAttribute('data-interval') !== null ? $wrap.getAttribute('data-interval') : 0, 1236 delayAttr = (containerDelay != undefined) ? containerDelay : 0; 1237 1238 if ( classie.hasClass($wrap, 'already-animated') ) { 1239 continue; 1240 } 1241 1242 if ( classie.hasClass($wrap, 'curtain') ) { 1243 1244 for (var il = 0; il < $lines.length; il++) { 1245 var $line = $lines[il], 1246 $spans = $line.querySelectorAll('.split-word-inner'); 1247 1248 for (var is = 0; is < $spans.length; is++) { 1249 1250 var $span = $spans[is]; 1251 1252 $span.setAttribute('data-delay', ( parseFloat(delayAttr) + ( ( parseFloat(containerInterval) + 100 ) * il ) ) ); 1253 1254 if (typeof containerSpeed_val !== 'undefined' ) { 1255 $span.setAttribute('data-speed', containerSpeed_val); 1256 } 1257 1258 classie.addClass($span, 'animate_when_parent_almost_visible'); 1259 classie.addClass($span, 'text-bottom-t-top'); 1260 1261 if ( is+1 === $spans.length && il+1 === $lines.length ) { 1262 classie.addClass($span, 'anim-tot-checker'); 1263 } 1264 } 1265 1266 } 1267 1268 } else if ( classie.hasClass($wrap, 'single-curtain') ) { 1269 1270 var $spans = $wrap.querySelectorAll('.split-char'); 1271 1272 for (var is = 0; is < $spans.length; is++) { 1273 var $span = $spans[is]; 1274 1275 $span.setAttribute('data-delay', ( parseFloat(delayAttr) + ( ( parseFloat(containerInterval) + 20 ) * is ) ) ); 1276 1277 if (typeof containerSpeed_val !== 'undefined' ) { 1278 $span.setAttribute('data-speed', containerSpeed_val); 1279 } 1280 1281 classie.addClass($span, 'animate_when_parent_almost_visible'); 1282 classie.addClass($span, 'text-bottom-t-top'); 1283 1284 if ( is+1 == $spans.length ) { 1285 classie.addClass($span, 'anim-tot-checker'); 1286 } 1287 }; 1288 1289 } else if ( classie.hasClass($wrap, 'typewriter') ) { 1290 1291 var $spans = $wrap.querySelectorAll('.split-char'); 1292 1293 for (var is = 0; is < $spans.length; is++) { 1294 var $span = $spans[is]; 1295 1296 $span.setAttribute('data-delay', ( parseFloat(delayAttr) + ( ( parseFloat(containerInterval) + 20 ) * is ) ) ); 1297 1298 if (typeof containerSpeed_val !== 'undefined' ) { 1299 $span.setAttribute('data-speed', containerSpeed_val); 1300 } 1301 1302 classie.addClass($span, 'animate_when_parent_almost_visible'); 1303 classie.addClass($span, 'typewriter'); 1304 1305 if ( is+1 == $spans.length ) { 1306 classie.addClass($span, 'anim-tot-checker'); 1307 } 1308 1309 } 1310 1311 } else if ( classie.hasClass($wrap, 'single-slide') ) { 1312 1313 var $spans = $wrap.querySelectorAll('.split-word-inner'); 1314 1315 for (var is = 0; is < $spans.length; is++) { 1316 var $span = $spans[is]; 1317 1318 $span.setAttribute('data-delay', ( parseFloat(delayAttr) + ( ( parseFloat(containerInterval) + 50 ) * is ) ) ); 1319 1320 if (typeof containerSpeed_val !== 'undefined' ) { 1321 $span.setAttribute('data-speed', containerSpeed_val); 1322 } 1323 1324 classie.addClass($span, 'animate_when_parent_almost_visible'); 1325 if ( classie.hasClass(document.body, 'rtl') ) { 1326 classie.addClass($span, 'text-left-t-right'); 1327 } else { 1328 classie.addClass($span, 'text-right-t-left'); 1329 } 1330 1331 if ( is+1 == $spans.length ) { 1332 classie.addClass($span, 'anim-tot-checker'); 1333 } 1334 } 1335 1336 } else if ( classie.hasClass($wrap, 'single-slide-opposite') ) { 1337 1338 var $spans = $wrap.querySelectorAll('.split-word-inner'); 1339 1340 for (var is = 0; is < $spans.length; is++) { 1341 var $span = $spans[is]; 1342 1343 $span.setAttribute('data-delay', ( parseFloat(delayAttr) + ( ( parseFloat(containerInterval) + 50 ) * is ) ) ); 1344 1345 if (typeof containerSpeed_val !== 'undefined' ) { 1346 $span.setAttribute('data-speed', containerSpeed_val); 1347 } 1348 1349 classie.addClass($span, 'animate_when_parent_almost_visible'); 1350 if ( classie.hasClass(document.body, 'rtl') ) { 1351 classie.addClass($span, 'text-right-t-left'); 1352 } else { 1353 classie.addClass($span, 'text-left-t-right'); 1354 } 1355 1356 if ( is+1 == $spans.length ) { 1357 classie.addClass($span, 'anim-tot-checker'); 1358 } 1359 } 1360 1361 } else if ( classie.hasClass($wrap, 'curtain-words') ) { 1362 1363 var $spans = $wrap.querySelectorAll('.split-word-inner'); 1364 1365 for (var is = 0; is < $spans.length; is++) { 1366 var $span = $spans[is]; 1367 1368 $span.setAttribute('data-delay', ( parseFloat(delayAttr) + ( ( parseFloat(containerInterval) + 50 ) * is ) ) ); 1369 1370 if (typeof containerSpeed_val !== 'undefined' ) { 1371 $span.setAttribute('data-speed', containerSpeed_val); 1372 } 1373 1374 classie.addClass($span, 'animate_when_parent_almost_visible'); 1375 classie.addClass($span, 'text-bottom-t-top'); 1376 1377 if ( is+1 == $spans.length ) { 1378 classie.addClass($span, 'anim-tot-checker'); 1379 } 1380 } 1381 } 1382 1383 } 1384 } 1385 1386 var removeOldLines = function(){ 1387 for (var wrap_k = 0; wrap_k < $line_wraps.length; wrap_k++) { 1388 var $line_wrap = $line_wraps[wrap_k]; 1389 var $parent_wrap = $line_wrap.parentNode; 1390 if ( $parent_wrap !== null ) { 1391 while ( $line_wrap.firstChild ) { 1392 $parent_wrap.insertBefore($line_wrap.firstChild, $line_wrap); 1393 } 1394 $parent_wrap.removeChild($line_wrap); 1395 } 1396 } 1397 window.dispatchEvent(new CustomEvent('removeOldLines')); 1398 } 1399 1400 var createHighlightSpans = function(){ 1401 for (var high_k = 0; high_k < $text_highlight.length; high_k++) { 1402 var $highlight = $text_highlight[high_k], 1403 atts = $highlight.getAttribute('data-atts'), 1404 objAtts, 1405 styleEl = '', 1406 classEl = '', 1407 animation = false, 1408 hexRe = /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i, 1409 $h_words = $highlight.querySelectorAll('.split-word:not(.uncode-rotating-span)'); 1410 1411 if ( typeof atts !== 'undefined' && atts != '' ) { 1412 objAtts = JSON.parse(atts); 1413 if ( typeof objAtts.bg != 'undefined' ) { 1414 if ( hexRe.test(objAtts.bg)) { 1415 styleEl += 'background-color:' + objAtts.bg + ';'; 1416 } else { 1417 classEl += ' ' + objAtts.bg; 1418 } 1419 } 1420 if ( typeof objAtts.color != 'undefined' ) { 1421 if ( hexRe.test(objAtts.color)) { 1422 styleEl += 'color:' + objAtts.color + ';'; 1423 } else {
1424 var classChild = objAtts.color; 1425 } 1426 } 1427 if ( typeof objAtts.height != 'undefined' ) { 1428 styleEl += 'height:' + objAtts.height + ';'; 1429 } 1430 if ( typeof objAtts.offset != 'undefined' ) { 1431 styleEl += 'bottom:' + objAtts.offset + ';'; 1432 } 1433 if ( typeof objAtts.opacity != 'undefined' ) { 1434 styleEl += 'opacity:' + objAtts.opacity + ';'; 1435 } 1436 if ( objAtts.animated == 'yes' ) { 1437 animation = true; 1438 } 1439 1440 } 1441 1442 for (var h_words_k = 0; h_words_k < $h_words.length; h_words_k++) { 1443 var $word = $h_words[h_words_k], 1444 $new_el = document.createElement('span'); 1445 1446 if ( typeof classChild !== 'undefined' ) { 1447 classie.addClass($word, objAtts.color); 1448 } 1449 1450 if ( h_words_k === 0 ) { 1451 classie.addClass($word, 'first-highlight'); 1452 } else if ( (h_words_k+1) === $h_words.length ) { 1453 classie.addClass($word, 'last-highlight'); 1454 } 1455 1456 $new_el.className = 'heading-text-highlight-inner' + classEl; 1457 if ( styleEl !== '' ) { 1458 $new_el.setAttribute('style', styleEl); 1459 } 1460 1461 if ( animation ) { 1462 $new_el.setAttribute('data-animated', 'yes'); 1463 } 1464 1465 $word.appendChild($new_el); 1466 1467 }; 1468 1469 var $parent_highlight = $highlight.parentNode; 1470 if ( $parent_highlight != null ) { 1471 while ( $highlight.firstChild ) { 1472 $parent_highlight.insertBefore($highlight.firstChild, $highlight); 1473 } 1474 $parent_highlight.removeChild($highlight); 1475 } 1476 } 1477 1478 } 1479 1480 var createNewLines = function(){ 1481 for (var word_k = 0; word_k < $words.length; word_k++) { 1482 var $word = $words[word_k], 1483 top = $word.offsetTop, 1484 elH = $word.offsetHeight, 1485 $next = typeof $words[(word_k+1)] !== 'undefined' ? $words[(word_k+1)] : null, 1486 nextTop = $next !== null ? $next.offsetTop : null; 1487 1488 if (lineStart) { 1489 lineArray[lineIndex] = [word_k]; 1490 1491 if (nextTop !== null && elH > 0 && nextTop > (top + elH/2)) {//tollerance 1492 lineArray[lineIndex].push(word_k); 1493 lineIndex++; 1494 lineStart = true; 1495 } else { 1496 lineStart = false;
1497 } 1498 } else { 1499 if (nextTop !== null && elH > 0 && nextTop > (top + elH/2)) {//tollerance 1500 lineArray[lineIndex].push(word_k); 1501 lineIndex++; 1502 lineStart = true; 1503 } else if ( nextTop === null ) { 1504 lineArray[lineIndex].push(word_k); 1505 } 1506 } 1507 } 1508 1509 for (var i = 0; i < lineArray.length; i++) { 1510 var start = lineArray[i][0], 1511 end = lineArray[i][1] + 1; 1512 1513 var spanWrap = document.createElement('span'); 1514 spanWrap.className = 'heading-line-wrap'; 1515 1516 if (!end) { 1517 window.wrap(spanWrap, $words[start]); 1518 } else { 1519 for (var _i = start; _i < end; _i++) { 1520 if ( typeof $words[_i] !== 'undefined' && $words[_i] !== null ) { 1521 classie.addClass($words[_i], 'heading-temp'); 1522 $words[_i].style.zIndex = end - _i; 1523 } 1524 } 1525 var $towrap = $heading.querySelectorAll('.heading-temp'); 1526 if ( typeof $towrap[0] !== 'undefined' && $towrap[0] !== null ) { 1527 window.wrapAll(spanWrap, $towrap); 1528 for (var _i = 0; _i < $towrap.length; _i++) { 1529 classie.removeClass($towrap[_i], 'heading-temp'); 1530 } 1531 } 1532 } 1533 1534 if ( (i+1) == lineArray.length ) { 1535 classie.addClass($row, 'loaded-split-word'); 1536 } 1537 1538 classie.addClass($heading, 'heading-lined'); 1539 } 1540 lettering(); 1541 1542 } 1543 1544 removeOldLines(); 1545 createHighlightSpans(); 1546 createNewLines(); 1547 1548 $parent_el.addEventListener("owl-carousel-changed", function() { 1549 removeOldLines(); 1550 createHighlightSpans(); 1551 createNewLines(); 1552 }); 1553 1554 if ( event !== 'resize' ) { 1555 document.body.dispatchEvent(new CustomEvent('uncode_waypoints')); 1556 } 1557 1558 } 1559 } 1560 1561 var $h_markup = document.body.querySelectorAll('.font-obs'), 1562 fontArr = new Array(); 1563 1564 for (var i = 0; i < $h_markup.length; i++) { 1565 var font_to_check = $h_markup[i].getAttribute("data-font"); 1566 1567 if ( font_to_check === null ) { 1568 word_for_lines(false, el); 1569 } else { 1570 var font_weight = $h_markup[i].getAttribute("data-weight"); 1571 var font_style = $h_markup[i].getAttribute("data-style"); 1572 1573 if ( font_weight === null ) { 1574 font_weight = 'normal'; 1575 } 1576 1577 if ( font_style === null ) { 1578 font_style = 'normal'; 1579 } 1580 1581 font_to_check = font_to_check.split(','); 1582 1583 var font_val = font_to_check[0].replace(/['"]+/g, ''), 1584 font_key = '\''+font_val+'_'+font_weight+'_'+font_style+'\''; 1585 1586 if ( fontArr.indexOf( font_val+'_'+font_weight ) === -1 ) { 1587 fontArr[font_key] = {'family':font_val,'weight':font_weight,'style':font_style }; 1588 } 1589 } 1590 } 1591 1592 var counter = 0; 1593 1594 for (var key in fontArr) { 1595 if (fontArr.hasOwnProperty(key)) { 1596 var font = new FontFaceObserver(fontArr[key].family, { weight: fontArr[key].weight, style: fontArr[key].style } ); 1597 1598 font.load(null, 10000).then(function (font) { 1599 counter++; 1600 if ( counter == Object.keys(fontArr).length ) { 1601 already_font = true; 1602 requestTimeout(function(){ 1603 word_for_lines(false, el); 1604 }, 10); 1605 } 1606 }, function (error) { 1607 word_for_lines(false, el); 1608 }); 1609 } 1610 } 1611 1612 el.addEventListener("owl-carousel-initialized", function() { 1613 word_for_lines("owl-carousel-initialized", el); 1614 }); 1615 1616 el.addEventListener("vc-shortcodeView-updated", function() { 1617 word_for_lines(false, el); 1618 }); 1619 1620 window.addEventListener("resize", function() { 1621 if ( wwidth != wrapLinesWw ) { 1622 clearRequestTimeout(setWrap); 1623 setWrap = requestTimeout( function(){ 1624 wrapLinesWw = wwidth; 1625 word_for_lines('resize'); 1626 }, 100 ); 1627 } 1628 }); 1629 1630 scrollFunction(); 1631 1632 var videos = document.querySelectorAll('.wp-video-shortcode'); 1633 for (var i = 0; i < videos.length; i++) { 1634 var video = videos[i]; 1635 if ( typeof video.getAttribute('autoplay') !== 'undefined' && video.getAttribute('autoplay') !== null && ( typeof video.getAttribute('muted') === 'undefined' || video.getAttribute('muted') === null ) ) { 1636 video.oncanplay = function(e) { 1637 video.muted = true; 1638 video.play(); 1639 }; 1640 break; 1641 } 1642 } 1643 1644 // Single Product reviews counter on Page Builder module 1645 var singleProductReviewsCounter = function(){ 1646 var $reviews = document.getElementById("reviews"), 1647 $comments = $reviews != undefined ? $reviews.querySelector(".commentlist") : undefined; 1648 if ( $reviews != undefined && $comments != undefined ) { 1649 var dataReviews = $reviews.getAttribute('data-reviewed'), 1650 comments = $comments.getAttribute('data-comment-amout'), 1651 count_review_class = comments > 0 ? '' : ' hidden'; 1652 if ( typeof dataReviews == 'undefined' || dataReviews == null || dataReviews == '' ) { 1653 $reviews.setAttribute('data-reviewed', 'reviewed'); 1654 var $tabPane = getClosest($reviews, 'tab-pane'), 1655 $panel = getClosest($reviews, 'wpb_accordion_section'); 1656 if ( $tabPane != undefined) { 1657 var revID = $tabPane.getAttribute('id'), 1658 $spanTxt = document.querySelector('[data-tab-id=' + revID + '] > a > span'); 1659 1660 if ( typeof revID !== 'undefined' && revID !== '' && $spanTxt != null ) { 1661 var $spanCount = $spanTxt.querySelector('span.review-count'); 1662 if ( $spanCount != null ) { 1663 $spanCount.innerHTML = comments; 1664 } else { 1665 var textReviews = $spanTxt.innerHTML; 1666 $spanTxt.innerHTML = textReviews + ' <span class="review-count' + count_review_class + '">' + comments + '</span>'; 1667 } 1668 } 1669 } 1670 if ( $panel != undefined ) { 1671 var $spanTxt = $panel.querySelector('.panel-title > a > span'); 1672 1673 if ( $spanTxt != null ) { 1674 var $spanTxt_0 = $spanTxt; 1675 if ( $spanTxt[0] != undefined ) { 1676 $spanTxt_0 = $spanTxt[0]; 1677 } 1678 var $spanCount = $spanTxt.querySelector('span.review-count'); 1679 if ( $spanCount != null ) { 1680 $spanCount.innerHTML = comments; 1681 } else { 1682 var textReviews = $spanTxt.innerHTML; 1683 $spanTxt.innerHTML = textReviews + ' <span class="review-count' + count_review_class + '">' + comments + '</span>'; 1684 } 1685 } 1686 } 1687 } 1688 } 1689 }; 1690 singleProductReviewsCounter(); 1691 window.addEventListener( "vc_panel_title_edited", singleProductReviewsCounter ); 1692 1693 //Check for empty additional info tabs 1694 var checkEmptyAdditionalInfo = function(){ 1695 var $emptyAdditional = document.getElementById("no_additional_info"), 1696 $emptyPane, 1697 empty_pane_ID, 1698 $tabsParent, 1699 $emptyTab; 1700 if ( $emptyAdditional != undefined ) { 1701 $emptyPane = getClosest($emptyAdditional, 'tab-pane'); 1702 $tabsParent = getClosest($emptyAdditional, 'uncode-tabs'); 1703 if ( $emptyPane == undefined ) 1704 return false;
1705 empty_pane_ID = $emptyPane.getAttribute('id'); 1706 1707 $emptyTab = $tabsParent.querySelector('li[data-tab-id="' + empty_pane_ID + '"]'); 1708 $emptyTab.parentNode.removeChild($emptyTab); 1709 $emptyPane.parentNode.removeChild($emptyPane); 1710 } 1711 }; 1712 checkEmptyAdditionalInfo(); 1713 1714 var waitForSrcSetMedia = function(){ 1715 var $thumbs = el.querySelectorAll('.srcset-lazy-animations'); 1716 1717 if ( $thumbs.length ) { 1718 $thumbs.forEach(function($thumb) { 1719 var $media = $thumb.querySelectorAll('.srcset-auto'); 1720 1721 if ( $media.length ) { 1722 var $media_inside = $media[0].querySelectorAll('.srcset-sizes-done'); 1723 if ( classie.hasClass($media[0], 'srcset-sizes-done') || $media_inside.length ) { 1724 classie.removeClass($thumb, 'srcset-lazy-animations'); 1725 } 1726 } else { 1727 classie.removeClass($thumb, 'srcset-lazy-animations'); 1728 } 1729 }); 1730 } 1731 1732 var $posters = el.querySelectorAll('.no-control-lazy-poster'); 1733 1734 if ( $posters.length ) { 1735 1736 $posters.forEach(function($thumb) { 1737 var $media = $thumb.querySelectorAll('.srcset-auto'); 1738 1739 var loadForPosters = function( $thumb, $media ){ 1740 var url = ($media[0].getAttribute('src')), 1741 image = new Image(); 1742 if ( url !== null ) { 1743 image.onload = function() { 1744 setTimeout(function(){ 1745 classie.removeClass($thumb, 'no-control-lazy-poster'); 1746 }, 200); 1747 }; 1748 image.src = url; 1749 } else { 1750 classie.removeClass($thumb, 'no-control-lazy-poster'); 1751 } 1752 }; 1753 1754 if ( $media.length ) { 1755 var $media_inside = $media[0].querySelectorAll('.srcset-sizes-done'); 1756 var checkSrcSetDone = function(){ 1757 if ( classie.hasClass($media[0], 'srcset-sizes-done') || $media_inside.length ) { 1758 loadForPosters($thumb, $media); 1759 } else { 1760 setTimeout(checkSrcSetDone, 100); 1761 } 1762 } 1763 checkSrcSetDone(); 1764 } else { 1765 $media = $thumb.querySelectorAll('img[src]'); 1766 if ( $media.length ) { 1767 loadForPosters($thumb, $media); 1768 } else { 1769 classie.removeClass($thumb, 'no-control-lazy-poster'); 1770 } 1771 } 1772 }); 1773 } 1774 1775 }; 1776 waitForSrcSetMedia(); 1777 1778 }, 1779 1780 setRowHeight = function(container, forced, resized) { 1781 var currentTallest = 0, 1782 percentHeight = 0, 1783 minHeight = 0, 1784 el, 1785 child, 1786 hasSubCols = false; 1787 if (container.length == undefined) { 1788 container = [container]; 1789 } 1790 // Loop for each container element to match their heights 1791 for (var i = 0; i < container.length; i++) { 1792 var el = container[i], 1793 $row = el, 1794 totalHeight = 0, 1795 colsArray = new Array(), 1796 calculatePadding = 0, 1797 $rowParent = $row.parentNode, 1798 isHeader = false, 1799 isFirst = false; 1800 $row.oversized = false; 1801 percentHeight = el.getAttribute("data-height-ratio"); 1802 minHeight = el.getAttribute("data-minheight"); 1803 // child = (el.firstElementChild || el.firstChild); 1804 child = (el.lastElementChild || el.lastChild); 1805 var childHeight = outerHeight(child); 1806 /** window height without header **/ 1807 if (!!percentHeight || !!minHeight || forced || (isIE && classie.hasClass(el, 'unequal')) ) { 1808 child.style.height = ''; 1809 if (!!percentHeight) { 1810 if (percentHeight == 'full') { 1811 currentTallest = parseInt(UNCODE.wheight); 1812 } else { 1813 currentTallest = parseInt((UNCODE.wheight * percentHeight) / 100); 1814 } 1815 } else { 1816 currentTallest = el.clientHeight; 1817 } 1818 1819 if (!!minHeight) { 1820 if (currentTallest < minHeight || currentTallest == undefined) currentTallest = parseInt(minHeight); 1821 } 1822 1823 if (getClosest(el, 'header-uncode-block') != null) { 1824 el.setAttribute('data-row-header', 'true'); 1825 isHeader = true; 1826 } else { 1827 if (pageHeader == null) { 1828 var prevRow = $rowParent.previousSibling; 1829 if (prevRow != null && prevRow.innerText == 'UNCODE.initHeader();') { 1830 isFirst = true; 1831 } 1832 } 1833 } 1834
1835 menuMobileTransparent = document.querySelector('.menu-absolute.menu-transparent'); 1836 if (classie.hasClass(el, 'row-slider')) { 1837 percentHeight = el.getAttribute("data-height-ratio"); 1838 minHeight = el.getAttribute("data-minheight"); 1839 if (percentHeight == 'full') { 1840 currentTallest = parseInt(UNCODE.wheight); 1841 } else { 1842 currentTallest = parseInt((UNCODE.wheight * percentHeight) / 100); 1843 } 1844 1845 var computedStyleRow = getComputedStyle(el), 1846 computedStyleRowParent = getComputedStyle($rowParent); 1847 calculatePadding -= (parseFloat(computedStyleRow.paddingTop) + parseFloat(computedStyleRowParent.paddingTop)); 1848 calculatePadding -= (parseFloat(computedStyleRow.paddingBottom) + parseFloat(computedStyleRowParent.paddingBottom)); 1849 1850 if (isHeader || isFirst) { 1851 if ( ( isMobileTransparent && menuMobileTransparent !== null ) || wwidth > mediaQuery) { 1852 currentTallest -= menuHeight - transmenuHeight; 1853 } else { 1854 currentTallest -= menuHeight; 1855 } 1856 currentTallest += calculatePadding; 1857 } else { 1858 if ( ( isMobileTransparent && menuMobileTransparent !== null ) || wwidth > mediaQuery) { 1859 currentTallest += calculatePadding; 1860 } else { 1861 currentTallest = 'auto'; 1862 } 1863 } 1864 1865 getDivChildren(el, '.owl-carousel', function(owl, i) { 1866 owl.style.height = (currentTallest == 'auto' ? 'auto' : currentTallest + 'px'); 1867 if (isIE) { 1868 getDivChildren(owl, '.owl-stage', function(owlIn, i) { 1869 owlIn.style.height = (currentTallest == 'auto' ? '100%' : currentTallest + 'px'); 1870 }); 1871 } 1872 }); 1873 if ( UNCODE.isFullPageSnap || classie.hasClass(masthead, 'menu-transparent') ) 1874 continue; 1875 else { 1876 if ( classie.hasClass(document.body, 'uncode-fp-menu-hide') ) { 1877 $rowParent.parentNode.style.paddingTop = menuHeight + 'px'; 1878 } 1879 } 1880 } else { 1881 if (isHeader || isFirst || UNCODE.isFullPage ) { 1882 if ( !( UNCODE.isFullPage && !classie.hasClass(masthead, 'menu-transparent') && classie.hasClass(document.body, 'uncode-fp-menu-hide') && !isHeader && !isFirst ) ) { 1883 if (isMobileTransparent || wwidth > mediaQuery) currentTallest -= menuHeight - transmenuHeight; 1884 else currentTallest -= menuHeight - secmenuHeight; 1885 } 1886 if ( UNCODE.isFullPage && classie.hasClass(document.body, 'uncode-scroll-safe-padding') && classie.hasClass(masthead, 'menu-transparent') && !classie.hasClass(document.body, 'uncode-fp-menu-hide') ) { 1887 var safeMenuHeight = parseFloat(document.body.getAttribute("data-additional-padding")) + parseFloat(menuHeight); 1888 if ( (" " + child.parentNode.className + " ").replace(/[\n\t]/g, " ").indexOf("-top-padding ") < 0 || classie.hasClass(child.parentNode, 'single-top-padding') ) { 1889 classie.addClass(child.parentNode, 'fp-safe-padding-top'); 1890 child.parentNode.style.paddingTop = safeMenuHeight + 'px'; 1891 } 1892 if ( (" " + child.parentNode.className + " ").replace(/[\n\t]/g, " ").indexOf("-bottom-padding ") < 0 || classie.hasClass(child.parentNode, 'single-bottom-padding') ) { 1893 classie.addClass(child.parentNode, 'fp-safe-padding-bottom'); 1894 child.parentNode.style.paddingBottom = safeMenuHeight + 'px'; 1895 } 1896 } 1897 if ( !classie.hasClass(masthead, 'menu-transparent') && classie.hasClass(document.body, 'uncode-fp-menu-hide') && ( isFirst || isHeader ) ) 1898 $rowParent.parentNode.style.paddingTop = menuHeight + 'px'; 1899 1900 var computedStyleRow = getComputedStyle(el), 1901 computedStyleRowParent = getComputedStyle($rowParent); 1902 calculatePadding -= (parseFloat(computedStyleRow.paddingTop) + parseFloat(computedStyleRowParent.paddingTop)); 1903 calculatePadding -= (parseFloat(computedStyleRow.paddingBottom) + parseFloat(computedStyleRowParent.paddingBottom)); 1904 1905 currentTallest += calculatePadding; 1906 1907 } else { 1908 1909 var computedStyleRow = getComputedStyle(el), 1910 computedStyleRowParent = getComputedStyle($rowParent); 1911 calculatePadding -= (parseFloat(computedStyleRow.paddingTop) + parseFloat(computedStyleRowParent.paddingTop)); 1912 calculatePadding -= (parseFloat(computedStyleRow.paddingBottom) + parseFloat(computedStyleRowParent.paddingBottom)); 1913 1914 if (wwidth > mediaQuery) currentTallest += calculatePadding; 1915 else currentTallest = 'auto'; 1916 1917 } 1918 } 1919 if ( UNCODE.isFullPage ) { 1920 currentTallest -= UNCODE.adminBarHeight; 1921 } 1922 if (!!minHeight) { 1923 if (currentTallest < minHeight || currentTallest == 'auto') currentTallest = parseInt(minHeight); 1924 } 1925 1926 if ( UNCODE.isFrontEndEditor && child !== null ) { 1927 var innerWrapper = child.querySelectorAll('.owl-carousel-wrapper.vc_uncode_slider'); 1928 if ( innerWrapper.length ) { 1929 getDivChildren(child, '.owl-carousel-wrapper.vc_uncode_slider', function(wrapper, i) { 1930 if ( wrapper !== null ) { 1931 wrapper.style.height = (currentTallest == 'auto' ? 'auto' : currentTallest + 'px'); 1932 } else { 1933 child.style.height = (currentTallest == 'auto' ? 'auto' : currentTallest + 'px'); 1934 } 1935 }); 1936 } else { 1937 child.style.height = (currentTallest == 'auto' ? 'auto' : currentTallest + 'px'); 1938 } 1939 } else { 1940 //here 1941 child.style.height = (currentTallest == 'auto' ? 'auto' : currentTallest + 'px'); 1942 } 1943 1944 if ( wwidth < mediaQuery && classie.hasClass(child, 'auto-height-device') ) { 1945 child.style.height = 'auto'; 1946 } 1947 1948 } else { 1949 currentTallest = 0; 1950 if ( UNCODE.isFrontEndEditor && child !== null ) { 1951 1952 child.style.height = ''; 1953 1954 getDivChildren(el, '.owl-carousel', function(owl, i) { 1955 owl.style.height = ''; 1956 if (isIE) { 1957 getDivChildren(owl, '.owl-stage', function(owlIn, i) { 1958 owlIn.style.height = ''; 1959 }); 1960 } 1961 }); 1962 } 1963 } 1964 1965 if (wwidth > mediaQuery) { 1966 1967 getDivChildren(el, '.column_parent', function(col, i, total) { 1968 var $col = col, 1969 $colHeight = 0, 1970 $colDiff = 0, 1971 $colPercDiff = 100; 1972 $col.oversized = false;
1973 $col.forceHeight = currentTallest; 1974 currentTallest = child.clientHeight; 1975 if ((isHeader || isFirst) && currentTallest != 'auto') currentTallest -= transmenuHeight; 1976 var getFirstCol = null, 1977 getMargin = 0, 1978 getSubMargin = 0; 1979 getDivChildren(col, '.row-child', function(obj, i, total) { 1980 var $colChild = obj, 1981 $colParent = $colChild.parentNode, 1982 computedStyleCol = getComputedStyle($colParent); 1983 parseFloat(computedStyleCol.marginTop); 1984 getSubMargin += parseFloat(computedStyleCol.marginTop); 1985 }); 1986 currentTallest += getSubMargin; 1987 getDivChildren(col, '.row-child', function(obj, i, total) { 1988 var $colChild = obj, 1989 $colInner, 1990 $colParent = $colChild.parentNode, 1991 $uncont = $colParent.parentNode; 1992 for (var it = 0; it < $colChild.childNodes.length; it++) { 1993 if ( ! classie.hasClass($colChild.childNodes[it], 'uncode-divider-wrap') ) { 1994 $colInner = $colChild.childNodes[it]; 1995 break; 1996 } 1997 } 1998 if (i == 0 && total > 1) getFirstCol = $colInner; 1999 $colChild.oversized = false; 2000 percentHeight = $colChild.getAttribute("data-height"); 2001 minHeight = $colChild.getAttribute("data-minheight"); 2002 if (percentHeight != null || minHeight != null) { 2003 if ( ! classie.hasClass($colInner, 'uncode-divider-wrap') ) 2004 $colInner.style.height = ''; 2005 $colParent.style.height = 'auto'; 2006 $uncont.style.height = '100%'; 2007 $colChild.removeAttribute("style"); 2008 var newHeight = (percentHeight != null) ? Math.ceil((currentTallest) * (percentHeight / 100)) : parseInt(minHeight); 2009 var computedStyleCol = getComputedStyle($colParent); 2010 getMargin = parseFloat(computedStyleCol.marginTop); 2011 newHeight -= (getMargin); 2012 $colPercDiff -= (percentHeight != null) ? percentHeight : 0; 2013 if (currentTallest > newHeight) { 2014 var getColHeight = outerHeight($colChild); 2015 if (getColHeight > newHeight) { 2016 $colHeight += getColHeight; 2017 $colDiff += getColHeight; 2018 $colChild.oversized = true; 2019 $col.oversized = true; 2020 $row.oversized = true; 2021 } else { 2022 $colHeight += newHeight; 2023 if ( ! classie.hasClass($colInner, 'uncode-divider-wrap') ) { 2024 $colInner.style.height = newHeight + 'px'; 2025 } 2026 } 2027 } 2028 } else { 2029 $colHeight += outerHeight($colChild); 2030 } 2031 }); 2032 if (getFirstCol != null) { 2033 getFirstCol.style.height = (parseFloat(getFirstCol.style.height) - getMargin) + 'px'; 2034 } 2035 colsArray.push({ 2036 colHeight: $colHeight, 2037 colDiv: $col 2038 }); 2039 $col.colDiff = $colDiff; 2040 $col.colPercDiff = $colPercDiff; 2041 2042 }); 2043 2044 if ($row.oversized) { 2045 child.style.height = ''; 2046 colsArray.sort(function(a, b) { 2047 if (a.colHeight < b.colHeight) return 1; 2048 if (a.colHeight > b.colHeight) return -1; 2049 return 0; 2050 }); 2051 var $totalHeight = 0; 2052 colsArray.forEach(function(col) { 2053 var $col = col.colDiv, 2054 $colHeight = col.colHeight; 2055 getDivChildren($col, '.row-child', function(obj, i, total) { 2056 var $colChild = obj, 2057 $colInner = $colChild.children[0], 2058 percentHeight = parseFloat($colChild.getAttribute("data-height")), 2059 $colParent = $colChild.parentNode, 2060 $uncont = $colParent.parentNode, 2061 newHeight; 2062 2063 $colHeight = $col.forceHeight - $col.colDiff; 2064 if (percentHeight != null) { 2065 if ($colHeight > 0) { 2066 if ($col.oversized) { 2067 if (!$colChild.oversized) { 2068 newHeight = Math.ceil(($colHeight) * (percentHeight / $col.colPercDiff)); 2069 if (i == total - 1 && total > 1) { 2070 $uncont.style.height = 'auto'; 2071 $colChild.style.display = 'none'; 2072 newHeight = outerHeight($col.parentNode) - outerHeight($uncont); 2073 $uncont.style.height = '100%'; 2074 $colChild.style.display = 'table'; 2075 }
2076 if (newHeight == 0) newHeight = Math.ceil(($col.forceHeight) * (percentHeight / 100)); 2077 $colInner.style.height = newHeight + 'px'; 2078 } 2079 } else { 2080 if ($totalHeight == 0) newHeight = Math.ceil(($colHeight) * (percentHeight / $col.colPercDiff)); 2081 else { 2082 newHeight = Math.ceil(($totalHeight) * (percentHeight / $col.colPercDiff)); 2083 } 2084 if (i == total - 1 && total > 1) { 2085 $uncont.style.height = 'auto'; 2086 $colChild.style.display = 'none'; 2087 newHeight = outerHeight($col.parentNode) - outerHeight($uncont); 2088 $uncont.style.height = '100%'; 2089 $colChild.style.display = 'table'; 2090 } 2091 $colInner.style.height = newHeight + 'px'; 2092 } 2093 } else { 2094 if ($colChild.oversized) { 2095 if ($totalHeight == 0) newHeight = Math.ceil(($colHeight) * (percentHeight / $col.colPercDiff)); 2096 else { 2097 if ($col.colPercDiff == 0) $col.colPercDiff = 100; 2098 newHeight = Math.ceil(($totalHeight) * (percentHeight / $col.colPercDiff)); 2099 } 2100 if (i == total - 1 && total > 1) { 2101 $uncont.style.height = 'auto'; 2102 $colChild.style.display = 'none'; 2103 newHeight = outerHeight($col.parentNode) - outerHeight($uncont); 2104 $uncont.style.height = '100%'; 2105 $colChild.style.display = 'table'; 2106 } 2107 //and here 2108 $colInner.style.height = newHeight + 'px'; 2109 } 2110 } 2111 } 2112 }); 2113 var uncell = $col.getElementsByClassName('uncell'); 2114 if (uncell[0] != undefined && $totalHeight == 0) $totalHeight = outerHeight(uncell[0]); 2115 }); 2116 } 2117 if (isFF) { 2118 getDivChildren(el, '.uncoltable', function(col, i, total) { 2119 if (col.style.minHeight != '') { 2120 col.style.height = ''; 2121 } 2122 }); 2123 } 2124 if (resized) { 2125 getDivChildren(el, '.row-child > .row-inner', function(obj, k, total) { 2126 if (obj.style.height == '') { 2127 if (wwidth > mediaQueryMobile) { 2128 var getStyle = (window.getComputedStyle((obj.parentNode), null)), 2129 getInnerHeight = (parseInt(obj.parentNode.clientHeight) - parseInt(getStyle.paddingTop) - parseInt(getStyle.paddingBottom)); 2130 obj.style.height = getInnerHeight + 'px'; 2131 //obj.style.marginBottom = '-1px'; 2132 } 2133 } 2134 }); 2135 getDivChildren(el, '.row-parent > .row-inner', function(obj, k, total) { 2136 if (obj.style.height != '') { 2137 var getStyle = (window.getComputedStyle((obj.parentNode), null)), 2138 getInnerHeight = (parseInt(obj.parentNode.clientHeight) - parseInt(getStyle.paddingTop) - parseInt(getStyle.paddingBottom)), 2139 getTempHeight = parseInt(obj.style.height); 2140 if (getInnerHeight > getTempHeight && ( obj.parentNode.parentNode == null || ! classie.hasClass(obj.parentNode.parentNode, 'pin-trigger') ) ) { 2141 obj.style.height = getInnerHeight + 'px'; 2142 //obj.style.marginBottom = '-1px'; 2143 } 2144 } 2145 }); 2146 } 2147 } else { 2148 if (isFF) { 2149 getDivChildren(el, '.uncoltable', function(col, i, total) { 2150 if (col.style.minHeight != '') { 2151 col.style.height = ''; 2152 col.style.height = outerHeight(col.parentNode) + 'px'; 2153 } 2154 }); 2155 } 2156 if (isIE && (wwidth > mediaQueryMobile)) { 2157 if (child.style.height == 'auto') { 2158 child.style.height = outerHeight(child) + 'px'; 2159 } 2160 } 2161 } 2162 if (isFF) { 2163 var sliderColumnFix = document.querySelector('.uncode-slider .row-inner > .column_child:only-child'); 2164 if (sliderColumnFix != null) { 2165 if (wwidth > mediaQuery) { 2166 sliderColumnFix.style.setProperty("height", ""); 2167 } else { 2168 sliderColumnFix.style.setProperty("height", ""); 2169 sliderColumnFix.style.setProperty("height", outerHeight(sliderColumnFix.parentNode) + "px", "important"); 2170 } 2171 } 2172 } 2173 container[i].dispatchEvent(new CustomEvent('setResized')); 2174 }; 2175 if ( resized || UNCODE.isFrontEndEditor ) { 2176 window.scroll(0, scrollRowHeight_fix); 2177 } 2178 }, 2179 headerHeight = function(container) {
2180 menuMobileTransparent = document.querySelector('.menu-absolute.menu-transparent'); 2181 forEachElement(container, function(el, i) { 2182 var getHeight = parseFloat(el.getAttribute("data-height")), 2183 newHeight = ((wheight * getHeight) / 100); 2184 if (getHeight != 'fixed' && newHeight != 0) { 2185 if ( ( isMobileTransparent && menuMobileTransparent !== null ) || wwidth > mediaQuery) newHeight -= menuHeight - transmenuHeight; 2186 else newHeight -= menuHeight - secmenuHeight; 2187 el.style.height = newHeight + 'px'; 2188 } 2189 }); 2190 if ( masthead == undefined ) { 2191 masthead = document.getElementById("masthead"); 2192 } 2193 if (masthead != undefined) { 2194 menuStickyMobile = UNCODE.isMobile ? document.querySelectorAll('.menu-sticky-mobile') : null; 2195 masthead.parentNode.style.height = (menuHeight-1) + 'px'; 2196 var $overlay = masthead.parentNode.parentNode.querySelector('div.overlay-menu'), 2197 $navbarmain; 2198 2199 if ( typeof $overlay == 'object' && $overlay != null ) { 2200 if ( menuStickyMobile !== null && menuStickyMobile.length ) { 2201 UNCODE.menuStickyMobileOverlay = true; 2202 $overlay.style.top = menuHeight + 'px'; 2203 } else { 2204 UNCODE.menuStickyMobileOverlay = false; 2205 $overlay.style.top = '0'; 2206 if ( isMobileTransparent && menuMobileTransparent !== null && !classie.hasClass(document.body, 'menu-mobile-off-canvas') ) { 2207 $navbarmain = $overlay.querySelector('div.navbar-main'); 2208 if (wwidth > mediaQuery) { 2209 $navbarmain.style.paddingTop = false; 2210 } else { 2211 $navbarmain.style.paddingTop = menuHeight + 'px'; 2212 } 2213 } 2214 } 2215 } 2216 if (header != undefined && header.length) { 2217 if (classie.hasClass(masthead, 'menu-transparent')) { 2218 if ( ( isMobileTransparent && menuMobileTransparent !== null ) || wwidth > mediaQuery) { 2219 masthead.parentNode.style.height = '0px'; 2220 if (classie.hasClass(masthead, 'menu-add-padding')) { 2221 for (var j = 0; j < header.length; j++) { 2222 var headerel = header[j]; 2223 var headerBlock = getClosest(headerel, 'header-uncode-block'); 2224 if (headerBlock != null) { 2225 var parentRow = headerBlock.querySelector('.vc_row'), 2226 innerRows; 2227 if ( parentRow !== null ) { 2228 innerRows = parentRow.querySelectorAll('.column_parent > .uncol > .uncoltable > .uncell > .uncont, .uncode-slider .column_child > .uncol > .uncoltable > .uncell > .uncont'); 2229 } 2230 if ( innerRows != undefined && innerRows !== null ) { 2231 for (var k = 0; k < innerRows.length; k++) { 2232 if (innerRows[k] != undefined) { 2233 if (wwidth > mediaQuery) innerRows[k].style.paddingTop = transmenuHeight + 'px'; 2234 else innerRows[k].style.paddingTop = (transmenuHeight - mastheadMobilePaddingTop) + 'px'; 2235 } 2236 } 2237 } 2238 } else { 2239 getDivChildren(headerel, '.header-content', function(headerContent, i) { 2240 if (wwidth > mediaQuery) headerContent.style.paddingTop = transmenuHeight + 'px'; 2241 else headerContent.style.paddingTop = (transmenuHeight - mastheadMobilePaddingTop) + 'px'; 2242 }); 2243 } 2244 } 2245 } 2246 } 2247 } 2248 } 2249 } 2250 }, 2251 initVideoComponent = function(container, classTarget) { 2252 if ( UNCODE.isFrontEndEditor ) 2253 return; 2254 getDivChildren(container, classTarget, function(el, i) { 2255 if ( classie.hasClass(el, 'fluid-object') ) { 2256 return; 2257 } 2258 var width = outerWidth(el), 2259 pWidth, // player width, to be defined 2260 height = outerHeight(el), 2261 pHeight, // player height, tbd 2262 $tubularPlayer = (el.getElementsByTagName('iframe').length == 1) ? el.getElementsByTagName('iframe') : el.getElementsByTagName('video'), 2263 ratio = (el.getAttribute("data-ratio") != null) ? Number(el.getAttribute("data-ratio")) : typeof $tubularPlayer[0] !== 'undefined' ? $tubularPlayer[0].getAttribute("data-ratio") : '1.8', 2264 heightOffset = 80, 2265 widthOffset = heightOffset * ratio; 2266 // when screen aspect ratio differs from video, video must center and underlay one dimension 2267 if ($tubularPlayer[0] != undefined) {
2268 if (width / ratio < height) { // if new video height < window height (gap underneath) 2269 pWidth = Math.ceil((height + heightOffset) * ratio); // get new player width 2270 $tubularPlayer[0].style.width = pWidth + widthOffset + 'px'; 2271 $tubularPlayer[0].style.height = height + heightOffset + 'px'; 2272 $tubularPlayer[0].style.left = ((width - pWidth) / 2) - (widthOffset / 2) + 'px'; 2273 $tubularPlayer[0].style.top = '-' + (heightOffset / 2) + 'px'; 2274 $tubularPlayer[0].style.position = 'absolute'; 2275 } else { // new video width < window width (gap to right) 2276 pHeight = Math.ceil(width / ratio); // get new player height 2277 $tubularPlayer[0].style.width = width + widthOffset + 'px'; 2278 $tubularPlayer[0].style.height = pHeight + heightOffset + 'px'; 2279 $tubularPlayer[0].style.left = '-' + (widthOffset / 2) + 'px'; 2280 $tubularPlayer[0].style.top = ((height - pHeight) / 2) - (heightOffset / 2) + 'px'; 2281 $tubularPlayer[0].style.position = 'absolute'; 2282 } 2283 } 2284 }); 2285 }, 2286 init_overlay = function() { 2287 if ( UNCODE.isFrontEndEditor ) 2288 return; 2289 var triggerButton, 2290 globalBtnn, 2291 sequential = false, 2292 ddCloseBtn = false, 2293 closeButtons = new Array(); 2294 function toggleOverlay(btn) { 2295 if ( classie.hasClass(triggerButton, 'menu-button-offcanvas') || classie.hasClass(triggerButton, 'opening') || classie.hasClass(triggerButton, 'closing') ) { 2296 return true; 2297 } 2298 Array.prototype.forEach.call(document.querySelectorAll('div.overlay'), function(overlay) { 2299 if (btn.getAttribute('data-area') == overlay.getAttribute('data-area')) { 2300 var container = document.querySelector('div.' + btn.getAttribute('data-container')), 2301 menuCont = overlay.querySelector('.menu-container'), 2302 masthead = document.getElementById("masthead"), 2303 inputField = overlay.querySelector('.search-field'); 2304 if (classie.has(overlay, 'open')) { 2305 globalBtnn = false; 2306 window.dispatchEvent(menuClose); 2307 overlayOpened = false; 2308 classie.remove(overlay, 'open'); 2309 classie.remove(document.body, 'navbar-hover'); 2310 classie.remove(document.body, 'open-megamenu'); 2311 classie.add(overlay, 'close'); 2312 classie.remove(overlay, 'open-items'); 2313 classie.remove(document.body, 'menu-overlay-open'); 2314 classie.add(document.body, 'menu-dd-search-closing'); 2315 requestTimeout(function(){ 2316 if ( classie.has( masthead, 'style-dark-stop' ) ) { 2317 classie.remove( masthead, 'style-dark-stop' ); 2318 classie.remove( masthead, 'style-light-override' ); 2319 classie.add( masthead, 'style-dark-override' ); 2320 } else if ( classie.has( masthead, 'style-light-stop' ) ) { 2321 classie.remove( masthead, 'style-light-stop' ); 2322 classie.remove( masthead, 'style-dark-override' ); 2323 classie.add( masthead, 'style-light-override' ); 2324 } 2325 // if ( classie.has( masthead, 'is_stuck-stop' ) ) { 2326 // classie.remove( masthead, 'is_stuck-stop' ); 2327 // classie.add( masthead, 'is_stuck' ); 2328 // } 2329 classie.remove(document.documentElement, 'overlay-open'); 2330 classie.remove(document.body, 'menu-dd-search-open'); 2331 classie.remove(document.body, 'menu-dd-search-closing'); 2332 ddCloseBtn = false; 2333 }, 500); 2334 var onEndTransitionFn = function(ev) { 2335 if (transitionEvent) { 2336 if (ev.propertyName !== 'visibility') return; 2337 this.removeEventListener(transitionEvent, onEndTransitionFn); 2338 } 2339 classie.remove(overlay, 'close'); 2340 if ( sequential !== false ) { 2341 toggleOverlay(sequential); 2342 sequential = false; 2343 } 2344 }; 2345 if (transitionEvent) { 2346 overlay.addEventListener(transitionEvent, onEndTransitionFn); 2347 } else { 2348 onEndTransitionFn(); 2349 } 2350 } else if (!classie.has(overlay, 'close') && !classie.hasClass(btn, 'overlay-close')) { 2351 globalBtnn = btn; 2352 window.dispatchEvent(menuOpen); 2353 overlayOpened = true; 2354 classie.add(overlay, 'open'); 2355 if ( ( classie.hasClass(document.body, 'menu-dd-search') && wwidth > mediaQuery ) || classie.hasClass(document.body, 'menu-dd-search-mobile') ) { 2356 classie.add(document.body, 'navbar-hover'); 2357 ddCloseBtn = btn; 2358 } 2359 if ( ( classie.hasClass(document.body, 'menu-dd-search') && wwidth > mediaQuery ) ) { 2360 classie.add(document.body, 'menu-dd-search-open'); 2361 ddCloseBtn = btn; 2362 } 2363 classie.add(container, 'overlay-open'); 2364 if ( wwidth > mediaQuery && overlay.getAttribute('data-area') != 'search' ) { 2365 classie.add(document.documentElement, 'overlay-open'); 2366 classie.add(document.documentElement, 'menu-overlay-open'); 2367 } 2368 if ( classie.has( menuCont, 'style-light' ) ) { 2369 if ( classie.has( masthead, 'style-dark-override' ) && ! classie.has( masthead, 'style-light-override' ) ) { 2370 classie.remove( masthead, 'style-dark-override' ); 2371 classie.add( masthead, 'style-dark-stop' ); 2372 classie.add( masthead, 'style-light-override' ); 2373 } 2374 } else if ( classie.has( menuCont, 'style-dark' ) ) { 2375 if ( classie.has( masthead, 'style-light-override' ) && ! classie.has( masthead, 'style-dark-override' ) ) { 2376 classie.remove( masthead, 'style-light-override' ); 2377 classie.add( masthead, 'style-light-stop' ); 2378 classie.add( masthead, 'style-dark-override' ); 2379 } 2380 } 2381 // if ( classie.has( masthead, 'is_stuck' ) ) { 2382 // classie.remove( masthead, 'is_stuck' ); 2383 // classie.add( masthead, 'is_stuck-stop' ); 2384 // } 2385 if (jQuery('body.menu-overlay').length == 0 && inputField != null) { 2386 setTimeout(function() { 2387 inputField.focus(); 2388 }, 1000); 2389 } 2390 setTimeout(function() { 2391 if (classie.has(overlay, 'overlay-sequential')) classie.add(overlay, 'open-items'); 2392 }, 800); 2393 } 2394 } 2395 }); 2396 2397 if (classie.hasClass(btn, 'search-icon') || classie.hasClass(btn, 'menu-close-search') || classie.hasClass(btn, 'mobile-search-icon')) return; 2398 2399 if (classie.hasClass(triggerButton, 'close')) { 2400 UNCODE.menuOpened = false;
2401 classie.removeClass(triggerButton, 'close'); 2402 classie.addClass(triggerButton, 'closing'); 2403 Array.prototype.forEach.call(closeButtons, function(closeButton) { 2404 if (!classie.hasClass(closeButton, 'menu-close-search')) { 2405 classie.removeClass(closeButton, 'close'); 2406 classie.addClass(closeButton, 'closing'); 2407 } 2408 }); 2409 setTimeout(function() { 2410 classie.removeClass(triggerButton, 'closing'); 2411 // triggerButton.style.opacity = 1; 2412 Array.prototype.forEach.call(closeButtons, function(closeButton) { 2413 if (!classie.hasClass(closeButton, 'menu-close-search')) { 2414 classie.removeClass(closeButton, 'closing'); 2415 // closeButton.style.opacity = 0; 2416 } 2417 }); 2418 }, 1000); 2419 } else { 2420 UNCODE.menuOpened = true; 2421 // triggerButton.style.opacity = 0; 2422 var getBtnRect = !classie.hasClass(triggerButton, 'search-icon') ? triggerButton.getBoundingClientRect() : null; 2423 classie.addClass(triggerButton, 'opening'); 2424 Array.prototype.forEach.call(closeButtons, function(closeButton) { 2425 if (!classie.hasClass(closeButton, 'menu-close-search')) { 2426 // classie.addClass(triggerButton, 'close'); 2427 // if (getBtnRect != null) closeButton.setAttribute('style', 'top:' + getBtnRect.top + 'px; left:'+ getBtnRect.left + 'px !important'); 2428 classie.addClass(closeButton, 'close'); 2429 classie.addClass(closeButton, 'opening'); 2430 // closeButton.style.opacity = 1; 2431 } 2432 }); 2433 setTimeout(function() { 2434 classie.removeClass(triggerButton, 'opening'); 2435 Array.prototype.forEach.call(closeButtons, function(closeButton) { 2436 if (!classie.hasClass(closeButton, 'menu-close-search')) { 2437 classie.removeClass(closeButton, 'opening'); 2438 } 2439 }); 2440 }, 1000); 2441 window.addEventListener("resize", function() { 2442 positionCloseBtn(triggerButton, closeButtons); 2443 }); 2444 } 2445 } 2446 function positionCloseBtn(triggerButton, closeButtons){ 2447 var getBtnRect = !classie.hasClass(triggerButton, 'search-icon') ? triggerButton.getBoundingClientRect() : null; 2448 // Array.prototype.forEach.call(closeButtons, function(closeButton) { 2449 // if (!classie.hasClass(closeButton, 'menu-close-search')) { 2450 // if (getBtnRect != null) closeButton.setAttribute('style', 'top:' + getBtnRect.top + 'px; left:'+ getBtnRect.left + 'px !important'); 2451 // closeButton.style.opacity = 1; 2452 // } 2453 // }); 2454 } 2455 (function bindEscape() { 2456 document.onkeydown = function(evt) { 2457 evt = evt || window.event; 2458 var isEscape = false;
2459 if ("key" in evt) { 2460 isEscape = (evt.key == "Escape" || evt.key == "Esc"); 2461 } else { 2462 isEscape = (evt.keyCode == 27); 2463 } 2464 if (isEscape && overlayOpened) { 2465 Array.prototype.forEach.call(closeButtons, function(closeButton) { 2466 if (classie.hasClass(closeButton, 'overlay-close') && classie.hasClass(closeButton, 'menu-button-overlay')) { 2467 closeButton.click(); 2468 } 2469 }); 2470 } 2471 }; 2472 })(); 2473 Array.prototype.forEach.call(document.querySelectorAll('.trigger-overlay'), function(triggerBttn) { 2474 if ( UNCODE.menuOpened || ( (classie.hasClass(document.body, 'vmenu') || classie.hasClass(triggerBttn, 'menu-button-offcanvas')) && UNCODE.wwidth >= 960 ) ) return; 2475 triggerBttn.addEventListener('click', function(e) { 2476 triggerButton = e.currentTarget; 2477 // if (wwidth < mediaQuery && classie.hasClass(triggerButton, 'search-icon')) { 2478 if ( wwidth < mediaQuery && triggerButton.getAttribute('data-area') != 'search' ) { 2479 return true; 2480 } else { 2481 e.stopPropagation(); 2482 // if (wwidth > mediaQuery) toggleOverlay(triggerButton); 2483 // else { 2484 // if (classie.addClass(triggerButton, 'search-icon')) return true; 2485 // } 2486 if ( triggerButton.getAttribute('data-area') == 'search' ) { 2487 if ( globalBtnn !== undefined && globalBtnn !== false && globalBtnn !== triggerButton ) { 2488 sequential = triggerButton; 2489 globalBtnn.dispatchEvent(new Event("click")); 2490 } else { 2491 window.dispatchEvent(new CustomEvent('menuMobileTrigged')); 2492 toggleOverlay(triggerButton); 2493 } 2494 } else { 2495 window.dispatchEvent(new CustomEvent('menuMobileTrigged')); 2496 toggleOverlay(triggerButton); 2497 } 2498 e.preventDefault(); 2499 return false; 2500 } 2501 }, false); 2502 }); 2503 Array.prototype.forEach.call(document.querySelectorAll('.overlay-close, .menu-button-overlay'), function(closeBttn) { 2504 closeButtons.push(closeBttn); 2505 if ( classie.hasClass(closeBttn, 'menu-close-search') ) { 2506 closeBttn.addEventListener('click', function(e) { 2507 // if (wwidth > mediaQuery) toggleOverlay(closeBttn); 2508 toggleOverlay(closeBttn); 2509 e.preventDefault(); 2510 return false; 2511 }, false); 2512 } 2513 }); 2514 document.body.addEventListener('click', function(e) { 2515 if ( ddCloseBtn !== false ) { 2516 var close_overlay = getClosest( e.target, 'overlay-search'); 2517 if ( close_overlay === null ) { 2518 toggleOverlay(ddCloseBtn); 2519 } 2520 } 2521 }); 2522 document.addEventListener('keydown', function(e) { 2523 e = e || window.event; 2524 if ( ddCloseBtn !== false && ( e.key === "Escape" || e.key === "Esc" ) ) { 2525 toggleOverlay(ddCloseBtn); 2526 } 2527 }); 2528 }, 2529 /** All scrolling functions - Begin */ 2530 /** Shrink menu **/ 2531 shrinkMenu = function(bodyTop) { 2532 if ( UNCODE.isFrontEndEditor ) 2533 return; 2534 var logoShrink, 2535 offset = 100; 2536 for (var i = 0; i < logoel.length; i++) { 2537 if (((secmenuHeight == 0) ? bodyTop > menuHeight : bodyTop > secmenuHeight + offset) && !classie.hasClass(logoel[i], 'shrinked') && (wwidth > mediaQuery)) { 2538 classie.addClass(logoel[i], 'shrinked'); 2539 if (logoMinScale != undefined) { 2540 logoShrink = logolink.children; 2541 Array.prototype.forEach.call(logoShrink, function(singleLogo) { 2542 singleLogo.style.height = logoMinScale + 'px'; 2543 singleLogo.style.lineHeight = logoMinScale + 'px'; 2544 if (classie.hasClass(singleLogo, 'text-logo')) singleLogo.style.fontSize = logoMinScale + 'px'; 2545 }); 2546 } 2547 setTimeout(function() { 2548 calculateMenuHeight(false); 2549 //window.dispatchEvent(new Event('resize')); 2550 }, 300); 2551 } else if ((((secmenuHeight == 0) ? bodyTop == 0 : bodyTop <= secmenuHeight + offset) || (wwidth < mediaQuery)) && classie.hasClass(logoel[i], 'shrinked')) { 2552 classie.removeClass(logoel[i], 'shrinked'); 2553 if (logoMinScale != undefined) { 2554 logoShrink = logolink.children; 2555 Array.prototype.forEach.call(logoShrink, function(singleLogo) { 2556 singleLogo.style.height = singleLogo.getAttribute('data-maxheight') + 'px'; 2557 singleLogo.style.lineHeight = singleLogo.getAttribute('data-maxheight') + 'px'; 2558 if (classie.hasClass(singleLogo, 'text-logo')) singleLogo.style.fontSize = singleLogo.getAttribute('data-maxheight') + 'px'; 2559 }); 2560 } 2561 setTimeout(function() { 2562 calculateMenuHeight(false); 2563 //window.dispatchEvent(new Event('resize')); 2564 }, 300); 2565 } 2566 } 2567 }, 2568 /** Switch colors menu **/ 2569 switchColorsMenu = function(bodyTop, style) { 2570 for (var i = 0; i < transmenuel.length; i++) { 2571 if (masthead.style.opacity !== 1) masthead.style.opacity = 1;
2572 if ((secmenuHeight == 0) ? bodyTop > menuHeight / 2 : bodyTop > secmenuHeight) { 2573 if (classie.hasClass(masthead, 'style-dark-original')) { 2574 logo.className = logo.className.replace("style-light", "style-dark"); 2575 } 2576 if (classie.hasClass(masthead, 'style-light-original')) { 2577 logo.className = logo.className.replace("style-dark", "style-light"); 2578 } 2579 if (style != undefined) { 2580 if (style == 'dark') { 2581 classie.removeClass(transmenuel[i], 'style-light-override'); 2582 } 2583 if (style == 'light') { 2584 classie.removeClass(transmenuel[i], 'style-dark-override'); 2585 } 2586 classie.addClass(transmenuel[i], 'style-' + style + '-override'); 2587 } 2588 } else { 2589 if (style != undefined) { 2590 if (style == 'dark') { 2591 classie.removeClass(transmenuel[i], 'style-light-override'); 2592 } 2593 if (style == 'light') { 2594 classie.removeClass(transmenuel[i], 'style-dark-override'); 2595 } 2596 classie.addClass(transmenuel[i], 'style-' + style + '-override'); 2597 } 2598 } 2599 } 2600 if (pageHeader != undefined) { 2601 if (style != undefined) { 2602 if (classie.hasClass(pageHeader, 'header-style-dark')) { 2603 classie.removeClass(pageHeader, 'header-style-dark'); 2604 } 2605 if (classie.hasClass(pageHeader, 'header-style-light')) { 2606 classie.removeClass(pageHeader, 'header-style-light'); 2607 } 2608 classie.addClass(pageHeader, 'header-style-' + style); 2609 } 2610 } 2611 }, 2612 /** VisibleRows **/ 2613 visibleRowCol = function(bodyTop) { 2614 if ( typeof visibleRows == 'object') { 2615 for (var i = 0; i < visibleRows.length; i++) { 2616 var section = visibleRows[i], 2617 sectionHeight = outerHeight(section), 2618 offSetTop = bodyTop + ( section != null ? section.getBoundingClientRect().top : 0 ), 2619 offSetPosition = UNCODE.wheight + bodyTop - offSetTop; 2620 if (offSetPosition > 0 && offSetPosition < (sectionHeight + UNCODE.wheight)) { 2621 classie.addClass($kenburnsInner[0], 'uncode-scroll-visible'); 2622 visibleRows[i].dispatchEvent(new CustomEvent('enter-row')); 2623 } else { 2624 classie.removeClass($kenburnsInner[0], 'uncode-scroll-visible'); 2625 visibleRows[i].dispatchEvent(new CustomEvent('exit-row')); 2626 } 2627 } 2628 } 2629 }, 2630 /** KenBurns **/ 2631 kenburnsHeader = function(bodyTop) { 2632 var value; 2633 if ( typeof kenburnsHeaders == 'object' && kenburnsHeaders.length ) { 2634 for (var i = 0; i < kenburnsHeaders.length; i++) { 2635 var section = kenburnsHeaders[i].parentNode, 2636 sectionHeight = outerHeight(section), 2637 offSetTop = bodyTop + (section != null ? (classie.hasClass(section.parentNode.parentNode, 'owl-carousel') ? section.parentNode.parentNode.getBoundingClientRect().top : section.getBoundingClientRect().top) : 0), 2638 offSetPosition = UNCODE.wheight + bodyTop - offSetTop, 2639 $kenburnsInner = kenburnsHeaders[i].querySelectorAll('.header-bg'); 2640 if (classie.hasClass(kenburnsHeaders[i], 'header-carousel-wrapper')) { 2641 $kenburnsInner = kenburnsHeaders[i].querySelectorAll('.t-background-cover'); 2642 } 2643 if (offSetPosition > 0 && offSetPosition < (sectionHeight + UNCODE.wheight)) { 2644 for (var i = 0; i < $kenburnsInner.length; i++) { 2645 classie.addClass($kenburnsInner[i], 'uncode-kburns'); 2646 $kenburnsInner[i].dispatchEvent(new CustomEvent('enter-kburns')); 2647 } 2648 } else { 2649 for (var i = 0; i < $kenburnsInner.length; i++) { 2650 classie.removeClass($kenburnsInner[i], 'uncode-kburns'); 2651 $kenburnsInner[i].dispatchEvent(new CustomEvent('exit-kburns')); 2652 } 2653 } 2654 } 2655 } 2656 }, 2657 kenburnsRowCol = function(bodyTop) { 2658 var value; 2659 if ( UNCODE.isFrontEndEditor || UNCODE.isQuickView ) { 2660 kenburnsRows = document.querySelectorAll('.with-kburns > .row-background > .background-wrapper, .with-kburns > .fp-tableCell > .row-background > .background-wrapper, .with-kburns > .fp-tableCell > .fp-scrollable > .fp-scroller > .row-background > .background-wrapper'); 2661 } 2662 if ( typeof kenburnsRows == 'object' && kenburnsRows.length ) { 2663 for (var i = 0; i < kenburnsRows.length; i++) { 2664 var section = kenburnsRows[i].parentNode, 2665 sectionHeight = outerHeight(section), 2666 offSetTop = bodyTop + (section != null ? (classie.hasClass(section.parentNode.parentNode, 'owl-carousel') ? section.parentNode.parentNode.getBoundingClientRect().top : section.getBoundingClientRect().top) : 0), 2667 offSetPosition = UNCODE.wheight + bodyTop - offSetTop, 2668 $kenburnsInner = kenburnsRows[i].querySelectorAll('.background-inner, .header-bg'); 2669 if (offSetPosition >
2669 0 && offSetPosition < (sectionHeight + UNCODE.wheight)) { 2670 classie.addClass($kenburnsInner[0], 'uncode-kburns'); 2671 $kenburnsInner[0].dispatchEvent(new CustomEvent('enter-kburns')); 2672 } else { 2673 classie.removeClass($kenburnsInner[0], 'uncode-kburns'); 2674 $kenburnsInner[0].dispatchEvent(new CustomEvent('exit-kburns')); 2675 } 2676 } 2677 } 2678 if ( UNCODE.isFrontEndEditor || UNCODE.isQuickView ) { 2679 kenburnsCols = document.querySelectorAll('.with-kburns > .column-background > .background-wrapper'); 2680 } 2681 if ( typeof kenburnsCols == 'object' && kenburnsCols.length ) { 2682 for (var j = 0; j < kenburnsCols.length; j++) { 2683 var elm = kenburnsCols[j], 2684 $kenburnsInner = elm.querySelectorAll('.background-inner'); 2685 if (checkVisible(elm)) { 2686 classie.addClass($kenburnsInner[0], 'uncode-kburns'); 2687 $kenburnsInner[0].dispatchEvent(new CustomEvent('enter-kburns')); 2688 } else { 2689 classie.removeClass($kenburnsInner[0], 'uncode-kburns'); 2690 $kenburnsInner[0].dispatchEvent(new CustomEvent('exit-kburns')); 2691 } 2692 } 2693 } 2694 }, 2695 /** Zoom Out BackWash **/ 2696 backwashHeader = function(bodyTop) { 2697 var value; 2698 var onEndAnimationFn = function(ev){ 2699 if (animationEvent) { 2700 if (ev.animationName !== 'backwash') { 2701 return; 2702 } 2703 this.removeEventListener(animationEvent, onEndAnimationFn); 2704 } 2705 classie.addClass(ev.target, 'uncode-zoomout-already'); 2706 } 2707 if ( typeof backwashHeaders == 'object' && backwashHeaders.length ) { 2708 for (var i = 0; i < backwashHeaders.length; i++) { 2709 var section = backwashHeaders[i].parentNode, 2710 sectionHeight = outerHeight(section), 2711 offSetTop = bodyTop + (section != null ? (classie.hasClass(section.parentNode.parentNode, 'owl-carousel') ? section.parentNode.parentNode.getBoundingClientRect().top : section.getBoundingClientRect().top) : 0), 2712 offSetPosition = UNCODE.wheight + bodyTop - offSetTop, 2713 $backwashInner = backwashHeaders[i].querySelectorAll('.header-bg'); 2714 2715 if ( classie.hasClass($backwashInner[0], 'uncode-video-container') ) { 2716 continue; 2717 } 2718 2719 if (classie.hasClass(backwashHeaders[i], 'header-carousel-wrapper')) { 2720 $backwashInner = backwashHeaders[i].querySelectorAll('.t-background-cover'); 2721 } 2722 2723 if (offSetPosition > 0 && offSetPosition < (sectionHeight + UNCODE.wheight)) { 2724 for (var i = 0; i < $backwashInner.length; i++) { 2725 classie.addClass($backwashInner[i], 'uncode-zoomout'); 2726 $backwashInner[i].dispatchEvent(new CustomEvent('enter-zoomout')); 2727 } 2728 } else { 2729 for (var i = 0; i < $backwashInner.length; i++) { 2730 classie.removeClass($backwashInner[i], 'uncode-zoomout'); 2731 $backwashInner[i].dispatchEvent(new CustomEvent('exit-zoomout')); 2732 } 2733 } 2734 for (var i = 0; i < $backwashInner.length; i++) { 2735 $backwashInner[i].addEventListener(animationEvent, onEndAnimationFn); 2736 } 2737 } 2738 } 2739 }, 2740 backwashRowCol = function(bodyTop) { 2741 var value; 2742 var onEndAnimationFn = function(ev){ 2743 if (animationEvent) { 2744 if (ev.animationName !== 'backwash') { 2745 return; 2746 } 2747 this.removeEventListener(animationEvent, onEndAnimationFn); 2748 } 2749 classie.addClass(ev.target, 'uncode-zoomout-already'); 2750 } 2751 if ( UNCODE.isFrontEndEditor || UNCODE.isQuickView ) { 2752 backwashRows = document.querySelectorAll('.with-zoomout > .row-background > .background-wrapper, .with-zoomout > .fp-tableCell > .row-background > .background-wrapper, .with-zoomout > .fp-tableCell > .fp-scrollable > .fp-scroller > .row-background > .background-wrapper'); 2753 } 2754 if ( typeof backwashRows == 'object' && backwashRows.length ) { 2755 for (var i = 0; i < backwashRows.length; i++) { 2756 var section = backwashRows[i].parentNode, 2757 sectionHeight = outerHeight(section), 2758 offSetTop = bodyTop + (section != null ? (classie.hasClass(section.parentNode.parentNode, 'owl-carousel') ? section.parentNode.parentNode.getBoundingClientRect().top : section.getBoundingClientRect().top) : 0), 2759 offSetPosition = UNCODE.wheight + bodyTop - offSetTop, 2760 $backwashInner = backwashRows[i].querySelectorAll('.background-inner'); 2761 2762 if ( classie.hasClass($backwashInner[0], 'uncode-video-container') ) { 2763 continue; 2764 } 2765 2766 if (offSetPosition >
2766 0 && offSetPosition < (sectionHeight + UNCODE.wheight) ) { 2767 classie.addClass($backwashInner[0], 'uncode-zoomout'); 2768 $backwashInner[0].dispatchEvent(new CustomEvent('enter-zoomout')); 2769 } else { 2770 classie.removeClass($backwashInner[0], 'uncode-zoomout'); 2771 $backwashInner[0].dispatchEvent(new CustomEvent('exit-zoomout')); 2772 } 2773 $backwashInner[0].addEventListener(animationEvent, onEndAnimationFn); 2774 } 2775 2776 } 2777 if ( UNCODE.isFrontEndEditor || UNCODE.isQuickView ) { 2778 backwashCols = document.querySelectorAll('.with-zoomout > .column-background > .background-wrapper'); 2779 } 2780 if ( typeof backwashCols == 'object' && backwashCols.length ) { 2781 for (var j = 0; j < backwashCols.length; j++) { 2782 var elm = backwashCols[j], 2783 $backwashInner = elm.querySelectorAll('.background-inner'); 2784 if (checkVisible(elm)) { 2785 classie.addClass($backwashInner[0], 'uncode-zoomout'); 2786 $backwashInner[0].dispatchEvent(new CustomEvent('enter-zoomout')); 2787 } else { 2788 classie.removeClass($backwashInner[0], 'uncode-zoomout'); 2789 $backwashInner[0].dispatchEvent(new CustomEvent('exit-zoomout')); 2790 } 2791 $backwashInner[0].addEventListener(animationEvent, onEndAnimationFn); 2792 } 2793 } 2794 }, 2795 /** Parallax Rows **/ 2796 parallaxRowCol = function(bodyTop) { 2797 var value; 2798 if ( UNCODE.isFrontEndEditor || UNCODE.isQuickView ) { 2799 parallaxRows = document.querySelectorAll('.with-parallax > .row-background > .background-wrapper, .with-parallax > .fp-tableCell > .row-background > .background-wrapper, .with-parallax > .fp-tableCell > .fp-scrollable > .fp-scroller > .row-background > .background-wrapper'); 2800 } 2801 if (typeof parallaxRows == 'object') { 2802 for (var i = 0; i < parallaxRows.length; i++) { 2803 var section = parallaxRows[i].parentNode, 2804 thisHeight = outerHeight(parallaxRows[i]), 2805 sectionHeight = outerHeight(section), 2806 offSetTop = bodyTop + (section != null ? (classie.hasClass(section.parentNode.parentNode, 'owl-carousel') ? section.parentNode.parentNode.getBoundingClientRect().top : section.getBoundingClientRect().top) : 0), 2807 offSetPosition = UNCODE.wheight + bodyTop - offSetTop; 2808 if (offSetPosition > 0 && offSetPosition < (sectionHeight + UNCODE.wheight)) { 2809 value = ((offSetPosition - UNCODE.wheight) * speedDivider); 2810 if (Math.abs(value) < (thisHeight - sectionHeight)) {
2811 translateElement(parallaxRows[i], Math.floor(value)); 2812 } else { 2813 translateElement(parallaxRows[i], Math.floor(thisHeight - sectionHeight)); 2814 } 2815 } 2816 } 2817 } 2818 if ( UNCODE.isFrontEndEditor || UNCODE.isQuickView ) { 2819 parallaxCols = document.querySelectorAll('.with-parallax > .column-background > .background-wrapper'); 2820 } 2821 if (typeof parallaxCols == 'object') { 2822 for (var j = 0; j < parallaxCols.length; j++) { 2823 var section = parallaxCols[j].parentNode, 2824 thisHeight = outerHeight(parallaxCols[j]), 2825 sectionHeight = outerHeight(section), 2826 offSetTop = bodyTop + (section != null ? section.getBoundingClientRect().top : 0), 2827 offSetPosition = UNCODE.wheight + bodyTop - offSetTop; 2828 if (offSetPosition > 0 && offSetPosition < (sectionHeight + UNCODE.wheight)) { 2829 value = ((offSetPosition - UNCODE.wheight) * speedDivider); 2830 value *= .8; 2831 if (Math.abs(value) < (thisHeight - sectionHeight)) { 2832 translateElement(parallaxCols[j], Math.floor(value)); 2833 } else { 2834 translateElement(parallaxCols[j], Math.floor(thisHeight - sectionHeight)); 2835 } 2836 } 2837 } 2838 } 2839 }, 2840 /** Parallax Headers **/ 2841 parallaxHeader = function(bodyTop) { 2842 var value; 2843 if (typeof parallaxHeaders == 'object') { 2844 for (var i = 0; i < parallaxHeaders.length; i++) { 2845 var section = parallaxHeaders[i].parentNode, 2846 thisSibling = section.nextSibling, 2847 thisHeight, 2848 sectionHeight, 2849 offSetTop, 2850 offSetPosition; 2851 if (classie.hasClass(parallaxHeaders[i], 'header-carousel-wrapper')) { 2852 getDivChildren(parallaxHeaders[i], '.t-entry-visual-cont', function(item, l, total) { 2853 thisHeight = outerHeight(item); 2854 sectionHeight = outerHeight(section); 2855 offSetTop = bodyTop + section.getBoundingClientRect().top; 2856 offSetPosition = UNCODE.wheight + bodyTop - offSetTop; 2857 if (offSetPosition > 0 && offSetPosition < (sectionHeight + UNCODE.wheight)) { 2858 value = ((offSetPosition - UNCODE.wheight) * speedDivider); 2859 if (Math.abs(value) < (thisHeight - sectionHeight)) { 2860 translateElement(item, Math.floor(value)); 2861 } 2862 } 2863 }); 2864 } else { 2865 thisHeight = outerHeight(parallaxHeaders[i]); 2866 sectionHeight = outerHeight(section); 2867 offSetTop = bodyTop + section.getBoundingClientRect().top; 2868 offSetPosition = UNCODE.wheight + bodyTop - offSetTop; 2869 if (offSetPosition > 0 && offSetPosition < (sectionHeight + UNCODE.wheight)) { 2870 value = ((offSetPosition - UNCODE.wheight) * speedDivider); 2871 if (Math.abs(value) < (thisHeight - sectionHeight)) { 2872 translateElement(parallaxHeaders[i], Math.floor(value)); 2873 } 2874 } 2875 } 2876 } 2877 } 2878 }, 2879 /** Header opacity **/ 2880 headerOpacity = function(bodyTop) { 2881 if ( UNCODE.isFrontEndEditor ) { 2882 return; 2883 } 2884 if (headerWithOpacity && headerWithOpacity.length) { 2885 var thisHeight = outerHeight(headerWithOpacity[0]); 2886 if (bodyTop > thisHeight / 8) { 2887 if (pageHeader != undefined) classie.addClass(pageHeader, 'header-scrolled'); 2888 } else { 2889 if (pageHeader != undefined) classie.removeClass(pageHeader, 'header-scrolled'); 2890 } 2891 } 2892 }, 2893 /** Show hide scroll top arrow **/ 2894 showHideScrollup = function(bodyTop) { 2895 if ( bodyTop != 0 ) { 2896 if (bodyTop > UNCODE.wheight || ((bodyTop + UNCODE.wheight) >= docheight) && docheight > 0) { 2897 classie.addClass(document.body, 'window-scrolled'); 2898 classie.removeClass(document.body, 'hide-scrollup'); 2899 if (footerScroller && footerScroller[0] != undefined) { 2900 footerScroller[0].style.display = ''; 2901 } 2902 } else { 2903 if (classie.hasClass(document.body, 'window-scrolled')) classie.addClass(document.body, 'hide-scrollup'); 2904 classie.removeClass(document.body, 'window-scrolled'); 2905 } 2906 } 2907 }, 2908 /** Fix menu **/ 2909 fixMenu = function(){ 2910 if ( UNCODE.isFrontEndEditor ) 2911 return; 2912 menuwrapper = document.querySelectorAll(".menu-wrapper"); 2913 if ( ! classie.hasClass(document.body, 'vmenu') && UNCODE.isFullPage && !UNCODE.isFullPageSnap && classie.hasClass(document.body, 'uncode-fp-menu-hide') ) { 2914 menuwrapper = document.querySelector(".menu-wrapper"); 2915 pageHeader = document.getElementById("page-header"); 2916 menuwrapper.style.position = 'fixed'; 2917 menuwrapper.style.zIndex = '5'; 2918 } 2919 }, 2920 /** Hide Menu **/ 2921 hideMenu = function(bodyTop) { 2922 if ( UNCODE.isFrontEndEditor ) 2923 return; 2924 if (UNCODE.menuOpened || bodyTop < 0) return; 2925 if (classie.hasClass(document.body, 'vmenu')) { 2926 if (wwidth < mediaQuery) menuhide = document.querySelector('#masthead .menu-hide-vertical'); 2927 else menuhide = null; 2928 } else if (classie.hasClass(document.body, 'hmenu-center')) { 2929 if (wwidth > mediaQuery) menuhide = document.querySelector('#masthead .menu-hide'); 2930 else menuhide = document.querySelector('.menu-sticky-mobile .menu-hide'); 2931 } else { 2932 if (wwidth <= mediaQuery) menuhide = document.querySelector('.menu-sticky-mobile .menu-hide'); 2933 }
2934 menuMobileTransparent = document.querySelector('.menu-absolute.menu-transparent'); 2935 if (typeof menuhide == 'object' && menuhide != null && mainmenu[0] != undefined) { 2936 var translate, 2937 scrollingDown = true; 2938 /** fix for hmenu-center **/ 2939 var sticky_element = (typeof mainmenu.item === 'undefined' ? ((wwidth > mediaQuery) ? mainmenu[0] : mainmenu[1]) : mainmenu[0]); 2940 if (lastScrollValue == bodyTop) return; 2941 2942 if (lastScrollValue > bodyTop) scrollingDown = false; 2943 else scrollingDown = true; 2944 lastScrollValue = bodyTop; 2945 2946 if (!scrollingDown) { 2947 if (!UNCODE.scrolling) { 2948 if ((secmenuHeight == 0) ? bodyTop == 0 : bodyTop < secmenuHeight) { 2949 classie.removeClass(sticky_element.parentNode, 'is_stuck'); 2950 if (classie.hasClass(masthead, 'menu-transparent')) { 2951 if (( ( isMobileTransparent && menuMobileTransparent !== null ) || wwidth > mediaQuery) && !classie.hasClass(masthead.parentNode, 'no-header')) masthead.parentNode.style.height = '0px'; 2952 } 2953 if (wwidth < mediaQuery && secmenuHeight === 0) sticky_element.style.position = 'fixed'; 2954 else sticky_element.style.position = ''; 2955 hideMenuReset(sticky_element); 2956 clearTimeout(hidingTimer); 2957 } 2958 2959 if (classie.hasClass(menuhide, 'menu-hided')) { 2960 classie.removeClass(menuhide, 'menu-hided'); 2961 hidingTimer = setTimeout(function() { 2962 classie.addClass(sticky_element.parentNode, 'is_stuck'); 2963 hideMenuReset(sticky_element); 2964 }, 400); 2965 } 2966 } 2967 } else { 2968 if (menusticky.length == 0 && bodyTop < UNCODE.wheight / 3) { 2969 if (sticky_element.style.position == 'fixed') sticky_element.style.position = ''; 2970 } 2971 if (bodyTop > UNCODE.wheight / 2) { 2972 clearTimeout(hidingTimer); 2973 if (!classie.hasClass(menuhide, 'menu-hided')) { 2974 classie.addClass(menuhide, 'menu-hided'); 2975 classie.addClass(sticky_element.parentNode, 'is_stuck'); 2976 if (sticky_element.style.position != 'fixed') { 2977 sticky_element.style.visibility = 'hidden'; 2978 sticky_element.style.position = 'fixed'; 2979 sticky_element.style.top = '0px'; 2980 } 2981 translateElement(menuhide, -UNCODE.menuMobileHeight - 1); 2982 } 2983 } 2984 } 2985 } 2986 }, 2987 hideMenuReset = function(sticky_element) { 2988 var topOffset = 0; 2989 if (sticky_element.style.visibility == 'hidden') sticky_element.style.visibility = ''; 2990 if (bodyBorder > 0) topOffset += bodyBorder; 2991 if (adminBar != null && window.getComputedStyle(adminBar,null).getPropertyValue("position") != 'fixed') adminBarHeight = 0; 2992 if (adminBarHeight > 0) topOffset += adminBarHeight; 2993 //sticky_element.style.top = topOffset + 'px'; 2994 if (!classie.hasClass(document.body, 'boxed-width') && boxWidth > 0) sticky_element.style.width = boxWidth + 'px'; 2995 translateElement(menuhide, 0); 2996 }, 2997 /** Stick Menu **/ 2998 stickMenu = function(bodyTop) { 2999 if ( mainmenu[0] == undefined ) { 3000 mainmenu = document.querySelectorAll('.vmenu .vmenu-container, .menu-primary .menu-container'); 3001 } 3002 if (header && mainmenu[0] != undefined) { 3003 menuMobileTransparent = document.querySelector('.menu-absolute.menu-transparent'); 3004 if (classie.hasClass(mainmenu[0], 'vmenu-container') && wwidth > mediaQuery) return; 3005 /** fix for hmenu-center **/ 3006 var sticky_element = (typeof mainmenu.item === 'undefined' ? (( ( isMobileTransparent && menuMobileTransparent !== null ) || wwidth > mediaQuery) ? mainmenu[0] : mainmenu[1]) : mainmenu[0]); 3007 if ((secmenuHeight == 0 && ( ( isMobileTransparent && menuMobileTransparent !== null ) || wwidth > mediaQuery)) ? bodyTop > (0 + adminBarHeight) : bodyTop > (secmenuHeight + adminBarHeight)) { 3008 if (!classie.hasClass(sticky_element.parentNode, 'is_stuck')) { 3009 classie.addClass(sticky_element.parentNode, 'is_stuck'); 3010 sticky_element.style.position = 'fixed'; 3011 var getAnchorTop = bodyBorder; 3012 if (adminBar != null && window.getComputedStyle(adminBar,null).getPropertyValue("position") != 'fixed') adminBarHeight = 0; 3013 if (adminBarHeight > 0) getAnchorTop += adminBarHeight; 3014 sticky_element.style.top = getAnchorTop + 'px'; 3015 if (!classie.hasClass(document.body, 'boxed-width') && boxWidth > 0) sticky_element.style.width = boxWidth + 'px'; 3016 } 3017 } else { 3018 clearTimeout(hidingTimer); 3019 classie.removeClass(sticky_element.parentNode, 'is_stuck'); 3020 sticky_element.style.position = '';
3021 if ( ( isMobileTransparent && menuMobileTransparent !== null ) || wwidth > mediaQuery) sticky_element.style.position = ''; 3022 if (classie.hasClass(document.body, 'hmenu-center')) sticky_element.style.position = 'absolute'; 3023 sticky_element.style.top = ''; 3024 } 3025 } 3026 }, 3027 translateElement = function(element, valueY) { 3028 var translate = 'translate3d(0, ' + valueY + 'px' + ', 0)'; 3029 element.style['-webkit-transform'] = translate; 3030 element.style['-moz-transform'] = translate; 3031 element.style['-ms-transform'] = translate; 3032 element.style['-o-transform'] = translate; 3033 element.style['transform'] = translate; 3034 }, 3035 setScrollPosition, 3036 scrollFunction = function() { 3037 if ( ! UNCODE.isFullPage ) { 3038 menusticky = UNCODE.isMobile ? document.querySelectorAll('.menu-sticky-mobile') : document.querySelectorAll('.menu-sticky, .menu-sticky-vertical'); 3039 if (menusticky != undefined && menusticky.length) stickMenu(bodyTop); 3040 kenburnsHeader(bodyTop); 3041 kenburnsRowCol(bodyTop); 3042 backwashHeader(bodyTop); 3043 backwashRowCol(bodyTop); 3044 if (logoel != undefined && logoel.length && !isMobile) shrinkMenu(bodyTop); 3045 hideMenu(bodyTop); 3046 if (isMobileParallaxAllowed || !isMobile) { 3047 if (header && menusticky != undefined && menusticky.length) 3048 switchColorsMenu(bodyTop); 3049 parallaxRowCol(bodyTop); 3050 parallaxHeader(bodyTop); 3051 headerOpacity(bodyTop); 3052 visibleRowCol(bodyTop); 3053 } 3054 clearRequestTimeout(setScrollPosition); 3055 setScrollPosition = requestTimeout( function(){ 3056 scrollRowHeight_fix = window.pageYOffset; 3057 }, 100 ); 3058 } 3059 }, 3060 /** Custom Cursor **/ 3061 initCursor = function(){ 3062 var clientX, clientY; 3063 3064 var $customCursor = document.getElementById('uncode-custom-cursor'), 3065 $customPilot = document.getElementById('uncode-custom-cursor-pilot'), 3066 cursorType = 'auto', 3067 loadedCursor = false; 3068 3069 document.addEventListener("mousemove", function(e) { 3070 clientX = e.clientX; 3071 clientY = e.clientY; 3072 3073 if ( loadedCursor !== true ) { 3074 loadedCursor = true; 3075 classie.addClass($customCursor, 'loaded-cursor'); 3076 if ( $customPilot !== null ) { 3077 classie.addClass($customPilot, 'loaded-cursor'); 3078 } 3079 } 3080 }); 3081 3082 function render() { 3083 if ( $customCursor != null ) { 3084 $customCursor.style.transform = 'translate3d(' + clientX + 'px, ' + clientY + 'px, 0)'; 3085 if ( $customPilot !== null ) { 3086 $customPilot.style.transform = 'translate3d(' + clientX + 'px, ' + clientY + 'px, 0)'; 3087 } 3088 requestAnimationFrame(render); 3089 } 3090 }; 3091 requestAnimationFrame(render); 3092 }, 3093 3094 /** Shape Dividers **/ 3095 shapeDivider = function() { 3096 var $shape = '.uncode-divider-wrap'; 3097 3098 forEachElement($shape, function($el, i) { 3099 var elH = parseInt( $el.getAttribute('data-height') ), 3100 elHunit = $el.getAttribute('data-unit'), 3101 newEl, 3102 $parent = $el.parentNode, 3103 parentH, 3104 $svg = $el.getElementsByTagName('svg')[0]; 3105 3106 if ( elHunit == 'px' ) { 3107 3108 switch (true) { 3109 case (wwidth < 1500 && wwidth >= 1180): 3110 newEl = elH*0.8; 3111 break; 3112 3113 case (wwidth < 1180 && wwidth >= 960): 3114 newEl = elH*0.65; 3115 break; 3116 3117 case (wwidth < 960 && wwidth >= 570): 3118 newEl = elH*0.5; 3119 break; 3120 3121 case (wwidth < 570): 3122 newEl = elH*0.25; 3123 break; 3124 3125 default: 3126 newEl = elH; 3127 } 3128 3129 $el.style.height = newEl + elHunit; 3130 } 3131 3132 3133 if ( classie.hasClass($el, 'uncode-divider-preserve-ratio') && ( window.navigator.userAgent.indexOf('MSIE ') !== -1 || window.navigator.userAgent.indexOf('Trident/') !== -1 ) ) { 3134 3135 $svg.setAttribute('preserveAspectRatio','none'); 3136 3137 var sizes = $svg.getAttribute('viewBox').split(' '), 3138 svgW = sizes[2], 3139 svgH = sizes[3], 3140 newSvgW; 3141 3142 newSvgW = newEl * ( svgW / svgH ); 3143 3144 $svg.style.width = newSvgW + 'px'; 3145 3146 } 3147 }); 3148 }; 3149 if (!noScroll && document.body == null) { 3150 window.addEventListener('scroll', function(e) { 3151 if ( ! UNCODE.isFullPage ) { 3152 bodyTop = document.documentElement.scrollTop || document.body.scrollTop; 3153 scrollFunction(); 3154 showHideScrollup(bodyTop); 3155 } 3156 }, false); 3157 } 3158 window.addEventListener('uncode-quick-view-loaded', function() { 3159 document.getElementById('unmodal-content').addEventListener('scroll', function(e) { 3160 bodyTop = document.getElementById('unmodal-content').scrollTop; 3161 scrollFunction(); 3162 showHideScrollup(bodyTop); 3163 }, false); 3164 }, false); 3165 /** All scrolling functions - End */ 3166 /** help functions */ 3167 function getClosest(el, tag) { 3168 do { 3169 if (el.className != undefined && el.className.indexOf(tag) > -1) return el; 3170 } while (el = el.parentNode); 3171 // not found :( 3172 return null; 3173 } 3174 3175 function outerHeight(el, includeMargin) { 3176 if (el != null) { 3177 var height = el.offsetHeight; 3178 if (includeMargin) { 3179 var style = el.currentStyle || getComputedStyle(el); 3180 height += parseInt(style.marginTop) + parseInt(style.marginBottom); 3181 } 3182 return height; 3183 } 3184 } 3185 3186 function outerWidth(el, includeMargin) { 3187 var width = el.offsetWidth; 3188 if (includeMargin) { 3189 var style = el.currentStyle || getComputedStyle(el); 3190 width += parseInt(style.marginLeft) + parseInt(style.marginRight); 3191 } 3192 return width; 3193 } 3194 // Replicate jQuery .each method 3195 function forEachElement(selector, fn) { 3196 var elements = document.querySelectorAll(selector); 3197 for (var i = 0; i < elements.length; i++) fn(elements[i], i); 3198 } 3199 3200 function getDivChildren(containerId, selector, fn) { 3201 if (containerId !== null) { 3202 var elements = containerId.querySelectorAll(selector); 3203 for (var i = 0; i < elements.length; i++) fn(elements[i], i, elements.length); 3204 } 3205 } 3206 3207 function hideFooterScroll() { 3208 if (classie.hasClass(document.body, 'hide-scrollup')) footerScroller[0].style.display = "none"; 3209 } 3210 window.addEventListener("load", function(event) {
3211 if (SiteParameters.dynamic_srcset_active === '1') { 3212 UNCODE.adaptive_srcset_bg(); 3213 UNCODE.adaptive_srcset(false); 3214 } 3215 classie.addClass(document.body, 'uncode-loaded'); 3216 }); 3217 window.addEventListener("dynamic_srcset_load", function(event) { 3218 if (SiteParameters.dynamic_srcset_active === '1') { 3219 UNCODE.refresh_dynamic_srcset_size(false); 3220 } 3221 }); 3222 document.addEventListener("DOMContentLoaded", function(event) { 3223 UNCODE.adaptive(); 3224 boxWrapper = document.querySelectorAll('.box-wrapper'); 3225 docheight = boxWrapper[0] != undefined ? boxWrapper[0].offsetHeight : 0; 3226 // if (!classie.hasClass(document.body, 'vmenu') && !classie.hasClass(document.body, 'menu-offcanvas')) init_overlay(); 3227 init_overlay(); 3228 kenburnsRows = document.querySelectorAll('.with-kburns > .row-background > .background-wrapper, .with-kburns > .fp-tableCell > .row-background > .background-wrapper, .with-kburns > .fp-tableCell > .fp-scrollable > .fp-scroller > .row-background > .background-wrapper'); 3229 kenburnsCols = document.querySelectorAll('.with-kburns > .column-background > .background-wrapper'); 3230 backwashRows = document.querySelectorAll('.with-zoomout > .row-background > .background-wrapper, .with-zoomout > .fp-tableCell > .row-background > .background-wrapper, .with-zoomout > .fp-tableCell > .fp-scrollable > .fp-scroller > .row-background > .background-wrapper'); 3231 backwashCols = document.querySelectorAll('.with-zoomout > .column-background > .background-wrapper'); 3232 if (!UNCODE.isMobile || isMobileParallaxAllowed) { 3233 parallaxRows = document.querySelectorAll('.with-parallax > .row-background > .background-wrapper, .with-parallax > .fp-tableCell > .row-background > .background-wrapper, .with-parallax > .fp-tableCell > .fp-scrollable > .fp-scroller > .row-background > .background-wrapper'); 3234 parallaxCols = document.querySelectorAll('.with-parallax > .column-background > .background-wrapper'); 3235 } 3236 footerScroller = document.querySelectorAll('.footer-scroll-top'); 3237 if (footerScroller && footerScroller[0] != undefined) { 3238 if (transitionEvent) { 3239 footerScroller[0].addEventListener(transitionEvent, hideFooterScroll); 3240 } 3241 } 3242 Array.prototype.forEach.call(document.querySelectorAll('.row-inner'), function(el) { 3243 el.style.height = ''; 3244 el.style.marginBottom = ''; 3245 }); 3246 setRowHeight(document.querySelectorAll('.page-wrapper .row-parent, footer .row-parent')); 3247 initVideoComponent(document.body, '.uncode-video-container.video:not(.drop-move):not(.fluid-object), .uncode-video-container.self-video:not(.drop-move)'); 3248 }); 3249 /** On resize events **/ 3250 window.addEventListener("vc-resize", function() { 3251 scrollRowHeight_fix = window.pageYOffset; 3252 Array.prototype.forEach.call(document.querySelectorAll('.row-inner'), function(el) { 3253 el.style.height = ''; 3254 el.style.marginBottom = ''; 3255 }); 3256 setRowHeight(document.querySelectorAll('.page-wrapper .row-parent, footer .row-parent'), false, true); 3257 }); 3258 var setIsScrolling; 3259 window.addEventListener("scroll", function() { 3260 UNCODE.setIsScrolling = true; 3261 clearRequestTimeout(setIsScrolling); 3262 3263 setIsScrolling = requestTimeout(function() { 3264 UNCODE.setIsScrolling = false; 3265 }, 66); 3266 }); 3267 window.addEventListener("resize", function(e) { 3268 scrollRowHeight_fix = window.pageYOffset; 3269 docheight = (boxWrapper != undefined && boxWrapper[0] != undefined) ? boxWrapper[0].offsetHeight : 0; 3270 var oldWidth = wwidth; 3271 UNCODE.wwidth = wwidth = window.innerWidth || document.documentElement.clientWidth; 3272 UNCODE.wheight = wheight = (window.innerHeight || document.documentElement.clientHeight) - (bodyBorder * 2); 3273 if ( isSplitMenu && typeof resizeTimer_ === 'undefined' ) centerSplitMenu(); 3274 if (isMobile && (oldWidth == wwidth)) return false; 3275 calculateMenuHeight(false); 3276 initBox(); 3277 window.dispatchEvent(boxEvent); 3278 scrollFunction(); 3279 shapeDivider(); 3280 showHideScrollup(bodyTop); 3281 clearTimeout(resizeTimer_); 3282 resizeTimer_ = setTimeout(function() { 3283 if (isSplitMenu) centerSplitMenu(); 3284 }, 10); 3285 resizeThrottle( 3286 function() {
3287 if (SiteParameters.dynamic_srcset_active === '1') { 3288 UNCODE.refresh_dynamic_srcset_size(false); 3289 } 3290 UNCODE.isMobile = UNCODE.wwidth <= UNCODE.mediaQuery; 3291 menuOpacity(); 3292 headerHeight('.header-wrapper'); 3293 }, 100 3294 ); 3295 if ( UNCODE.setIsScrolling !== true ) { 3296 clearTimeout(resizeTimer); 3297 resizeTimer = setTimeout(function() { 3298 if ( UNCODE.setIsScrolling !== true ) { 3299 UNCODE.wheight = wheight = (window.innerHeight || document.documentElement.clientHeight) - (bodyBorder * 2); 3300 Array.prototype.forEach.call(document.querySelectorAll('.row-inner'), function(el) { 3301 el.style.height = ''; 3302 el.style.marginBottom = ''; 3303 }); 3304 setRowHeight(document.querySelectorAll('.page-wrapper .row-parent, footer .row-parent'), false, true); 3305 } 3306 initVideoComponent(document.body, '.uncode-video-container.video:not(.drop-move):not(.fluid-object), .uncode-video-container.self-video:not(.drop-move)'); 3307 }, 500); 3308 } 3309 }); 3310 3311 window.addEventListener("lateral_resize", function(e) { 3312 fixMenuHeight(); 3313 calculateMenuHeight(false); 3314 scrollFunction(); 3315 headerHeight('.header-wrapper'); 3316 }); 3317 3318 var resizeThrottle = (function () { 3319 var timer = 0; 3320 return function (callback, ms) { 3321 clearTimeout(timer); 3322 timer = setTimeout(callback, ms); 3323 }; 3324 })(); 3325 3326 /** 3327 * On DOM ready 3328 */ 3329 window.addEventListener("load", function(){ 3330 if (!UNCODE.isMobile) { 3331 setTimeout(function() { 3332 // window.dispatchEvent(UNCODE.boxEvent); 3333 if (typeof Waypoint !== 'undefined') { 3334 Waypoint.refreshAll(); 3335 } 3336 }, 2000); 3337 } 3338 //repeat it for mobile since it changes layout on carousel after DOM loading 3339 if (UNCODE.isMobile && !isMobileParallaxAllowed) { 3340 kenburnsHeader(bodyTop); 3341 kenburnsRowCol(bodyTop); 3342 } 3343 backwashHeader(bodyTop); 3344 backwashRowCol(bodyTop); 3345 scrollFunction(); 3346 showHideScrollup(bodyTop); 3347 3348 // if (document.createEvent) { // W3C 3349 // var ev = document.createEvent('Event'); 3350 // ev.initEvent('resize', true, true); 3351 // window.dispatchEvent(ev); 3352 // } else { // IE 3353 // document.fireEvent('onresize'); 3354 // } 3355 3356 scrollRowHeight_fix = window.pageYOffset; 3357 docheight = (boxWrapper != undefined && boxWrapper[0] != undefined) ? boxWrapper[0].offsetHeight : 0; 3358 var oldWidth = wwidth; 3359 UNCODE.wwidth = wwidth = window.innerWidth || document.documentElement.clientWidth; 3360 UNCODE.wheight = wheight = (window.innerHeight || document.documentElement.clientHeight) - (bodyBorder * 2); 3361 if ( isSplitMenu && typeof resizeTimer_ === 'undefined' ) { 3362 centerSplitMenu(); 3363 } 3364 calculateMenuHeight(false); 3365 headerHeight('.header-wrapper'); 3366 3367 }, false); 3368 3369 function localStorageAvailable() { 3370 try { 3371 var storage = window['localStorage'], 3372 x = '__storage_test__'; 3373 storage.setItem(x, x); 3374 storage.removeItem(x); 3375 return true; 3376 } catch(e) { 3377 return false; 3378 } 3379 } 3380 3381 /** 3382 * Print Dialog check 3383 */ 3384 window.addEventListener("beforeprint", function(event) { 3385 UNCODE.printDialogOpen = true; 3386 }); 3387 window.addEventListener("afterprint", function(event) { 3388 UNCODE.printDialogOpen = false; 3389 window.dispatchEvent(new Event('resize')); 3390 }); 3391 3392 var UNCODE = { 3393 bodyTop: bodyTop, 3394 boxEvent: boxEvent, 3395 bodyBorder: bodyBorder, 3396 initBox: initBox, 3397 adminBarHeight: 0, 3398 menuHeight: 0, 3399 menuMobileHeight: 0, 3400 menuOpacity: menuOpacity, 3401 fixMenuHeight: fixMenuHeight, 3402 verticalRightMenu: verticalRightMenu, 3403 initHeader: initHeader, 3404 initRow: initRow, 3405 initCursor: initCursor, 3406 setRowHeight: setRowHeight, 3407 switchColorsMenu: switchColorsMenu, 3408 isMobile: isMobile, 3409 scrolling: false, 3410 menuHiding: false, 3411 menuOpened: false, 3412 menuMobileTriggerEvent: menuMobileTriggerEvent, 3413 mediaQuery: mediaQuery, 3414 mediaQueryMobile: mediaQueryMobile, 3415 initVideoComponent: initVideoComponent, 3416 hideMenu: hideMenu, 3417 wwidth: wwidth, 3418 wheight: wheight, 3419 printDialogOpen: printDialogOpen, 3420 webp_lossy_supported: SiteParameters.force_webp ? true : localStorageAvailable() && localStorage.getItem('webp_lossy_supp
3420orted') === 'true' ? true : false, 3421 webp_lossless_supported: SiteParameters.force_webp ? true : localStorageAvailable() && localStorage.getItem('webp_lossless_supported') === 'true' ? true : false, 3422 }; 3423 // transport 3424 if (typeof define === 'function' && define.amd) { 3425 // AMD 3426 define(UNCODE); 3427 } else { 3428 // browser global 3429 window.UNCODE = UNCODE; 3430 } 3431 3432 UNCODE.check_webp_support = function(feature, callback) { 3433 // https://developers.google.com/speed/webp/faq#in_your_own_javascript 3434 var kTestImages = { 3435 lossy: "UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA", 3436 lossless: "UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA==", 3437 alpha: "UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA==", 3438 // animation: "UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA" 3439 }; 3440 var img = new Image(); 3441 img.onload = function () { 3442 var result = (img.width > 0) && (img.height > 0); 3443 callback(feature, result); 3444 }; 3445 img.onerror = function () { 3446 callback(feature, false); 3447 }; 3448 img.src = "data:image/webp;base64," + kTestImages[feature]; 3449 } 3450 3451 UNCODE.check_webp_support('lossy', function (feature, isSupported) { 3452 if (isSupported) { 3453 UNCODE.webp_lossy_supported = true; 3454 if (localStorageAvailable()) { 3455 localStorage.setItem('webp_lossy_supported', true); 3456 } 3457 } 3458 }); 3459 3460 UNCODE.check_webp_support('lossless', function (feature, isSupported) { 3461 if (isSupported) { 3462 UNCODE.webp_lossless_supported = true; 3463 if (localStorageAvailable()) { 3464 localStorage.setItem('webp_lossless_supported', true); 3465 } 3466 } 3467 }); 3468 3469 UNCODE.adaptive = function() { 3470 if (SiteParameters.dynamic_srcset_active === '1') { 3471 return; 3472 } 3473 3474 var images = new Array(), 3475 getImages = document.querySelectorAll('.adaptive-async:not(.adaptive-fetching)'); 3476 for (var i = 0; i < getImages.length; i++) { 3477 var imageObj = {}, 3478 el = getImages[i]; 3479 if (classie.hasClass(el, 'woocommerce-product-gallery__image-first__img')) { 3480 continue; 3481 } 3482 classie.addClass(el, 'adaptive-fetching'); 3483 imageObj.unique = el.getAttribute('data-uniqueid'); 3484 imageObj.url = el.getAttribute('data-guid'); 3485 imageObj.path = el.getAttribute('data-path'); 3486 imageObj.singlew = el.getAttribute('data-singlew'); 3487 imageObj.singleh = el.getAttribute('data-singleh'); 3488 imageObj.origwidth = el.getAttribute('data-width'); 3489 imageObj.origheight = el.getAttribute('data-height'); 3490 imageObj.crop = el.getAttribute('data-crop'); 3491 imageObj.fixed = el.getAttribute('data-fixed') == undefined ? null : el.getAttribute('data-fixed'); 3492 imageObj.screen = window.uncodeScreen; 3493 imageObj.images = window.uncodeImages; 3494 images.push(imageObj); 3495 } 3496 3497 var post_data = { 3498 images: JSON.stringify(images), 3499 action: 'get_adaptive_async', 3500 ai_breakpoints: SiteParameters.ai_breakpoints, 3501 resize_quality: SiteParameters.resize_quality, 3502 register_metadata: SiteParameters.register_metadata, 3503 nonce_adaptive_images: SiteParameters.nonce_adaptive_images 3504 }; 3505 3506 if (images.length > 0) { 3507 var xhr = new XMLHttpRequest(); 3508 xhr.open('POST', SiteParameters.ajax_url, true); 3509 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); 3510 xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 3511 3512 xhr.onreadystatechange = function() { 3513 if (xhr.readyState == XMLHttpRequest.DONE) { 3514 if (xhr.status == 200 && xhr.responseText) { 3515 var jsonResponse = JSON.parse(xhr.responseText); 3516 3517 if (jsonResponse.success && jsonResponse.data.images) { 3518 var images = jsonResponse.data.images; 3519 3520 for (var i = 0; i < images.length; i++) { 3521 var val = images[i]; 3522 var processedImageID = val.id; 3523 var processedImageUniqueID = val.unique; 3524 var processedImageisNew = val.new_crop === true ? true : false; 3525 var getImage = document.querySelectorAll('[data-uniqueid="'+processedImageUniqueID+'"]'); 3526 3527 for (var j = 0; j < getImage.length; j++) { 3528 var attrScr = getImage[j].getAttribute('src'), 3529 replaceImg = new Image(); 3530 replaceImg.source = attrScr; 3531 replaceImg.el = getImage[j]; 3532 3533 classie.removeClass(getImage[j], 'adaptive-async'); 3534 classie.removeClass(getImage[j], 'adaptive-fetching'); 3535 3536 replaceImg.onload = function () { 3537 3538 var _this = this, 3539 parentNode = (_this.el).parentNode, 3540 placeH; 3541 3542 //Workaround for lazy-load flickering on Firefox 3543 if ( typeof parentNode.prepend == 'undefined') { 3544 if (_this.source !== null) { 3545 (_this.el).src = _this.src; 3546 } else { 3547 (_this.el).style.backgroundImage = 'url("'+_this.src+'")'; 3548 } 3549 3550 classie.addClass(_this.el, 'async-done'); 3551 _this.el.dispatchEvent(new CustomEvent("async-done")); 3552 } else { 3553 if (_this.source !== null) { 3554 placeH = document.createElement("IMG"); 3555 placeH.setAttribute('class', 'placeH'); 3556 placeH.src = _this.src; 3557 placeH.style.position = 'absolute'; 3558 placeH.style.opacity = '0'; 3559 } else { 3560 placeH = document.createElement("DIV"); 3561 placeH.setAttribute('style', _this.el.getAttribute('style')); 3562 placeH.setAttribute('class', 'placeH ' + _this.el.getAttribute('class')); 3563 placeH.style.backgroundImage = 'url("'+_this.src+'")'; 3564 placeH.style.backgroundSize = 'cover'; 3565 placeH.style.backgroundPosition = 'center'; 3566 placeH.style.position = 'absolute'; 3567 placeH.style.top = '0'; 3568 placeH.style.width = '100%'; 3569 placeH.style.height = '100%'; 3570 } 3571 3572 if ( !classie.hasClass( _this.el, 'box-wrapper') ) { 3573 parentNode.prepend(placeH); 3574 } 3575 3576 requestTimeout(function(){ 3577 if (_this.source !== null) { 3578 (_this.el).src = _this.src; 3579 } else { 3580 (_this.el).style.backgroundImage = 'url("'+_this.src+'")'; 3581 } 3582 if ( !classie.hasClass( _this.el, 'box-wrapper') ) { 3583 parentNode.removeChild(placeH); 3584 } 3585 classie.addClass(_this.el, 'async-done'); 3586 _this.el.dispatchEvent(new CustomEvent("async-done")); 3587 }, 250); 3588 } 3589 } 3590 replaceImg.src = val.url; 3591 } 3592 3593 if (processedImageisNew && SiteParameters.optimize_shortpixel_image == true) { 3594 UNCODE.process_shortpixel_image(processedImageID); 3595 } 3596 } 3597 3598 } else { 3599 if (SiteParameters.enable_debug == true) { 3600 // This console log is disabled by default 3601 // So nothing is printed in a typical installation 3602 // 3603 // It can be enabled for debugging purposes setting 3604 // the 'uncode_enable_debug_on_js_scripts' filter to true 3605 console.log('There was an error: bad response'); 3606 } 3607 } 3608 3609 } else if (xhr.status == 400) { 3610 if (SiteParameters.enable_debug == true) { 3611 // This console log is disabled by default 3612 // So nothing is printed in a typical installation 3613 // 3614 // It can be enabled for debugging purposes setting 3615 // the 'uncode_enable_debug_on_js_scripts' filter to true 3616 console.log('There was an error 400'); 3617 } 3618 } else { 3619 if (SiteParameters.enable_debug == true) { 3620 // This console log is disabled by default 3621 // So nothing is printed in a typical installation 3622 // 3623 // It can be enabled for debugging purposes setting 3624 // the 'uncode_enable_debug_on_js_scripts' filter to true 3625 console.log('Something else other than 200 was returned'); 3626 } 3627 } 3628 } 3629 } 3630 3631 // Serialize our data 3632 var queryString = "", 3633 arrayLength = Object.keys(post_data).length, 3634 arrayCounter = 0; 3635 3636 for (var key in post_data) { 3637 queryString += key + "=" + post_data[key]; 3638 3639 if (arrayCounter < arrayLength - 1) { 3640 queryString += "&"; 3641 } 3642 3643 arrayCounter++; 3644 } 3645 3646 xhr.send(queryString); 3647 } 3648 }; 3649 3650 UNCODE.adaptive_srcset_replace_bg = function(currentRow) { 3651 if (currentRow === null) { 3652 return; 3653 } 3654
3655 var mobileBreakpoint = SiteParameters.dynamic_srcset_bg_mobile_breakpoint ? parseInt(SiteParameters.dynamic_srcset_bg_mobile_breakpoint, 10) : 570; 3656 var images = currentRow.querySelectorAll('.srcset-bg-async'); 3657 3658 for (var i = 0; i < images.length; i++) { 3659 var el = images[i]; 3660 var bg_url = el.dataset.backgroundImage; 3661 var mobile_bg_url = el.dataset.mobileBackgroundImage; 3662 3663 if (SiteParameters.activate_webp && el.dataset.backgroundImageWebp) { 3664 if ((el.dataset.mime === 'png' && UNCODE.webp_lossless_supported) || (el.dataset.mime === 'jpeg' && UNCODE.webp_lossy_supported)) { 3665 bg_url = el.dataset.backgroundImageWebp; 3666 el.dataset.backgroundImage = bg_url; 3667 el.removeAttribute('data-background-image-webp'); 3668 } 3669 } 3670 3671 if (SiteParameters.activate_webp && el.dataset.mobileBackgroundImageWebp && mobile_bg_url) { 3672 if ((el.dataset.mime === 'png' && UNCODE.webp_lossless_supported) || (el.dataset.mime === 'jpeg' && UNCODE.webp_lossy_supported)) { 3673 mobile_bg_url = el.dataset.mobileBackgroundImageWebp; 3674 el.dataset.mobileBackgroundImage = mobile_bg_url; 3675 el.removeAttribute('data-mobile-background-image-webp'); 3676 } 3677 } 3678 3679 if (screenInfo.width <= mobileBreakpoint && mobile_bg_url) { 3680 el.style.backgroundImage = 'url("' + mobile_bg_url + '")'; 3681 } else { 3682 el.style.backgroundImage = 'url("' + bg_url + '")'; 3683 } 3684 3685 classie.addClass(el, 'srcset-bg-async'); 3686 } 3687 } 3688 3689 UNCODE.adaptive_srcset_bg = function() { 3690 var mobileSize = SiteParameters.dynamic_srcset_bg_mobile_size ? parseInt(SiteParameters.dynamic_srcset_bg_mobile_size, 10) : false; 3691 3692 if (!(mobileSize > 0)) { 3693 return; 3694 } 3695 3696 var images = new Array(); 3697 var getImages = document.querySelectorAll('.srcset-bg-generate-img:not(.adaptive-fetching)'); 3698 3699 for (var i = 0; i < getImages.length; i++) { 3700 var imageObj = {}; 3701 var el = getImages[i]; 3702 3703 classie.addClass(el, 'srcset-bg-fetching'); 3704 imageObj.unique = el.getAttribute('data-uniqueid'); 3705 imageObj.url = el.getAttribute('data-guid'); 3706 imageObj.path = el.getAttribute('data-path'); 3707 imageObj.origwidth = el.getAttribute('data-width'); 3708 imageObj.origheight = el.getAttribute('data-height'); 3709 3710 images.push(imageObj); 3711 } 3712 3713 if (images.length > 0) { 3714 var post_data = { 3715 images: JSON.stringify(images), 3716 action: 'regenerate_srcset_bg_async', 3717 resize_quality: SiteParameters.resize_quality, 3718 mobile_size: mobileSize, 3719 nonce_srcset_async: SiteParameters.nonce_srcset_async 3720 }; 3721 3722 var xhr = new XMLHttpRequest(); 3723 xhr.open('POST', SiteParameters.ajax_url, true); 3724 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); 3725 xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 3726 3727 xhr.onreadystatechange = function() { 3728 if (xhr.readyState == XMLHttpRequest.DONE) { 3729 if (xhr.status == 200 && xhr.responseText) { 3730 var jsonResponse = JSON.parse(xhr.responseText); 3731 3732 if (jsonResponse.success && jsonResponse.data.images) { 3733 var processedImages = jsonResponse.data.images; 3734 3735 for (var i = 0; i < processedImages.length; i++) { 3736 var processedImageID = processedImages[i].id; 3737 var processedImageUniqueID = processedImages[i].unique; 3738 var processedImageisNew = processedImages[i].new_crop === true ? true : false; 3739 var getImage = document.querySelectorAll('[data-uniqueid="'+processedImageUniqueID+'"]'); 3740 3741 for (var j = 0; j < getImage.length; j++) { 3742 classie.removeClass(getImage[j], 'srcset-bg-fetching'); 3743 classie.addClass(getImage[j], 'srcset-bg-async-done'); 3744 getImage[j].dispatchEvent(new CustomEvent("async-done")); 3745 } 3746 3747 if (processedImageisNew && SiteParameters.optimize_shortpixel_image == true) { 3748 UNCODE.process_shortpixel_image(processedImageID); 3749 } 3750 } 3751 } else { 3752 if (SiteParameters.enable_debug == true) { 3753 // This console log is disabled by default 3754 // So nothing is printed in a typical installation 3755 // 3756 // It can be enabled for debugging purposes setting 3757 // the 'uncode_enable_debug_on_js_scripts' filter to true 3758 if (jsonResponse.success == false && jsonResponse.data.message) { 3759 console.log('There was an error: ' + jsonResponse.data.message); 3760 } else { 3761 console.log('There was an error: bad response'); 3762 } 3763 } 3764 } 3765 3766 } else if (xhr.status == 400) { 3767 if (SiteParameters.enable_debug == true) { 3768 // This console log is disabled by default 3769 // So nothing is printed in a typical installation 3770 // 3771 // It can be enabled for debugging purposes setting 3772 // the 'uncode_enable_debug_on_js_scripts' filter to true 3773 console.log('There was an error 400'); 3774 } 3775 } else { 3776 if (SiteParameters.enable_debug == true) { 3777 // This console log is disabled by default 3778 // So nothing is printed in a typical installation 3779 // 3780 // It can be enabled for debugging purposes setting 3781 // the 'uncode_enable_debug_on_js_scripts' filter to true 3782 console.log('Something else other than 200 was returned'); 3783 } 3784 } 3785 } 3786 } 3787 3788 // Serialize our data 3789 var queryString = "", 3790 arrayLength = Object.keys(post_data).length, 3791 arrayCounter = 0; 3792 3793 for (var key in post_data) { 3794 queryString += key + "=" + post_data[key]; 3795 3796 if (arrayCounter < arrayLength - 1) { 3797 queryString += "&"; 3798 } 3799 3800 arrayCounter++; 3801 } 3802 3803 xhr.send(queryString); 3804 } 3805 } 3806
3807 UNCODE.refresh_dynamic_srcset_size = function(container) { 3808 var parentSelector = container && container.length > 0 ? container[0] : document; 3809 // If 'container' is false, we assume that we are resizing generic images 3810 var images = container ? parentSelector.querySelectorAll('.srcset-auto') : parentSelector.querySelectorAll('.srcset-auto:not(.srcset-on-layout)'); 3811 3812 for (var i = 0; i < images.length; i++) { 3813 // Update srcset/sizes attributes 3814 UNCODE.set_dynamic_srcset_size(images[i]); 3815 } 3816 } 3817 3818 UNCODE.set_dynamic_srcset_size = function(el) { 3819 if (el.nodeName === 'PICTURE') { 3820 var picture_imgs = el.getElementsByTagName('img'); 3821 var picture_sources = el.getElementsByTagName('source'); 3822 if (picture_imgs.length > 0) { 3823 var picture_img = picture_imgs[0]; 3824 } 3825 if (picture_sources.length > 0 && picture_imgs.length > 0) { 3826 var picture_source = picture_sources[0]; 3827 var parent_width = el.clientWidth; 3828 var parent_height = el.clientHeight; 3829 var picture_img_width = parseInt(picture_img.getAttribute('width'), 10); 3830 var picture_img_height = parseInt(picture_img.getAttribute('height'), 10); 3831 var final_width = (picture_img_width * parent_height) / picture_img_height; 3832 picture_source.sizes = final_width + 'px'; 3833 classie.addClass(picture_source, 'srcset-sizes-done'); 3834 if (picture_source.dataset.srcset) { 3835 if (SiteParameters.activate_webp && picture_source.dataset.srcsetWebp && ((el.dataset.mime === 'png' && UNCODE.webp_lossless_supported) || (el.dataset.mime === 'jpeg' && UNCODE.webp_lossy_supported))) { 3836 picture_source.srcset = picture_source.dataset.srcsetWebp; 3837 picture_source.removeAttribute('data-srcset-webp'); 3838 } else { 3839 picture_source.srcset = picture_source.dataset.srcset; 3840 } 3841 picture_source.removeAttribute('data-srcset'); 3842 var $waitingThumb = getClosest( picture_source, 'srcset-lazy-animations'); 3843 if ( $waitingThumb != null ) { 3844 picture_img.onload = function(){ 3845 classie.removeClass( $waitingThumb, 'srcset-lazy-animations'); 3846 }; 3847 } 3848 } 3849 } 3850 if (picture_sources.length > 0 || picture_imgs.length > 0) { 3851 el.dispatchEvent(new CustomEvent("srcset-done")); 3852 } 3853 } else { 3854 if (typeof el.parentNode !== 'undefined') { 3855 if ( classie.hasClass(el.parentNode, 't-entry-drop') ) { 3856 var parent_width = el.parentNode.getAttribute('data-w'); 3857 if ( typeof parent_width !== 'undefined' && parent_width !== null ) {
3858 parent_width = UNCODE.wwidth / 12 * parseFloat( parent_width ); 3859 } 3860 } else { 3861 var parent_width = el.parentNode.parentElement.clientWidth; 3862 } 3863 el.sizes = parent_width + 'px'; 3864 classie.addClass(el, 'srcset-sizes-done'); 3865 if (el.dataset.srcset) { 3866 if (SiteParameters.activate_webp && el.dataset.srcsetWebp && ((el.dataset.mime === 'png' && UNCODE.webp_lossless_supported) || (el.dataset.mime === 'jpeg' && UNCODE.webp_lossy_supported))) { 3867 el.srcset = el.dataset.srcsetWebp; 3868 el.removeAttribute('data-srcset-webp'); 3869 } else { 3870 el.srcset = el.dataset.srcset; 3871 } 3872 el.removeAttribute('data-srcset'); 3873 var $waitingThumb = getClosest( el, 'srcset-lazy-animations'); 3874 if ( $waitingThumb != null ) { 3875 el.onload = function(){ 3876 classie.removeClass( $waitingThumb, 'srcset-lazy-animations'); 3877 }; 3878 } 3879 } 3880 el.dispatchEvent(new CustomEvent("srcset-done")); 3881 } 3882 } 3883 }; 3884 3885 UNCODE.adaptive_srcset = function(container) { 3886 var images = new Array(); 3887 var parentSelector = container ? container[0] : document; 3888 // If 'container' is false, we assume that this is a call on window load 3889 var isLoadingResize = container ? false : true; 3890 var getImages = parentSelector.querySelectorAll('.srcset-async:not(.srcset-fetching)'); 3891 var limit = SiteParameters.dynamic_srcset_bunch_limit ? parseInt(SiteParameters.dynamic_srcset_bunch_limit, 10) : 1; 3892 3893 for (var i = 0; i < getImages.length; i++) { 3894 var imageObj = {}; 3895 var el = getImages[i]; 3896 var missing_breakpoints = el.getAttribute('data-no-bp'); 3897 3898 if (isLoadingResize) { 3899 // Update srcset/sizes attributes 3900 // But skip images that are processed on other events 3901 // (isotope.onLayout for example) to avoid double calls 3902 if (!classie.hasClass(el, 'srcset-on-layout')) { 3903 UNCODE.set_dynamic_srcset_size(el); 3904 } 3905 } 3906 3907 if (missing_breakpoints) { 3908 classie.addClass(el, 'srcset-fetching'); 3909 imageObj.unique = el.getAttribute('data-uniqueid'); 3910 imageObj.url = el.getAttribute('data-guid'); 3911 imageObj.path = el.getAttribute('data-path'); 3912 imageObj.singlew = el.getAttribute('data-singlew'); 3913 imageObj.singleh = el.getAttribute('data-singleh'); 3914 imageObj.origwidth = el.getAttribute('data-width'); 3915 imageObj.origheight = el.getAttribute('data-height'); 3916 imageObj.crop = el.getAttribute('data-crop'); 3917 imageObj.fixed = el.getAttribute('data-fixed') == undefined ? null : el.getAttribute('data-fixed'); 3918 imageObj.missingbp = missing_breakpoints; 3919 3920 images.push(imageObj); 3921 } else { 3922 classie.removeClass(el, 'srcset-async'); 3923 } 3924 } 3925 3926 while (images.length > 0) { 3927 if (images.length >= limit) { 3928 var bunch_images = new Array(); 3929 for (var i = limit - 1; i >= 0; i--) { 3930 bunch_images.push(images[i]); 3931 images.splice(i, 1); 3932 } 3933 UNCODE.adaptive_srcset_async(parentSelector, bunch_images); 3934 } else { 3935 UNCODE.adaptive_srcset_async(parentSelector, images); 3936 break; 3937 } 3938 } 3939 }; 3940 3941 UNCODE.adaptive_srcset_async = function(parentSelector, images) { 3942 var post_data = { 3943 images: JSON.stringify(images), 3944 action: 'regenerate_srcset_async', 3945 resize_quality: SiteParameters.resize_quality, 3946 nonce_srcset_async: SiteParameters.nonce_srcset_async 3947 }; 3948 3949 var xhr = new XMLHttpRequest(); 3950 xhr.open('POST', SiteParameters.ajax_url, true); 3951 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); 3952 xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 3953 3954 xhr.onreadystatechange = function() { 3955 if (xhr.readyState == XMLHttpRequest.DONE) { 3956 if (xhr.status == 200 && xhr.responseText) { 3957 var jsonResponse = JSON.parse(xhr.responseText); 3958 3959 if (jsonResponse.success && jsonResponse.data.images) { 3960 var processedImages = jsonResponse.data.images; 3961 3962 for (var i = 0; i < processedImages.length; i++) { 3963 var processedImageID = processedImages[i].id; 3964 var processedImageUniqueID = processedImages[i].unique; 3965 var processedImageisNew = processedImages[i].new_crop === true ? true : false;
3966 var getImage = parentSelector.querySelectorAll('[data-uniqueid="'+processedImageUniqueID+'"]'); 3967 3968 for (var j = 0; j < getImage.length; j++) { 3969 classie.removeClass(getImage[j], 'srcset-async'); 3970 classie.removeClass(getImage[j], 'srcset-fetching'); 3971 classie.addClass(getImage[j], 'srcset-async-done'); 3972 getImage[j].dispatchEvent(new CustomEvent("async-done")); 3973 } 3974 3975 if (processedImageisNew && SiteParameters.optimize_shortpixel_image == true) { 3976 UNCODE.process_shortpixel_image(processedImageID); 3977 } 3978 } 3979 } else { 3980 if (SiteParameters.enable_debug == true) { 3981 // This console log is disabled by default 3982 // So nothing is printed in a typical installation 3983 // 3984 // It can be enabled for debugging purposes setting 3985 // the 'uncode_enable_debug_on_js_scripts' filter to true 3986 if (jsonResponse.success == false && jsonResponse.data.message) { 3987 console.log('There was an error: ' + jsonResponse.data.message); 3988 } else { 3989 console.log('There was an error: bad response'); 3990 } 3991 } 3992 } 3993 3994 } else if (xhr.status == 400) { 3995 if (SiteParameters.enable_debug == true) { 3996 // This console log is disabled by default 3997 // So nothing is printed in a typical installation 3998 // 3999 // It can be enabled for debugging purposes setting 4000 // the 'uncode_enable_debug_on_js_scripts' filter to true 4001 console.log('There was an error 400'); 4002 } 4003 } else { 4004 if (SiteParameters.enable_debug == true) { 4005 // This console log is disabled by default 4006 // So nothing is printed in a typical installation 4007 // 4008 // It can be enabled for debugging purposes setting 4009 // the 'uncode_enable_debug_on_js_scripts' filter to true 4010 console.log('Something else other than 200 was returned'); 4011 } 4012 } 4013 } 4014 } 4015 4016 // Serialize our data 4017 var queryString = "", 4018 arrayLength = Object.keys(post_data).length, 4019 arrayCounter = 0; 4020 4021 for (var key in post_data) { 4022 queryString += key + "=" + post_data[key]; 4023 4024 if (arrayCounter < arrayLength - 1) { 4025 queryString += "&"; 4026 } 4027 4028 arrayCounter++; 4029 } 4030 4031 xhr.send(queryString); 4032 }; 4033 4034 })(window); 4035 4036 (function(global){var startY=0;var enabled=false;var supportsPassiveOption=false;try{var opts=Object.defineProperty({},"passive",{get:function(){supportsPassiveOption=true}});window.addEventListener("test",null,opts)}catch(e){}var handleTouchmove=function(evt){var el=evt.target;while(el!==document.body&&el!==document){var style=window.getComputedStyle(el);if(!style){break}if(el.nodeName==="INPUT"&&el.getAttribute("type")==="range"){return}var scrolling=style.getPropertyValue("-webkit-overflow-scrolling");var overflowY=style.getPropertyValue("overflow-y");var height=parseInt(style.getPropertyValue("height"),10);var isScrollable=scrolling==="touch"&&(overflowY==="auto"||overflowY==="scroll");var canScroll=el.scrollHeight>el.offsetHeight;if(isScrollable&&canScroll){var curY=evt.touches?evt.touches[0].screenY:evt.screenY;var isAtTop=startY<=curY&&el.scrollTop===0;var isAtBottom=startY>=curY&&el.scrollHeight-el.scrollTop===height;if(isAtTop||isAtBottom){evt.preventDefault()}return}el=el.parentNode}evt.preventDefault()};var handleTouchstart=function(evt){startY=evt.touches?evt.touches[0].screenY:evt.screenY};var enable=function(){window.addEventListener("touchstart",handleTouchstart,supportsPassiveOption?{passive:false}:false);window.addEventListener("touchmove",handleTouchmove,supportsPassiveOption?{passive:false}:false);enabled=true};var disable=function(){window.removeEventListener("touchstart",handleTouchstart,false);window.removeEventListener("touchmove",handleTouchmove,false);enabled=false};var isEnabled=function(){return enabled};var testDiv=document.createElement("div");document.documentElement.appendChild(testDiv);testDiv.style.WebkitOverflowScrolling="touch";var scrollSupport="getComputedStyle"in window&&window.getComputedStyle(testDiv)["-webkit-overflow-scrolling"]==="touch";document.documentElement.removeChild(testDiv);if(scrollSupport){enable()}var iNoBounce={enable:enable,disable:disable,isEnabled:isEnabled};if(typeof module!=="undefined"&&module.exports){module.exports=iNoBounce}if(typeof global.define==="function"){(function(define){define("iNoBounce",[],function(){return iNoBounce})})(global.define)}else{global.iNoBounce=iNoBounce}})(this); 4037 iNoBounce.disable(); 4038 4039 /* Font Face Observer v2.1.0 - © Bram Stein. License: BSD-3-Clause */(function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}} 4040 function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})}; 4041 function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,
4041window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}()); 4042 4043 (function(){function l(a,b){document.addEventListener?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b)}function m(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function c(){document.removeEventListener("DOMContentLoaded",c);a()}):document.attachEvent("onreadystatechange",function k(){if("interactive"==document.readyState||"complete"==document.readyState)document.detachEvent("onreadystatechange",k),a()})};function t(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.f=document.createElement("span");this.g=-1;this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;"; 4044 this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;";this.b.appendChild(this.h);this.c.appendChild(this.f);this.a.appendChild(this.b);this.a.appendChild(this.c)} 4045 function u(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+b+";"}function z(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function A(a,b){function c(){var a=k;z(a)&&a.a.parentNode&&b(a.g)}var k=a;l(a.b,c);l(a.c,c);z(a)};function B(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal"}var C=null,D=null,E=null,F=null;function G(){if(null===D)if(J()&&/Apple/.test(window.navigator.vendor)){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);D=!!a&&603>parseInt(a[1],10)}else D=!1;return D}function J(){null===F&&(F=!!document.fonts);return F} 4046 function K(){if(null===E){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif"}catch(b){}E=""!==a.style.font}return E}function L(a,b){return[a.style,a.weight,K()?a.stretch:"","100px",b].join(" ")} 4047 B.prototype.load=function(a,b){var c=this,k=a||"BESbswy",r=0,n=b||3E3,H=(new Date).getTime();return new Promise(function(a,b){if(J()&&!G()){var M=new Promise(function(a,b){function e(){(new Date).getTime()-H>=n?b(Error(""+n+"ms timeout exceeded")):document.fonts.load(L(c,'"'+c.family+'"'),k).then(function(c){1<=c.length?a():setTimeout(e,25)},b)}e()}),N=new Promise(function(a,c){r=setTimeout(function(){c(Error(""+n+"ms timeout exceeded"))},n)});Promise.race([N,M]).then(function(){clearTimeout(r);a(c)}, 4048 b)}else m(function(){function v(){var b;if(b=-1!=f&&-1!=g||-1!=f&&-1!=h||-1!=g&&-1!=h)(b=f!=g&&f!=h&&g!=h)||(null===C&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),C=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=C&&(f==w&&g==w&&h==w||f==x&&g==x&&h==x||f==y&&g==y&&h==y)),b=!b;b&&(d.parentNode&&d.parentNode.removeChild(d),clearTimeout(r),a(c))}function I(){if((new Date).getTime()-H>=n)d.parentNode&&d.parentNode.removeChild(d),b(Error(""+ 4049 n+"ms timeout exceeded"));else{var a=document.hidden;if(!0===a||void 0===a)f=e.a.offsetWidth,g=p.a.offsetWidth,h=q.a.offsetWidth,v();r=setTimeout(I,50)}}var e=new t(k),p=new t(k),q=new t(k),f=-1,g=-1,h=-1,w=-1,x=-1,y=-1,d=document.createElement("div");d.dir="ltr";u(e,L(c,"sans-serif"));u(p,L(c,"serif"));u(q,L(c,"monospace"));d.appendChild(e.a);d.appendChild(p.a);d.appendChild(q.a);document.body.appendChild(d);w=e.a.offsetWidth;x=p.a.offsetWidth;y=q.a.offsetWidth;I();
4049A(e,function(a){f=a;v()});u(e, 4050 L(c,'"'+c.family+'",sans-serif'));A(p,function(a){g=a;v()});u(p,L(c,'"'+c.family+'",serif'));A(q,function(a){h=a;v()});u(q,L(c,'"'+c.family+'",monospace'))})})};"object"===typeof module?module.exports=B:(window.FontFaceObserver=B,window.FontFaceObserver.prototype.load=B.prototype.load);}());
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.