| Current File : /home/natitnen/hintact.com/wp-content/themes/ave/assets/js/theme.js |
"use strict";
"use strict";
window.liquidPageLoaded = false;
window.liquidElements = $ => {
window.$liquidWindow = $(window);
window.$liquidHtml = $('html');
window.$liquidBody = $('body');
window.$liquidSiteWrap = $('#wrap');
window.$liquidContents = $('#lqd-site-content');
window.$liquidContentsWrap = $('#lqd-contents-wrap');
window.$liquidMainHeader = $('.main-header');
window.$liquidMainFooter = $('.main-footer');
};
liquidElements(jQuery);
const liquidIsMobile = function liquidIsMobile() {
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
};
const liquidMobileNavBreakpoint = function liquidMobileNavBreakpoint() {
if (window.liquidParams && window.liquidParams.mobileNavBreakpoint) {
return window.liquidParams.mobileNavBreakpoint;
} else {
return jQuery('body').data('mobile-nav-breakpoint') || 1199;
}
};
const liquidWindowWidth = function liquidWindowWidth() {
return window.innerWidth;
};
const liquidWindowHeight = function liquidWindowHeight() {
return window.innerHeight;
};
/**
Some functions from Underscore js https://underscorejs.org/
*/
// Some functions take a variable number of arguments, or a few expected
// arguments at the beginning and then a variable number of values to operate
// on. This helper accumulates all remaining arguments past the function’s
// argument length (or an explicit `startIndex`), into an array that becomes
// the last argument. Similar to ES6’s "rest parameter".
const restArguments = function restArguments(func, startIndex) {
startIndex = startIndex == null ? func.length - 1 : +startIndex;
return function () {
var length = Math.max(arguments.length - startIndex, 0),
rest = Array(length),
index = 0;
for (; index < length; index++) {
rest[index] = arguments[index + startIndex];
}
switch (startIndex) {
case 0:
return func.call(this, rest);
case 1:
return func.call(this, arguments[0], rest);
case 2:
return func.call(this, arguments[0], arguments[1], rest);
}
var args = Array(startIndex + 1);
for (index = 0; index < startIndex; index++) {
args[index] = arguments[index];
}
args[startIndex] = rest;
return func.apply(this, args);
};
}; // Delays a function for the given number of milliseconds, and then calls
// it with the arguments supplied.
const liquidDelay = restArguments(function (func, wait, args) {
return setTimeout(function () {
return func.apply(null, args);
}, wait);
}); // A (possibly faster) way to get the current timestamp as an integer.
const liquidNow = Date.now || function () {
return new Date().getTime();
}; // Returns a function, that, when invoked, will only be triggered at most once
// during a given window of time. Normally, the throttled function will run
// as much as it can, without ever going more than once per `wait` duration;
// but if you'd like to disable the execution on the leading edge, pass
// `{leading: false}`. To disable execution on the trailing edge, ditto.
const liquidThrottle = function liquidThrottle(func, wait, options) {
var timeout, context, args, result;
var previous = 0;
if (!options) options = {};
var later = function later() {
previous = options.leading === false ? 0 : liquidNow();
timeout = null;
result = func.apply(context, args);
if (!timeout) context = args = null;
};
var throttled = function throttled() {
var now = liquidNow();
if (!previous && options.leading === false) previous = now;
var remaining = wait - (now - previous);
context = this;
args = arguments;
if (remaining <= 0 || remaining > wait) {
if (timeout) {
clearTimeout(timeout);
timeout = null;
}
previous = now;
result = func.apply(context, args);
if (!timeout) context = args = null;
} else if (!timeout && options.trailing !== false) {
timeout = setTimeout(later, remaining);
}
return result;
};
throttled.cancel = function () {
clearTimeout(timeout);
previous = 0;
timeout = context = args = null;
};
return throttled;
}; // Returns a function, that, as long as it continues to be invoked, will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If `immediate` is passed, trigger the function on the
// leading edge, instead of the trailing.
const liquidDebounce = function liquidDebounce(func, wait, immediate) {
var timeout, result;
var later = function later(context, args) {
timeout = null;
if (args) result = func.apply(context, args);
};
var debounced = restArguments(function (args) {
if (timeout) clearTimeout(timeout);
if (immediate) {
var callNow = !timeout;
timeout = setTimeout(later, wait);
if (callNow) result = func.apply(this, args);
} else {
timeout = liquidDelay(later, wait, this, args);
}
return result;
});
debounced.cancel = function () {
clearTimeout(timeout);
timeout = null;
};
return debounced;
}; // If it's IE
(function () {
var ua = window.navigator.userAgent;
var msie = /MSIE|Trident/.test(ua);
msie && document.querySelector('html').classList.add('is-ie');
})(); // Custom event Polyfill for IE
(function () {
if (typeof window.CustomEvent === "function") return false;
function CustomEvent(event, params) {
params = params || {
bubbles: false,
cancelable: false,
detail: null
};
var evt = document.createEvent('CustomEvent');
evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
return evt;
}
CustomEvent.prototype = window.Event.prototype;
window.CustomEvent = CustomEvent;
})();
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidPreloader';
let defaults = {
animationType: 'fade',
animationTargets: 'self',
stagger: 0
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.$body = $('body');
this.onPageLoad();
}
getAnimationTargets() {
const {
animationTargets
} = this.options;
if (animationTargets === 'self') {
return this.element;
} else {
return document.querySelectorAll(animationTargets);
}
}
getAnimationProperties() {
const {
animationType
} = this.options;
return this["".concat(animationType, "Properties")]();
}
fadeProperties() {
const animateIn = {
opacity: [0, 1]
};
const animateOut = {
opacity: [1, 0]
};
return {
animateIn,
animateOut
};
}
slideProperties() {
const animateIn = {
translateX: ['100%', '0%']
};
const animateOut = {
translateX: ['0%', '-100%']
};
return {
animateIn,
animateOut
};
}
onPageLoad(event) {
$liquidBody.addClass('lqd-page-loaded lqd-preloader-animations-started');
$liquidBody.removeClass('lqd-page-leaving lqd-page-not-loaded');
this.hidePreloader();
}
onPageUnload() {
this.$body.addClass('lqd-page-leaving');
this.$body.removeClass('lqd-preloader-animations-done');
this.$body.addClass('lqd-preloader-animations-started');
this.showPreloader();
}
hidePreloader() {
const animationTargets = this.getAnimationTargets();
const animeTimeline = anime.timeline({
targets: animationTargets,
duration: 1400,
easing: 'easeOutExpo',
delay: anime.stagger(this.options.stagger),
complete: anime => {
this.$element.hide();
this.$body.removeClass('lqd-preloader-animations-started');
this.$body.addClass('lqd-preloader-animations-done');
anime.animatables.forEach(animatable => {
$(animatable.target).css('transform', '');
});
}
});
$(animationTargets).each((i, targetElement) => {
const $targetElement = $(targetElement);
if (targetElement.hasAttribute('data-animations')) {
const animations = $targetElement.data('animations');
const properties = $.extend({}, animations, {
targets: targetElement
});
animeTimeline.add(properties, this.options.stagger * i);
} else {
const animationProperties = this.getAnimationProperties().animateOut;
const properties = $.extend({}, animationProperties, {
targets: targetElement
});
animeTimeline.add(properties, this.options.stagger * i);
}
});
}
showPreloader() {
this.$element.fadeIn('fast');
return null;
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('preloader-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
$liquidWindow.on('pageshow load', ev => {
liquidPageLoaded || jQuery('.lqd-preloader-wrap').liquidPreloader();
liquidPageLoaded = true;
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidMegamenu';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(this.element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.mobileNavBreakPoint = liquidMobileNavBreakpoint();
this.tabletBreakpoint = this.mobileNavBreakPoint <= 992 ? 992 : this.mobileNavBreakPoint; // containerWidth: [windowMinWidth, windowMaxWidth]
this.breakpoints = {
[this.mobileNavBreakPoint - 60]: [this.mobileNavBreakPoint + 1, Infinity],
940: [992, this.tabletBreakpoint]
};
this.$megamenuContainer = $('.megamenu-container', this.element);
this.$innerRow = $('.megamenu-inner-row', this.element);
this.isContentStretched = this.$innerRow.next('.vc_row-full-width').length ? true : false;
this.$columns = $('.megamenu-column', this.element);
this.$submenu = $('.nav-item-children', this.element);
this.defaultSidePadding = 15;
this.init();
}
init() {
this.setColumnsNumbers();
if (!this.isContentStretched) {
this.setContainerWidth();
this.getElementBoundingRect();
this.resizeWindow();
} else {
this.$element.addClass('megamenu-content-stretch');
this.$megamenuContainer.removeClass('container').addClass('container-fluid');
this.$element.addClass('position-applied');
}
}
setColumnsNumbers() {
this.$element.addClass("columns-".concat(this.$columns.length));
}
getColumnsWidth() {
let columnsWidth = 0;
$.each(this.$columns, (i, col) => {
columnsWidth += Math.round($(col).outerWidth(true));
});
return columnsWidth;
}
setContainerWidth() {
this.$megamenuContainer.css({
width: ''
});
const columnsWidth = this.getColumnsWidth();
this.$megamenuContainer.width(columnsWidth - this.defaultSidePadding * 2);
}
getGlobalContainerDimensions() {
const windowWidth = liquidWindowWidth();
const dimensions = {};
$.each(this.breakpoints, (containerWidth, windowWidths) => {
if (windowWidth >= windowWidths[0] && windowWidth <= windowWidths[1]) {
dimensions.width = parseInt(containerWidth, 10);
dimensions.offsetLeft = (windowWidth - containerWidth) / 2;
}
});
return dimensions;
}
getElementBoundingRect() {
new IntersectionObserver(enteries => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this.elementBoundingRect = entery.boundingClientRect;
this.getMegamenuBoundingRect();
}
});
}).observe(this.element);
}
getMegamenuBoundingRect() {
new IntersectionObserver(enteries => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this.megamenuBoundingRect = entery.boundingClientRect;
this.positioning();
}
});
}).observe(this.$megamenuContainer.get(0));
}
positioning() {
const elementWidth = this.elementBoundingRect.width;
const elementOffsetLeft = this.elementBoundingRect.left;
const megamenuContainerWidth = this.megamenuBoundingRect.width;
const globalContainerDimensions = this.getGlobalContainerDimensions();
const globalContainerWidth = globalContainerDimensions.width;
const globalContainerOffsetLeft = globalContainerDimensions.offsetLeft;
const menuItemisInGlobalContainerRange = elementOffsetLeft <= globalContainerWidth + globalContainerOffsetLeft ? true : false;
let megamenuOffsetLeft = 0;
this.$submenu.css({
left: '',
marginLeft: ''
}); // just make it center if it fits inside global container
if (megamenuContainerWidth === globalContainerWidth && menuItemisInGlobalContainerRange) {
this.$submenu.css({
left: globalContainerOffsetLeft - this.defaultSidePadding
});
} // if the menu item is inside the global container range
if (menuItemisInGlobalContainerRange) {
this.$submenu.css({
left: globalContainerOffsetLeft - this.defaultSidePadding + (globalContainerWidth / 2 - megamenuContainerWidth / 2)
});
megamenuOffsetLeft = parseInt(this.$submenu.css('left'), 10);
} // if the megammenu is pushed too much to the right and it's far from it's parent menu item
if (megamenuOffsetLeft > elementOffsetLeft) {
this.$submenu.css({
left: elementOffsetLeft
}); // if the megamenu needs to push a bit more to the right
} else if (megamenuOffsetLeft + megamenuContainerWidth < elementOffsetLeft + elementWidth) {
this.$submenu.css({
left: elementOffsetLeft + elementWidth - (megamenuOffsetLeft + megamenuContainerWidth) + megamenuOffsetLeft
});
}
this.$element.addClass('position-applied');
}
resizeWindow() {
const onResize = liquidDebounce(this.onResizeWindow, 250);
$(window).on('resize', onResize.bind(this));
}
onResizeWindow() {
this.$element.removeClass('position-applied');
this.setContainerWidth();
this.getElementBoundingRect();
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('.megamenu').filter((i, element) => !$(element).closest('.main-nav').hasClass('main-nav-side, main-nav-fullscreen-style-1')).liquidMegamenu();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidSubmenu';
let defaults = {
toggleType: "fade",
// fade, slide
handler: "mouse-in-out",
// click, mouse-in-out
animationSpeed: 200
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.$mainHeader = this.$element.closest('.main-header');
this.modernMobileNav = $('body').attr('data-mobile-nav-style') == 'modern';
this.init();
}
init() {
const submenuParent = this.$element.find('.menu-item-has-children, .page_item_has_children');
const $submenus = this.$element.find('.nav-item-children, .children');
const $navbarCollapse = this.$element.closest('.navbar-collapse');
if ($navbarCollapse.length && !$navbarCollapse.is('.navbar-fullscreen')) {
this.positioning($submenus);
}
submenuParent.each((i, subParent) => {
this.getMegamenuBackgroundLuminance(subParent);
this.eventHandlers(subParent);
this.offHandlers(submenuParent);
this.handleWindowResize(submenuParent);
});
return this;
}
eventHandlers(submenuParent) {
const self = this;
const $toggleLink = $(submenuParent).children('a');
const {
handler,
toggleType,
animationSpeed
} = this.options;
const $mobileNavExpander = $('.submenu-expander', $toggleLink);
$toggleLink.off();
$(submenuParent).off();
$mobileNavExpander.off();
if (handler == 'click') {
$toggleLink.on('click', event => {
self.handleToggle.call(self, event, 'toggle');
});
$(document).on('click', self.closeActiveSubmenu.bind(submenuParent, toggleType, animationSpeed));
$(document).keyup(event => {
if (event.keyCode == 27) {
self.closeActiveSubmenu(toggleType, animationSpeed);
}
});
} else {
$(submenuParent).on('mouseenter', event => {
self.handleToggle.call(self, event, 'show');
});
$(submenuParent).on('mouseleave', event => {
self.handleToggle.call(self, event, 'hide');
});
} // Mobile nav
$mobileNavExpander.on('click', event => {
event.preventDefault();
event.stopPropagation();
this.mobileNav.call(this, $(event.currentTarget).closest('li'));
});
return this;
}
handleToggle(event, state) {
const self = this;
const toggleType = self.options.toggleType;
const $link = $(event.currentTarget);
const submenu = $link.is('a') ? $link.siblings('.nav-item-children, .children') : $link.children('.nav-item-children, .children');
const $mainBarWrap = $link.closest('.mainbar-wrap');
const isMegamenu = $link.is('.megamenu') ? true : false;
const megamenuBg = isMegamenu && $link.attr('data-bg-color');
const megamenuScheme = isMegamenu && $link.attr('data-megamenu-bg-scheme');
if (submenu.length) {
event.preventDefault();
submenu.closest('li').toggleClass('active').siblings().removeClass('active');
if (toggleType == 'fade' && state === 'show') {
self.fadeIn(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
} else if (toggleType == 'fade' && state === 'hide') {
self.fadeOut(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
}
if (toggleType == 'slide' && state === 'show') {
self.slideDown(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
} else if (toggleType == 'slide' && state === 'hide') {
self.slideUp(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
}
if (toggleType == 'fade' && state === 'toggle') {
self.fadeToggle(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
}
if (toggleType == 'slide' && state === 'toggle') {
self.slideToggle(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
}
}
}
fadeToggle(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
submenu.closest('li').siblings().find('.nav-item-children, .children').stop().fadeOut(this.options.animationSpeed);
submenu.stop().fadeToggle(this.options.animationSpeed);
if (isMegamenu) {
$mainBarWrap.children('.megamenu-hover-bg').css('background-color', megamenuBg);
this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
this.$mainHeader.toggleClass("megamenu-item-active megamenu-scheme-".concat(megamenuScheme));
}
}
fadeIn(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
submenu.closest('li').siblings().find('.nav-item-children, .children').stop().fadeOut(this.options.animationSpeed);
submenu.stop().fadeIn(this.options.animationSpeed);
if (isMegamenu) {
$mainBarWrap.children('.megamenu-hover-bg').css('background-color', megamenuBg);
;
this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
this.$mainHeader.addClass("megamenu-item-active megamenu-scheme-".concat(megamenuScheme));
}
if (submenu.find('[data-lqd-flickity]').length) {
submenu.find('[data-lqd-flickity]').flickity('resize');
}
}
fadeOut(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
submenu.stop().fadeOut(this.options.animationSpeed);
if (isMegamenu) {
this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
this.$mainHeader.removeClass('megamenu-item-active');
}
}
slideToggle(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
submenu.closest('li').siblings().find('.nav-item-children, .children').stop().slideUp(this.options.animationSpeed);
submenu.stop().slideToggle(this.options.animationSpeed);
if (isMegamenu) {
$mainBarWrap.children('.megamenu-hover-bg').css('background-color', megamenuBg);
this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
this.$mainHeader.toggleClass("megamenu-item-active megamenu-scheme-".concat(megamenuScheme));
}
}
slideDown(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
submenu.closest('li').siblings().find('.nav-item-children, .children').stop().slideUp(this.options.animationSpeed);
submenu.stop().slideDown(this.options.animationSpeed);
if (isMegamenu) {
$mainBarWrap.children('.megamenu-hover-bg').css('background-color', megamenuBg);
this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
this.$mainHeader.addClass("megamenu-item-active megamenu-scheme-".concat(megamenuScheme));
}
}
slideUp(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
submenu.stop().slideUp(this.options.animationSpeed);
if (isMegamenu) {
this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
this.$mainHeader.removeClass('megamenu-item-active');
}
}
getMegamenuBackgroundLuminance(subParent) {
const $subParent = $(subParent);
if ($subParent.is('.megamenu')) {
const $megamenuRow = $subParent.find('.megamenu-inner-row').first();
const backgroundColor = tinycolor($megamenuRow.css('background-color'));
$subParent.closest('.megamenu').attr('data-bg-color', backgroundColor);
if (backgroundColor.isLight()) {
$subParent.attr('data-megamenu-bg-scheme', 'light');
} else if (backgroundColor.isDark()) {
$subParent.attr('data-megamenu-bg-scheme', 'dark');
}
}
}
closeActiveSubmenu(toggleType, animationSpeed) {
// if Esc key pressed
if (event.keyCode) {
const mainNav = $(this.element);
if (toggleType == 'fade') {
mainNav.find('.active').removeClass('active').find('.nav-item-children, .children').stop().fadeOut(animationSpeed);
} else {
mainNav.find('.active').removeClass('active').find('.nav-item-children, .children').stop().slideUp(animationSpeed);
}
} else {
// else if it was clicked in the document
const $submenuParent = $(this);
if (!$submenuParent.is(event.target) && !$submenuParent.has(event.target).length && $submenuParent.hasClass('active')) {
$submenuParent.removeClass('active');
if (toggleType == 'fade') {
$submenuParent.find('.nav-item-children, .children').stop().fadeOut(animationSpeed);
} else {
$submenuParent.find('.nav-item-children, .children').stop().slideUp(animationSpeed);
}
}
}
}
mobileNav($submenuParent) {
const $submenu = $submenuParent.children('.nav-item-children, .children');
const $navbarCollapse = $submenuParent.closest('.navbar-collapse');
const $navbarInner = $navbarCollapse.find('.navbar-collapse-inner');
const submenuParentWasActive = $submenuParent.hasClass('active');
$submenuParent.toggleClass('active');
$submenuParent.siblings().removeClass('active').find('.nav-item-children, .children').slideUp(200);
$submenu.slideToggle(300, () => {
if (this.modernMobileNav && !submenuParentWasActive) {
$navbarInner.animate({
scrollTop: $navbarInner.scrollTop() + ($submenuParent.offset().top - $navbarInner.offset().top)
});
} else if (!submenuParentWasActive) {
$navbarCollapse.animate({
scrollTop: $navbarCollapse.scrollTop() + ($submenuParent.offset().top - $navbarCollapse.offset().top)
});
}
});
}
offHandlers(submenuParent) {
if (liquidWindowWidth() <= liquidMobileNavBreakpoint()) {
$(submenuParent).off();
$(submenuParent).children('a').off();
} else {
this.eventHandlers(submenuParent);
}
}
positioning($submenus) {
$.each($submenus.get().reverse(), (i, submenu) => {
const $submenu = $(submenu);
const $submenuParent = $submenu.parent('li');
if ($submenuParent.is('.megamenu')) return;
$submenu.removeClass('to-left');
$submenuParent.removeClass('position-applied');
this.initIO(submenu, $submenuParent);
});
}
initIO(submenu, $submenuParent) {
const callback = (enteries, observer) => {
enteries.forEach(entery => {
const $submenu = $(submenu);
const boundingClientRect = entery.boundingClientRect;
const submenuOffsetLeft = boundingClientRect.left;
const submenuWidth = boundingClientRect.width;
const windowWidth = entery.rootBounds.width;
if (submenuOffsetLeft + submenuWidth >= windowWidth) {
$submenu.addClass('to-left');
}
$submenuParent.addClass('position-applied');
observer.unobserve(entery.target);
});
};
const observer = new IntersectionObserver(callback);
observer.observe(submenu);
}
handleWindowResize(submenuParent) {
$(window).on('resize', this.onWindowResize.bind(this, submenuParent));
}
onWindowResize(submenuParent) {
this.offHandlers(submenuParent);
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('submenu-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('.main-nav').liquidSubmenu();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidStickyHeader';
let defaults = {
stickyElement: '.mainbar-wrap',
stickyTrigger: 'this' // 'this', 'first-section'
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.$stickyElement = $(this.options.stickyElement, this.element).last();
this.$firstRow = $('#content > .vc_row:first-of-type');
this.sentinel = this.addSentinel();
this.placeholder = this.addPlaceholder();
this.init();
}
init() {
this.observeSentinel();
this.observeStickyElement();
this.handleWindowResize();
this.eventListeners();
}
eventListeners() {
document.addEventListener('lqd-header-sticky-change', e => {
const $stickyElement = $(e.detail.target);
const sticking = e.detail.stuck;
$stickyElement.toggleClass('is-stuck', sticking);
$stickyElement.prev('.lqd-sticky-placeholder').toggleClass('hide', !sticking);
});
}
addPlaceholder() {
const $placeholder = $('<div class="lqd-sticky-placeholder hide" />');
return $placeholder.insertBefore(this.$stickyElement).get(0);
}
addSentinel() {
const {
stickyTrigger
} = this.options;
const $sentinel = $('<div class="lqd-sticky-sentinel invisible pos-abs" />');
let trigger = 'body';
if (stickyTrigger === 'first-section' && !this.$firstRow.is(':only-child')) {
const $titlebar = $('.titlebar');
if ($titlebar.length) {
trigger = $titlebar;
} else if (this.$firstRow.length) {
trigger = this.$firstRow;
} else {
trigger = trigger;
}
$sentinel.css({
'top': 'auto',
'bottom': this.$stickyElement.outerHeight()
});
}
return $sentinel.appendTo(trigger).get(0);
}
observeSentinel() {
const observer = new IntersectionObserver(enteries => {
enteries.forEach(entery => {
const targetInfo = entery.boundingClientRect;
const rootBoundsInfo = entery.rootBounds;
const stickyTarget = this.$stickyElement.get(0);
if (rootBoundsInfo && targetInfo.bottom < rootBoundsInfo.top) {
this.fireEvent(true, stickyTarget);
}
if (rootBoundsInfo && targetInfo.bottom >= rootBoundsInfo.top && targetInfo.bottom < rootBoundsInfo.bottom) {
this.fireEvent(false, stickyTarget);
}
});
});
observer.observe(this.sentinel);
}
observeStickyElement() {
if (!this.$stickyElement.length) return false;
const observer = new IntersectionObserver((enteries, observer) => {
enteries.forEach(entery => {
const {
stickyTrigger
} = this.options;
const $sentinel = $(this.sentinel);
const $placeholder = $(this.placeholder);
const targetInfo = entery.boundingClientRect;
if ($(entery.target).hasClass('is-stuck')) return false;
if (stickyTrigger === 'this' || stickyTrigger === 'first-section' && this.$firstRow.is(':only-child')) {
$sentinel.css({
width: targetInfo.width,
height: targetInfo.height,
top: targetInfo.top + window.scrollY,
left: targetInfo.left + window.scrollX
});
}
$placeholder.css({
height: targetInfo.height
});
observer.unobserve(entery.target);
});
});
observer.observe(this.$stickyElement.get(0));
}
fireEvent(stuck, target) {
const e = new CustomEvent('lqd-header-sticky-change', {
detail: {
stuck,
target
}
});
document.dispatchEvent(e);
}
handleWindowResize() {
const onResize = liquidDebounce(this.onWindowResize, 250);
$(window).on('resize', onResize.bind(this));
}
onWindowResize() {
this.observeStickyElement();
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('sticky-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-sticky-header]').liquidStickyHeader();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidMobileNav';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.$mainNavElements = $('.main-nav', this.element);
this.$navbarHeader = $('.navbar-header', this.$element.find('.mainbar')).first();
this.$firstMainNav = this.$mainNavElements.length && this.$mainNavElements.first();
this.$navItems = [];
this.init();
}
init() {
this.mergeMenuItems();
this.mobileModules();
}
mergeMenuItems() {
if (this.$mainNavElements.length && this.$mainNavElements.length >= 2) {
this.$mainNavElements.not(this.$firstMainNav).map((i, navElement) => {
const $navElement = $(navElement);
$navElement.children().clone(true).addClass('nav-item-cloned').appendTo(this.$firstMainNav);
});
}
}
mobileModules() {
const $mobileModules = $('.lqd-show-on-mobile', this.element);
if ($mobileModules.length) {
const $mobileModulesContainer = $('<div class="lqd-mobile-modules-container" />');
$mobileModules.each((i, module) => {
const $module = $(module);
if (!$module.children().length) return false;
const $clonedModule = $module.clone(true);
const triggerElement = $('[data-target]', module);
const target = triggerElement.attr('data-target');
const $targetEelement = $(target, module);
triggerElement.length && $targetEelement.attr({
'id': "".concat(target.replace('#', ''), "-cloned")
});
triggerElement.length && triggerElement.attr({
'data-target': "".concat(target, "-cloned"),
'aria-controls': "".concat(target.replace('#', ''), "-cloned")
});
$clonedModule.appendTo($mobileModulesContainer);
});
if (!$('.lqd-mobile-modules-container', this.$navbarHeader).length) {
$mobileModulesContainer.prependTo(this.$navbarHeader);
}
}
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('mobilenav-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('.main-header').liquidMobileNav();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidToggle';
let defaults = {};
class Plugin {
constructor(element, options) {
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.element = element;
this.$element = $(element);
this.$body = $('body');
this.elements = this.options;
this.targetElement = document.querySelector(this.$element.data('target'));
this.$targetElement = $(this.targetElement);
this.$mainHeader = $('.main-header');
this.$parentElement = this.$element.parent();
this.isSearchModule = this.$parentElement.is('.ld-module-search');
this.isCartModule = this.$parentElement.is('.ld-module-cart');
this.init();
}
init() {
this.$targetElement.not('.navbar-collapse').css({
'visibility': 'hidden',
display: 'block'
});
this.initIO();
this.addBodyClassnames();
this.eventHandlers();
this.cloneTriggerInTarget();
this.cloneTargetInBody();
return this;
}
initIO() {
const inViewCallback = (enteries, observer) => {
enteries.forEach(entery => {
const boundingRect = entery.boundingClientRect;
if (boundingRect.width + boundingRect.left >= liquidWindowWidth()) {
this.$targetElement.not('.navbar-collapse').removeClass('left').addClass('right');
}
if (boundingRect.left < 0) {
this.$targetElement.not('.navbar-collapse').removeClass('right').addClass('left');
}
this.$targetElement.not('.navbar-collapse').css({
'visibility': '',
display: ''
});
observer.unobserve(entery.target);
});
};
const observer = new IntersectionObserver(inViewCallback);
this.$targetElement.length && observer.observe(this.targetElement);
}
addBodyClassnames() {
if (this.$parentElement.get(0).hasAttribute('data-module-style')) {
this.$body.addClass(this.$parentElement.attr('data-module-style'));
}
}
eventHandlers() {
const self = this;
this.$targetElement.on('show.bs.collapse', this.onShow.bind(this));
this.$targetElement.on('shown.bs.collapse', this.onShown.bind(this));
this.$targetElement.on('hide.bs.collapse', this.onHide.bind(this));
this.$targetElement.on('hidden.bs.collapse', this.onHidden.bind(this));
$(document).on('click', event => {
self.closeAll.call(self, event);
});
$(document).keyup(function (event) {
if (event.keyCode == 27) {
self.closeAll.call(self, event);
}
});
return this;
}
onShow(e) {
$('html').addClass('module-expanding');
if (this.isSearchModule) {
$('html').addClass('lqd-module-search-expanded');
} else if (this.isCartModule) {
$('html').addClass('lqd-module-cart-expanded');
}
if (this.$element.attr('data-target').replace('#', '') === $(e.target).attr('id')) {
this.toggleClassnames(e);
this.focusOnSearch();
}
return this;
}
onShown() {
$('html').removeClass('module-expanding');
if (window.liquidLazyload) {
window.liquidLazyload.update();
}
return this;
}
onHide(e) {
$('html').addClass('module-collapsing');
if (this.$element.attr('data-target').replace('#', '') === $(e.target).attr('id')) {
this.toggleClassnames(e);
}
return this;
}
onHidden() {
$('html').removeClass('module-collapsing lqd-module-search-expanded lqd-module-cart-expanded');
}
toggleClassnames(e) {
// { "element": "classname, classname" }
$.each(this.elements, (element, classname) => {
$(element).toggleClass(classname);
});
return this;
}
focusOnSearch() {
const self = this;
if (self.$targetElement.find('input[type=search]').length) {
setTimeout(function () {
self.$targetElement.find('input[type=search]').focus().select();
}, 150);
}
}
closeAll(event) {
const element = $(this.element);
const $target = $(element.attr('data-target')); // if Esc key pressed
if (event.keyCode) {
$target.collapse('hide');
} else {
// else if it was clicked in the document
if (!$target.is(event.target) && !$target.has(event.target).length && (!$(event.target).is('.add_to_cart_button') && !$target.is('#lqd-cart') || !$target.is('#lqd-cart-cloned'))) {
$target.collapse('hide');
}
}
}
cloneTriggerInTarget() {
// only for mobile nav.
// and when mobile nav style is set to modern
if ($(this.element).is('.nav-trigger:not(.main-nav-trigger)') && this.$body.attr('data-mobile-nav-style') == 'modern') {
const $clonedTrigger = $(this.element).clone(true).prependTo(this.$targetElement);
$clonedTrigger.siblings('.nav-trigger').remove();
}
}
cloneTargetInBody() {
// only for mobile nav.
// and when mobile nav style is set to modern
if ($(this.element).is('.nav-trigger:not(.main-nav-trigger)') && this.$body.attr('data-mobile-nav-style') == 'modern' && !$('.navbar-collapse-clone').length) {
const targetClone = $(this.$targetElement).clone(true).addClass('navbar-collapse-clone').attr('id', 'main-header-collapse-clone').insertAfter('#wrap');
targetClone.children('.main-nav, .header-module').wrapAll('<div class="navbar-collapse-inner"></div>');
$(this.element).attr('data-target', '#main-header-collapse-clone').addClass('mobile-nav-trigger-cloned');
targetClone.find('.nav-trigger').attr('data-target', '#main-header-collapse-clone');
}
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('changeclassnames') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('.mainbar-wrap .nav-trigger').liquidToggle();
$('[data-ld-toggle]').liquidToggle();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidResponsiveBG';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.targetImage = null;
this.targetImage = this.element.querySelector('img');
this.init();
}
init() {
if (typeof undefined === typeof this.targetImage || null === this.targetImage) {
console.error('There should be an image to get the source from it.');
return false;
}
const imgLoad = imagesLoaded(this.targetImage);
this.setBgImage();
imgLoad.on('done', this.onLoad.bind(this));
}
getCurrentSrc() {
let imageSrc = this.targetImage.currentSrc ? this.targetImage.currentSrc : this.targetImage.src;
if (/data:image\/svg\+xml/.test(imageSrc)) {
imageSrc = this.targetImage.dataset.src;
}
return imageSrc;
}
setBgImage() {
this.$element.css({
backgroundImage: "url( ".concat(this.getCurrentSrc(), " )")
});
}
reInitparallaxBG() {
const parallaxFigure = this.$element.children('.liquid-parallax-container').find('.liquid-parallax-figure');
if (parallaxFigure.length) {
parallaxFigure.css({
backgroundImage: "url( ".concat(this.getCurrentSrc(), " )")
});
}
}
onLoad() {
this.reInitparallaxBG();
this.$element.is('[data-liquid-blur]') && this.$element.liquidBlurImage();
this.$element.addClass('loaded');
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('responsive-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if (!$('body').hasClass('lazyload-enabled')) {
$('[data-responsive-bg=true]').filter((i, element) => {
const $element = $(element);
const $revealElement = $element.parent('[data-reveal]');
return !$revealElement.length;
}).liquidResponsiveBG();
}
});
"use strict";
jQuery(document).ready(function ($) {
if ($('body').hasClass('lazyload-enabled')) {
window.liquidLazyload = new LazyLoad({
elements_selector: '.ld-lazyload',
threshold: 700,
callback_loaded: el => {
const $element = $(el);
const $masonryParent = $element.closest('[data-liquid-masonry=true]');
const $flickityParent = $element.closest('[data-lqd-flickity]');
const $flexParent = $element.closest('.flex-viewport');
$element.parent().not('#wrap, #content').addClass('loaded');
$element.closest('[data-responsive-bg=true]').liquidResponsiveBG();
if ($masonryParent.length && $masonryParent.data('isotope')) {
$masonryParent.isotope('layout');
}
if ($flickityParent.length && $flickityParent.data('flickity')) {
$flickityParent.on('settle.flickity', () => {
$flickityParent.flickity('resize');
});
}
if ($flexParent.length && $flexParent.parent().data('flexslider')) {
setTimeout(function () {
$flexParent.animate({
height: $element.height()
});
}, 100);
}
}
});
}
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidMoveElement';
let defaults = {
target: '#selector',
targetRelation: 'closest',
type: 'prependTo',
includeParent: false,
clone: false
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
init() {
this.getHiddenClasses();
this.moveElement();
}
getHiddenClasses() {
const $parentColumn = this.$element.closest('.wpb_column');
if ($parentColumn.length) {
const parentColumnClass = $parentColumn.attr('class');
const classList = parentColumnClass.split(' ').filter(cls => cls.search('vc_hidden') >= 0);
classList.length && this.$element.addClass(classList.join(' '));
}
}
moveElement() {
const {
target,
type,
targetRelation
} = this.options;
this.$element[type](this.$element[targetRelation](target));
this.$element.addClass('element-was-moved');
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('move-element') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-move-element]').liquidMoveElement();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidInView';
let defaults = {
delayTime: 0,
onImagesLoaded: false
};
function Plugin(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init() {
this.onInview();
},
onInview() {
const threshold = this._getThreshold();
const delayTime = this.options.delayTime;
const inViewCallback = (enteries, observer) => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
if (!this.options.onImagesLoaded) {
delayTime <= 0 ? this._doInViewStuff() : setTimeout(this._doInViewStuff(), delayTime);
} else {
this.$element.imagesLoaded(delayTime <= 0 ? this._doInViewStuff.bind(this) : setTimeout(this._doInViewStuff.bind(this), delayTime));
}
observer.unobserve(entery.target);
}
});
};
const observer = new IntersectionObserver(inViewCallback, {
threshold
});
observer.observe(this.element);
},
_getThreshold() {
const windowHeight = liquidWindowWidth();
const elementOuterHeight = this.$element.outerHeight();
return Math.min(Math.max(windowHeight / elementOuterHeight / 5, 0), 1);
},
_doInViewStuff() {
$(this.element).addClass('is-in-view');
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('inview-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-inview]').liquidInView();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidButton';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
init() {
this.gradientBorderRoundness();
}
gradientBorderRoundness() {
const self = this;
const element = $(self.element);
if (element.find('.btn-gradient-border').length && element.hasClass('circle') && element.is(':visible')) {
const svgBorder = element.find('.btn-gradient-border').children('rect');
const buttonHeight = element.height();
svgBorder.attr({
rx: buttonHeight / 2,
ry: buttonHeight / 2
});
}
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('.btn').not('.button') // prevent applying to woocommerce buttons. it's messing up ajax calls
.liquidButton();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidSplitText';
let defaults = {
type: "words",
// "words", "chars", "lines". or mixed e.g. "words, chars"
forceApply: false
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.splittedTextArray = [];
this.splitTextInstance = null;
this.isRTL = $('html').attr('dir') == 'rtl';
this.init();
}
init() {
this._initIO();
}
_initIO() {
if (this.options.forceApply) {
this._initSplit();
this._windowResize();
return false;
}
new IntersectionObserver((enteries, observer) => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this._initSplit();
this._windowResize();
observer.unobserve(entery.target);
}
});
}, {
rootMargin: '10%'
}).observe(this.element);
}
_initSplit() {
if (this.options.forceApply) {
this.splitTextInstance = this._doSplit();
this._onSplittingDone();
return false;
} else {
this._onFontsLoad();
}
}
_onFontsLoad() {
const elementFontFamily = this.$element.css('font-family').replace(/\"/g, '').replace(/\'/g, '').split(',')[0];
const elementFontWeight = this.$element.css('font-weight');
const elementFontStyle = this.$element.css('font-style');
const font = new FontFaceObserver(elementFontFamily, {
weight: elementFontWeight,
style: elementFontStyle
});
font.load().then(() => {
this.splitTextInstance = this._doSplit();
this._onSplittingDone();
}, () => {
this.splitTextInstance = this._doSplit();
this._onSplittingDone();
});
}
getSplitTypeArray() {
const {
type
} = this.options;
const splitTypeArray = type.split(',').map(item => item.replace(' ', ''));
if (!this.isRTL) {
return splitTypeArray;
} else {
return splitTypeArray.filter(type => type !== 'chars');
}
}
_doSplit() {
if (this.$element.hasClass('split-text-applied') || this.$element.closest('.tabs-pane').length && this.$element.closest('.tabs-pane').is(':hidden')) {
return false;
}
const splitType = this.getSplitTypeArray();
const splittedText = new SplitText(this.element, {
type: splitType,
charsClass: 'lqd-chars',
linesClass: 'lqd-lines',
wordsClass: 'lqd-words'
});
$.each(splitType, (i, type) => {
$.each(splittedText[type], (i, element) => {
this.splittedTextArray.push(element);
});
});
this._unitsOp(this.splittedTextArray);
this.$element.addClass('split-text-applied');
return splittedText;
}
_unitsOp(splittedElements) {
$.each(splittedElements, (i, element) => {
const $element = $(element).addClass('split-unit');
const innerText = $element.text();
$element.wrapInner("<span data-text=\"".concat(innerText, "\" class=\"split-inner\"><span class=\"split-txt\"></span></span>"));
});
}
_onSplittingDone() {
const parentColumn = this.$element.closest('.wpb_wrapper, .lqd-column');
/*
if it's only a split text, then call textRotator
Otherwise if it has custom animations, then wait for animations to be done
and then textRotator will be called from customAnimations
*/
if (this.$element.is('[data-text-rotator]') && !this.element.hasAttribute('data-custom-animations') && parentColumn.length && !parentColumn.get(0).hasAttribute('data-custom-animations')) {
this.$element.liquidTextRotator();
}
}
_onCollapse() {
const self = this;
$('[data-toggle="tab"]').on('shown.bs.tab', e => {
const href = e.target.getAttribute('href');
const targetPane = $(e.target).closest('.tabs').find(href);
const element = targetPane.find(self.element);
if (!element.length) return;
self.splitText.revert();
self._doSplit();
});
}
_windowResize() {
const onResize = liquidDebounce(this._onWindowResize, 500);
$(window).on('resize', onResize.bind(this));
}
_onWindowResize() {
$('html').addClass('window-resizing');
if (this.splitTextInstance) {
this.splitTextInstance.revert();
this.$element.removeClass('split-text-applied');
}
if (this.$element.data('plugin_liquidTextRotator')) {
this.$element.find('.txt-rotate-keywords').addClass('ws-nowrap').css('width', '');
this.$element.data('plugin_liquidTextRotator', '');
anime.remove(this.$element.get(0));
anime.remove(this.$element.find('.keyword').get());
this.$element.find('.keyword').removeClass('active is-next will-change').css({
opacity: '',
transform: ''
});
this.$element.find('.keyword:first-child').addClass('active');
}
this._onAfterWindowResize();
}
_onAfterWindowResize() {
$('html').removeClass('window-resizing');
this.splitTextInstance = this._doSplit();
this._onSplittingDone();
this.$element.find('.split-unit').addClass('lqd-unit-animation-done');
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = this.options = $.extend({}, $(this).data('split-options'), options);
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-split-text]').filter((i, element) => !$(element).parents('[data-custom-animations]').length && !element.hasAttribute('data-custom-animations')).liquidSplitText();
});
"use strict";
/*global jQuery */
/*!
* FitText.js 1.2
*
* Copyright 2011, Dave Rupert http://daverupert.com
* Released under the WTFPL license
* http://sam.zoy.org/wtfpl/
*
* Date: Thu May 05 14:23:00 2011 -0600
*/
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidFitText';
let defaults = {
compressor: 1,
minFontSize: Number.NEGATIVE_INFINITY,
maxFontSize: Number.POSITIVE_INFINITY
};
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init() {
this.setMinFontSize();
this.setMaxFontSize();
this.resizer();
this.onWindowResize();
},
setMinFontSize() {
const minFontSize = this.options.minFontSize;
const elementFontSize = $(this.element).css('fontSize');
if (minFontSize == 'currentFontSize') {
this.options.minFontSize = elementFontSize;
}
},
setMaxFontSize() {
const maxFontSize = this.options.maxFontSize;
const elementFontSize = $(this.element).css('fontSize');
if (maxFontSize == 'currentFontSize') {
this.options.maxFontSize = elementFontSize;
}
},
resizer() {
const options = this.options;
const compressor = options.compressor;
const maxFontSize = options.maxFontSize;
const minFontSize = options.minFontSize;
const $element = $(this.element); // if it's a fancy heading, get .ld-fancy-heading's parent width. because .ld-fancy-heading is set to display: inline-block
const elementWidth = $element.parent('.ld-fancy-heading').length ? $element.parent().width() : $element.width();
$element.css('font-size', Math.max(Math.min(elementWidth / (compressor * 10), parseFloat(maxFontSize)), parseFloat(minFontSize)));
},
onWindowResize() {
$(window).on('resize.fittext orientationchange.fittext', this.resizer.bind(this));
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('fittext-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-fittext]').liquidFitText();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidStretchElement';
let defaults = {
to: 'right'
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.isStretched = false;
this.boundingClientRect = null;
this.rootBounds = null;
this.initIO();
}
initIO() {
new IntersectionObserver(enteries => {
enteries.forEach(entry => {
if (entry.isIntersecting && !this.isStretched) {
this.boundingClientRect = entry.boundingClientRect;
this.rootBounds = entry.rootBounds;
this.init();
this.isStretched = true;
}
});
}).observe(this.element, {
rootMargin: '3%'
});
}
init() {
this.stretch();
this.$element.addClass('element-is-stretched');
}
stretch() {
if (this.options.to === 'right') {
this.stretchToRight();
} else {
this.stretchToLeft();
}
}
stretchToRight() {
const offset = this.rootBounds.width - (this.boundingClientRect.width + this.boundingClientRect.left);
this.$element.css('marginRight', offset * -1);
} // TODO: probably not correct. need to be revisited
stretchToLeft() {
const offset = this.rootBounds.width - this.boundingClientRect.left;
this.$element.css('marginLeft', offset * -1);
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('stretch-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-stretch-element=true]').liquidStretchElement();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidCustomAnimations';
let defaults = {
delay: 0,
startDelay: 0,
offDelay: 0,
direction: 'forward',
duration: 300,
offDuration: 300,
easing: 'easeOutQuint',
animationTarget: 'this',
// it can be also a selector e.g. '.selector'
initValues: {
translateX: 0,
translateY: 0,
translateZ: 0,
rotateX: 0,
rotateY: 0,
rotateZ: 0,
scaleX: 1,
scaleY: 1,
opacity: 1
},
animations: {},
animateTargetsWhenVisible: false // triggerHandler: "focus", // "inview"
// triggerTarget: "input",
// triggerRelation: "siblings",
// offTriggerHandler: "blur",
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
if (this.options.triggerHandler == 'mouseenter') this.options.triggerHandler = 'mouseenter touchstart';
if (this.options.triggerHandler == 'mouseleave') this.options.triggerHandler = 'mouseleave touchend';
this._defaults = defaults;
this._name = pluginName;
this.splitText = null;
this.isTouchMoving = false;
this.isRTL = $('html').attr('dir') == 'rtl';
this._initIO();
}
_initIO() {
const callback = (enteries, observer) => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this._build();
observer.unobserve(entery.target);
}
});
};
const observer = new IntersectionObserver(callback, {
rootMargin: '10%'
});
observer.observe(this.element);
}
_build() {
const self = this;
const element = self.element;
const $element = $(element);
let $splitTextElements = $element.find('[data-split-text]');
if ($splitTextElements.length) {
this.splitText = $splitTextElements.liquidSplitText({
forceApply: true
});
let fonts = {};
$.each($splitTextElements, (i, element) => {
const elementFontFamily = $(element).css('font-family').replace(/\"/g, '').replace(/\'/g, '').split(',')[0];
const elementFontWeight = $(element).css('font-weight');
const elementFontStyle = $(element).css('font-style');
fonts[elementFontFamily] = {
weight: elementFontWeight,
style: elementFontStyle
};
});
var observers = [];
Object.keys(fonts).forEach(function (family) {
var data = fonts[family];
var obs = new FontFaceObserver(family, data);
observers.push(obs.load());
});
Promise.all(observers).then(() => {
self._init();
}).catch(err => {
console.warn('Some critical fonts are not available:', err);
self._init();
});
return;
} else if ($element.is('[data-split-text]')) {
this.splitText = $element.liquidSplitText({
forceApply: true
});
const elementFontFamily = $element.css('font-family').replace(/\"/g, '').replace(/\'/g, '').split(',')[0];
const elementFontWeight = $element.css('font-weight');
const elementFontStyle = $element.css('font-style');
const font = new FontFaceObserver(elementFontFamily, {
weight: elementFontWeight,
style: elementFontStyle
});
font.load().then(() => {
self._init();
}, () => {
self._init();
});
} else {
self._init();
}
}
_init() {
this.animationTarget = this._getAnimationTargets();
this._initValues();
this._eventHandlers();
this._handleResize();
}
_getAnimationTargets() {
const animationTarget = this.options.animationTarget;
if (animationTarget == 'this') {
return this.element;
} else if (animationTarget == 'all-childs') {
return this._getChildElments();
} else {
return this.element.querySelectorAll(animationTarget);
}
}
_getChildElments() {
let $childs = $(this.element).children();
if ($childs.is('.wpb_wrapper-inner')) {
$childs = $childs.children();
}
return this._getInnerChildElements($childs);
}
_getInnerChildElements(elements) {
const elementsArray = [];
let $elements = $(elements).map((i, element) => {
const $element = $(element);
if ($element.is('.vc_inner')) {
return $element.find('.wpb_wrapper-inner').children().get();
} else if ($element.is('.row')) {
return $element.find('.lqd-column').children().get();
} else {
return $element.not('style').get();
}
});
$.each($elements, (i, element) => {
const $element = $(element);
if ($element.is('ul')) {
$.each($element.children('li'), (i, li) => {
elementsArray.push(li);
});
} else if ($element.find('.split-inner').length || $element.find('[data-split-text]').length) {
$.each($element.find('.split-inner'), (i, splitInner) => {
const $innerSplitInner = $(splitInner).find('.split-inner');
if ($innerSplitInner.length) {
elementsArray.push($innerSplitInner.get(0));
} else {
elementsArray.push(splitInner);
}
});
} else if ($element.is('.accordion')) {
$.each($element.children(), (i, accordionItem) => {
elementsArray.push(accordionItem);
});
} else if ($element.is('.liquid-ig-feed')) {
$.each($element.find('li'), (i, feedItem) => {
elementsArray.push(feedItem);
});
} else if ($element.is('.vc_inner')) {
$.each($element.find('.wpb_wrapper').children('.wpb_wrapper-inner'), (i, innerColumn) => {
elementsArray.push(innerColumn);
});
} else if ($element.is('.row')) {
$.each($element.find('.lqd-column'), (i, innerColumn) => {
elementsArray.push(innerColumn);
});
} else if ($element.is('.fancy-title')) {
$.each($element.children(), (i, fanctTitleElment) => {
elementsArray.push(fanctTitleElment);
});
} else if (!$element.is('.vc_empty_space') && !$element.is('style') && !$element.is('.ld-empty-space') && !$element.is('[data-split-text]')) {
elementsArray.push($element.get(0));
}
});
return elementsArray;
}
_eventHandlers() {
const element = $(this.element);
const options = this.options;
const triggerTarget = !options.triggerRelation ? element : element[options.triggerRelation](options.triggerTarget);
if (options.triggerHandler == 'inview' && !options.animateTargetsWhenVisible) {
this._initInviewAnimations(triggerTarget);
} else if (options.triggerHandler == 'inview' && options.animateTargetsWhenVisible) {
this._targetsIO();
}
$(document).on('touchmove', _ => this.isTouchMoving = true);
triggerTarget.on(options.triggerHandler, event => {
this._runAnimations.call(this, false, event);
});
triggerTarget.on(options.offTriggerHandler, event => {
if (event.type === 'touchend') this.isTouchMoving = false;
this._offAnimations.call(this, event);
});
}
_initInviewAnimations($triggerTarget) {
const threshold = window.liquidParams && window.liquidParams.tat == '0' ? 0 : this._inviewAnimationsThreshold($triggerTarget);
const inviewCallback = (enteries, observer) => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this._runAnimations();
observer.unobserve(entery.target);
}
});
};
const observer = new IntersectionObserver(inviewCallback, {
threshold
});
observer.observe($triggerTarget.get(0));
}
_inviewAnimationsThreshold($element) {
const windowWidth = liquidWindowWidth();
const windowHeight = liquidWindowHeight();
const elementOuterWidth = $element.outerWidth();
const elementOuterHeight = $element.outerHeight();
const elementOffset = $element.offset();
let w = windowWidth / elementOuterWidth;
let h = windowHeight / elementOuterHeight;
if (elementOuterWidth + elementOffset.left >= windowWidth) {
w = windowWidth / (elementOuterWidth - (elementOuterWidth + elementOffset.left - windowWidth));
}
if (liquidIsMobile()) {
return 0.1;
} else {
return Math.min(Math.max(h / w / 2, 0), 0.8);
}
}
_needPerspective() {
const initValues = this.options.initValues;
const valuesNeedPerspective = ["translateZ", "rotateX", "rotateY", "scaleZ"];
let needPerspective = false;
for (let prop in initValues) {
for (let i = 0; i <= valuesNeedPerspective.length - 1; i++) {
const val = valuesNeedPerspective[i];
if (prop == val) {
needPerspective = true;
break;
}
}
}
return needPerspective;
}
_initValues() {
const options = this.options;
const $animationTarget = $(this.animationTarget);
$animationTarget.css({
transition: 'none',
transitionDelay: 0
});
options.triggerHandler == 'inview' && $animationTarget.addClass('will-change');
const initValues = {
targets: this.animationTarget,
duration: 0,
easing: 'linear'
};
const animations = $.extend({}, options.initValues, initValues);
anime(animations);
$(this.element).addClass('ca-initvalues-applied');
if (this._needPerspective() && options.triggerHandler == 'inview') {
$(this.element).addClass('perspective');
}
}
_targetsIO() {
const inviewCallback = (enteries, observer) => {
const inviewTargetsArray = [];
enteries.forEach(entery => {
if (entery.isIntersecting) {
inviewTargetsArray.push(entery.target);
this._runAnimations(inviewTargetsArray);
observer.unobserve(entery.target);
}
});
};
const observer = new IntersectionObserver(inviewCallback, {
threshold: 0.35
});
$.each(this.animationTarget, (i, target) => {
observer.observe(target);
});
}
_runAnimations(inviewTargetsArray, event) {
if (event && event.type === 'touchstart' && this.isTouchMoving) return false;
const options = this.options;
const _delay = parseInt(options.delay, 10);
const startDelay = parseInt(options.startDelay, 10);
const duration = parseInt(options.duration, 10);
const easing = options.easing;
let targets = [];
if (inviewTargetsArray) {
targets = inviewTargetsArray;
} else {
targets = $.isArray(this.animationTarget) ? this.animationTarget : $.makeArray(this.animationTarget);
}
targets = options.direction == 'backward' ? targets.reverse() : targets;
const defaultAnimations = {
targets: targets,
duration: duration,
easing: easing,
delay: (el, i) => {
return i * _delay + startDelay;
},
complete: anime => {
this._onAnimationsComplete(anime);
}
};
const animations = $.extend({}, options.animations, defaultAnimations);
anime.remove(targets);
anime(animations);
}
_onAnimationsComplete(anime) {
if (anime) {
$.each(anime.animatables, (i, animatable) => {
const $element = $(animatable.target);
$element.css({
transition: '',
transitionDelay: ''
}).removeClass('will-change');
if (this.options.triggerHandler == 'inview') {
if ($element.is('.split-inner')) {
$element.parent().addClass('lqd-unit-animation-done');
} else {
$element.addClass('lqd-unit-animation-done');
}
if ($element.is('.btn')) {
$element.css({
transform: ''
});
}
}
});
if (this.options.triggerHandler == 'inview') {
this.$element.addClass('lqd-animations-done');
}
}
/* calling textRotator if there's any text-rotator inside the element,
or if the element itself is text-rotator
*/
this.$element.find('[data-text-rotator]').liquidTextRotator();
this.$element.is('[data-text-rotator]') && this.$element.liquidTextRotator();
}
_offAnimations() {
const options = this.options;
const _delay2 = options.delay;
const offDuration = options.offDuration;
const offDelay = options.offDelay;
const easing = options.easing;
let animationTarget = Array.prototype.slice.call(this.animationTarget).reverse();
if (options.animationTarget == 'this') animationTarget = this.element;
const offAnimationVal = {
targets: animationTarget,
easing: easing,
duration: offDuration,
delay: (el, i, l) => {
return i * (_delay2 / 2) + offDelay;
},
complete: () => {
this._initValues();
}
};
const _offAnimations = $.extend({}, options.initValues, offAnimationVal);
anime.remove(this.animationTarget);
anime(_offAnimations);
}
_handleResize() {
const onResize = liquidDebounce(this._onWindowResize, 500);
$(window).on('resize', onResize.bind(this));
}
_onWindowResize() {
if (this.options.triggerHandler !== 'inview') {
this.animationTarget = this._getAnimationTargets();
this._initValues();
this._eventHandlers();
}
if (this.$element.find('[data-text-rotator]').length && this.$element.find('[data-text-rotator]').data('plugin_liquidTextRotator')) {
this.$element.find('[data-text-rotator]').data('plugin_liquidTextRotator', '');
this.$element.find('.txt-rotate-keywords').addClass('ws-nowrap').css('width', '');
anime.remove(this.$element.get(0));
anime.remove(this.$element.find('.keyword').get());
this.$element.find('.keyword').removeClass('active is-next will-change').css({
opacity: '',
transform: ''
});
this.$element.find('.keyword:first-child').addClass('active');
}
if (this.$element.is('[data-text-rotator]') && this.$element.data('plugin_liquidTextRotator')) {
this.$element.data('plugin_liquidTextRotator', '');
}
this._onAnimationsComplete();
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('ca-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if ($('body').hasClass('compose-mode')) return false;
$('[data-custom-animations]').map((i, element) => {
const $element = $(element);
const $customAnimationParent = $element.parents('.wpb_wrapper[data-custom-animations], .lqd-column[data-custom-animations]');
if ($customAnimationParent.length) {
$element.removeAttr('data-custom-animations');
$element.removeAttr('data-ca-options');
}
});
$('[data-custom-animations]').filter((i, element) => {
const $element = $(element);
const $rowBgparent = $element.closest('.vc_row[data-row-bg]');
const $slideshowBgParent = $element.closest('.vc_row[data-slideshow-bg]');
const $fullpageSection = $element.closest('.vc_row.pp-section');
return !$rowBgparent.length && !$slideshowBgParent.length && !$fullpageSection.length;
}).liquidCustomAnimations();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidSlideshowBG';
let defaults = {
effect: 'fade',
// 'fade', 'slide', 'scale'
delay: 3000,
imageArray: []
};
class Plugin {
constructor(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
init() {
const markup = this._addMarkup();
this.imageArray = this.options.imageArray;
this.slideshowWrap = markup.slideshowWrap;
this.slideshowInner = markup.slideshowInner;
this._addImages();
this._initSlideShow();
this._onImagesLoaded();
}
_addMarkup() {
const slideshowWrap = $('<div class="ld-slideshow-bg-wrap" />');
const slideshowInner = $('<div class="ld-slideshow-bg-inner" />');
const loader = $('<span class="row-bg-loader" />');
slideshowWrap.append(slideshowInner);
slideshowWrap.append(loader);
$(this.element).prepend(slideshowWrap);
return {
slideshowWrap,
slideshowInner
};
}
_addImages() {
$.each(this.imageArray, (i, _ref) => {
let {
src,
alt
} = _ref;
const $img = $("<img class=\"invisible\" src=\"".concat(src, "\" alt=\"").concat(alt || 'Slideshow image', "\"/>"));
const $figure = $("<figure class=\"ld-slideshow-figure\" style=\"background-image: url(".concat(src, ")\" />"));
const $slideshowItem = $('<div class="ld-slideshow-item" />');
const $slideshowItemInner = $('<div class="ld-slideshow-item-inner" />');
$figure.append($img);
$slideshowItemInner.append($figure);
$slideshowItem.append($slideshowItemInner);
this.slideshowInner.append($slideshowItem);
});
}
_initSlideShow() {
this.slideshowInner.children(':first-child').addClass('active');
this.slideshowInner.children().not(':first-child').css({
opacity: 0
});
}
_onImagesLoaded() {
this.slideshowInner.children().first().imagesLoaded(() => {
$(this.element).addClass('slideshow-applied');
this._initSlideshowAnimations();
!$('body').hasClass('compose-mode') && this._initLiquidCustomAnimations();
});
}
_getCurrentSlide() {
return this.slideshowInner.children('.active');
}
_getAllSlides() {
return this.slideshowInner.children();
}
_setActiveClassnames(element) {
$(element).addClass('active').siblings().removeClass('active');
}
_getNextSlide() {
return !this._getCurrentSlide().is(':last-child') ? this._getCurrentSlide().next() : this.slideshowInner.children(':first-child');
}
/*
getting animation style from this.options
and having the same function names. fade(); slide(); scale();
*/
_initSlideshowAnimations() {
this[this.options.effect]();
}
_setWillChange(changingProperties) {
const slides = this._getAllSlides();
slides.css({
willChange: changingProperties.join(', ')
});
} // START FADE ANIMATIONS
fade() {
// this._setWillChange(['opacity']);
this._getCurrentSlide().imagesLoaded(() => {
this._fadeOutCurrentSlide();
});
}
_fadeOutCurrentSlide() {
let initiated = false;
anime.remove(this._getCurrentSlide().get(0));
anime({
targets: this._getCurrentSlide().get(0),
opacity: [1, 0],
duration: 1000,
delay: this.options.delay,
easing: 'easeInQuad',
change: () => {
if (!initiated) {
this._getNextSlide().imagesLoaded(() => {
initiated = true;
this._fadeInNextSlide();
});
}
}
});
}
_fadeInNextSlide() {
anime.remove(this._getNextSlide().get(0));
anime({
targets: this._getNextSlide().get(0),
opacity: [0, 1],
duration: 1000,
easing: 'easeInOutQuad',
complete: e => {
this._setActiveClassnames(e.animatables[0].target);
this._fadeOutCurrentSlide();
}
});
} // END FADE ANIMATIONS
// START SLIDING EFFECT
slide() {
imagesLoaded([this._getCurrentSlide(), this._getNextSlide()], () => {
this._slideOutCurrentSlide();
});
}
_slideOutCurrentSlide() {
const currentSlide = this._getCurrentSlide().get(0);
const inner = $(currentSlide).children().get(0);
const figure = $(inner).children().get(0);
anime.remove([currentSlide, inner, figure]);
anime.timeline({
duration: 1200,
delay: this.options.delay,
changeBegin: () => {
this._slideInNextSlide();
}
}).add({
targets: currentSlide,
translateX: ['0%', '-100%'],
easing: 'easeOutQuint'
}, 250).add({
targets: inner,
translateX: ['0%', '100%'],
easing: 'easeOutQuint'
}, 250).add({
targets: figure,
scale: [1, 1.2],
duration: 1000,
easing: 'easeInOutQuart'
}, 0);
}
_slideInNextSlide() {
const $nextSlide = this._getNextSlide();
const nextSlide = $nextSlide.get(0);
const inner = $nextSlide.children().get(0);
const figure = $(inner).children().get(0);
anime.remove([nextSlide, inner, figure]);
anime.timeline({
duration: 1200,
complete: () => {
this._setActiveClassnames(nextSlide);
this._slideOutCurrentSlide();
}
}).add({
targets: nextSlide,
translateX: ['100%', '0%'],
opacity: [1, 1],
easing: 'easeOutQuint'
}, 0).add({
targets: inner,
translateX: ['-100%', '0%'],
opacity: [1, 1],
easing: 'easeOutQuint'
}, 0).add({
targets: figure,
scale: [1.2, 1],
easing: 'easeInOutQuart'
}, -250);
} // END SLIDING ANIMATIONS
// START SCALE EFFECT
scale() {
// this._setWillChange(['opacity', 'transform']);
this._getCurrentSlide().imagesLoaded(() => {
this._scaleUpCurrentSlide();
});
}
_scaleUpCurrentSlide() {
const self = this;
let initiated = false;
anime.remove(self._getCurrentSlide().get(0));
anime({
targets: self._getCurrentSlide().get(0),
scale: [1, 1.2],
opacity: [1, 1, 0],
zIndex: [0, 0],
duration: 900,
easing: 'easeInOutQuint',
delay: self.options.delay,
change: () => {
if (!initiated) {
initiated = true;
self._getNextSlide().imagesLoaded(() => {
self._scaleDownNextSlide();
});
}
}
});
}
_scaleDownNextSlide() {
const self = this;
anime.remove(self._getNextSlide().get(0));
anime({
targets: self._getNextSlide().get(0),
scale: [1.2, 1],
opacity: [0, 1],
zIndex: [1, 1],
duration: 900,
easing: 'easeInOutQuint',
complete: e => {
self._setActiveClassnames(e.animatables[0].target);
self._scaleUpCurrentSlide();
}
});
} // END SCALE ANIMATIONS
_initLiquidCustomAnimations() {
const $customAnimationElements = $(this.element).find('[data-custom-animations]');
$customAnimationElements.length && $customAnimationElements.liquidCustomAnimations();
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('slideshow-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-slideshow-bg]').liquidSlideshowBG();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidRowBG';
let defaults = {};
class Plugin {
constructor(element, options, callback) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.callback = callback;
this.init();
}
init() {
this._createElements();
this._addBg();
this._addBgElement();
this._onImagesLoaded();
}
_createElements() {
this.bgWrap = $('<div class="row-bg-wrap bg-not-loaded" />');
this.bgInner = $('<div class="row-bg-inner" />');
this.rowBg = $('<div class="row-bg" />');
this.bgInner.append(this.rowBg);
this.bgWrap.append(this.bgInner);
}
_addBg() {
const bgUrl = $(this.element).attr('data-row-bg');
this.rowBg.css({
backgroundImage: "url(".concat(bgUrl, ")")
});
}
_addBgElement() {
this.bgWrap.insertAfter($(this.element).children('.row-bg-loader'));
}
_onImagesLoaded() {
this.rowBg.imagesLoaded({
background: true
}, () => {
this.bgWrap.removeClass('bg-not-loaded').addClass('bg-loaded');
$(this.element).addClass('row-bg-appended');
this._handleCallback();
});
}
_handleCallback() {
anime({
targets: this.bgInner.get(0),
opacity: [0, 1],
scale: [1.05, 1],
delay: 450,
easing: 'easeOutQuint',
begin: () => {
this._customAnimations.call(this);
}
});
}
_customAnimations() {
const $customAnimationElements = $(this.element).find('[data-custom-animations]');
if ($customAnimationElements.length && !$('body').hasClass('compose-mode')) {
$customAnimationElements.liquidCustomAnimations();
}
}
}
$.fn[pluginName] = function (options) {
var args = arguments;
if (options === undefined || typeof options === 'object') {
return this.each(function () {
const pluginOptions = $(this).data('row-bg-options') || options;
if (!$.data(this, 'plugin_' + pluginName)) {
$.data(this, 'plugin_' + pluginName, new Plugin(this, pluginOptions));
}
});
} else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
var returns;
this.each(function () {
var instance = $.data(this, 'plugin_' + pluginName);
if (instance instanceof Plugin && typeof instance[options] === 'function') {
returns = instance[options].apply(instance, Array.prototype.slice.call(args, 1));
}
if (options === 'destroy') {
$.data(this, 'plugin_' + pluginName, null);
}
});
return returns !== undefined ? returns : this;
}
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-row-bg]:not([data-slideshow-bg])').liquidRowBG();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidAccordion';
let defaults = {};
function Plugin(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init: function init() {
this.setHashOnLoad();
this.eventHandlers();
},
setHashOnLoad: function setHashOnLoad() {
const element = $(this.element);
if (location.hash !== '' && element.find(location.hash).length) {
const activeItemParent = element.find(location.hash).closest('.accordion-item'); // can't use BS .collapse(). it's accordion loosing functionality
activeItemParent.find(location.hash).addClass('in');
activeItemParent.find('.accordion-heading').find('a').attr('aria-expanded', 'true').removeClass('collapsed');
activeItemParent.siblings().find('.in').removeClass('in');
activeItemParent.siblings().find('.accordion-heading').find('a').attr('aria-expanded', 'false').addClass('collapsed');
}
},
eventHandlers: function eventHandlers() {
const element = $(this.element);
const collapse = element.find('.accordion-collapse');
collapse.on('show.bs.collapse', event => {
this.onShow.call(this, event);
});
collapse.on('shown.bs.collapse', event => {
this.onShown.call(this, event);
});
collapse.on('hide.bs.collapse', event => {
this.onHide.call(this, event);
});
},
onShow: function onShow(event) {
this.toggleActiveClass(event, 'show');
this.setHashOnLoad(event);
},
onHide(event) {
this.toggleActiveClass(event, 'hide');
},
toggleActiveClass(event, state) {
const parent = $(event.target).closest('.accordion-item');
if (state === 'show') {
parent.addClass('active').siblings().removeClass('active');
}
if (state === 'hide') {
parent.removeClass('active');
}
},
setHashOnShow(event) {
if (history.pushState) {
history.pushState(null, null, '#' + $(event.target).attr('id'));
} else {
location.hash = '#' + $(event.target).attr('id');
}
},
onShown: function onShown(event) {
const collapse = $(event.target);
const parent = collapse.closest('.accordion-item');
const $window = $(window);
const parentOffsetTop = parent.offset().top;
if (parentOffsetTop <= $window.scrollTop() - 15) {
$('html, body').animate({
scrollTop: parentOffsetTop - 45
}, 800);
}
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
var pluginOptions = $(this).data('plugin-options'),
opts;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('.accordion').liquidAccordion();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidTab';
let defaults = {
deepLink: false
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
init() {
if (this.options.deepLink) {
this.setHash();
}
;
this.eventHandlers();
}
setHash() {
if (location.hash !== '' && this.$element.find(location.hash).length) {
$("a[href=\"".concat(location.hash, "\"]")).tab('show');
$("a[href=\"".concat(location.hash, "\"]")).closest('.tabs-nav').on('shown.bs.tab', () => {
const $stickyHeader = $('[data-sticky-header]');
const $mainbarWrap = $('.mainbar-wrap', $stickyHeader);
let parentOffsetTop = this.$element.offset().top;
if ($mainbarWrap.length) {
const mainBarHeight = $mainbarWrap.outerHeight();
parentOffsetTop = parentOffsetTop - mainBarHeight;
}
$('html, body').animate({
scrollTop: parentOffsetTop - 45
}, 800);
});
}
}
eventHandlers() {
const collapse = this.$element.find('.tabs-nav');
collapse.on('show.bs.tab', this.onShow.bind(this));
collapse.on('shown.bs.tab', this.onShown.bind(this));
}
onShow(event) {
if (this.options.deepLink) {
if (history.pushState) {
history.pushState(null, null, $(event.target).attr('href'));
} else {
location.hash = $(event.target).attr('herf');
}
}
}
onShown(event) {
const collapse = $(event.target);
const $target = $($(collapse.attr('href')), this.element);
const $window = $(window);
const $stickyHeader = $('[data-sticky-header]');
let scrollVal = this.$element.offset().top - 45;
if ($stickyHeader.length) {
scrollVal = scrollVal - $stickyHeader.find('.mainbar-wrap').outerHeight();
}
if (this.$element.offset().top <= $window.scrollTop() - 15) {
$('html, body').animate({
scrollTop: scrollVal
}, 800);
}
this.initPlugins($target);
}
initPlugins($target) {
const $pie_charts = $('.vc_pie_chart:not(.vc_ready)', $target);
const $round_charts = $('.vc_round-chart', $target);
const $line_charts = $('.vc_line-chart', $target);
if ($pie_charts.length && $.fn.vcChat) $pie_charts.vcChat();
if ($round_charts.length && $.fn.vcRoundChart) $round_charts.vcRoundChart({
reload: !1
});
if ($line_charts.length && $.fn.vcLineChart) $line_charts.vcLineChart({
reload: !1
});
$('[data-lqd-flickity]', $target).liquidCarousel();
$('[data-hover3d=true]', $target).liquidHover3d();
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
var pluginOptions = $(this).data('plugin-options'),
opts;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('.tabs').liquidTab();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidAnimatedIcon';
let defaults = {
color: '#f42958',
hoverColor: null,
type: 'delayed',
delay: 0,
animated: true,
duration: 100,
resetOnHover: false,
customColorApplied: false
};
function Plugin(element, options) {
this.element = element;
this.$element = $(element);
if (typeof options !== typeof undefined && options !== null && typeof options.color !== typeof undefined && options.color !== null) {
options.customColorApplied = true;
}
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init() {
this.$iconContainer = this.$element.find('.iconbox-icon-container');
this.$obj = this.$iconContainer.children('svg'); // used .children() because there's also .iconbox-icon-wave-bg svg element
if (!this.$obj.length) return false;
if (this.$element.get(0).hasAttribute('data-animate-icon')) {
this.animateIcon();
} else {
this.addColors(this.$element);
}
return this;
},
animateIcon() {
const self = this;
const options = this.options;
const vivusObj = new Vivus(this.$obj.get(0), {
type: options.type,
duration: options.duration,
start: 'manual',
onReady: function onReady(vivus) {
self.addColors.call(self, vivus);
}
}).setFrameProgress(1);
this.animate(vivusObj);
},
addColors(svg) {
const obj = typeof svg.el !== typeof undefined ? $(svg.el) : svg.find('.iconbox-icon-container svg');
const options = this.options;
const gid = Math.round(Math.random() * 1000000);
let hoverGradientValues = options.hoverColor;
let strokeHoverGradients = document.createElementNS('http://www.w3.org/2000/svg', 'style');
let gradientValues = typeof options.color !== typeof undefined && options.color !== null ? options.color.split(':') : '#000';
let strokegradients = null;
if (undefined === gradientValues[1]) {
gradientValues[1] = gradientValues[0];
}
strokegradients = '<defs xmlns="http://www.w3.org/2000/svg">' + '<linearGradient gradientUnits="userSpaceOnUse" id="grad' + gid + '" x1="0%" y1="0%" x2="0%" y2="100%">' + '<stop offset="0%" stop-color="' + gradientValues[0] + '" />' + '<stop offset="100%" stop-color="' + gradientValues[1] + '" />' + '</linearGradient>' + '</defs>';
const xmlStrokegradients = new DOMParser().parseFromString(strokegradients, "text/xml");
obj.prepend(xmlStrokegradients.documentElement);
if (typeof undefined !== typeof hoverGradientValues && null !== hoverGradientValues) {
hoverGradientValues = hoverGradientValues.split(':');
if (undefined === hoverGradientValues[1]) {
hoverGradientValues[1] = hoverGradientValues[0];
}
strokeHoverGradients.innerHTML = '#' + this.$element.attr('id') + ':hover .iconbox-icon-container defs stop:first-child{stop-color:' + hoverGradientValues[0] + ';}' + '#' + this.$element.attr('id') + ':hover .iconbox-icon-container defs stop:last-child{stop-color:' + hoverGradientValues[1] + ';}';
obj.prepend(strokeHoverGradients);
}
if (options.customColorApplied) {
obj.find('path, rect, ellipse, circle, polygon, polyline, line').attr({
'stroke': 'url(#grad' + gid + ')',
'fill': 'none'
});
}
this.$element.addClass('iconbox-icon-animating');
return this;
},
animate: function animate(vivusObj) {
const self = this;
const options = self.options;
const delayTime = parseInt(options.delay, 10);
const canAnimate = options.animated;
const duration = options.duration;
if (!liquidIsMobile() && canAnimate) {
vivusObj.reset().stop();
const inViewCallback = function inViewCallback(enteries, observer) {
enteries.forEach(function (entery) {
if (entery.isIntersecting && vivusObj.getStatus() == 'start' && vivusObj.getStatus() != 'progress') {
self.resetAnimate(vivusObj, delayTime, duration);
self.eventHandlers(vivusObj, delayTime, duration);
observer.unobserve(entery.target);
}
});
};
const observer = new IntersectionObserver(inViewCallback, options);
observer.observe(this.element);
}
return this;
},
eventHandlers: function eventHandlers(vivusObj, delayTime, duration) {
const self = this;
const options = self.options;
$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', event => {
const $target = $($(event.currentTarget).attr('href'));
if ($target.find(self.element).length) {
self.resetAnimate.call(self, vivusObj, delayTime, duration);
}
});
if (options.resetOnHover) {
this.$element.on('mouseenter', function () {
if (vivusObj.getStatus() == 'end') {
self.resetAnimate(vivusObj, 0, duration);
}
});
}
},
resetAnimate: function resetAnimate(vivusObj, delay, duration) {
vivusObj.stop().reset();
setTimeout(function () {
vivusObj.play(duration / 100);
}, delay);
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if (!$('body').hasClass('compose-mode')) {
$('.iconbox').liquidAnimatedIcon();
}
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidSubscribeForm';
let defaults = {
icon: false,
align: 'right'
};
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init: function init() {
const element = $(this.element);
this.buttonPlacement();
element.addClass('ld-sf-is-initialized');
return this;
},
getSubmitButton: function getSubmitButton() {
const element = $(this.element);
const submit = element.find('.ld_sf_submit');
const submitText = submit.val() == '' ? '' : '<span class="submit-text">' + submit.val() + '</span>';
return {
submit,
submitText
};
},
createIcon: function createIcon() {
const options = this.options;
const icon = options.icon ? $('<span class="submit-icon"><i class="' + options.icon + '"></i></span>') : '';
return icon;
},
createButton: function createButton() {
const options = this.options;
const submit = this.getSubmitButton().submit;
const submitText = this.getSubmitButton().submitText;
const icon = this.createIcon();
const button = $('<button class="ld_sf_submit" type="submit">' + submitText + '</button>');
if ('right' === options.align) {
icon.appendTo(button);
} else {
icon.prependTo(button);
}
return button;
},
buttonPlacement: function buttonPlacement() {
const element = $(this.element);
const lastInput = element.find('.ld_sf_text').last();
const button = this.createButton.call(this);
const submit = this.getSubmitButton().submit;
const isRTL = $('html').attr('dir') == 'rtl';
if (element.hasClass('ld-sf-button-inside')) {
lastInput.after(button); // button.css('line-height', parseInt(lastInput.outerHeight(), 10) + 'px'); // Done with css
if (!isRTL) {
lastInput.css('padding-right', button.outerWidth() + parseInt(button.css('right'), 10) + 15);
} else {
lastInput.css('padding-left', button.outerWidth() + parseInt(button.css('right'), 10) + 15);
}
} else {
submit.after(button);
}
submit.hide();
return button;
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options');
let opts = null;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-plugin-subscribe-form=true]').liquidSubscribeForm();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidFormInputs';
let defaults = {
dropdownAppendTo: null
};
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init: function init() {
this.initDatePicker();
this.initSelect();
this.initSpinner();
this.inputsEventHandlers();
},
initDatePicker: function initDatePicker() {
const form = $(this.element);
const dateInputs = form.find('.date-picker, input.wpcf7-form-control[type=date]');
dateInputs.each((i, element) => {
const $element = $(element);
if ($element.attr('type') === 'date') {
const $clonedElement = $element.clone(true);
$clonedElement.attr('type', 'text');
$clonedElement.insertAfter($element);
$element.css('display', 'none');
$clonedElement.datepicker({
dateFormat: 'yy-mm-dd',
onSelect: date => {
$element.val(date);
}
});
} else {
$(element).datepicker();
}
});
},
initSelect: function initSelect() {
const form = $(this.element);
const selectElement = form.find('select').not('.select2-hidden-accessible, .select, .woo-rating, #bbp_stick_topic_select, #bbp_topic_status_select, #bbp_forum_id');
const {
dropdownAppendTo
} = this.options;
if (!selectElement.closest('.variations').length) {
selectElement.each((i, element) => {
const $element = $(element);
const slct = $element.selectmenu({
change: () => {
$element.trigger('change');
}
});
if (dropdownAppendTo) {
let $appendToEl;
if (dropdownAppendTo === 'self') {
$appendToEl = $('<div class="lqd-select-dropdown" />').insertAfter($element);
} else {
$appendToEl = $(dropdownAppendTo, this.element).length ? $(dropdownAppendTo, this.element) : $(dropdownAppendTo);
}
slct.selectmenu('option', 'appendTo', $appendToEl);
}
$element.on('change', () => {
$element.selectmenu('refresh');
});
});
} else {
const $selectElExtra = $('<span class="lqd-select-ext" />');
selectElement.wrap('<span class="lqd-select-wrap" />');
$selectElExtra.insertAfter(selectElement);
}
;
},
initSpinner: function initSpinner() {
const form = $(this.element);
const splinners = form.find('input.spinner');
splinners.each((i, element) => {
const $element = $(element);
$element.spinner({
create: (event, ui) => {
this.addToCartButton($element, event.target.value);
},
change: (event, ui) => {
this.addToCartButton($element, event.target.value);
},
spin: (event, ui) => {
$element.val(ui.value);
$element.trigger('change');
this.addToCartButton($element, ui.value);
}
});
});
},
getInputParent(focusedInput) {
if (focusedInput.closest('p').length) {
return focusedInput.closest('p');
} else {
return focusedInput.closest('div');
}
},
inputsEventHandlers: function inputsEventHandlers() {
const self = this;
const form = $(self.element);
$('input, textarea', form).on('focus', self.inputOnFocus.bind(this));
$('input, textarea', form).on('blur', self.inputOnBlur.bind(this));
},
inputOnFocus: function inputOnFocus(event) {
const inputParent = this.getInputParent($(event.target));
inputParent.addClass('input-focused');
},
inputOnBlur: function inputOnBlur(event) {
const input = $(event.target);
const inputParent = this.getInputParent(input);
if (input.val() !== '') {
inputParent.addClass('input-filled');
} else {
inputParent.removeClass('input-filled');
}
;
inputParent.removeClass('input-focused');
},
addToCartButton($element, value) {
if (!$element.is('.qty')) return;
const $parentForm = $element.closest('form');
const $addToCartBtn = $parentForm.find('.add_to_cart_button');
$addToCartBtn.attr('data-quantity', value);
$addToCartBtn.data('quantity', value);
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('form-options');
let opts = null;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('.lqd-contact-form, form.cart, form.checkout, form.woocommerce-cart-form, form.woocommerce-ordering, .lqd-multi-filter-form').liquidFormInputs();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidCarousel';
let defaults = {
contain: false,
imagesLoaded: true,
percentPosition: true,
prevNextButtons: false,
pageDots: false,
adaptiveHeight: false,
cellAlign: "left",
groupCells: true,
dragThreshold: 20,
wrapAround: false,
autoplay: false,
fullwidthSide: false,
navArrow: 1,
filters: false,
equalHeightCells: false,
randomVerOffset: false,
parallax: false,
buttonsAppendTo: null // ["parent_row", elementor-selector]
// controllingCarousels: [],
// navOffsets: { // we don't want to overwrite defaults
// nav: {
// top: 0,
// bottom: 0,
// left: 0,
// right: 0
// },
// prev: 0,
// next: 0,
// }
};
function Plugin(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this.flickityData = null;
this.isRTL = $('html').attr('dir') == 'rtl';
this._defaults = defaults;
this._name = pluginName;
this.initIO();
}
Plugin.prototype = {
initIO() {
const iniViewCallback = (enteries, observer) => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this.initFlicky();
observer.unobserve(entery.target);
}
});
};
const observer = new IntersectionObserver(iniViewCallback, {
rootMargin: '50%'
});
observer.observe(this.element);
},
initFlicky() {
const self = this;
const options = $.extend({}, this.options, {
rightToLeft: this.isRTL || this.options.rightToLeft
});
this.addCarouselItemInner();
this.$element.imagesLoaded(() => {
self.$element.flickity(options);
self.flickityData = $(self.element).data('flickity');
options.adaptiveHeight && $('.flickity-viewport', self.element).css('transition', 'height 0.3s');
self.onImagesLoaded();
});
},
onImagesLoaded() {
if (this.flickityData) {
this.setElementNavArrow();
this.navCarousel();
this.setEqualHeightCells();
this.randomVerOffset();
this.navOffsets();
this.fullwidthSide();
this.controllingCarousels();
this.filtersInit();
this.windowResize();
this.events();
this.addEventListeners();
this.initialPlugins();
}
},
addEventListeners() {
const e = new CustomEvent('lqd-carousel-initialized', {
detail: {
flickityData: this.flickityData
}
});
document.dispatchEvent(e);
},
windowResize() {
const self = this;
$(window).on('resize', function () {
self.doOnWindowResize();
});
},
doOnWindowResize() {
this.fullwidthSide();
},
events() {
this.$element.on('settle.flickity', () => {
this.lastCell.call(this);
this.selectedIndex.call(this);
$(this.flickityData.viewport).removeClass('is-moving');
});
this.$element.on('change.flickity', () => {
this.lastCell.call(this);
this.selectedIndex.call(this);
$(this.flickityData.viewport).removeClass('is-moving');
});
this.$element.on('select.flickity', () => {
this.lastCell.call(this);
this.selectedIndex.call(this);
});
this.$element.on('scroll.flickity', () => {
this.parallax.call(this);
$(this.flickityData.viewport).addClass('is-moving');
});
},
lastCell() {
const selectedElements = this.flickityData.selectedElements;
const selectedElement = this.flickityData.selectedElement;
const navSelectedElement = this.flickityData.navSelectedElements ? this.flickityData.navSelectedElements[0] : null;
const lastSelectedElement = $(selectedElements).last();
if (navSelectedElement && $(navSelectedElement).is(lastSelectedElement)) {
$(navSelectedElement).addClass('is-last');
} else if ($(selectedElement).is(':last-child')) {
$(selectedElement).addClass('is-last');
}
},
selectedIndex() {
const cells = this.flickityData.cells;
const selectedElements = this.flickityData.selectedElements;
for (let i = 0; i < cells.length; i++) {
const $element = $(cells[i].element);
$element.removeClass((i, className) => {
return (className.match(/\bis-selected-i\S+/g) || []).join(' ');
});
}
for (let i = 0; i < selectedElements.length; i++) {
const $cellElements = $(selectedElements[i]);
const cellIndex = i + 1;
$cellElements.addClass("is-selected-i-".concat(cellIndex));
}
},
addCarouselItemInner() {
const $cells = this.$element.children('.carousel-item');
$cells.each((i, cell) => {
const $cell = $(cell);
$cell.find('.carousel-item').children().unwrap();
$cell.wrapInner('<div class="carousel-item-inner" />');
});
},
navCarousel() {
const self = this;
const carouselContainer = $(self.element).closest('.carousel-container');
let appendingSelector = self.options.buttonsAppendTo;
if (appendingSelector == 'parent_row') {
appendingSelector = $(self.element).closest('.vc_row');
}
if (typeof undefined !== typeof this.flickityData.prevButton && null !== this.flickityData.prevButton && self.options.prevNextButtons) {
const prevButton = $(this.flickityData.prevButton.element);
const nextButton = $(this.flickityData.nextButton.element);
const carouselNav = $('<div class="carousel-nav"></div>');
carouselNav.append(prevButton.add(nextButton));
if (typeof undefined !== typeof appendingSelector && null !== appendingSelector && $(appendingSelector).length) {
const carouselNavClassnames = [carouselContainer.attr('id')];
$.each($(carouselContainer.get(0).classList), (i, className) => {
if (className.indexOf('carousel-nav-') >= 0) carouselNavClassnames.push(className);
});
carouselNav.addClass(carouselNavClassnames.join(' '));
if ($(appendingSelector).is('.wpb_column')) {
const wpb_wrapper = $(appendingSelector).children('.vc_column-inner ').children('.wpb_wrapper');
carouselNav.appendTo(wpb_wrapper);
} else {
carouselNav.appendTo(appendingSelector);
}
$(appendingSelector).addClass('carousel-nav-appended');
} else {
carouselNav.appendTo(self.element);
}
self.options.carouselNav = carouselNav.get(0);
}
},
fullwidthSide() {
if (!this.options.fullwidthSide) return;
const self = this;
const element = $(self.element);
const viewportEl = $(this.flickityData.viewport);
const elementWidth = this.flickityData.size.width;
const viewportElOffset = viewportEl.offset();
const viewportElOffsetRight = liquidWindowWidth() - (elementWidth + viewportElOffset.left);
const margin = !this.isRTL ? 'marginRight' : 'marginLeft';
const padding = !this.isRTL ? 'paddingRight' : 'paddingLeft';
let viewportElWrap = $('<div class="flickity-viewport-wrap" />');
if (!viewportEl.parent('.flickity-viewport-wrap').length) {
viewportEl.wrap(viewportElWrap);
}
viewportElWrap = viewportEl.parent();
viewportElWrap.css({
[margin]: '',
[padding]: ''
});
viewportElWrap.css({
[margin]: viewportElOffsetRight >= 0 ? (viewportElOffsetRight - 1) * -1 : viewportElOffsetRight - 1,
[padding]: Math.abs(viewportElOffsetRight - 1),
overflow: 'hidden'
});
viewportEl.css('overflow', 'visible');
element.flickity('resize');
},
randomVerOffset() {
if (this.options.randomVerOffset) {
const cellsArray = this.flickityData.cells;
let maxHeight = 0;
for (let i = 0; i < cellsArray.length; i++) {
const cell = $(cellsArray[i].element);
const itemHeight = cell.height();
if (itemHeight > maxHeight) {
maxHeight = itemHeight;
}
const maxOffset = maxHeight - itemHeight;
const offset = (Math.random() * maxOffset).toFixed();
cell.css("top", offset + "px");
}
}
},
navOffsets() {
const self = this;
const options = self.options;
const navOffsets = options.navOffsets;
const carouselNav = $(options.carouselNav);
if (navOffsets && typeof undefined !== typeof carouselNav && null !== carouselNav && this.flickityData.options.prevNextButtons) {
const prevButton = $(this.flickityData.prevButton.element);
const nextButton = $(this.flickityData.nextButton.element);
carouselNav.css({
left: navOffsets.nav ? navOffsets.nav.left : '',
right: navOffsets.nav ? navOffsets.nav.right : '',
top: navOffsets.nav ? navOffsets.nav.top : '',
bottom: navOffsets.nav ? navOffsets.nav.bottom : ''
});
prevButton.css({
left: navOffsets.prev
});
nextButton.css({
right: navOffsets.next
});
}
},
setElementNavArrow() {
if (!this.options.prevNextButtons) {
return false;
}
const navArrowsArray = this.navArrows;
const prevButton = this.flickityData.prevButton ? this.flickityData.prevButton.element : null;
const nextButton = this.flickityData.nextButton ? this.flickityData.nextButton.element : null;
let elementNavArrow = this.options.navArrow;
let prevIcon;
let nextIcon;
if (typeof elementNavArrow !== 'object') {
elementNavArrow = elementNavArrow - 1; // if it's RTL, just reverse prev/next icons
if (!this.isRTL) {
prevIcon = $(navArrowsArray[elementNavArrow].prev);
nextIcon = $(navArrowsArray[elementNavArrow].next);
} else {
prevIcon = $(navArrowsArray[elementNavArrow].next);
nextIcon = $(navArrowsArray[elementNavArrow].prev);
}
} else {
prevIcon = $(this.options.navArrow.prev);
nextIcon = $(this.options.navArrow.next);
}
if (prevButton || nextButton) {
$(prevButton).find('svg').remove().end().append(prevIcon);
$(nextButton).find('svg').remove().end().append(nextIcon);
}
},
navArrows: [{
prev: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve" width="32" height="32" style="transform: rotate(180deg);"><g class="nc-icon-wrapper" transform="translate(0.5, 0.5)"><line data-cap="butt" data-color="color-2" fill="none" stroke-width="1" stroke-miterlimit="10" x1="2" y1="16" x2="30" y2="16" stroke-linejoin="miter" stroke-linecap="butt"></line> <polyline fill="none" stroke-width="1" stroke-linecap="square" stroke-miterlimit="10" points="21,7 30,16 21,25 " stroke-linejoin="miter"></polyline></g></svg>',
next: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve" width="32" height="32"><g class="nc-icon-wrapper" transform="translate(0.5, 0.5)"><line data-cap="butt" data-color="color-2" fill="none" stroke-width="1" stroke-miterlimit="10" x1="2" y1="16" x2="30" y2="16" stroke-linejoin="miter" stroke-linecap="butt"></line> <polyline fill="none" stroke-width="1" stroke-linecap="square" stroke-miterlimit="10" points="21,7 30,16 21,25 " stroke-linejoin="miter"></polyline></g></svg>'
}, {
prev: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="31px" height="14px" style="transform: rotate(180deg);"> <path fill-rule="evenodd" fill="rgb(24, 27, 49)" d="M30.354,7.353 L30.000,7.707 L30.000,8.000 L29.707,8.000 L24.354,13.354 L23.646,12.646 L28.293,8.000 L0.000,8.000 L0.000,7.000 L29.293,7.000 L29.293,7.000 L23.646,1.353 L24.354,0.646 L30.354,6.647 L30.000,7.000 L30.354,7.353 Z"/> </svg>',
next: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="31px" height="14px"> <path fill-rule="evenodd" fill="rgb(24, 27, 49)" d="M30.354,7.353 L30.000,7.707 L30.000,8.000 L29.707,8.000 L24.354,13.354 L23.646,12.646 L28.293,8.000 L0.000,8.000 L0.000,7.000 L29.293,7.000 L29.293,7.000 L23.646,1.353 L24.354,0.646 L30.354,6.647 L30.000,7.000 L30.354,7.353 Z"/> </svg>'
}, {
prev: '<svg width="15" height="9" xmlns="http://www.w3.org/2000/svg"> <path d="m14.80336,4.99173l0,-1.036l-14.63743,0l0,1.036l14.63743,0z" fill-rule="evenodd"/> <path d="m4.74612,8.277l-0.691,0.733l-3.911,-4.144l0,-0.732l3.911,-4.144l0.691,0.732l-1.7825,1.889l-1.7825,1.889l1.7825,1.8885l1.7825,1.8885z" fill-rule="evenodd"/> </svg>',
next: '<svg width="15" height="9" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="m14.80336,4.99173l0,-1.036l-14.63743,0l0,1.036l14.63743,0z"/> <path transform="rotate(-180 12.582813262939453,4.5) " fill-rule="evenodd" d="m14.88382,8.277l-0.691,0.733l-3.911,-4.144l0,-0.732l3.911,-4.144l0.691,0.732l-1.7825,1.889l-1.7825,1.889l1.7825,1.8885l1.7825,1.8885z"/> </svg>'
}, {
prev: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18.5px" height="20.5px"> <path fill-rule="evenodd" stroke-width="1px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M0.755,10.241 L16.955,19.159 L16.955,1.321 L0.755,10.241 Z"/> </svg>',
next: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.5px" height="19.5px"> <path fill-rule="evenodd" stroke-width="1px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M16.496,9.506 L0.514,18.503 L0.514,0.509 L16.496,9.506 Z"/> </svg>'
}, {
prev: '<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <polygon transform="rotate(180 7.999999999999999,8) " points="9.3,1.3 7.9,2.7 12.2,7 0,7 0,9 12.2,9 7.9,13.3 9.3,14.7 16,8 "/> </svg>',
next: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" xml:space="preserve" width="16" height="16"><polygon points="9.3,1.3 7.9,2.7 12.2,7 0,7 0,9 12.2,9 7.9,13.3 9.3,14.7 16,8 "></polygon></svg>'
}, {
prev: '<svg width="17" height="17" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <line fill="none" stroke-width="2" stroke-miterlimit="10" x1="2" y1="12" x2="22" y2="12"/> <polyline transform="rotate(180 5.634945869445801,12) " fill="none" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="2.1349482387304306,5 9.134950384497643,12 2.1349482387304306,19 "/> </svg>',
next: '<svg width="17" height="17" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <line fill="none" stroke-width="2" stroke-miterlimit="10" x1="2" y1="12" x2="22" y2="12"/> <polyline fill="none" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="15,5 22,12 15,19 "/> </svg>'
}],
setEqualHeightCells() {
if (!this.options.equalHeightCells) return; // it's not adding the classname after carousel init in some cases
this.element.classList.add('flickity-equal-cells');
Flickity.prototype._createResizeClass = function () {
this.element.classList.add('flickity-equal-cells');
};
Flickity.createMethods.push('_createResizeClass');
var resize = Flickity.prototype.resize;
Flickity.prototype.resize = function () {
this.element.classList.remove('flickity-equal-cells');
resize.call(this);
this.element.classList.add('flickity-equal-cells');
};
},
parallax() {
if (!this.options.parallax || liquidIsMobile()) return false;
const flkty = this.flickityData;
const cellElements = flkty.cells;
$.each(cellElements, (i, cell) => {
const x = (cell.target + flkty.x) * -1 / 3;
const $cellElement = $(cell.element);
const $cellImage = $cellElement.find('img');
if (!$cellImage.parent('.ld-carousel-parallax-wrap').length) {
$cellImage.wrap('<div class="ld-carousel-parallax-wrap overflow-hidden"></div>');
}
if ($cellImage.is(':only-child')) {
$cellImage.css({
'-webkit-transform': "translateX(".concat(x, "px)"),
'transform': "translateX(".concat(x, "px)")
});
}
});
},
controllingCarousels() {
const {
controllingCarousels
} = this.options;
if (typeof controllingCarousels !== typeof undefined && controllingCarousels !== null && controllingCarousels.length) {
const $controlledCarousels = $(controllingCarousels.map(carousel => $(carousel).children('[data-lqd-flickity]')));
$.each($controlledCarousels, (i, controlledCarousel) => {
const $controlledCarousel = $(controlledCarousel);
$controlledCarousel.imagesLoaded(() => {
this.$element.on('change.flickity', (evt, i) => $controlledCarousel.flickity('select', i));
$controlledCarousel.on('change.flickity', (evt, i) => this.$element.flickity('select', i));
});
});
}
},
getCellsArray() {
return this.flickityData.cells.map(cell => cell.element);
},
filtersInit() {
const options = this.options;
const filters = options.filters;
if (filters) {
const filterList = $(filters);
const filterItems = $('[data-filter]', filterList);
filterItems.on('click', event => {
const filter = $(event.currentTarget);
const filterValue = filter.attr('data-filter');
if (filter.hasClass('active')) return;
filter.addClass('active').siblings().removeClass('active');
this.filterAnimateStart(filterValue);
});
}
},
filterAnimateStart(filterValue) {
const visibleCells = this.getCellsArray().filter(element => !element.classList.contains('hidden'));
anime.remove(visibleCells);
anime({
targets: visibleCells,
translateX: -30,
opacity: 0,
easing: 'easeInOutQuint',
duration: 500,
delay: (el, i, l) => {
return i * 60;
},
begin: anime => {
if (this.options.equalHeightCells) {
const cells = this.flickityData.cells;
const currentHeight = this.flickityData.size.height;
cells.map(cell => {
const $element = $(cell.element);
$element.css('minHeight', currentHeight);
});
}
$(anime.animatables).each((i, el) => {
const $element = $(el.target);
$element.css({
transition: 'none'
});
});
},
complete: anim => {
this.filterItems(filterValue);
}
});
},
filterItems(filterValue) {
const cells = this.getCellsArray();
this.$element.find('.hidden').removeClass('hidden');
if (filterValue != '*') {
$(cells).not(filterValue).addClass('hidden');
}
this.$element.flickity('resize');
this.filterAnimateComplete();
},
filterAnimateComplete() {
const visibleCells = this.getCellsArray().filter(element => !element.classList.contains('hidden'));
anime.remove(visibleCells);
anime({
targets: visibleCells,
translateX: 0,
opacity: 1,
easing: 'easeOutQuint',
delay: (el, i, l) => {
return i * 60;
},
complete: anime => {
$(anime.animatables).each((i, el) => {
const element = $(el.target);
element.css({
transition: '',
transform: '',
opacity: ''
});
});
}
});
},
initialPlugins() {
const $pie_charts = $('.vc_pie_chart:not(.vc_ready)');
const $round_charts = $('.vc_round-chart');
const $line_charts = $('.vc_line-chart');
if ($pie_charts.length && $.fn.vcChat) $pie_charts.vcChat();
if ($round_charts.length && $.fn.vcRoundChart) $round_charts.vcRoundChart({
reload: !1
});
if ($line_charts.length && $.fn.vcLineChart) $line_charts.vcLineChart({
reload: !1
});
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = this.options = $.extend({}, $(this).data('lqd-flickity'), options);
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if ($('body').hasClass('compose-mode')) return false;
$('[data-lqd-flickity]').liquidCarousel();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidCarouselV3d';
let defaults = {
itemsSelector: '.carousel-item'
};
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.build();
}
Plugin.prototype = {
build: function build() {
this.init();
},
init: function init() {
const self = this;
const element = $(self.element);
const items = self.options.itemsSelector;
self.prepareitems();
const activeItem = $(items, element).first();
const bottomItem = activeItem.next();
const topItem = bottomItem.next();
self.dragY = 0;
self.startY = 0;
self.currentY = 0;
self.setActive(activeItem, element);
self.initAnim(element, activeItem, topItem, bottomItem);
self.initDrag();
self.initClicks();
element.addClass('carousel-initialized');
return self;
},
prepareitems() {
const self = this;
const items = $(self.options.itemsSelector, self.element);
if (items.length <= 2 && items.length >= 1) {
const firstItem = items[0];
for (let i = items.length; i <= 2; i++) {
$(firstItem).clone(true).appendTo($(self.element).find('.carousel-items'));
}
}
},
setActive: function setActive(activeItem, element) {
const self = this;
const currentTopItem = $('.is-top', element);
const currentActiveItem = $('.is-active', element);
const currentBottomItem = $('.is-bottom', element);
if (currentTopItem.length) {
currentTopItem.addClass('was-top');
}
if (currentActiveItem.length) {
currentActiveItem.addClass('was-active');
}
if (currentBottomItem.length) {
currentBottomItem.addClass('was-bottom');
}
activeItem.addClass('is-active').removeClass('is-top is-bottom').siblings().removeClass('is-active');
self.setBottom(activeItem);
self.setTop(activeItem);
},
// Bottom Item will be based on the active item
setBottom: function setBottom(activeItem) {
const self = this;
const element = $(self.element);
const items = self.options.itemsSelector;
const firstItem = $(items, element).first();
let bottomItem = activeItem.next();
if (!bottomItem.length && activeItem.is(':last-child')) {
bottomItem = firstItem;
}
bottomItem.addClass('is-bottom').removeClass('is-active is-top was-active').siblings().removeClass('is-bottom');
},
// Top Item will be based on the active item
setTop: function setTop(activeItem) {
const self = this;
const element = $(self.element);
const items = self.options.itemsSelector;
const lastItem = $(items, element).last();
let topItem = activeItem.prev();
if (!topItem.length && activeItem.is(':first-child')) {
topItem = lastItem;
}
topItem.addClass('is-top').removeClass('is-active is-bottom was-active').siblings().removeClass('is-top');
},
initAnim: function initAnim(element, activeItem, topItem, bottomItem) {
const self = this;
self.animInited = false;
if (!self.animInited) {
const animeTimeline = anime.timeline({
duration: 0,
easing: 'linear'
});
animeTimeline.add({
targets: element.get(0).querySelectorAll('.carousel-item:not(.is-active):not(.is-bottom)'),
translateY: '-50%',
translateZ: 0,
scale: 0.8,
offse: 0
}).add({
targets: activeItem.get(0),
translateZ: 50,
scale: 1,
offse: 0
}).add({
targets: bottomItem.get(0),
translateY: '50%',
translateZ: 0,
scale: 0.8,
offse: 0
});
self.animInited = true;
}
},
initClicks() {
$(this.element).on('click', '.is-top', this.moveItems.bind(this, 'prev'));
$(this.element).on('click', '.is-bottom', this.moveItems.bind(this, 'next'));
},
initDrag: function initDrag() {
const self = this;
const element = $(self.element);
element.on('mousedown', self.pointerStart.bind(self));
element.on('mousemove', self.pointerMove.bind(self));
element.on('mouseup', self.pointerEnd.bind(self));
},
pointerStart: function pointerStart(event) {
const self = this;
const element = $(self.element);
self.startY = event.pageY || event.touches[0].pageY;
self.currentY = self.startY;
element.addClass('pointer-down');
},
pointerMove: function pointerMove(event) {
const self = this;
self.currentY = event.pageY || event.touches[0].pageY;
self.dragY = parseInt(self.startY - self.currentY, 10);
},
pointerEnd: function pointerEnd(event) {
const self = this;
const element = $(self.element);
self.dragY = parseInt(self.startY - self.currentY, 10);
if (self.dragY >= 20) {
self.moveItems('next');
} else if (self.dragY <= -20) {
self.moveItems('prev');
}
element.removeClass('pointer-down');
},
moveItems: function moveItems(dir) {
if ($(this.element).hasClass('items-moving')) return;
const self = this;
const element = $(self.element);
const items = $(self.options.itemsSelector);
const bottomItem = $('.is-bottom', element);
const topItem = $('.is-top', element);
const animationTimeline = anime.timeline({
duration: 650,
easing: 'easeInOutQuad',
run: () => {
$(items, element).addClass('is-moving');
},
complete: () => {
$(items, element).removeClass('is-moving was-top was-active was-bottom');
$(this.element).removeClass('items-moving');
}
});
if (dir == 'next') self.setActive(bottomItem, element);else if (dir == 'prev') self.setActive(topItem, element);
const newActiveItem = $('.is-active', element);
const newBottomItem = $('.is-bottom', element);
const newTopItem = $('.is-top', element);
if (dir == 'next') {
self.moveNext(animationTimeline, newActiveItem, newBottomItem, newTopItem);
} else if (dir == 'prev') {
self.movePrev(animationTimeline, newActiveItem, newBottomItem, newTopItem);
}
},
moveNext: function moveNext(animationTimeline, newActiveItem, newBottomItem, newTopItem) {
$(this.element).addClass('items-moving');
animationTimeline.add({
targets: newTopItem.get(0),
translateY: [{
value: '-55%'
}, {
value: '-50%',
easing: 'linear'
}],
translateZ: 0,
rotateX: [{
value: 12
}, {
value: 0
}],
scale: 0.8
}, 0).add({
targets: newActiveItem.get(0),
translateY: '0%',
translateZ: [{
value: 100
}, {
value: 50
}],
rotateX: [{
value: 12
}, {
value: 0
}],
scale: 1
}, 0).add({
targets: newBottomItem.get(0),
translateY: [{
value: '55%'
}, {
value: '50%',
easing: 'linear'
}],
translateZ: 0,
rotateX: [{
value: 12
}, {
value: 0
}],
scale: 0.8
}, 0);
},
movePrev: function movePrev(animationTimeline, newActiveItem, newBottomItem, newTopItem) {
$(this.element).addClass('items-moving');
animationTimeline.add({
targets: newTopItem.get(0),
translateY: [{
value: '-55%'
}, {
value: '-50%',
easing: 'linear'
}],
translateZ: 0,
rotateX: [{
value: 12
}, {
value: 0
}],
scale: 0.8
}, 0).add({
targets: newActiveItem.get(0),
translateY: '0%',
translateZ: [{
value: 100
}, {
value: 50
}],
rotateX: [{
value: 12
}, {
value: 0
}],
scale: 1
}, 0).add({
targets: newBottomItem.get(0),
translateY: [{
value: '55%'
}, {
value: '50%',
easing: 'linear'
}],
translateZ: 0,
rotateX: [{
value: 12
}, {
value: 0
}],
scale: 0.8
}, 0);
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options');
let opts = null;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('.carousel-vertical-3d').liquidCarouselV3d();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidSlideElement';
let defaults = {
alignMid: false
};
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
new IntersectionObserver((_ref, observer) => {
let [entry] = _ref;
if (entry.isIntersecting) {
this.build();
observer.unobserve(entry.target);
}
}).observe(this.element);
}
Plugin.prototype = {
build: function build() {
this.element = $(this.element);
this.hiddenElement = $(this.options.hiddenElement, this.element).wrap('<div class="ld-slideelement-hidden" />');
this.visibleElement = $(this.options.visibleElement, this.element).wrap('<div class="ld-slideelement-visible" />');
this.init();
},
init: function init() {
const self = this;
self.element.imagesLoaded(() => {
self.hiddenElementHeight = self.getHiddenElementHeight.call(self);
self.element.addClass('hide-target');
self.moveElements.call(self);
self.eventListeners.call(self);
});
},
getHiddenElementHeight: function getHiddenElementHeight() {
return this.hiddenElement.outerHeight();
},
getHiddenElementChilds: function getHiddenElementChilds() {
let childArray = [];
$.each(this.hiddenElement, (i, el) => {
const childEl = $(el).children();
if (childEl.length) {
$.each(childEl, (i, child) => {
childArray.push(child);
});
} else {
childArray.push($(el).parent('.ld-slideelement-hidden').get(0));
}
});
return childArray;
},
getVisibleElementChilds: function getVisibleElementChilds() {
let childArray = [];
$.each(this.visibleElement, (i, el) => {
const childEl = $(el).children();
if (childEl.length) {
$.each(childEl, (i, child) => {
childArray.push(child);
});
} else {
childArray.push($(el).parent('.ld-slideelement-visible').get(0));
}
});
return childArray;
},
moveElements() {
const self = this;
const options = self.options;
const translateVal = options.alignMid ? self.hiddenElementHeight / 2 : self.hiddenElementHeight;
this.visibleElement.css({
transform: "translateY(".concat(translateVal, "px)")
});
this.hiddenElement.css({
transform: "translateY(".concat(translateVal, "px)")
});
},
eventListeners: function eventListeners() {
const self = this;
const element = $(self.element);
element.on('mouseenter', self.onMouseEnter.bind(self));
element.on('mouseleave', self.onMouseLeave.bind(self));
},
onMouseEnter: function onMouseEnter() {
const options = this.options;
const hiddenElementHeight = this.hiddenElementHeight;
const childELements = $.merge(this.getVisibleElementChilds(), this.getHiddenElementChilds());
const translateVal = options.alignMid ? hiddenElementHeight / 2 : hiddenElementHeight;
$(childELements).css({
transition: 'none'
});
anime.remove(childELements);
anime({
targets: childELements,
translateY: translateVal * -1,
opacity: 1,
easing: 'easeInOutQuint',
duration: 650,
delay: (el, i, l) => {
return i * 60;
},
complete: () => {
$(childELements).css({
transition: ''
});
}
});
},
onMouseLeave: function onMouseLeave() {
const $hiddenElementChilds = $(this.getHiddenElementChilds());
const $visibleElementChilds = $(this.getVisibleElementChilds());
const hiddenChilds = this.getHiddenElementChilds();
const visibleChilds = this.getVisibleElementChilds();
const reversedHiddenChilds = hiddenChilds.reverse();
const reversedVisbleChilds = visibleChilds.reverse();
anime.remove(hiddenChilds);
anime.remove(visibleChilds);
$hiddenElementChilds.css({
transition: 'none'
});
$visibleElementChilds.css({
transition: 'none'
});
anime({
targets: reversedHiddenChilds,
translateY: 0,
opacity: 0,
easing: 'easeOutQuint',
duration: 650,
delay: (el, i, l) => {
return i * 80;
},
complete: () => {
$hiddenElementChilds.css({
transition: ''
});
}
});
anime({
targets: reversedVisbleChilds,
translateY: 0,
easing: 'easeOutQuint',
duration: 650,
delay: (el, i, l) => {
return i * 80 + 160;
},
complete: () => {
$visibleElementChilds.css({
transition: ''
});
}
});
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('slideelement-options');
let opts = null;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-slideelement-onhover]').liquidSlideElement();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidCounter';
let defaults = {
targetNumber: 0,
startDelay: 0,
blurEffect: false
};
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init: function init() {
this.createMarkup();
this.setupIntersectionObserver();
},
formatNumberWithCommas: function formatNumberWithCommas(number) {
return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
},
formatNumberWithSpaces: function formatNumberWithSpaces(number) {
return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
},
formatCounterAnimator: function formatCounterAnimator(number) {
return number.toString().replace(/(\d)/g, '<span class="liquid-counter-animator"><span class="liquid-animator-value">$1</span></span>');
},
createMarkup: function createMarkup() {
const self = this;
const counter = $(self.element).children('span').not('.liquid-counter-element-hover');
const options = self.options;
const counterVal = options.targetNumber;
const formatWithCommas = /,+/.test(counterVal);
const formatWithSpaces = /\s+/.test(counterVal);
if (formatWithCommas) counter.html(self.formatCounterAnimator(self.formatNumberWithCommas(counterVal)));else if (formatWithSpaces) counter.html(self.formatCounterAnimator(self.formatNumberWithSpaces(counterVal)));else counter.html(self.formatCounterAnimator(counterVal));
counter.find('.liquid-counter-animator').each(function () {
const animator = $(this);
const animatorValue = animator.find('.liquid-animator-value').text();
animator.append('<div class="liquid-animator-numbers" data-value="' + animatorValue + '">' + '<ul>' + '<li>0</li>' + '<li>1</li>' + '<li>2</li>' + '<li>3</li>' + '<li>4</li>' + '<li>5</li>' + '<li>6</li>' + '<li>7</li>' + '<li>8</li>' + '<li>9</li>' + '</ul>' + '</div>');
});
},
addBlurEffect: function addBlurEffect(blurID) {
if (this.options.blurEffect) {
const ulElement = $('.liquid-animator-numbers ul', this.element);
ulElement.each((i, element) => {
const ul = $(element);
if (ul.parent().data('value') != 0) {
ul.css({
'filter': "url('#counter-blur-" + blurID + "')"
});
}
});
}
},
animateCounter: function animateCounter() {
const self = this;
const startDelay = self.options.startDelay;
const counter = $(self.element);
const blurID = anime.random(0, 100);
const blurSVG = $('<svg class="counter-blur-svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0">' + '<defs>' + '<filter id="counter-blur-' + blurID + '">' + "<feGaussianBlur id=\"counter-blur-filter-".concat(blurID, "\" in=\"SourceGraphic\" stdDeviation=\"0,0\" />") + '</filter>' + '</defs>' + '</svg>');
self.addBlurEffect(blurID);
counter.find('.liquid-animator-numbers').each(function () {
const animator = $(this);
const counterValue = parseInt(animator.data('value'), 10);
let stdDeviation = {
x: 0,
y: 0
};
let blurFilter;
anime({
targets: animator.find('ul').get(0),
translateY: counterValue * -10 + '%',
easing: 'easeOutQuint',
delay: startDelay,
duration: 1200,
complete: () => {
counter.addClass('counter-animated');
}
});
if (self.options.blurEffect) {
anime({
targets: stdDeviation,
easing: 'easeOutQuint',
duration: 1200,
delay: startDelay,
y: [50 + counterValue * 10, 0],
round: 1,
begin: () => {
if (!$('.counter-blur-svg', self.element).length) blurSVG.appendTo(self.element);
blurFilter = blurSVG.find("#counter-blur-filter-".concat(blurID)).get(0);
},
update: () => {
blurFilter.setAttribute('stdDeviation', '0,' + stdDeviation.y);
if (stdDeviation.y <= 0) {
blurSVG.remove();
counter.find('ul').css('filter', '');
}
}
});
}
});
},
setupIntersectionObserver: function setupIntersectionObserver() {
const self = this;
const element = self.element;
const inViewCallback = function inViewCallback(enteries, observer) {
enteries.forEach(function (entery) {
if (entery.isIntersecting) {
self.animateCounter();
observer.unobserve(entery.target);
}
});
};
const observer = new IntersectionObserver(inViewCallback, {
threshold: 0.8
});
const observerTarget = element;
observer.observe(observerTarget);
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('counter-options');
let opts = null;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-enable-counter]').liquidCounter();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidProgressbar';
let defaults = {
value: 0,
suffix: null,
prefix: null,
orientation: "horizontal"
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.percentageElement = $('.liquid-progressbar-percentage', element);
this.barElement = $('.liquid-progressbar-bar', element);
this.titleElement = $('.liquid-progressbar-title', element);
this.isRTL = $('html').attr('dir') == 'rtl';
this.init();
}
init() {
this.addValue();
this.addPrefixSuffix();
this.setupIntersectionObserver();
}
addValue() {
this.valueEl = $('<span class="liquid-progressbar-value">0</span>');
this.percentageElement.html('');
this.valueEl.appendTo(this.percentageElement);
}
addPrefixSuffix() {
const self = this;
const prefixOpt = self.options.prefix;
const suffixOpt = self.options.suffix;
const prefixEl = $('<span class="liquid-progressbar-prefix"></span>');
const suffixEl = $('<span class="liquid-progressbar-suffix"></span>');
if (prefixOpt) prefixEl.text(prefixOpt);
if (suffixOpt) suffixEl.text(suffixOpt);
prefixEl.prependTo(self.percentageElement);
suffixEl.appendTo(self.percentageElement);
}
checkValuesEncountering() {
if (this.options.orientation == "horizontal" && this.titleElement.length) {
const titleWidth = this.titleElement.width();
const percentageOffsetLeft = this.percentageElement.offset().left || 0;
const percentageWidth = this.percentageElement.width();
const titleOffsetLeft = this.titleElement.offset().left || 0;
if (!this.isRTL) {
if (percentageOffsetLeft >= titleOffsetLeft + titleWidth) {
this.$element.addClass('values-not-encountering');
} else {
this.$element.removeClass('values-not-encountering');
}
} else {
if (percentageOffsetLeft + percentageWidth <= titleOffsetLeft) {
this.$element.addClass('values-not-encountering');
} else {
this.$element.removeClass('values-not-encountering');
}
}
} else {
this.$element.addClass('values-not-encountering');
}
}
setupIntersectionObserver() {
const self = this;
const element = self.element;
const inViewCallback = function inViewCallback(enteries, observer) {
enteries.forEach(function (entery) {
if (entery.isIntersecting) {
self.animatePercentage();
self.animateProgressbar();
observer.unobserve(entery.target);
}
});
};
const observer = new IntersectionObserver(inViewCallback, {
threshold: 1
});
const observerTarget = element;
observer.observe(observerTarget);
}
animatePercentage() {
const self = this;
const percentage = {
value: 0
};
anime({
targets: percentage,
value: self.options.value,
round: 1,
duration: 1200,
easing: 'easeInOutQuint',
update: () => {
self.valueEl.text(percentage.value);
}
});
}
animateProgressbar() {
const self = this;
const barElement = self.barElement.get(0);
const value = self.options.value + '%';
const orientation = self.options.orientation;
if (orientation == "horizontal") {
self.animateHorizontal(barElement, value);
} else {
self.initCircleProgressbar(value);
}
}
animateHorizontal(barElement, value) {
const self = this;
anime({
targets: barElement,
width: value,
duration: 1200,
easing: 'easeInOutQuint',
update: () => {
self.checkValuesEncountering();
}
});
}
initCircleProgressbar(value) {
const circleContainer = $(this.element).find('.ld-prgbr-circle-container');
const containerWidth = circleContainer.width();
const numericVal = parseInt(value, 10);
circleContainer.circleProgress({
value: numericVal / 100,
size: containerWidth,
lineCap: 'round',
startAngle: -Math.PI / 2
});
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('progressbar-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-progressbar]').liquidProgressbar();
});
"use strict";
/*
* Credits:
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Copyright 2016, Codrops
* http://www.codrops.com
*/
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidReveal';
let defaults = {
// If true, then the content will be hidden until it´s "revealed".
isContentHidden: true,
// If true, animtion will be triggred only when element is in view
animteWhenInView: true,
delay: 0,
// The animation/reveal settings. This can be set initially or passed when calling the reveal method.
revealSettings: {
// Animation direction: left right (lr) || right left (rl) || top bottom (tb) || bottom top (bt).
direction: 'lr',
// Revealer´s background color.
bgcolor: '#f0f0f0',
// Animation speed. This is the speed to "cover" and also "uncover" the element (seperately, not the total time).
duration: 500,
// Animation easing. This is the easing to "cover" and also "uncover" the element.
easing: 'easeInOutQuint',
// percentage-based value representing how much of the area should be left covered.
coverArea: 0,
// Callback for when the revealer is covering the element (halfway through of the whole animation).
onCover: function onCover(contentEl, revealerEl) {
return false;
},
// Callback for when the animation starts (animation start).
onStart: function onStart(contentEl, revealerEl) {
return false;
},
// Callback for when the revealer has completed uncovering (animation end).
onComplete: function onComplete(contentEl, revealerEl) {
return false;
},
onCoverAnimations: null
}
};
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init: function init() {
this._layout();
if (this.options.animteWhenInView) this.setIntersectionObserver();else this.doTheReveal();
},
_createDOMEl: function _createDOMEl(type, className, content) {
var el = document.createElement(type);
el.className = className || '';
el.innerHTML = content || '';
return el;
},
/**
* Build the necessary structure.
*/
_layout: function _layout() {
var position = getComputedStyle(this.element).position;
if (position !== 'fixed' && position !== 'absolute' && position !== 'relative') {
this.element.style.position = 'relative';
} // Content element.
this.content = this._createDOMEl('div', 'block-revealer__content', this.element.innerHTML);
if (this.options.isContentHidden && this.content.querySelector('figure')) {
this.content.querySelector('figure').style.opacity = 0;
} // Revealer element (the one that animates)
this.revealer = this._createDOMEl('div', 'block-revealer__element');
this.element.classList.add('block-revealer');
this.element.innerHTML = '';
this.element.appendChild(this.content);
var parallaxElement = this.element.querySelector('[data-parallax=true]');
if (typeof parallaxElement !== typeof undefined && parallaxElement !== null) {
parallaxElement.appendChild(this.revealer);
} else {
this.element.appendChild(this.revealer);
}
},
/**
* Gets the revealer element´s transform and transform origin.
*/
_getTransformSettings: function _getTransformSettings(direction) {
var val, origin, origin_2;
switch (direction) {
case 'lr':
val = 'scaleX(0)';
origin = '0 50%';
origin_2 = '100% 50%';
break;
case 'rl':
val = 'scaleX(0)';
origin = '100% 50%';
origin_2 = '0 50%';
break;
case 'tb':
val = 'scaleY(0)';
origin = '50% 0';
origin_2 = '50% 100%';
break;
case 'bt':
val = 'scaleY(0)';
origin = '50% 100%';
origin_2 = '50% 0';
break;
default:
val = 'scaleX(0)';
origin = '0 50%';
origin_2 = '100% 50%';
break;
}
return {
// transform value.
val: val,
// initial and halfway/final transform origin.
origin: {
initial: origin,
halfway: origin_2
}
};
},
/**
* Reveal animation. If revealSettings is passed, then it will overwrite the options.revealSettings.
*/
reveal: function reveal(revealSettings) {
// Do nothing if currently animating.
if (this.isAnimating) {
return false;
}
this.isAnimating = true; // Set the revealer element´s transform and transform origin.
var defaults = {
// In case revealSettings is incomplete, its properties deafault to:
duration: 500,
easing: 'easeInOutQuint',
delay: parseInt(this.options.delay, 10) || 0,
bgcolor: '#f0f0f0',
direction: 'lr',
coverArea: 0
},
revealSettings = revealSettings || this.options.revealSettings,
direction = revealSettings.direction || defaults.direction,
transformSettings = this._getTransformSettings(direction);
this.revealer.style.WebkitTransform = this.revealer.style.transform = transformSettings.val;
this.revealer.style.WebkitTransformOrigin = this.revealer.style.transformOrigin = transformSettings.origin.initial; // Set the Revealer´s background color.
this.revealer.style.background = revealSettings.bgcolor || defaults.bgcolor; // Show it. By default the revealer element has opacity = 0 (CSS).
this.revealer.style.opacity = 1; // Animate it.
var self = this,
// Second animation step.
animationSettings_2 = {
complete: function complete() {
self.isAnimating = false;
if (typeof revealSettings.onComplete === 'function') {
revealSettings.onComplete(self.content, self.revealer);
}
$(self.element).addClass('revealing-ended').removeClass('revealing-started');
}
},
// First animation step.
animationSettings = {
delay: revealSettings.delay || defaults.delay,
complete: function complete() {
self.revealer.style.WebkitTransformOrigin = self.revealer.style.transformOrigin = transformSettings.origin.halfway;
if (typeof revealSettings.onCover === 'function') {
revealSettings.onCover(self.content, self.revealer);
}
$(self.element).addClass('element-uncovered');
anime(animationSettings_2);
}
};
animationSettings.targets = animationSettings_2.targets = this.revealer;
animationSettings.duration = animationSettings_2.duration = revealSettings.duration || defaults.duration;
animationSettings.easing = animationSettings_2.easing = revealSettings.easing || defaults.easing;
var coverArea = revealSettings.coverArea || defaults.coverArea;
if (direction === 'lr' || direction === 'rl') {
animationSettings.scaleX = [0, 1];
animationSettings_2.scaleX = [1, coverArea / 100];
} else {
animationSettings.scaleY = [0, 1];
animationSettings_2.scaleY = [1, coverArea / 100];
}
if (typeof revealSettings.onStart === 'function') {
revealSettings.onStart(self.content, self.revealer);
}
$(self.element).addClass('revealing-started');
anime(animationSettings);
},
animationPresets: function animationPresets() {},
setIntersectionObserver: function setIntersectionObserver() {
const self = this;
const element = self.element;
self.isIntersected = false;
const inViewCallback = function inViewCallback(enteries, observer) {
enteries.forEach(function (entery) {
if (entery.isIntersecting && !self.isIntersected) {
self.isIntersected = true;
self.doTheReveal();
}
});
};
const observer = new IntersectionObserver(inViewCallback, {
threshold: 0.5
});
observer.observe(element);
},
doTheReveal: function doTheReveal() {
const {
onCoverAnimations
} = this.options.revealSettings;
const onCover = {
onCover: contentEl => {
$('figure', contentEl).css('opacity', 1);
if ($(contentEl).find('.ld-lazyload').length && window.liquidLazyload) {
window.liquidLazyload.update();
}
if (onCoverAnimations) {
const animations = $.extend({}, {
targets: $('figure', contentEl).get(0)
}, {
duration: 800,
easing: 'easeOutQuint'
}, onCoverAnimations);
anime(animations);
}
}
};
const options = $.extend(this.options, onCover);
this.reveal(options);
this.onReveal();
},
onReveal() {
if ($(this.element).find('[data-responsive-bg]').length) {
$(this.element).find('[data-responsive-bg]').liquidResponsiveBG();
}
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('reveal-options');
let opts = null;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-reveal]').filter((i, element) => {
const $element = $(element);
const $fullpageSection = $element.closest('.vc_row.pp-section');
return !$fullpageSection.length;
}).liquidReveal();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidStickyRow';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.markupInitiated = false;
this.$stickyWrap = null;
this.$stickyWrapInner = null;
this.boundingClientRect = null;
this.init();
}
init() {
this.initMarkup();
this.handleSizes();
this.addEvents();
this.handleWindowResize();
}
initMarkup() {
if (this.markupInitiated) return false;
const $stickyWrap = $('<div class="lqd-css-sticky-wrap pos-rel" />');
const $stickyWrapInner = $('<div class="lqd-css-sticky-wrap-inner pos-abs" />');
this.$element.wrap($stickyWrap).wrap($stickyWrapInner);
this.$stickyWrapInner = this.$element.parent();
this.$stickyWrap = this.$element.parent().parent();
this.markupInitiated = true;
}
handleSizes() {
const $nextElements = this.$stickyWrap.nextAll();
const elementHeight = this.$element.outerHeight();
this.$stickyWrap.css({
height: elementHeight
});
if ($nextElements.length) {
let nextElementsHeight = 0;
$.each($nextElements, (i, nextElement) => {
nextElementsHeight += $(nextElement).outerHeight();
});
if (elementHeight > nextElementsHeight) {
console.log(elementHeight - nextElementsHeight);
this.$stickyWrapInner.css({
height: "calc(200% - ".concat(nextElementsHeight, "px)")
});
}
}
}
addEvents() {
const e = new CustomEvent('lqd-sticky-row-initiated', {
detail: {
$element: this.$element
}
});
this.element.dispatchEvent(e);
}
handleWindowResize() {
const resize = liquidDebounce(this.onWindowResize, 500);
$(window).on('resize', resize.bind(this));
}
onWindowResize() {
this.handleSizes();
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('sticky-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if (liquidWindowWidth() <= liquidMobileNavBreakpoint() || liquidIsMobile()) return;
$('.vc_row.lqd-css-sticky').liquidStickyRow();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidParallax';
let defaults = {
duration: 1800,
offset: 0,
triggerHook: "onEnter",
easing: 'linear',
parallaxBG: false,
scaleBG: true,
overflowHidden: true
};
let defaultParallaxFrom = {};
let defaultParallaxTo = {};
class Plugin {
constructor(element, options, parallaxFrom, parallaxTo) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this.parallaxFromOptions = $.extend({}, defaultParallaxFrom, parallaxFrom);
this.parallaxToOptions = $.extend({}, defaultParallaxTo, parallaxTo);
this.isInitialized = false;
this.parallaxElement = this.element;
this.triggerElement = this.parallaxElement;
this._defaults = defaults;
this._name = pluginName;
this.build();
}
build() {
// if it's titlebar and it's on mobile, just add the classname to fade in the bg but don't initiate parallax bg
if (liquidIsMobile() && this.options.parallaxBG && this.$element.is('.titlebar')) {
this.$element.addClass('liquid-parallax-bg');
return false;
}
if (this.$element.is('.vc_row') && this.$element.is('.vc_row:first-of-type') || this.$element.is('.titlebar') && this.options.parallaxBG) {
if (this.$element.closest('.lqd-css-sticky').length || this.$element.is('.vc_row[data-pin]') || this.$element.is('.lqd-css-sticky')) {
this.handleSentinel();
}
this.init();
return false;
}
this.initIO();
}
setParallaxFromParams() {
const animeOpts = {
targets: this.parallaxElement,
duration: 0,
easing: 'linear'
};
const prlxFromOpts = $.extend({}, this.parallaxFromOptions, animeOpts);
anime(prlxFromOpts);
}
createSentinel() {
this.$sentinel = $('<div class="lqd-parallax-sentinel" />').appendTo('body');
}
handleSentinel() {
this.createSentinel();
this.positionSentinel();
this.handleResize();
this.triggerElement = this.$sentinel.get(0);
}
positionSentinel() {
this.$sentinel.attr('style', '');
this.$sentinel.css({
width: this.$element.width(),
height: this.$element.height(),
top: this.$element.offset().top,
left: this.$element.offset().left
});
}
initParallax() {
if (!this.$element.is('.wpb_column')) {
const overflow = this.options.overflowHidden ? 'overflow-hidden' : '';
this.$element.wrap("<div class=\"ld-parallax-wrap ".concat(overflow, "\" />"));
}
}
initParallaxBG() {
const $videoBg = this.$element.children('.lqd-vbg-wrap');
if (!this.element.hasAttribute('data-slideshow-bg') && !this.element.hasAttribute('data-row-bg') && !$videoBg.length) {
this.createParallaxBgMarkup(); // this.triggerElement = this.parallaxElement = $('.liquid-parallax-figure', this.element).get(0);
this.parallaxElement = $('.liquid-parallax-figure', this.element).get(0);
return false;
}
if (this.element.hasAttribute('data-slideshow-bg')) {
const slideshowWrap = $('.ld-slideshow-bg-wrap', this.element);
const slideshowInner = $('.ld-slideshow-bg-inner', slideshowWrap);
this.updateParallaxBgOptions(slideshowInner);
this.parallaxElement = slideshowInner.get(0);
this.$element.addClass('liquid-parallax-bg');
return false;
}
if (this.element.hasAttribute('data-row-bg')) {
const rowBGWrap = $('.row-bg-wrap', this.element);
const rowBG = $('.row-bg', rowBGWrap);
this.updateParallaxBgOptions(rowBG);
this.parallaxElement = rowBG.get(0);
this.$element.addClass('liquid-parallax-bg');
}
if ($videoBg.length) {
this.updateParallaxBgOptions($videoBg.children());
this.parallaxElement = $videoBg.children().get(0);
}
}
createParallaxBgMarkup() {
const parallaxContainer = $('<div class="liquid-parallax-container"></div>');
const parallaxFigure = $('<figure class="liquid-parallax-figure"></figure>');
const elementBGImage = this.$element.css('background-image');
const elementBGPos = this.$element.css('background-position');
this.updateParallaxBgOptions(parallaxFigure);
if (elementBGImage && elementBGImage != 'none') {
parallaxFigure.css('background-image', elementBGImage);
parallaxFigure.css('background-position', elementBGPos);
this.$element.addClass('bg-none');
}
this.$element.addClass('liquid-parallax-bg');
parallaxFigure.appendTo(parallaxContainer);
parallaxContainer.prependTo(this.element);
}
updateParallaxBgOptions($bgElement) {
const translateY = this.$element.is('.vc_row') && !liquidIsMobile() ? '-30%' : '-20%';
const height = this.$element.is('.vc_row') && !liquidIsMobile() ? '140%' : '120%';
if (typeof this.parallaxFromOptions.translateY === typeof undefined) {
this.parallaxFromOptions.translateY = translateY;
}
if (typeof this.parallaxToOptions.translateY === typeof undefined) {
this.parallaxToOptions.translateY = '0%';
}
this.options.scaleBG && $bgElement.css('height', height);
}
createTimeline() {
const aniamteParams = $.extend({}, this.parallaxToOptions, {
targets: this.parallaxElement,
duration: this.options.duration,
easing: this.options.easing,
autoplay: false
});
const timeline = anime(aniamteParams);
return timeline;
}
initIO() {
const {
parallaxBG
} = this.options;
const $pinnedParent = this.$element.closest('[data-pin]');
const $cssStickyParent = this.$element.closest('.lqd-css-sticky');
const inviewCallback = enteries => {
enteries.forEach(entry => {
if (entry.isIntersecting) {
if (!this.isInitialized) {
this.isInitialized = true;
if (parallaxBG) {
this.options.duration = entry.rootBounds.height + entry.boundingClientRect.height;
}
if ($pinnedParent.length || $cssStickyParent.length || this.$element.is('.vc_row[data-pin]') || this.$element.is('.lqd-css-sticky')) {
this.handleSentinel();
}
this.init();
}
$(this.parallaxElement).addClass('will-change');
} else {
$(this.parallaxElement).removeClass('will-change');
}
});
};
const observer = new IntersectionObserver(inviewCallback, {
rootMargin: "7%"
});
observer.observe(this.element);
}
init() {
!this.options.parallaxBG && this.initParallax();
this.options.parallaxBG && this.initParallaxBG();
this.setParallaxFromParams();
const controller = new ScrollMagic.Controller();
const timeline = this.createTimeline();
const newScene = new ScrollMagic.Scene({
duration: timeline.duration,
offset: this.options.offset,
triggerHook: this.options.triggerHook
});
newScene.triggerElement(this.triggerElement);
newScene.addTo(controller); // newScene.addIndicators();
if (!this.$element.is('.vc_row') && !this.$element.is('.titlebar')) {
this.$element.parent().addClass('parallax-applied');
}
newScene.on('progress', e => {
timeline.seek(e.progress * timeline.duration);
});
}
handleResize() {
$(window).on('resize', this.onWindowResize.bind(this));
}
onWindowResize() {
this.positionSentinel();
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('parallax-options');
const parallaxFrom = $(this).data('parallax-from');
const parallaxTo = $(this).data('parallax-to');
let opts = null;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions, parallaxFrom, parallaxTo);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts, parallaxFrom, parallaxTo));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if ($('body').hasClass('compose-mode')) return false;
$('[data-parallax]').not('[data-pin]:not(.vc_row), .rev-slidebg').liquidParallax();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidAnimateOnScroll';
let defaults = {
offset: 0,
triggerHook: "onLeave",
easing: 'linear',
staticSentinel: null,
staticSentinelRel: 'closest'
};
let defaultAnimateFrom = {};
let defaultAnimateTo = {};
class Plugin {
constructor(element, options, animateFrom, animateTo) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this.animateFromOptions = $.extend({}, defaultAnimateFrom, animateFrom);
this.animateToOptions = $.extend({}, defaultAnimateTo, animateTo);
this.isInitialized = false;
this.animateElement = this.element;
this.triggerElement = this.getTriggerElement();
this.elementOuterHeight = this.getElementOuterHeight();
this._defaults = defaults;
this._name = pluginName;
this.build();
}
build() {
this.initIO();
}
getTriggerElement() {
const {
options
} = this;
if (!options.staticSentinel) {
return this.animateElement;
} else {
return this.$element[options.staticSentinelRel](options.staticSentinel).get(0);
}
}
getElementOuterHeight() {
return this.$element.outerHeight();
}
getElementOffset() {
return this.$element.offset();
}
setAnimateFromParams() {
const animeOpts = {
targets: this.animateElement,
duration: 0,
easing: 'linear'
};
const animateFromOpts = $.extend({}, this.animateFromOptions, animeOpts);
anime(animateFromOpts);
}
createSentinel() {
this.$sentinel = $('<div class="lqd-animate-sentinel invisible pos-abs" />').appendTo('body');
}
handleSentinel() {
this.createSentinel();
this.positionSentinel();
this.handleEvents();
this.triggerElement = this.$sentinel.get(0);
}
positionSentinel() {
if (!this.$sentinel) return false;
this.$sentinel.attr('style', '');
this.$sentinel.css({
width: this.$element.width(),
height: this.elementOuterHeight,
top: this.getElementOffset().top,
left: this.getElementOffset().left
});
}
createTimeline() {
const aniamteParams = $.extend({}, this.animateToOptions, {
targets: this.animateElement,
duration: this.elementOuterHeight,
easing: this.options.easing,
autoplay: false
});
const timeline = anime(aniamteParams);
return timeline;
}
initIO() {
const $pinnedParent = this.$element.closest('[data-pin]');
const $cssStickyParent = this.$element.closest('.lqd-css-sticky');
const inviewCallback = enteries => {
enteries.forEach(entry => {
if (entry.isIntersecting) {
if (!this.isInitialized) {
this.isInitialized = true;
if (!this.options.staticSentinel && ($pinnedParent.length || $cssStickyParent.length || this.$element.is('.vc_row[data-pin]') || this.$element.is('.vc_row.lqd-css-sticky'))) {
this.handleSentinel();
}
this.init();
}
$(this.animateElement).addClass('will-change');
} else {
$(this.animateElement).removeClass('will-change');
}
});
};
const observer = new IntersectionObserver(inviewCallback, {
rootMargin: "3%"
});
observer.observe(this.element);
}
init() {
this.setAnimateFromParams();
const controller = new ScrollMagic.Controller();
const timeline = this.createTimeline();
const newScene = new ScrollMagic.Scene({
duration: timeline.duration,
offset: this.options.offset,
triggerHook: this.options.triggerHook
});
newScene.triggerElement(this.triggerElement);
newScene.addTo(controller); // newScene.addIndicators();
newScene.on('progress', e => {
timeline.seek(e.progress * timeline.duration);
});
}
handleEvents() {
$(window).on('load resize', this.positionSentinel.bind(this));
this.element.addEventListener('lqd-sticky-row-initiated', this.positionSentinel.bind(this));
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const $this = $(this);
const pluginOptions = $this.data('animate-options');
const animateFrom = $this.data('animate-from');
const animateTo = $this.data('animate-to');
let opts = null;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions, animateFrom, animateTo);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts, animateFrom, animateTo));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if ($('body').hasClass('compose-mode')) return false;
$('[data-animate-onscroll]').liquidAnimateOnScroll();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidTransitionDelay';
let defaults = {
elements: null,
startDelay: 0,
delayBetween: 250,
delayType: 'transition' // ['transition', 'animation']
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.initIO();
}
initIO() {
new IntersectionObserver((enteries, observer) => {
enteries.forEach(entry => {
if (entry.isIntersecting) {
this.addDelays();
observer.unobserve(entry.target);
}
});
}).observe(this.element, {
"rootMargin": '5%'
});
}
addDelays() {
const {
options
} = this;
if (options.elements) {
$.each($(options.elements, this.element), (i, element) => {
const delay = i * options.delayBetween + options.startDelay;
$(element).css({
["-webkit-".concat(options.delayType, "-delay")]: "".concat(delay, "ms"),
["".concat(options.delayType, "-delay")]: "".concat(delay, "ms")
});
});
}
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('delay-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-transition-delay=true]').liquidTransitionDelay();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidMasonry';
let defaults = {
layoutMode: 'packery',
itemSelector: '.masonry-item',
alignMid: false
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.onFilterChange = null;
this.onLayoutComplete = null;
this.init();
}
init() {
this.onImagesLoad();
}
onImagesLoad() {
imagesLoaded(this.element, this.handleOnImagesLoaded.bind(this));
}
handleOnImagesLoaded() {
this.setStamps();
this.initIsotope();
this.onFilterChange = new CustomEvent('lqd-masonry-filter-change', {
detail: {
isotopeData: this.$element.data('isotope')
}
});
this.onLayoutComplete = new CustomEvent('lqd-masonry-layout-complete', {
detail: {
isotopeData: this.$element.data('isotope')
}
});
this.initFilters();
this.eventHandlers();
}
initIsotope() {
const {
layoutMode,
itemSelector,
stamp
} = this.options;
this.$element.isotope({
layoutMode,
itemSelector,
stamp
});
}
setStamps() {
this.setAlignMidStamps();
}
setAlignMidStamps() {
const options = this.options;
if (options.alignMid) {
const items = $(options.itemSelector, this.element);
const columnsCount = this.$element.attr('data-columns');
const itemsHeights = [];
let gridSizer = $('.grid-stamp', this.$element);
$.each(items, (i, item) => {
const $item = $(item);
const height = $item.outerHeight();
itemsHeights.push(height);
});
this.highestHeight = Math.max(...itemsHeights);
this.lowestHeight = Math.min(...itemsHeights);
if (columnsCount >= 3) {
gridSizer.clone().insertBefore(items.eq(columnsCount - 1)).addClass('is-right');
gridSizer = gridSizer.add('.grid-stamp', this.$element);
}
gridSizer.height(this.lowestHeight / 2);
options.stamp = '.grid-stamp';
}
}
initFilters() {
const {
options
} = this;
const {
filtersID
} = options;
if (!filtersID) return;
this.$element.isotope({
filter: $('.active', $(filtersID)).attr('data-filter')
});
$(filtersID).on('click', 'li', event => {
const $filterElement = $(event.currentTarget);
const filterValue = $filterElement.attr('data-filter');
const filterTermId = $filterElement.attr('data-filter-term-id');
$filterElement.addClass('active').siblings().removeClass('active');
if (typeof filterTermId === 'undefined' || filterTermId === null) {
this.$element.isotope({
filter: filterValue
});
} else {
this.loadAjax($filterElement, filterTermId);
}
});
}
eventHandlers() {
this.$element.on('arrangeComplete', this.handleArrangeComplete.bind(this));
this.$element.on('layoutComplete', this.handleLayoutComplete.bind(this));
}
handleArrangeComplete() {
document.dispatchEvent(this.onFilterChange);
}
handleLayoutComplete() {
document.dispatchEvent(this.onLayoutComplete);
}
loadAjax($button, filterTermId) {
const url = filterTermId === '' ? location.href + '?ajaxify=1' : location.href + '?ajaxify=1&category=' + filterTermId + '&filter-id=' + this.$element.parent('[data-filter-id]').data('filter-id');
const filterID = this.$element.parent('[data-filter-id]').data('filter-id');
const $paginationWrapper = this.$element.parent().find('.page-nav');
$.ajax({
type: 'GET',
url: url,
error: function error(MLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
},
beforeSend: () => {
this.$element.addClass('lqd-items-loading');
},
success: data => {
var $data = $(data);
var $newItemsWrapper = $data.find('[data-filter-id="' + filterID + '"] .liquid-blog-grid');
var $newItems = $newItemsWrapper.find('> div'),
$newPagination = $data.find('.page-nav').length ? $data.find('.page-nav') : '';
if ($paginationWrapper.length) {
$paginationWrapper.html($newPagination);
}
$newItems.imagesLoaded(() => {
this.$element.append($newItems);
if (this.$element.get(0).hasAttribute('data-liquid-masonry')) {
this.$element.isotope('remove', $(this.options.itemSelector, this.element));
this.$element.isotope('appended', $newItems);
this.$element.isotope('layout');
}
this.$element.removeClass('lqd-items-loading');
$('html, body').animate({
scrollTop: this.$element.parent().offset().top - 150
}, 300);
if (!$('body').hasClass('lazyload-enabled')) {
$('[data-responsive-bg=true]', this.element).liquidResponsiveBG();
}
if ($('body').hasClass('lazyload-enabled')) {
window.liquidLazyload = new LazyLoad({
elements_selector: '.ld-lazyload',
callback_loaded: function callback_loaded(e) {
$(e).closest('[data-responsive-bg=true]').liquidResponsiveBG();
$(e).parent().not('#wrap, #content').addClass('loaded');
}
});
}
$('[data-split-text]', this.element).filter(function (i, element) {
return !$(element).parents('[data-custom-animations]').length && !element.hasAttribute('data-custom-animations');
}).liquidSplitText();
$('[data-fittext]', this.element).liquidFitText();
$('[data-custom-animations]', this.element).map(function (i, element) {
var $element = $(element);
var $customAnimationParent = $element.parents('.wpb_wrapper[data-custom-animations]');
if ($customAnimationParent.length) {
$element.removeAttr('data-custom-animations');
$element.removeAttr('data-ca-options');
}
});
$('[data-custom-animations]', this.element).filter(function (i, element) {
var $element = $(element);
var $rowBgparent = $element.closest('.vc_row[data-row-bg]');
var $slideshowBgParent = $element.closest('.vc_row[data-slideshow-bg]');
return !$rowBgparent.length && !$slideshowBgParent.length;
}).liquidCustomAnimations();
$('[data-lqd-flickity]', this.element).liquidCarousel();
$('[data-parallax]', this.element).liquidParallax();
$('[data-hover3d=true]', this.element).liquidHover3d();
});
}
});
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('masonry-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-liquid-masonry]').liquidMasonry();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidHover3d';
let defaults = {};
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.build();
}
Plugin.prototype = {
build: function build() {
this.$icon = $(this.element);
if (!this.$icon.length) {
return;
}
this.width = this.$icon.outerWidth();
this.height = this.$icon.outerHeight();
this.maxRotation = 8;
this.maxTranslation = 4;
this.init();
$(window).on('load resize', this.onWindowLoad.bind(this));
this.$icon.addClass('hover-3d-applied');
},
init: function init() {
this.eventHandlers();
},
onWindowLoad() {
this.width = this.$icon.outerWidth();
this.height = this.$icon.outerHeight();
},
eventHandlers: function eventHandlers() {
const self = this;
self.$icon.on('mousemove', function (e) {
self.hover.call(self, e);
}).on('mouseleave', function (e) {
self.leave.call(self, e);
});
},
appleTvAnimate: function appleTvAnimate(element, config) {
var rotate = "rotateX(" + config.xRotationPercentage * -1 * config.maxRotationX + "deg)" + " rotateY(" + config.yRotationPercentage * -1 * config.maxRotationY + "deg)";
var translate = " translate3d(" + config.xTranslationPercentage * -1 * config.maxTranslationX + "px," + config.yTranslationPercentage * -1 * config.maxTranslationY + "px, 0px)";
anime.remove(element.get(0)); // causing move issues
element.css({
transition: 'all 0.25s ease-out',
transform: rotate + translate
}); // anime({
// targets: element.get(0),
// rotateX: -config.xRotationPercentage * config.maxRotationX,
// rotateY: -config.yRotationPercentage * config.maxRotationY,
// translateX: -config.xTranslationPercentage * config.maxTranslationX,
// translateY: -config.yTranslationPercentage * config.maxTranslationY,
// easing: 'easeOutQuint',
// duration: 300
// });
},
calculateRotationPercentage: function calculateRotationPercentage(offset, dimension) {
return -2 / dimension * offset + 1;
},
calculateTranslationPercentage: function calculateTranslationPercentage(offset, dimension) {
return -2 / dimension * offset + 1;
},
hover: function hover(e) {
var that = this;
var mouseOffsetInside = {
x: e.pageX - this.$icon.offset().left,
y: e.pageY - this.$icon.offset().top
};
that.$icon.addClass('mouse-in');
var xRotationPercentage = this.calculateRotationPercentage(mouseOffsetInside.y, this.height);
var yRotationPercentage = this.calculateRotationPercentage(mouseOffsetInside.x, this.width) * -1;
var xTranslationPercentage = this.calculateTranslationPercentage(mouseOffsetInside.x, this.width);
var yTranslationPercentage = this.calculateTranslationPercentage(mouseOffsetInside.y, this.height);
this.$icon.find('[data-stacking-factor]').each(function (index, element) {
var stackingFactor = $(element).attr('data-stacking-factor');
that.appleTvAnimate($(element), {
maxTranslationX: that.maxTranslation * stackingFactor,
maxTranslationY: that.maxTranslation * stackingFactor,
maxRotationX: that.maxRotation * stackingFactor,
maxRotationY: that.maxRotation * stackingFactor,
xRotationPercentage: xRotationPercentage,
yRotationPercentage: yRotationPercentage,
xTranslationPercentage: xTranslationPercentage,
yTranslationPercentage: yTranslationPercentage
});
});
},
leave: function leave(e) {
var that = this;
that.$icon.removeClass('mouse-in');
this.$icon.find('[data-stacking-factor]').each(function (index, element) {
anime.remove(element);
that.appleTvAnimate($(element), {
maxTranslationX: 0,
maxTranslationY: 0,
maxRotationX: 0,
maxRotationY: 0,
xRotationPercentage: 0,
yRotationPercentage: 0,
xTranslationPercentage: 0,
yTranslationPercentage: 0
});
});
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('hover3d-options');
let opts = null;
if (pluginOptions) {
opts = $.extend(true, {}, options, pluginOptions);
}
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, opts));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-hover3d=true]').filter((i, element) => !$(element).closest('.tabs-pane').not('.active').length).liquidHover3d();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidMap';
let defaults = {
address: '7420 Shore Rd, Brooklyn, NY 11209, USA',
marker: 'assets/img/map-marker/marker-1.svg',
style: 'wy',
markers: null,
className: 'map_marker',
marker_option: 'image' // options: "image","html"
};
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init(element, this.options);
}
function CustomMarker(latlng, map, className) {
this.latlng_ = latlng;
this.className = className; // Once the LatLng and text are set, add the overlay to the map. This will
// trigger a call to panes_changed which should in turn call draw.
this.setMap(map);
}
if (typeof google !== typeof undefined && typeof google.maps !== typeof undefined) {
CustomMarker.prototype = new google.maps.OverlayView();
CustomMarker.prototype.draw = function () {
var me = this; // Check if the div has been created.
var div = this.div_,
divChild,
divChild2;
if (!div) {
// Create a overlay text DIV
div = this.div_ = document.createElement('DIV');
div.className = this.className;
divChild = document.createElement("div");
div.appendChild(divChild);
divChild2 = document.createElement("div");
div.appendChild(divChild2);
google.maps.event.addDomListener(div, "click", function (event) {
google.maps.event.trigger(me, "click");
}); // Then add the overlay to the DOM
var panes = this.getPanes();
panes.overlayImage.appendChild(div);
} // Position the overlay
var point = this.getProjection().fromLatLngToDivPixel(this.latlng_);
if (point) {
div.style.left = point.x + 'px';
div.style.top = point.y + 'px';
}
};
CustomMarker.prototype.remove = function () {
// Check if the overlay was on the map and needs to be removed.
if (this.div_) {
this.div_.parentNode.removeChild(this.div_);
this.div_ = null;
}
};
CustomMarker.prototype.getPosition = function () {
return this.latlng_;
};
}
Plugin.prototype = {
init: function init(element, options) {
this.options = $.extend(true, {}, {
map: {
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP,
panControl: false,
zoomControl: true,
mapTypeControl: false,
streetViewControl: false,
scrollwheel: false
}
}, options);
this.build();
this.adjustHeight();
return this;
},
styles: {
"wy": [{
"featureType": "all",
"elementType": "geometry.fill",
"stylers": [{
"weight": "2.00"
}]
}, {
"featureType": "all",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#9c9c9c"
}]
}, {
"featureType": "all",
"elementType": "labels.text",
"stylers": [{
"visibility": "on"
}]
}, {
"featureType": "landscape",
"elementType": "all",
"stylers": [{
"color": "#f2f2f2"
}]
}, {
"featureType": "landscape",
"elementType": "geometry.fill",
"stylers": [{
"color": "#ffffff"
}]
}, {
"featureType": "landscape.man_made",
"elementType": "geometry.fill",
"stylers": [{
"color": "#ffffff"
}]
}, {
"featureType": "poi",
"elementType": "all",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "road",
"elementType": "all",
"stylers": [{
"saturation": -100
}, {
"lightness": 45
}]
}, {
"featureType": "road",
"elementType": "geometry.fill",
"stylers": [{
"color": "#eeeeee"
}]
}, {
"featureType": "road",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#7b7b7b"
}]
}, {
"featureType": "road",
"elementType": "labels.text.stroke",
"stylers": [{
"color": "#ffffff"
}]
}, {
"featureType": "road.highway",
"elementType": "all",
"stylers": [{
"visibility": "simplified"
}]
}, {
"featureType": "road.arterial",
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "transit",
"elementType": "all",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "water",
"elementType": "all",
"stylers": [{
"color": "#46bcec"
}, {
"visibility": "on"
}]
}, {
"featureType": "water",
"elementType": "geometry.fill",
"stylers": [{
"color": "#c8d7d4"
}]
}, {
"featureType": "water",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#070707"
}]
}, {
"featureType": "water",
"elementType": "labels.text.stroke",
"stylers": [{
"color": "#ffffff"
}]
}],
"blueEssence": [{
"featureType": "landscape.natural",
"elementType": "geometry.fill",
"stylers": [{
"visibility": "on"
}, {
"color": "#e0efef"
}]
}, {
"featureType": "poi",
"elementType": "geometry.fill",
"stylers": [{
"visibility": "on"
}, {
"hue": "#1900ff"
}, {
"color": "#c0e8e8"
}]
}, {
"featureType": "road",
"elementType": "geometry",
"stylers": [{
"lightness": 100
}, {
"visibility": "simplified"
}]
}, {
"featureType": "road",
"elementType": "labels",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "transit.line",
"elementType": "geometry",
"stylers": [{
"visibility": "on"
}, {
"lightness": 700
}]
}, {
"featureType": "water",
"elementType": "all",
"stylers": [{
"color": "#7dcdcd"
}]
}],
"lightMonochrome": [{
"featureType": "administrative.locality",
"elementType": "all",
"stylers": [{
"hue": "#2c2e33"
}, {
"saturation": 7
}, {
"lightness": 19
}, {
"visibility": "on"
}]
}, {
"featureType": "landscape",
"elementType": "all",
"stylers": [{
"hue": "#ffffff"
}, {
"saturation": -100
}, {
"lightness": 100
}, {
"visibility": "simplified"
}]
}, {
"featureType": "poi",
"elementType": "all",
"stylers": [{
"hue": "#ffffff"
}, {
"saturation": -100
}, {
"lightness": 100
}, {
"visibility": "off"
}]
}, {
"featureType": "road",
"elementType": "geometry",
"stylers": [{
"hue": "#bbc0c4"
}, {
"saturation": -93
}, {
"lightness": 31
}, {
"visibility": "simplified"
}]
}, {
"featureType": "road",
"elementType": "labels",
"stylers": [{
"hue": "#bbc0c4"
}, {
"saturation": -93
}, {
"lightness": 31
}, {
"visibility": "on"
}]
}, {
"featureType": "road.arterial",
"elementType": "labels",
"stylers": [{
"hue": "#bbc0c4"
}, {
"saturation": -93
}, {
"lightness": -2
}, {
"visibility": "simplified"
}]
}, {
"featureType": "road.local",
"elementType": "geometry",
"stylers": [{
"hue": "#e9ebed"
}, {
"saturation": -90
}, {
"lightness": -8
}, {
"visibility": "simplified"
}]
}, {
"featureType": "transit",
"elementType": "all",
"stylers": [{
"hue": "#e9ebed"
}, {
"saturation": 10
}, {
"lightness": 69
}, {
"visibility": "on"
}]
}, {
"featureType": "water",
"elementType": "all",
"stylers": [{
"hue": "#e9ebed"
}, {
"saturation": -78
}, {
"lightness": 67
}, {
"visibility": "simplified"
}]
}],
"assassinsCreedIV": [{
"featureType": "all",
"elementType": "all",
"stylers": [{
"visibility": "on"
}]
}, {
"featureType": "all",
"elementType": "labels",
"stylers": [{
"visibility": "off"
}, {
"saturation": "-100"
}]
}, {
"featureType": "all",
"elementType": "labels.text.fill",
"stylers": [{
"saturation": 36
}, {
"color": "#000000"
}, {
"lightness": 40
}, {
"visibility": "off"
}]
}, {
"featureType": "all",
"elementType": "labels.text.stroke",
"stylers": [{
"visibility": "off"
}, {
"color": "#000000"
}, {
"lightness": 16
}]
}, {
"featureType": "all",
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [{
"color": "#000000"
}, {
"lightness": 20
}]
}, {
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#000000"
}, {
"lightness": 17
}, {
"weight": 1.2
}]
}, {
"featureType": "landscape",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 20
}]
}, {
"featureType": "landscape",
"elementType": "geometry.fill",
"stylers": [{
"color": "#4d6059"
}]
}, {
"featureType": "landscape",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#4d6059"
}]
}, {
"featureType": "landscape.natural",
"elementType": "geometry.fill",
"stylers": [{
"color": "#4d6059"
}]
}, {
"featureType": "poi",
"elementType": "geometry",
"stylers": [{
"lightness": 21
}]
}, {
"featureType": "poi",
"elementType": "geometry.fill",
"stylers": [{
"color": "#4d6059"
}]
}, {
"featureType": "poi",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#4d6059"
}]
}, {
"featureType": "road",
"elementType": "geometry",
"stylers": [{
"visibility": "on"
}, {
"color": "#7f8d89"
}]
}, {
"featureType": "road",
"elementType": "geometry.fill",
"stylers": [{
"color": "#7f8d89"
}]
}, {
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [{
"color": "#7f8d89"
}, {
"lightness": 17
}]
}, {
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#7f8d89"
}, {
"lightness": 29
}, {
"weight": 0.2
}]
}, {
"featureType": "road.arterial",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 18
}]
}, {
"featureType": "road.arterial",
"elementType": "geometry.fill",
"stylers": [{
"color": "#7f8d89"
}]
}, {
"featureType": "road.arterial",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#7f8d89"
}]
}, {
"featureType": "road.local",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 16
}]
}, {
"featureType": "road.local",
"elementType": "geometry.fill",
"stylers": [{
"color": "#7f8d89"
}]
}, {
"featureType": "road.local",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#7f8d89"
}]
}, {
"featureType": "transit",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 19
}]
}, {
"featureType": "water",
"elementType": "all",
"stylers": [{
"color": "#2b3638"
}, {
"visibility": "on"
}]
}, {
"featureType": "water",
"elementType": "geometry",
"stylers": [{
"color": "#2b3638"
}, {
"lightness": 17
}]
}, {
"featureType": "water",
"elementType": "geometry.fill",
"stylers": [{
"color": "#24282b"
}]
}, {
"featureType": "water",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#24282b"
}]
}, {
"featureType": "water",
"elementType": "labels",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "water",
"elementType": "labels.text",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "water",
"elementType": "labels.text.fill",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "water",
"elementType": "labels.text.stroke",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "water",
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}],
"unsaturatedBrowns": [{
"elementType": "geometry",
"stylers": [{
"hue": "#ff4400"
}, {
"saturation": -68
}, {
"lightness": -4
}, {
"gamma": 0.72
}]
}, {
"featureType": "road",
"elementType": "labels.icon"
}, {
"featureType": "landscape.man_made",
"elementType": "geometry",
"stylers": [{
"hue": "#0077ff"
}, {
"gamma": 3.1
}]
}, {
"featureType": "water",
"stylers": [{
"hue": "#00ccff"
}, {
"gamma": 0.44
}, {
"saturation": -33
}]
}, {
"featureType": "poi.park",
"stylers": [{
"hue": "#44ff00"
}, {
"saturation": -23
}]
}, {
"featureType": "water",
"elementType": "labels.text.fill",
"stylers": [{
"hue": "#007fff"
}, {
"gamma": 0.77
}, {
"saturation": 65
}, {
"lightness": 99
}]
}, {
"featureType": "water",
"elementType": "labels.text.stroke",
"stylers": [{
"gamma": 0.11
}, {
"weight": 5.6
}, {
"saturation": 99
}, {
"hue": "#0091ff"
}, {
"lightness": -86
}]
}, {
"featureType": "transit.line",
"elementType": "geometry",
"stylers": [{
"lightness": -48
}, {
"hue": "#ff5e00"
}, {
"gamma": 1.2
}, {
"saturation": -23
}]
}, {
"featureType": "transit",
"elementType": "labels.text.stroke",
"stylers": [{
"saturation": -64
}, {
"hue": "#ff9100"
}, {
"lightness": 16
}, {
"gamma": 0.47
}, {
"weight": 2.7
}]
}],
"classic": [{
"featureType": "administrative.country",
"elementType": "geometry",
"stylers": [{
"visibility": "simplified"
}, {
"hue": "#ff0000"
}]
}]
},
build: function build() {
var opts = this.options,
self = this,
container = $(this.element),
mapOpts = opts.map; // inizialize the map
mapOpts.styles = this.styles[opts.style];
var map = new google.maps.Map(container.get(0), mapOpts);
map.zoom = this.options.map.zoom || 16;
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
"address": opts.address
}, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var result = results[0].geometry.location,
latitude = results[0].geometry.location.lat(),
longitude = results[0].geometry.location.lng(),
marker;
if (self.options.marker_option == 'html') {
$(container).addClass('marker-html');
}
if (self.options.markers == null) {
if (self.options.marker_option == 'image') {
marker = new google.maps.Marker({
position: result,
map: map,
visible: true,
icon: opts.marker,
zIndex: 9999999
});
} else {
marker = new CustomMarker(result, map, self.options.className);
}
} else {
for (var i = 0; i < self.options.markers.length; i++) {
if (self.options.marker_option == 'image') {
marker = new google.maps.Marker({
position: new google.maps.LatLng(self.options.markers[i][0], self.options.markers[i][1]),
map: map,
visible: true,
icon: opts.marker,
zIndex: 9999999
});
} else {
marker = new CustomMarker(new google.maps.LatLng(self.options.markers[i][0], self.options.markers[i][1]), map, self.options.className);
}
}
} //center map on location
map.setCenter(new google.maps.LatLng(latitude, longitude));
$('.lightbox-link[data-type=inline]').on('mfpOpen', function (e) {
setTimeout(function () {
map.setCenter(new google.maps.LatLng(latitude, longitude));
}, 500);
});
$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
setTimeout(function () {
map.setCenter(new google.maps.LatLng(latitude, longitude));
}, 500);
});
}
});
$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
setTimeout(function () {
google.maps.event.trigger(map, 'resize');
}, 500);
});
return this;
},
adjustHeight() {
const $element = $(this.element);
const $parent = $element.parent('.ld-gmap-container');
const $vcRowParent = $parent.parents('.vc_row').last();
if (!$parent.siblings().length && $vcRowParent.hasClass('vc_row-o-equal-height')) {
$parent.height($parent.parent().outerHeight());
}
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if (typeof google !== typeof undefined && google !== null) {
$('[data-plugin-map]').liquidMap();
}
});
"use strict";
/**
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Copyright 2017, Codrops
* http://www.codrops.com
*/
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidDynamicShape';
let defaults = {};
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init() {
this.DOM = {};
this.DOM.el = this.element;
this.DOM.pathEl = this.DOM.el.querySelector('path');
this.paths = this.DOM.pathEl.getAttribute('pathdata:id').split(';');
this.paths.splice(this.paths.length, 0, this.DOM.pathEl.getAttribute('d'));
this.win = {
width: window.innerWidth,
height: window.innerHeight
};
this.animate();
this.initEvents();
},
lineEq(y2, y1, x2, x1, currentVal) {
// y = mx + b
const m = (y2 - y1) / (x2 - x1);
const b = y1 - m * x1;
return m * currentVal + b;
},
getMousePos(e) {
let posx = 0;
let posy = 0;
if (!e) {
let e = window.event;
}
;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
} else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
return {
x: posx,
y: posy
};
},
animate() {
anime.remove(this.DOM.pathEl);
anime({
targets: this.DOM.pathEl,
duration: 10000,
easing: 'cubicBezier(0.5, 0, 0.5, 1)',
d: this.paths,
loop: true
});
},
initEvents() {
// Mousemove event / Tilt functionality.
const tilt = {
tx: this.win.width / 8,
ty: this.win.height / 4,
rz: 45,
sx: [0.8, 2],
sy: [0.8, 2]
}; // Window resize.
const onResizeFn = liquidDebounce(() => this.win = {
width: window.innerWidth,
height: window.innerHeight
}, 20);
window.addEventListener('resize', ev => onResizeFn.bind(this));
}
};
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('mi-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-dynamic-shape]').filter((i, element) => {
const $element = $(element);
const $fullpageSection = $element.closest('.vc_row.pp-section');
return !$fullpageSection.length;
}).liquidDynamicShape();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidBlurImage';
let defaults = {
imgSrc: 'backgroundImage',
// 'backgroundImage', 'imgSrc'
radius: 10,
duration: 200,
handlerElement: 'self',
handlerRel: null,
blurHandlerOn: 'static',
blurHandlerOff: null
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.currentBlurVal = 0;
this.sourceImage = null;
this.targetCanvas = null;
this.init();
}
init() {
this.onImageLoad();
}
onImageLoad() {
const imgLoad = imagesLoaded(this.element, {
background: true
});
imgLoad.on('done', () => {
this.initMarkup();
this.options.blurHandlerOn === 'static' && this.initBlur();
this.eventHandlers();
});
}
getImageSource() {
const element = $(this.element);
const options = this.options;
return options.imgSrc == 'backgroundImage' ? element.css('backgroundImage').slice(4, -1).replace(/"/g, "") : element.children('img').attr('src');
}
createImage() {
const imageID = "lqd-blur-img-".concat(Math.floor(Math.random() * 1000000));
const img = $("<img class=\"blur-main-image invisible\" id=\"".concat(imageID, "\" alt=\"Blur Image\" />"));
img.attr('src', this.getImageSource());
return img;
}
createContainer() {
const container = $('<div class="blur-image-container" />');
const inner = $('<div class="blur-image-inner" />');
return container.append(inner);
}
createCanvas() {
const canvasID = "lqd-blur-canvas-".concat(Math.floor(Math.random() * 1000000));
const canvas = $("<canvas class=\"blur-image-canvas\" id=\"blur-image-canvas-".concat(canvasID, "\" />"));
return canvas;
}
initMarkup() {
const img = this.createImage();
const blurImgContainer = this.createContainer();
const inner = blurImgContainer.find('.blur-image-inner');
const canvas = this.createCanvas();
inner.append(img).append(canvas);
blurImgContainer.prependTo(this.element);
this.sourceImage = img;
this.targetCanvas = canvas;
}
initBlur(radius) {
const imageID = this.sourceImage.attr('id');
const canvasID = this.targetCanvas.attr('id');
const blurRadius = radius || this.options.radius;
stackBlurImage(imageID, canvasID, blurRadius, false);
}
eventHandlers() {
const {
options
} = this;
const handlerElement = options.handlerElement == 'self' ? this.$element : options.handlerElement;
const handlerRel = options.handlerRel;
const onHandler = options.blurHandlerOn;
const offHandler = options.blurHandlerOff;
if (onHandler != 'static' && handlerRel != null) {
this.$element[handlerRel](handlerElement).on(onHandler, this.onHandler.bind(this));
}
if (offHandler != null && handlerRel != null) {
this.$element[handlerRel](handlerElement).on(offHandler, this.offHandler.bind(this));
}
}
onHandler() {
this.blurImage();
}
blurImage() {
const radius = {
radius: this.currentBlurVal
};
const blurRadius = this.options.radius;
const imageID = this.sourceImage.attr('id');
const canvasID = this.targetCanvas.attr('id');
anime.remove(radius);
anime({
targets: radius,
radius: blurRadius,
easing: 'linear',
duration: this.options.duration,
round: 1,
update: e => {
this.currentBlurVal = e.animatables[0].target.radius;
stackBlurImage(imageID, canvasID, e.animatables[0].target.radius, false);
}
});
}
offHandler() {
this.unblurImage();
}
unblurImage() {
const radius = {
radius: this.currentBlurVal
};
const imageID = this.sourceImage.attr('id');
const canvasID = this.targetCanvas.attr('id');
anime.remove(radius);
anime({
targets: radius,
radius: 0,
easing: 'linear',
duration: this.options.duration,
round: 1,
update: e => {
this.currentBlurVal = e.animatables[0].target.radius;
stackBlurImage(imageID, canvasID, e.animatables[0].target.radius, false);
}
});
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('blur-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-liquid-blur=true]').filter((i, el) => !$(el).is('[data-responsive-bg]')).liquidBlurImage();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidIconboxCircle';
let defaults = {
startAngle: 45,
itemSelector: '.one-ib-circ-icn',
contentsContainer: '.one-ib-circ-inner'
};
class Plugin {
constructor(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.$parent = $(this.options.contentsContainer);
this.$items = $(this.options.itemSelector, this.element);
this.anglesArray = [this.options.startAngle];
this.init();
}
init() {
this.addAngles(this.$items);
this.setTransformOrigin();
this.setIntersectionObserver();
this.windowResize();
}
getItemsArray() {
const $items = this.$items;
const itemsLength = $items.length;
const itemsArray = [];
for (let i = 0; i < itemsLength; i++) {
itemsArray.push($items[i]);
}
return itemsArray;
}
getElementDimension($element) {
return {
width: $element.width(),
height: $element.height()
};
}
addAngles($elements) {
const elementsLength = $elements.length;
$elements.each(i => {
this.anglesArray.push(360 / elementsLength + this.anglesArray[i]);
});
}
setTransformOrigin() {
const parentDimensions = this.getElementDimension(this.$parent);
this.$items.each((i, element) => {
const $element = $(element);
$element.css({
transformOrigin: ''
});
$element.css({
transformOrigin: "".concat(parentDimensions.width / 2, "px ").concat(parentDimensions.height / 2, "px")
});
$element.children().css({
transform: "rotate(".concat(this.anglesArray[i] * -1, "deg)")
});
});
}
setIntersectionObserver() {
new IntersectionObserver((enteries, observer) => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this.animateIcons();
observer.unobserve(entery.target);
}
});
}, {
threshold: 0.25
}).observe(this.element);
}
animateIcons() {
const icons = this.getItemsArray();
anime({
targets: icons,
opacity: {
value: 1,
duration: 200,
easing: 'linear',
delay: (el, i) => {
return i * 220;
}
},
duration: 850,
easing: 'easeOutQuint',
rotate: (el, i) => {
return this.anglesArray[i];
},
delay: (el, i) => {
return i * 150;
}
});
}
windowResize() {
$(window).on('resize', this.setTransformOrigin.bind(this));
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-spread-incircle]').liquidIconboxCircle();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidTextRotator';
let defaults = {
delay: 2000,
activeKeyword: 0,
duration: 800,
easing: 'easeInOutCirc'
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.$keywordsContainer = $('.txt-rotate-keywords', this.element);
this.$keywords = $('.keyword', this.$keywordsContainer);
this.keywordsLength = this.$keywords.length;
this.$activeKeyword = this.$keywords.eq(this.options.activeKeyword);
this.isFirstItterate = true;
this.init();
}
init() {
this.setContainerWidth(this.$activeKeyword);
this.setIntersectionObserver();
this.$element.addClass('text-rotator-activated');
}
getNextKeyword() {
return this.$activeKeyword.next().length ? this.$activeKeyword.next() : this.$keywords.eq(0);
}
setContainerWidth($keyword) {
this.$keywordsContainer.addClass('is-changing ws-nowrap');
const keywordContainer = this.$keywordsContainer.get(0);
anime.remove(keywordContainer);
anime({
targets: keywordContainer,
width: $keyword.outerWidth() + 1,
duration: this.options.duration / 1.25,
easing: this.options.easing
});
}
setActiveKeyword($keyword) {
this.$activeKeyword = $keyword;
$keyword.addClass('active').siblings().removeClass('active');
}
slideInNextKeyword() {
const $nextKeyword = this.getNextKeyword();
this.$activeKeyword.addClass('will-change');
anime.remove($nextKeyword.get(0));
anime({
targets: $nextKeyword.get(0),
translateY: () => !liquidIsMobile() && ['65%', '0%'],
// translateZ: [-120, 0],
rotateX: () => !liquidIsMobile() && [-95, -1],
opacity: [0, 1],
duration: this.options.duration,
easing: this.options.easing,
delay: this.isFirstItterate ? this.options.delay / 2 : this.options.delay,
changeBegin: () => {
this.isFirstItterate = false;
this.setContainerWidth($nextKeyword);
this.slideOutAciveKeyword();
},
complete: () => {
this.$keywordsContainer.removeClass('is-changing ws-nowrap');
this.setActiveKeyword($nextKeyword);
this.$keywords.removeClass('is-next will-change');
this.getNextKeyword().addClass('is-next will-change');
}
});
}
slideOutAciveKeyword() {
const activeKeyword = this.$activeKeyword.get(0);
anime.remove(activeKeyword);
anime({
targets: activeKeyword,
translateY: () => !liquidIsMobile() && ['0%', '-65%'],
// translateZ: [0, -120],
rotateX: () => !liquidIsMobile() && [1, 95],
opacity: [1, 0],
duration: this.options.duration,
easing: this.options.easing,
complete: () => {
this.slideInNextKeyword();
}
});
}
initAnimations() {
this.slideInNextKeyword();
}
setIntersectionObserver() {
const inViewCallback = (enteries, observer) => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this.initAnimations();
observer.unobserve(entery.target);
}
});
};
const observer = new IntersectionObserver(inViewCallback);
observer.observe(this.element);
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-text-rotator]').filter((i, element) => {
return !$(element).parents('[data-custom-animations]').length && !$(element).is('[data-custom-animations]') && !$(element).is('[data-split-text]');
}).liquidTextRotator();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidCountdown';
let defaults = {
daysLabel: "Days",
hoursLabel: "Hours",
minutesLabel: "Minutes",
secondsLabel: "Seconds",
timezone: null
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
init() {
const {
options
} = this;
const {
until,
timezone
} = options;
this.$element.countdown({
until: new Date(until.replace(/-/g, "/")),
padZeroes: true,
timezone,
// Have to specify the layout due to errors on mobile devices
layout: '<span class="countdown-row">' + '<span class="countdown-section">' + '<span class="countdown-amount">{dn}</span>' + '<span class="countdown-period">' + options.daysLabel + '</span>' + '</span>' + '<span class="countdown-sep">:</span>' + '<span class="countdown-section">' + '<span class="countdown-amount">{hn}</span>' + '<span class="countdown-period">' + options.hoursLabel + '</span>' + '</span>' + '<span class="countdown-sep">:</span>' + '<span class="countdown-section">' + '<span class="countdown-amount">{mn}</span>' + '<span class="countdown-period">' + options.minutesLabel + '</span>' + '</span>' + '<span class="countdown-sep">:</span>' + '<span class="countdown-section">' + '<span class="countdown-amount">{sn}</span>' + '<span class="countdown-period">' + options.secondsLabel + '</span>' + '</span>' + '</span>'
});
return this;
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('countdown-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-plugin-countdown=true]').liquidCountdown();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidAjaxLoadMore';
let defaults = {
trigger: "inview" // "inview", "click"
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.observer = null;
this.init();
}
init() {
const {
trigger
} = this.options;
trigger == 'inview' && this.setupIntersectionObserver();
trigger == 'click' && this.onClick();
}
onClick() {
this.$element.on('click', this.loadItems.bind(this));
}
setupIntersectionObserver() {
;
this.observer = new IntersectionObserver(enteries => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this.loadItems();
}
});
}, {
threshold: [1]
});
this.observer.observe(this.element);
}
loadItems(event) {
event && event.preventDefault();
const self = this;
const options = self.options;
const target = self.$element.attr('href'); // Loading State
self.$element.addClass('items-loading'); // Load Items
$.ajax({
type: 'GET',
url: target,
error: function error(MLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
},
success: function success(data) {
const $data = $(data);
const $newItemsWrapper = $data.find(options.wrapper);
const $newItems = $newItemsWrapper.find(options.items);
const $wrapper = $(options.wrapper);
const nextPageUrl = $data.find('[data-ajaxify=true]').attr('href');
if (nextPageUrl && target != nextPageUrl && $newItems.length) {
self.$element.attr('href', nextPageUrl);
$newItems.imagesLoaded(function () {
$newItems.appendTo($wrapper);
$wrapper.get(0).hasAttribute('data-liquid-masonry') && $wrapper.isotope('appended', $newItems);
self.onSuccess($wrapper);
});
} else {
self.observer && self.observer.unobserve(self.element);
self.$element.removeClass('items-loading').addClass('all-items-loaded');
}
}
});
}
onSuccess($wrapper) {
if (!$('body').hasClass('lazyload-enabled')) {
$('[data-responsive-bg=true]', $wrapper).liquidResponsiveBG();
}
if ($('body').hasClass('lazyload-enabled')) {
window.liquidLazyload = new LazyLoad({
elements_selector: '.ld-lazyload',
callback_loaded: e => {
$(e).closest('[data-responsive-bg=true]').liquidResponsiveBG();
$(e).parent().not('#wrap, #content').addClass('loaded');
}
});
}
$('[data-split-text]', $wrapper).filter((i, element) => !$(element).parents('[data-custom-animations]').length && !element.hasAttribute('data-custom-animations')).liquidSplitText();
$('[data-fittext]', $wrapper).liquidFitText();
$('[data-custom-animations]', $wrapper).map((i, element) => {
const $element = $(element);
const $customAnimationParent = $element.parents('.wpb_wrapper[data-custom-animations]');
if ($customAnimationParent.length) {
$element.removeAttr('data-custom-animations');
$element.removeAttr('data-ca-options');
}
});
$('[data-custom-animations]', $wrapper).filter((i, element) => {
const $element = $(element);
const $rowBgparent = $element.closest('.vc_row[data-row-bg]');
const $slideshowBgParent = $element.closest('.vc_row[data-slideshow-bg]');
return !$rowBgparent.length && !$slideshowBgParent.length;
}).liquidCustomAnimations();
$('[data-lqd-flickity]', $wrapper).liquidCarousel();
$('[data-parallax]', $wrapper).liquidParallax();
$('[data-hover3d=true]', $wrapper).liquidHover3d();
this.$element.removeClass('items-loading');
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('ajaxify-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if ($('body').hasClass('compose-mode')) return false;
$('[data-ajaxify=true]').liquidAjaxLoadMore();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidStickyFooter';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.$window = $(window);
this.$contentsContainer = $('main#content');
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.$element.outerHeight() < this.$contentsContainer.outerHeight() && this.init();
}
init() {
this.$element.imagesLoaded(() => {
this._addWrapper();
this._addSentinel();
this._setupSentinelIO();
this._setupFooterIO();
this._handleResize();
});
}
_addWrapper() {
this.$element.wrap('<div class="lqd-sticky-footer-wrap" />');
}
_addSentinel() {
const sentinel = $('<div class="lqd-sticky-footer-sentinel" />');
this.$sentinel = sentinel.insertBefore(this.element);
}
_getFooterHeight() {
return this.$element.outerHeight();
}
_setupSentinelIO() {
const inViewCallback = enteries => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this.$element.addClass('is-inview');
this.$window.addClass('footer-is-inview');
} else {
this.$element.removeClass('is-inview');
this.$window.removeClass('footer-is-inview');
}
});
};
const observer = new IntersectionObserver(inViewCallback, {
rootMargin: '150px'
});
observer.observe(this.$sentinel.get(0));
}
_setupFooterIO() {
let heightApplied = false;
this.$element.siblings('.lqd-sticky-footer-sentinel').css('height', '').removeClass('height-applied');
const inViewCallback = enteries => {
enteries.forEach(entery => {
const {
rootBounds,
boundingClientRect
} = entery;
if (!heightApplied && boundingClientRect.height < rootBounds.height) {
heightApplied = true;
this.$element.siblings('.lqd-sticky-footer-sentinel').css('height', boundingClientRect.height - 2).addClass('height-applied');
this.$element.addClass('footer-stuck');
}
});
};
const observer = new IntersectionObserver(inViewCallback);
observer.observe(this.element);
}
_handleResize() {
this.$window.on('resize', this._onResize.bind(this));
}
_onResize() {
this._setupFooterIO();
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('sticky-footer-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if ($('body').hasClass('header-style-side')) return false;
$('[data-sticky-footer=true]').liquidStickyFooter();
});
"use strict";
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidVideoBg';
let defaultInlineVideoOptions = {
startVolume: false,
controls: false,
loop: true,
muted: true,
hideVideoControlsOnLoad: true,
hideVideoControlsOnPause: true,
clickToPlayPause: false,
disableOnMobile: false
};
let defaultYoutubeOptions = {
autoPlay: true,
showControls: false,
loop: true,
mute: true,
showYTLogo: false,
stopMovieOnBlur: false,
disableOnMobile: false
};
class Plugin {
constructor(element, inlineVideoOptions, youtubeOptions) {
this.element = element;
this.$element = $(element);
this.inlineVideoOptions = $.extend({}, defaultInlineVideoOptions, inlineVideoOptions);
this.youtubeOptions = $.extend({}, defaultYoutubeOptions, youtubeOptions);
this._name = pluginName;
this.lqdVBG = null;
this.lqdYTPlayer = null;
this.init();
}
init() {
const isMobile = liquidIsMobile();
if (this.$element.is('video') && this.inlineVideoOptions.disableOnMobile && isMobile) {
this.$element.closest('.lqd-vbg-wrap').addClass('hidden');
} else if (this.$element.is('video')) {
this.$element.removeClass('hidden');
this.initInlineVideo();
}
if (!this.$element.is('video') && this.youtubeOptions.disableOnMobile && isMobile) {
this.$element.closest('.lqd-vbg-wrap').addClass('hidden');
} else if (!this.$element.is('video')) {
this.initYoutubeVideo();
}
}
initInlineVideo() {
const $vBgWrap = this.$element.closest('.lqd-vbg-wrap');
const elementToObserve = $vBgWrap.length ? $vBgWrap.get(0) : this.element;
const videoOptions = $.extend({}, this.inlineVideoOptions, {
stretching: 'responsive',
success: mediaElement => {
mediaElement.pause();
this.initInlineVidIO(elementToObserve);
}
});
this.lqdVBG = new MediaElementPlayer(this.element, videoOptions);
}
initYoutubeVideo() {
const videoOptions = $.extend({}, this.youtubeOptions, {
containment: this.$element
});
this.lqdYTPlayer = this.$element.YTPlayer(videoOptions);
this.lqdYTPlayer.on('YTPReady', () => {
this.lqdYTPlayer.YTPPause();
this.initYTIO();
});
}
initInlineVidIO(elementToObserve) {
new IntersectionObserver((_ref) => {
let [entry] = _ref;
if (entry.isIntersecting) {
this.lqdVBG && this.lqdVBG.play();
} else {
this.lqdVBG && this.lqdVBG.pause();
}
;
}).observe(elementToObserve);
}
initYTIO() {
new IntersectionObserver((_ref2) => {
let [entry] = _ref2;
if (entry.isIntersecting) {
this.lqdYTPlayer && this.lqdYTPlayer.YTPPlay();
} else {
this.lqdYTPlayer && this.lqdYTPlayer.YTPPause();
}
}).observe(this.element);
}
}
$.fn[pluginName] = function (inlineVideoOptions, youtubeOptions) {
return this.each(function () {
const inlineVidOptions = _objectSpread(_objectSpread({}, $(this).data('inlinevideo-options')), inlineVideoOptions);
const YTOptions = _objectSpread(_objectSpread({}, $(this).data('youtube-options')), youtubeOptions);
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, inlineVidOptions, YTOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-video-bg]').liquidVideoBg();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidShrinkBorders';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.controller = new ScrollMagic.Controller();
this.$parentRow = this.$element.closest('.vc_row');
this.$contents = this.$parentRow.children('.container').length ? this.$parentRow.children('.container') : this.$parentRow.children('.ld-container');
this.contentsHeight = this.$contents.height();
this.$animatables = this.$element.children();
this.init();
}
init() {
this.timeline = this._createTimeline();
this.scene = this._initSM();
this._handleResize();
this.$element.addClass('sticky-applied');
}
_createTimeline() {
const timeline = anime.timeline();
const $stickyBg = this.$element.siblings('.lqd-sticky-bg');
if ($stickyBg.length) {
this.$animatables = this.$animatables.add($stickyBg);
}
$.each(this.$animatables, (i, border) => {
const $border = $(border);
const scaleAxis = $border.attr('data-axis');
const animeOptions = {
targets: border,
duration: 100,
scaleX: 1,
scaleY: 1,
easing: 'linear',
round: 1000
};
scaleAxis === 'x' ? animeOptions.scaleX = [1, 0] : scaleAxis === 'y' ? animeOptions.scaleY = [1, 0] : animeOptions.scale = [1.05, 1];
timeline.add(animeOptions, 0).pause();
});
return timeline;
}
_initSM() {
const scene = new ScrollMagic.Scene({
triggerElement: this.$element.closest('.vc_row').get(0),
triggerHook: 'onLeave',
duration: this.contentsHeight
}).addTo(this.controller); // .addIndicators();
scene.on('progress', e => {
this.timeline.seek(e.progress.toFixed(3) * this.timeline.duration);
});
return scene;
}
_handleResize() {
const onResize = liquidDebounce(this._onWindowResize, 250);
$(window).on('resize', onResize.bind(this));
}
_onWindowResize() {
this.contentsHeight = this.$contents.height();
this.scene.duration(this.contentsHeight);
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if (liquidWindowWidth() <= liquidMobileNavBreakpoint()) return false;
$('[data-shrink-borders]').liquidShrinkBorders();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidParticles';
let defaults = {
asBG: false,
"particles": {
"number": {
"value": 40,
"density": {
"enable": false,
"value_area": 800
}
},
"color": {
"value": ["#f7ccaf", "#f6cacd", "dbf5f8", "#c5d8f8", "#c5f8ce", "#f7afbd", "#b2d6ef", "#f1ecb7"]
},
"shape": {
"type": "triangle"
},
"size": {
"value": 55,
"random": true,
"anim": {
"enable": true,
"speed": 1
}
},
"move": {
"direction": "right",
"attract": {
"enable": true
}
},
"line_linked": {
"enable": false
}
},
"interactivity": {
"events": {
"onhover": {
"enable": false
},
"onclick": {
"enable": false
}
}
}
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this.options.particles = $.extend({}, defaults.particles, options.particles);
this.options.interactivity = $.extend({}, defaults.interactivity, options.interactivity);
this._defaults = defaults;
this._name = pluginName;
this.build();
}
build() {
this.id = this.element.id;
this.isInitialized = false;
this.asSectionBg();
this.initIO();
}
initIO() {
const inviewCallback = (enteries, observer) => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this.$element.removeClass('invisible');
if (!this.isInitialized) {
this.isInitialized = true;
this.init();
}
} else {
this.$element.addClass('invisible');
}
});
};
const observer = new IntersectionObserver(inviewCallback, {
'rootMargin': '10%'
});
observer.observe(this.element);
}
init() {
particlesJS(this.id, this.options);
}
asSectionBg() {
if (this.options.asBG) {
const particlesBgWrap = $('<div class="lqd-particles-bg-wrap"></div>');
const elementContainer = this.$element.parent('.ld-particles-container');
const parentSection = this.$element.parents('.vc_row').last();
const sectionContainerElement = parentSection.children('.ld-container');
const $stickyWrap = parentSection.children('.lqd-sticky-bg-wrap');
particlesBgWrap.append(elementContainer);
if ($stickyWrap.length) {
particlesBgWrap.appendTo($stickyWrap);
} else if (parentSection.hasClass('pp-section')) {
particlesBgWrap.prependTo(parentSection);
} else {
particlesBgWrap.insertBefore(sectionContainerElement);
}
}
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('particles-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-particles=true]').filter((i, element) => {
const $element = $(element);
const $fullpageSection = $element.closest('.vc_row.pp-section');
return !$fullpageSection.length;
}).liquidParticles();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidPin';
let defaults = {
duration: 'contentsHeight',
// [ 'contentsHeight', 'last-link', 'docHeight', number ] // 'last-link' used in custom css for sticky menu
offset: 0,
// it can be a number, or a css selector
pushFollowers: true,
spacerClass: 'scrollmagic-pin-spacer'
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.$spacerElement = null;
this.elementOuterHeight = this.$element.outerHeight();
this.init();
this.setSpacerWidth();
this.events();
this.handleResize();
}
init() {
const {
pushFollowers,
spacerClass
} = this.options;
const controller = new ScrollMagic.Controller();
const duration = this.getDuration();
const offset = this.getOffset() * -1;
this.scene = new ScrollMagic.Scene({
triggerElement: this.element,
triggerHook: 'onLeave',
offset,
duration
}).setPin(this.element, {
pushFollowers,
spacerClass
}).addTo(controller);
this.$spacerElement = this.$element.parent();
}
getOffset() {
const {
options
} = this;
if (isNaN(options.offset)) {
return this.getOffsetElementsHeight();
} else {
return options.offset;
}
}
getOffsetElementsHeight() {
const {
options
} = this;
let offset = 0;
$.each($(options.offset), (i, element) => {
const $element = $(element);
if ($element.length) {
offset += $element.outerHeight();
}
});
return offset;
}
getDuration() {
const {
options
} = this;
let {
duration
} = options;
if (duration === 'contentsHeight' && this.$element.is('.lqd-sticky-bg-wrap') || this.$element.is('.lqd-section-borders-wrap')) {
const $contentsContainer = this.scene ? this.$element.parent().siblings('.ld-container') : this.$element.siblings('.ld-container');
const contentsContainerHeight = $contentsContainer.height();
duration = contentsContainerHeight;
}
if (duration === 'contentsHeight') {
duration = this.elementOuterHeight;
}
if (duration === 'last-link') {
const $lastLink = $('a', this.element).last();
if ($lastLink.get(0).hasAttribute('href') && $lastLink.length && $lastLink.get(0).getAttribute('href').indexOf('#') >= 0 && $($lastLink.attr('href')).length) {
duration = $($lastLink.attr('href')).offset().top;
} else {
duration = '100%';
}
}
if (duration === 'docHeight') {
duration = $('body').height();
}
return duration;
}
setSpacerWidth() {
if (this.$element.is('.wpb_column') || this.$element.is('.lqd-column')) {
this.elementWidth = this.$element.width();
this.$element.css('width', '');
this.$spacerElement.css('float', 'left');
this.$element.css('width', this.elementWidth);
}
;
}
events() {
document.addEventListener('lqd-header-sticky-change', this.updateOffset.bind(this));
document.addEventListener('lqd-carousel-initialized', this.updateDuration.bind(this));
document.addEventListener('lqd-masonry-layout-complete', this.updateDuration.bind(this));
document.addEventListener('lqd-masonry-filter-change', this.updateDuration.bind(this));
this.scene.on('enter', this.onSceneEnter.bind(this));
this.scene.on('leave', this.onSceneLeave.bind(this));
}
updateOffset() {
this.scene.offset(this.getOffset() * -1);
}
updateDuration() {
this.scene.duration(this.getDuration());
}
onSceneEnter() {
this.$spacerElement.addClass('scene-entered').removeClass('scene-left');
}
onSceneLeave() {
this.$spacerElement.addClass('scene-left').removeClass('scene-entered');
}
handleResize() {
const onResize = liquidDebounce(this.onWindowResize, 250);
$(window).on('resize', onResize.bind(this));
}
onWindowResize() {
this.setSpacerWidth();
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('pin-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
const pinElements = $($('[data-pin=true]').get().reverse());
pinElements.map((i, element) => {
if (liquidWindowWidth() >= 1200 || $(element).is('.lqd-custom-menu')) {
return element;
}
}).liquidPin();
});
"use strict";
// https://github.com/CodyHouse/image-comparison-slider
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidImageComparison';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.dragging = false;
this.resizing = false;
this.init();
}
init() {
this.initIO();
this._drags(this.$element.find('.cd-handle'), this.$element.find('.cd-resize-img'), this.$element);
}
initIO() {
new IntersectionObserver((enteries, observer) => {
enteries.forEach(entery => {
if (entery.isIntersecting) {
this.$element.addClass('is-visible');
}
});
}).observe(this.element, {
threshold: 0.35
});
} //draggable funtionality - credits to http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/
_drags(dragElement, resizeElement, container) {
dragElement.on("mousedown touchstart", event => {
event.preventDefault();
dragElement.addClass('draggable');
resizeElement.addClass('resizable');
var dragWidth = dragElement.outerWidth(),
x = event.pageX || event.originalEvent.touches[0].pageX,
xPosition = dragElement.offset().left + dragWidth - x,
containerOffset = container.offset().left,
containerWidth = container.outerWidth(),
minLeft = containerOffset + 10,
maxLeft = containerOffset + containerWidth - dragWidth - 10;
$(document).on("mousemove touchmove", event => {
if (!this.dragging) {
this.dragging = true;
requestAnimationFrame(() => {
this._animateDraggedHandle(event, xPosition, dragWidth, minLeft, maxLeft, containerOffset, containerWidth, resizeElement);
});
}
});
});
$(document).on("mouseup touchend", () => {
dragElement.removeClass('draggable');
resizeElement.removeClass('resizable');
$(document).off('mousemove touchmove');
this.dragging = false;
});
}
_animateDraggedHandle(e, xPosition, dragWidth, minLeft, maxLeft, containerOffset, containerWidth, resizeElement) {
var x = e.pageX || e.originalEvent.touches[0].pageX;
var leftValue = x + xPosition - dragWidth; //constrain the draggable element to move inside his container
if (leftValue < minLeft) {
leftValue = minLeft;
} else if (leftValue > maxLeft) {
leftValue = maxLeft;
}
var widthValue = (leftValue + dragWidth / 2 - containerOffset) * 100 / containerWidth + '%';
$('.draggable').css('left', widthValue).on("mouseup touchend", function () {
$(this).removeClass('draggable');
resizeElement.removeClass('resizable');
});
$('.resizable').css('width', widthValue);
this.dragging = false;
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('.cd-image-container').liquidImageComparison();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidStack';
const $mainFooter = $('.main-footer');
let defaults = {
sectionSelector: '#content > .vc_row',
// outer rows only
anchors: [],
easing: 'linear',
css3: true,
scrollingSpeed: 1000,
loopTop: false,
loopBottom: false,
navigation: false,
defaultTooltip: 'Section',
prevNextButtons: true,
animateAnchor: false,
prevNextLabels: {
prev: 'Previous',
next: 'Next'
},
pageNumber: true,
effect: 'none',
// [ 'none', 'fadeScale', 'slideOver' ]
disableOnMobile: true
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
if (this.options.disableOnMobile && (liquidIsMobile() || liquidWindowWidth() <= liquidMobileNavBreakpoint())) return false;
this.anchors = [];
this.tooltips = [];
this.sectionsLuminance = [];
this.$body = $('body');
this.$sections = $(this.options.sectionSelector);
this.$ppNav = null;
this.$prevNextButtons = $('.lqd-stack-prevnext-wrap');
this.$pageNumber = $('.lqd-stack-page-number');
this.$backToTopButton = $('[data-back-to-top]');
this.build();
this.addClassnames();
this.eachSection();
this.init();
}
build() {
const hiddenSection = this.$sections.filter(':hidden').remove();
this.$sections = this.$sections.not(hiddenSection);
if ($mainFooter.length) {
this.$sections.push($mainFooter.get(0));
this.$element.append($mainFooter);
$mainFooter.prev('.vc_row').addClass('section-before-footer');
} // style tags preventing scrolling
this.$element.children('style').appendTo('head');
this.$element.children('.vc_row-full-width').remove();
}
addClassnames() {
const options = this.options;
$mainFooter.length && $mainFooter.addClass('vc_row pp-section pp-auto-height');
options.navigation && this.$body.addClass('lqd-stack-has-nav');
options.prevNextButtons && this.$body.addClass('lqd-stack-has-prevnext-buttons');
options.pageNumber && this.$body.addClass('lqd-stack-has-page-numbers');
options.effect !== 'none' && this.$body.addClass('lqd-stack-effect-enabled');
this.$body.addClass("lqd-stack-effect-".concat(options.effect));
this.$body.add('html').addClass('overflow-hidden');
$('html').addClass('pp-enabled');
}
eachSection() {
$.each(this.$sections, (i, section) => {
this.wrapInnerContent(section);
this.makeScrollable(section);
this.setSectionsLuminance(section);
this.setAnchors(i, section);
this.setTooltips(i, section);
});
}
wrapInnerContent(section) {
$(section).wrapInner('<div class="lqd-stack-section-inner" />');
}
makeScrollable(section) {
const $section = $(section);
const $sectionContainer = $section.children('.lqd-stack-section-inner');
if ($sectionContainer.height() > $section.height()) {
$section.addClass('pp-scrollable');
}
}
setAnchors(i, section) {
if (section.hasAttribute('id')) {
this.anchors[i] = section.getAttribute('id');
} else if (section.hasAttribute('data-tooltip')) {
this.anchors[i] = section.getAttribute('data-tooltip').replace(new RegExp(' ', 'g'), '-').toLowerCase();
} else {
if (!section.hasAttribute('data-anchor')) {
this.anchors[i] = "".concat(this.options.defaultTooltip, "-").concat(i + 1);
} else {
this.anchors[i] = section.getAttribute('data-anchor');
}
}
}
setTooltips(i, section) {
if (!section.hasAttribute('data-tooltip')) {
this.tooltips[i] = "".concat(this.options.defaultTooltip, " ").concat(i + 1);
} else {
this.tooltips[i] = section.getAttribute('data-tooltip');
}
}
setSectionsLuminance(section) {
const $section = $(section);
const contentBgColor = this.$element.css('backgroundColor');
const sectionBgColor = $section.css('backgroundColor') || contentBgColor || '#fff';
if (section.hasAttribute('data-section-luminance')) {
this.sectionsLuminance.push($section.attr('data-section-luminance'));
} else {
this.sectionsLuminance.push(tinycolor(sectionBgColor).getLuminance() <= 0.5 ? 'dark' : 'light');
}
}
init() {
let {
anchors,
easing,
css3,
scrollingSpeed,
loopTop,
loopBottom,
navigation,
animateAnchor
} = this.options;
if (navigation && this.tooltips.length > 0) {
navigation = {};
navigation.tooltips = this.tooltips;
}
if (anchors) {
anchors = this.anchors;
}
this.$element.pagepiling({
sectionSelector: this.$sections.get(),
anchors,
easing,
css3,
scrollingSpeed,
loopTop,
loopBottom,
animateAnchor,
navigation,
afterRender: this.afterRender.bind(this),
onLeave: this.onLeave.bind(this),
afterLoad: this.afterLoad.bind(this)
});
}
appendPrevNextButtons() {
const {
prevNextLabels
} = this.options;
this.$prevNextButtons = $('<div class="lqd-stack-prevnext-wrap" />');
const $prevButton = $("<button class=\"lqd-stack-prevnext-button lqd-stack-prev-button\">\n\t\t\t\t<span class=\"lqd-stack-button-labbel\">".concat(prevNextLabels.prev, "</span>\n\t\t\t\t<span class=\"lqd-stack-button-ext\">\n\t\t\t\t\t<svg width=\"36px\" height=\"36px\" class=\"lqd-stack-button-circ\" viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M17.89548,35.29096 C27.5027383,35.29096 35.29096,27.5027383 35.29096,17.89548 C35.29096,8.28822168 27.5027383,0.5 17.89548,0.5 C8.28822168,0.5 0.5,8.28822168 0.5,17.89548 C0.5,27.5027383 8.28822168,35.29096 17.89548,35.29096 Z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<svg width=\"36px\" height=\"36px\" class=\"lqd-stack-button-circ lqd-stack-button-circ-clone\" viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M17.89548,35.29096 C27.5027383,35.29096 35.29096,27.5027383 35.29096,17.89548 C35.29096,8.28822168 27.5027383,0.5 17.89548,0.5 C8.28822168,0.5 0.5,8.28822168 0.5,17.89548 C0.5,27.5027383 8.28822168,35.29096 17.89548,35.29096 Z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"lqd-stack-button-arrow\" width=\"12.5px\" height=\"13.5px\" viewbox=\"0 0 12.5 13.5\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M11.489,6.498 L0.514,12.501 L0.514,0.495 L11.489,6.498 Z\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t</button>"));
const $nextButton = $("<button class=\"lqd-stack-prevnext-button lqd-stack-next-button\">\n\t\t\t\t<span class=\"lqd-stack-button-labbel\">".concat(prevNextLabels.next, "</span>\n\t\t\t\t<span class=\"lqd-stack-button-ext\">\n\t\t\t\t\t<svg width=\"36px\" height=\"36px\" class=\"lqd-stack-button-circ\" viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M17.89548,35.29096 C27.5027383,35.29096 35.29096,27.5027383 35.29096,17.89548 C35.29096,8.28822168 27.5027383,0.5 17.89548,0.5 C8.28822168,0.5 0.5,8.28822168 0.5,17.89548 C0.5,27.5027383 8.28822168,35.29096 17.89548,35.29096 Z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<svg width=\"36px\" height=\"36px\" class=\"lqd-stack-button-circ lqd-stack-button-circ-clone\" viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M17.89548,35.29096 C27.5027383,35.29096 35.29096,27.5027383 35.29096,17.89548 C35.29096,8.28822168 27.5027383,0.5 17.89548,0.5 C8.28822168,0.5 0.5,8.28822168 0.5,17.89548 C0.5,27.5027383 8.28822168,35.29096 17.89548,35.29096 Z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"lqd-stack-button-arrow\" width=\"12.5px\" height=\"13.5px\" viewbox=\"0 0 12.5 13.5\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M11.489,6.498 L0.514,12.501 L0.514,0.495 L11.489,6.498 Z\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t</button>"));
this.$prevNextButtons.append($prevButton.add($nextButton));
!this.$body.children('.lqd-stack-prevnext-wrap').length && this.$body.append(this.$prevNextButtons);
}
prevNextButtonsEvents() {
const $prevButton = this.$prevNextButtons.find('.lqd-stack-prev-button');
const $nextButton = this.$prevNextButtons.find('.lqd-stack-next-button');
$prevButton.on('click', () => {
$.fn.pagepiling.moveSectionUp();
});
$nextButton.on('click', () => {
$.fn.pagepiling.moveSectionDown();
});
}
appendPageNumber() {
const totalSections = this.$sections.not('.main-footer').length;
this.$pageNumber = $('<div class="lqd-stack-page-number" />');
const $pageNumnerCounter = $("<span class=\"lqd-stack-page-number-counter\">\n\t\t\t\t<span class=\"lqd-stack-page-number-current\"></span>\n\t\t\t\t<span class=\"lqd-stack-page-number-passed\"></span>\n\t\t\t</span>");
const $pageNumnerTotal = $("<span class=\"lqd-stack-page-number-total\">".concat(totalSections < 10 ? '0' : '').concat(totalSections, "</span>"));
this.$pageNumber.append($pageNumnerCounter);
this.$pageNumber.append($pageNumnerTotal);
!this.$body.children('.lqd-stack-page-number').length && this.$body.append(this.$pageNumber);
}
setPageNumber(index) {
const $currentPageNumber = this.$pageNumber.find('.lqd-stack-page-number-current');
const $passedPageNumber = this.$pageNumber.find('.lqd-stack-page-number-passed');
$passedPageNumber.html($currentPageNumber.html());
$currentPageNumber.html("".concat(index < 10 ? '0' : '').concat(index));
}
addDirectionClassname(direction) {
if (direction == 'down') {
this.$body.removeClass('lqd-stack-moving-up').addClass('lqd-stack-moving-down');
} else if (direction == 'up') {
this.$body.removeClass('lqd-stack-moving-down').addClass('lqd-stack-moving-up');
}
}
addLuminanceClassnames(index) {
this.$body.removeClass('lqd-stack-active-row-dark lqd-stack-active-row-light').addClass("lqd-stack-active-row-".concat(this.sectionsLuminance[index]));
}
initShortcodes($destinationRow) {
$('[data-custom-animations]', $destinationRow).liquidCustomAnimations();
$destinationRow.is('[data-custom-animations]') && $destinationRow.liquidCustomAnimations();
$('[data-dynamic-shape]', $destinationRow).liquidDynamicShape();
$('[data-reveal]', $destinationRow).liquidReveal();
$('[data-particles=true]', $destinationRow).liquidParticles();
}
initBackToTop(rowIndex) {
if (rowIndex > 1) {
this.$backToTopButton.addClass('is-visible');
} else {
this.$backToTopButton.removeClass('is-visible');
}
$('a', this.$backToTopButton).on('click', event => {
event.preventDefault();
$.fn.pagepiling.moveTo(1);
});
}
afterRender() {
this.$body.addClass('lqd-stack-initiated');
this.$ppNav = $('#pp-nav'); // Hide the last nav item if it's for the main footer
if ($mainFooter.length) {
this.$ppNav.find('li').last().addClass('hide');
this.$body.addClass('lqd-stack-has-footer');
}
this.initShortcodes(this.$sections.first());
this.addLuminanceClassnames(0);
this.options.prevNextButtons && this.appendPrevNextButtons();
this.options.prevNextButtons && this.prevNextButtonsEvents();
this.options.pageNumber && this.appendPageNumber();
this.options.pageNumber && this.setPageNumber(1);
}
onLeave(index, nextIndex, direction) {
const $destinationRow = $(this.$sections[nextIndex - 1]);
const $originRow = $(this.$sections[index - 1]);
if (!$destinationRow.is('.main-footer') && !$originRow.is('.main-footer')) {
this.$body.addClass('lqd-stack-moving');
this.setPageNumber(nextIndex);
$destinationRow.removeClass('lqd-stack-row-leaving').addClass('lqd-stack-row-entering');
$originRow.removeClass('lqd-stack-row-entering').addClass('lqd-stack-row-leaving');
this.addLuminanceClassnames(nextIndex - 1);
} else if ($originRow.is('.main-footer')) {
$originRow.addClass('lqd-stack-row-leaving');
}
if ($destinationRow.is('.main-footer')) {
this.$body.addClass('lqd-stack-footer-active');
$originRow.css('transform', 'none');
} else {
this.$body.removeClass('lqd-stack-footer-active');
}
this.addDirectionClassname(direction);
this.initShortcodes($destinationRow);
this.$backToTopButton.length && this.initBackToTop(nextIndex);
}
afterLoad(anchorLink, index) {
$(this.$sections).removeClass('lqd-stack-row-entering lqd-stack-row-leaving');
this.$body.removeClass('lqd-stack-moving lqd-stack-moving-up lqd-stack-moving-down');
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('stack-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if ($('body').hasClass('compose-mode')) return false;
$('[data-liquid-stack=true]').liquidStack();
});
"use strict";
/**
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Copyright 2017, Codrops
* http://www.codrops.com
*
* Modified by LiquidThemes
*/
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidAnimatedFrames';
let defaults = {
direction: 'vertical',
// horizontal, vertical
animation: {
slides: {
duration: 500,
easing: 'easeOutQuint'
},
shape: {
duration: 300,
easing: {
in: 'easeOutCubic',
out: 'easeInOutCirc'
}
}
},
frameFill: '#000'
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.DOM = {};
this.DOM.el = element;
this.DOM.slides = Array.from(this.DOM.el.querySelectorAll('.lqd-af-slides > .lqd-af-slide'));
this.slidesTotal = this.DOM.slides.length;
this.DOM.nav = this.DOM.el.querySelector('.lqd-af-slidenav');
this.DOM.nextCtrl = this.DOM.nav.querySelector('.lqd-af-slidenav__item--next');
this.DOM.prevCtrl = this.DOM.nav.querySelector('.lqd-af-slidenav__item--prev');
this.current = 0;
this.init();
this.createFrame();
this.initEvents();
}
init() {
this.DOM.slides[this.current].classList.add('lqd-af-slide--current');
this.DOM.el.classList.add('lqd-af--initial');
}
createFrame() {
this.rect = this.DOM.el.getBoundingClientRect();
this.clipPathID = "lqd-af-clippath-".concat(anime.random(0, 100));
this.maskPositions = ['top', 'right', 'bottom', 'left'];
this.DOM.mask = document.createElement('div');
this.DOM.mask.classList.add('lqd-af-mask');
this.maskPositions.forEach(maskPosition => {
const span = this.DOM.mask[maskPosition] = document.createElement('span');
span.classList.add("lqd-af-mask-".concat(maskPosition));
span.dataset.position = maskPosition;
span.style.backgroundColor = this.options.frameFill;
this.DOM.mask.appendChild(span);
});
this.DOM.el.appendChild(this.DOM.mask);
this.DOM.el.insertBefore(this.DOM.mask, this.DOM.nav);
}
initEvents() {
this.DOM.nextCtrl.addEventListener('click', () => this.navigate('next'));
this.DOM.prevCtrl.addEventListener('click', () => this.navigate('prev'));
document.addEventListener('keydown', ev => {
const keyCode = ev.keyCode || ev.which;
if (keyCode === 37) {
this.navigate('prev');
} else if (keyCode === 39) {
this.navigate('next');
}
});
}
navigate() {
let dir = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'next';
if (this.isAnimating) return false;
this.isAnimating = true;
const animateShapeIn = anime({
targets: [this.DOM.mask.top, this.DOM.mask.right, this.DOM.mask.bottom, this.DOM.mask.left],
duration: this.options.animation.shape.duration,
easing: this.options.animation.shape.easing.in,
translateX: el => {
const elPosition = el.dataset.position;
if (elPosition === 'right') return ['100%', '78%'];
if (elPosition === 'left') return ['-100%', '-78%'];
},
translateY: el => {
const elPosition = el.dataset.position;
if (elPosition === 'top') return ['-100%', '-78%'];
if (elPosition === 'bottom') return ['100%', '78%'];
},
begin: anime => {
anime.animatables.forEach(animatable => {
animatable.target.style.willChange = 'transform';
});
}
});
const currentSlide = this.DOM.slides[this.current];
const currentSlideImg = currentSlide.querySelector('.lqd-af-slide__img');
const currentSlideFigureEl = currentSlideImg.querySelector('figure');
anime.remove(currentSlideFigureEl);
anime({
targets: currentSlideFigureEl,
duration: this.options.animation.shape.duration * 1.5,
easing: this.options.animation.shape.easing.in,
scale: [1, 0.6]
});
animateShapeIn.finished.then(this.animateSlides.bind(this, dir)).then(this.animateShapeOut.bind(this, dir));
}
animateSlides() {
let dir = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'next';
return new Promise((resolve, reject) => {
// Current Slide
const {
direction
} = this.options;
const transVal = direction === 'horizontal' ? this.rect.width : this.rect.height;
const currentSlide = this.DOM.slides[this.current];
const currentSlideImg = currentSlide.querySelector('.lqd-af-slide__img');
currentSlide.classList.add('lqd-af-slide--movin-out');
anime.remove(currentSlideImg);
anime({
targets: currentSlideImg,
duration: this.options.animation.slides.duration * 4,
easing: this.options.animation.slides.easing,
delay: 100,
[direction === 'horizontal' ? 'translateX' : 'translateY']: dir === 'next' ? transVal * -1 / 3 : transVal / 3,
complete: () => {
currentSlide.classList.remove('lqd-af-slide--movin-out');
}
});
const currentSlideContentTimeline = anime.timeline({
duration: this.options.animation.slides.duration,
easing: this.options.animation.shape.easing.out,
delay: 0,
complete: anime => {
currentSlide.classList.remove('lqd-af-slide--current');
this.DOM.el.classList.add('lqd-af--initial');
resolve();
}
});
currentSlideContentTimeline.add({
targets: currentSlide.querySelectorAll('.lqd-af-slide__title .lqd-words .split-inner'),
[direction === 'horizontal' ? 'translateX' : 'translateY']: ['0%', dir === 'next' ? '-115%' : '115%']
});
currentSlideContentTimeline.add({
targets: currentSlide.querySelectorAll('.lqd-af-slide__desc .split-inner'),
[direction === 'horizontal' ? 'translateX' : 'translateY']: [0, dir === 'next' ? -50 : 50]
}, 100);
currentSlideContentTimeline.add({
targets: currentSlide.querySelector('.lqd-af-slide__link'),
[direction === 'horizontal' ? 'translateX' : 'translateY']: [0, dir === 'next' ? -50 : 50],
opacity: [1, 0]
}, 150);
this.current = dir === 'next' ? this.current < this.slidesTotal - 1 ? this.current + 1 : 0 : this.current > 0 ? this.current - 1 : this.slidesTotal - 1; // New slide
const newSlide = this.DOM.slides[this.current];
newSlide.classList.add('lqd-af-slide--current', 'lqd-af-slide--movin-in');
this.DOM.el.classList.add('lqd-af--initial');
const newSlideImg = newSlide.querySelector('.lqd-af-slide__img');
anime.remove(newSlideImg);
anime({
targets: newSlideImg,
duration: this.options.animation.slides.duration * 2,
easing: this.options.animation.slides.easing,
[direction === 'horizontal' ? 'translateX' : 'translateY']: [dir === 'next' ? transVal : transVal * -1, 0],
complete: () => {
newSlide.classList.remove('lqd-af-slide--movin-in');
}
});
const newSlideContentTimeline = anime.timeline({
duration: this.options.animation.slides.duration * 2,
easing: this.options.animation.slides.easing
});
newSlideContentTimeline.add({
targets: newSlide.querySelectorAll('.lqd-af-slide__title .lqd-words .split-inner'),
[direction === 'horizontal' ? 'translateX' : 'translateY']: [dir === 'next' ? '115%' : '-115%', '0%']
});
newSlideContentTimeline.add({
targets: newSlide.querySelectorAll('.lqd-af-slide__desc .split-inner'),
[direction === 'horizontal' ? 'translateX' : 'translateY']: [dir === 'next' ? 70 : -70, 0]
}, 150);
newSlideContentTimeline.add({
targets: newSlide.querySelector('.lqd-af-slide__link'),
[direction === 'horizontal' ? 'translateX' : 'translateY']: [dir === 'next' ? 70 : -70, 0],
opacity: [0, 1]
}, 200);
});
}
animateShapeOut() {
let dir = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'next';
anime({
targets: [this.DOM.mask.top, this.DOM.mask.right, this.DOM.mask.bottom, this.DOM.mask.left],
duration: this.options.animation.shape.duration * 1.75,
easing: this.options.animation.shape.easing.out,
translateX: el => {
const elPosition = el.dataset.position;
if (elPosition === 'right') return ['78%', '100%'];
if (elPosition === 'left') return ['-78%', '-100%'];
},
translateY: el => {
const elPosition = el.dataset.position;
if (elPosition === 'top') return ['-78%', '-100%'];
if (elPosition === 'bottom') return ['78%', '100%'];
},
complete: anime => {
this.isAnimating = false;
anime.animatables.forEach(animatable => {
animatable.target.style.willChange = '';
});
}
});
const currentSlide = this.DOM.slides[this.current];
const currentSlideImg = currentSlide.querySelector('.lqd-af-slide__img');
const currentSlideFigureEl = currentSlideImg.querySelector('figure');
anime.remove(currentSlideFigureEl);
anime({
targets: currentSlideFigureEl,
duration: this.options.animation.shape.duration * 1.45,
easing: this.options.animation.shape.easing.out,
scale: [0.6, 1]
});
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('animatedframes-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-liquid-animatedframes=true]').liquidAnimatedFrames();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidVideoTrigger';
let defaults = {
triggerType: ['mouseenter', 'mouseleave'],
// [on, off]
videoPlacement: "parent"
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.$videoElement = this.$element[this.options.videoPlacement]().find('video');
this.init();
}
init() {
if (!this.$videoElement.length) return;
this.videoElement = this.$videoElement.get(0);
this.videoElement.oncanplay = this.events.call(this);
}
events() {
this.$element.on(this.options.triggerType[0], this.triggerOn.bind(this));
this.$element.on(this.options.triggerType[1], this.triggerOff.bind(this));
}
triggerOn() {
this.videoElement.play();
}
triggerOff() {
this.videoElement.pause();
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('trigger-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-video-trigger]').liquidVideoTrigger();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidLightBox';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
init() {
this.events();
}
events() {
$(document).on('lity:close', event => {
this.onClose(event);
});
}
onClose(event) {
const $target = $(event.target);
const $video = $target.find('video');
const $audio = $target.find('audio');
if ($video.length) {
const video = $video.get(0);
video.oncanplay = video.pause();
}
if ($audio.length) {
const audio = $audio.get(0);
audio.oncanplay = audio.pause();
}
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('lightbox-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$('[data-lity]').liquidLightBox();
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidLocalScroll';
let defaults = {
scrollSpeed: 600,
scrollBelowSection: false,
offsetElements: '.main-header[data-sticky-header] .mainbar-wrap, .lqd-custom-menu[data-pin]'
};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.$window = $(window);
this.$windowHeight = this.$window.height();
this.$mainHeader = $('.main-header');
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.getScrollSpeed();
this.getElement();
this.init();
}
init() {
this.$element.each((i, element) => {
if (!element.hasAttribute('href')) return;
this.eventListeners(element);
this.onWindowScroll(element);
});
}
getScrollSpeed() {
if (window.liquidParams && window.liquidParams.localscrollSpeed) {
this.options.scrollSpeed = window.liquidParams.localscrollSpeed;
} else {
this.options.scrollSpeed = 600;
}
}
getElement() {
if (this.$element.is('li')) {
this.$element = this.$element.children('a');
} else if (this.$element.is('.main-nav')) {
this.$element = this.$element.children('li').children('a');
}
}
eventListeners(element) {
$(element).on('click', this.onClick.bind(this, element));
this.$window.on('scroll', this.onWindowScroll.bind(this, element));
}
getDestinationOffsetTop($targetSection) {
if (!$targetSection.length) return 0;
let targetSectionOffsetTop = $targetSection.offset().top;
const $navbarCollapse = $('.navbar-collapse', this.$mainHeader);
if (liquidIsMobile() && this.$element.closest('.main-nav').length && $navbarCollapse.length && $navbarCollapse.is(':visible') && !$('.mainbar-wrap', this.$mainHeader).hasClass('is-stuck')) {
targetSectionOffsetTop = targetSectionOffsetTop - $navbarCollapse.outerHeight();
}
return targetSectionOffsetTop;
}
getOffsetElementsHeight() {
const {
options
} = this;
const {
offsetElements
} = options;
let offset = 0;
if (!offsetElements) {
return offset;
}
;
$.each(offsetElements.replace(/, /g, ',').split(','), (i, element) => {
const $closesLqdMenu = this.$element.closest('.lqd-custom-menu');
let $element;
if (element == 'parent' && $closesLqdMenu.length && $closesLqdMenu.is('[data-pin]')) {
$element = $closesLqdMenu;
} else if (element == 'parent' && this.$element.closest('.main-nav').length) {
$element = this.$element.closest('.main-nav');
} else if (element == 'parent') {
$element = this.$element.parent();
} else {
$element = $(element);
}
if ($element.length) {
// we don't want to calculate main header's height because mobile nav can be expanded and give a wrong height for mobile header
if (liquidIsMobile() && ($element.is('.main-header') || $element.closest('.main-header').length || $element.is('.navbar-collapse-clone') || // offscreen nav
$element.closest('.navbar-collapse-clone').length // offscreen nav
)) {
offset = $('.navbar-header', this.$mainHeader).outerHeight() - 2;
} else {
offset += $element.outerHeight() - 2;
}
}
});
return offset;
}
onClick(element) {
const $targetSection = $(this.getTarget(element));
if (!$targetSection) return false;
const destination = this.getDestinationOffsetTop($targetSection);
const offsetElementsHeight = this.getOffsetElementsHeight($targetSection);
const $navbarCollapse = this.$element.closest('.navbar-collapse');
if ($targetSection.length) {
event.preventDefault();
event.stopPropagation();
if (liquidWindowWidth() <= liquidMobileNavBreakpoint() && $navbarCollapse.length || liquidWindowWidth() > liquidMobileNavBreakpoint() && $navbarCollapse.is('.navbar-fullscreen')) {
$navbarCollapse.collapse('hide');
}
$('html, body').animate({
scrollTop: destination - offsetElementsHeight
}, this.options.scrollSpeed);
}
}
getTarget(element) {
const $element = $(element);
const $elementParentRow = $element.parents('.vc_row').last();
const $nextRow = $elementParentRow.nextAll('.vc_row').first();
if (!element.hasAttribute('href')) return false;
const href = element.getAttribute('href');
let target = href.match(/#/g) && $("#".concat(href.split('#')[1])).get(0);
if (this.options.scrollBelowSection) {
return $nextRow.get(0);
}
if ($(target).is('.lqd-css-sticky')) {
target = $(target).closest('.lqd-css-sticky-wrap').get(0);
}
return target;
}
onWindowScroll(element) {
const href = element.getAttribute('href').replace(/\s+/g, '-').replace(/%20/g, '-');
if (!element.hasAttribute('href') || !href.match(/#/g)) return false;
if ($("#".concat(href.split('#')[1])).length) {
const $linkElement = $(element);
const $targetSection = $("#".concat(href.split('#')[1]));
const targetSectionHeight = $targetSection.outerHeight();
const targetSectionOffsetTop = this.getDestinationOffsetTop($targetSection);
const offsetElementsHeight = this.getOffsetElementsHeight($targetSection);
const scrollPosition = document.documentElement.scrollTop || document.body.scrollTop;
if (scrollPosition >= targetSectionOffsetTop - offsetElementsHeight - 50 && scrollPosition <= targetSectionHeight + targetSectionOffsetTop - (offsetElementsHeight - 50)) {
$linkElement.parent().addClass('is-active').siblings().removeClass('is-active');
} else {
$linkElement.parent().removeClass('is-active');
}
}
}
}
;
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('localscroll-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if (!$('html').hasClass('pp-enabled')) {
$('[data-localscroll]').liquidLocalScroll();
}
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidBackToTop';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.$pageContentElement = $('#content');
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
init() {
this.firstSectionIO();
}
firstSectionIO() {
let $firstSection = this.$pageContentElement.children().not('style').first();
if ($firstSection.is('.liquid-portfolio')) {
$firstSection = $firstSection.children('.pf-single-contents').children('.vc_row').first();
}
new IntersectionObserver(enteries => {
enteries.forEach(entery => {
const {
boundingClientRect,
rootBounds
} = entery;
if (rootBounds && rootBounds.top >= boundingClientRect.bottom) {
this.$element.addClass('is-visible');
} else {
this.$element.removeClass('is-visible');
}
});
}).observe($firstSection.get(0));
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('back-to-top-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
if (!$('html').hasClass('pp-enabled')) {
$('[data-back-to-top]').liquidBackToTop();
}
});
"use strict";
;
(function ($, window, document, undefined) {
'use strict';
const pluginName = 'liquidShop';
let defaults = {};
class Plugin {
constructor(element, options) {
this.element = element;
this.$element = $(element);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
init() {
$(document).ajaxSuccess((event, request, settings) => {
this.initPlugins();
});
$(document).on('added_to_cart', () => {
this.triggerOffcanvasCart();
});
$(document).on('removed_from_cart', () => {
this.initPlugins();
});
$(document).on('qv_loading', (e, s, v) => {
this.initPlugins();
console.log(e);
console.log(s);
console.log(v);
});
}
initPlugins() {
$('.lqd-contact-form, form.cart, form.checkout, form.woocommerce-cart-form, form.woocommerce-ordering, .lqd-multi-filter-form').liquidFormInputs();
if ($('body').hasClass('lazyload-enabled')) {
window.liquidLazyload = new LazyLoad({
elements_selector: '.ld-lazyload',
callback_loaded: e => {
$(e).closest('[data-responsive-bg=true]').liquidResponsiveBG();
$(e).parent().not('#wrap, #content').addClass('loaded');
}
});
}
}
triggerOffcanvasCart() {
const $offcanvasCart = $('.ld-module-cart-offcanvas');
if (liquidWindowWidth() > liquidMobileNavBreakpoint() && $offcanvasCart.length && $offcanvasCart.parent().hasClass('lqd-show-on-addtocart')) {
$offcanvasCart.find('.ld-module-dropdown').collapse('show');
}
}
}
$.fn[pluginName] = function (options) {
return this.each(function () {
const pluginOptions = $(this).data('plugin-options') || options;
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
}
});
};
})(jQuery, window, document);
jQuery(document).ready(function ($) {
$(document).liquidShop();
});
//# sourceMappingURL=theme.js.map