').hide();
function _fixed_navbar(){
$currentNavbar.addClass('vlt-navbar--fixed');
$navbarFake.show();
}
function _unfixed_navbar(){
$currentNavbar.removeClass('vlt-navbar--fixed');
$navbarFake.hide();
}
function _on_scroll_navbar(){
if(VLTJS.window.scrollTop() >=navbarMainOffset){
_fixed_navbar();
}else{
_unfixed_navbar();
}}
if($currentNavbar.hasClass('vlt-navbar--sticky')){
VLTJS.window.on('scroll resize', _on_scroll_navbar);
_on_scroll_navbar();
$currentNavbar.after($navbarFake);
$navbarFake.height($currentNavbar.innerHeight());
VLTJS.debounceResize(function (){
$navbarFake.height($currentNavbar.innerHeight());
});
}
const navbarHideOnScroll=$currentNavbar.filter('.vlt-navbar--hide-on-scroll');
VLTJS.throttleScroll(function (type, scroll){
const start=650;
function _show_navbar(){
navbarHideOnScroll.removeClass('vlt-on-scroll-hide').addClass('vlt-on-scroll-show');
}
function _hide_navbar(){
navbarHideOnScroll.removeClass('vlt-on-scroll-show').addClass('vlt-on-scroll-hide');
}
if(type==='down'&&scroll > start){
_hide_navbar();
}else if(type==='up'||type==='end'||type==='start'){
_show_navbar();
}
if($currentNavbar.hasClass('vlt-navbar--transparent')&&$currentNavbar.hasClass('vlt-navbar--sticky')){
scroll > navbarHeight * 2 ? $currentNavbar.addClass('vlt-navbar--solid'):$currentNavbar.removeClass('vlt-navbar--solid');
}
if($currentNavbar.hasClass('vlt-navbar--fixed')&&$currentNavbar.hasClass('vlt-navbar--sticky')&&!$currentNavbar.hasClass('vlt-on-scroll-hide')){
VLTJS.html.addClass('vlt-is--header-fixed');
}else{
VLTJS.html.removeClass('vlt-is--header-fixed');
}});
});
}};
VLTJS.stickyNavbar.init();
})(jQuery);
(function ($){
'use strict';
if(typeof tippy==='undefined'){
return;
}
VLTJS.tippy={
init: function (){
tippy('[data-tippy-content]:not(.copy-shortlink):not([data-tippy-template])');
$('*[data-tippy-template]').each(function (){
tippy(this, {
content(reference){
const id=reference.getAttribute('data-tippy-template');
const template=document.getElementById(id);
return template.innerHTML;
},
allowHTML: true,
theme: 'empty',
animation: 'fade',
hideOnClick: true,
arrow: false,
followCursor: true,
offset: [0, 35],
duration: [300, 150],
delay: [200, 0],
trigger: 'mouseenter focus'
});
});
function copyInput(el, text){
const copiedTippy=tippy(el);
$(el).on('click', function (e){
const copyText=$(this).attr('data-tippy-content');
copiedTippy.setContent($(this).attr('data-clipboard-label'));
navigator.clipboard.writeText(text).then(function (){
copiedTippy.show();
setTimeout(function (){
copiedTippy.hide();
setTimeout(function (){
copiedTippy.setContent(copyText);
}, 150);
}, 2000);
});
return false;
});
}
$('.copy-shortlink').each(function (){
const target=$('input' + $(this).data('clipboard-target')).val();
copyInput(this, target);
});
}};
VLTJS.tippy.init();
VLTJS.document.on('loadedNewItems.vpf', function (event, vpObject){
VLTJS.tippy.init();
});
})(jQuery);
(function ($){
'use strict';
VLTJS.alertMessage={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $alertMessage=$scope.find('.vlt-alert-message');
$alertMessage.each(function (){
const $this=$(this);
$this.on('click', '.vlt-alert-message__dismiss', function (e){
e.preventDefault();
$this.fadeOut(500);
});
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-alert-message.default', VLTJS.alertMessage.init);
});
VLTJS.alertMessage.init();
})(jQuery);
(function ($){
'use strict';
if(typeof Swiper==='undefined'){
return;
}
VLTJS.awards={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $awards=$scope.find('.vlt-awards'),
dataSpeed=$awards.data('speed');
$awards.each(function (){
new Swiper(this, {
spaceBetween: 0,
loop: false,
slidesPerView: 'auto',
grabCursor: true,
speed: dataSpeed,
freeMode: true
});
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-awards.default', VLTJS.awards.init);
});
VLTJS.awards.init();
})(jQuery);
(function ($){
'use strict';
if(typeof gsap=='undefined'){
return;
}
VLTJS.buttonCircle={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $button=$scope.find('.vlt-btn-circle');
CustomEase.create('merge', '0.37, 0, 0.63, 1');
$button.each(function (){
const $this=$(this),
$pupil=$this.find('.vlt-btn-circle__content path:first-child'),
$fill=$this.find('.vlt-btn-circle__fill'),
duration=10,
dampingFactor=0.4;
const maxTrans=30;
let maxXDist, maxYDist;
let centerX, centerY;
function resizeDebounce(){
maxXDist=innerWidth / 2;
maxYDist=innerHeight / 2;
const eyeArea=$pupil[0].getBoundingClientRect();
const R=eyeArea.width / 2;
centerX=eyeArea.left + R;
centerY=eyeArea.top + R;
}
;
function updateTransform(e){
const x=e.clientX - centerX;
const y=e.clientY - centerY;
const xPercent=x / maxXDist;
const yPercent=y / maxYDist;
const scaledXPercent=xPercent * maxTrans;
const scaledYPercent=yPercent * maxTrans;
gsap.to($pupil, {
xPercent: scaledXPercent,
yPercent: scaledYPercent,
duration: 0.2,
overwrite: 'auto'
});
}
resizeDebounce();
VLTJS.debounceResize(resizeDebounce);
VLTJS.window.on('vlt.change-slide', resizeDebounce);
VLTJS.window.on('mousemove', function (e){
updateTransform(e);
});
const tween=gsap.to($fill, duration, {
rotation: '+=360deg',
ease: 'none',
repeat: -1
});
$this.on({
mouseenter: function (){
tween.timeScale(.5);
gsap.to($fill, {
scale: 1.05,
ease: 'merge'
});
},
mouseleave: function (){
tween.timeScale(1);
gsap.to($fill, {
scale: 1,
ease: 'merge'
});
}});
function handleMouseMove(e){
const offset=$this.offset(),
mouseX=e.pageX - offset.left,
mouseY=e.pageY - offset.top,
translateX=(mouseX - $this.outerWidth() / 2) * dampingFactor,
translateY=(mouseY - $this.outerHeight() / 2) * dampingFactor;
gsap.killTweensOf($this);
gsap.to($this, .8, {
x: translateX,
y: translateY,
ease: 'power3.out'
});
}
function resetTransform(){
gsap.killTweensOf($this);
gsap.to($this, .6, {
x: 0,
y: 0,
ease: 'elastic.out(1.1, .4)'
});
}
$this.on('mousemove', handleMouseMove);
$this.on('mouseleave', resetTransform);
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-button-circle.default', VLTJS.buttonCircle.init);
});
VLTJS.buttonCircle.init();
})(jQuery);
(function ($){
'use strict';
if(typeof gsap=='undefined'){
return;
}
if(typeof Splitting=='undefined'){
return;
}
VLTJS.button={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $button=$scope.find('.vlt-btn.vlt-btn--effect');
CustomEase.create('merge', '0.37, 0, 0.63, 1');
$button.each(function (){
const $this=$(this);
if(!$this.find('.vlt-btn__content').length){
$this.wrapInner('
');
$('
').appendTo($this);
$this.find('.vlt-btn__content').clone().addClass('copy').appendTo($this);
$('
').appendTo($this);
}
Splitting({
target: $this.find('.vlt-btn__content.copy')
});
$this.on('mouseenter', function (){
const $chars=$(this).find('.vlt-btn__content.copy .char');
gsap.killTweensOf($chars);
gsap.timeline({
defaults: {
ease: 'merge'
}}).set($chars, {
yPercent: 50,
autoAlpha: 0
}).to($chars, .3, {
yPercent: 0,
delay: .3,
autoAlpha: 1,
stagger: {
amount: .2
}});
});
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-button.default', VLTJS.button.init);
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-single-post.default', VLTJS.button.init);
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-projects-slider.default', VLTJS.button.init);
elementorFrontend.hooks.addAction('frontend/element_ready/wp-widget-mc4wp_form_widget.default', VLTJS.button.init);
});
VLTJS.button.init();
VLTJS.document.on('init.vpf endLoadingNewItems.vpf', function (e){
VLTJS.button.init();
});
VLTJS.window.on('vlt.locales-ready', function (){
VLTJS.button.init();
});
})(jQuery);
(function ($){
'use strict';
if(typeof Swiper==='undefined'){
return;
}
VLTJS.contentSlider={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $slider=$scope.find('.vlt-content-slider');
$slider.each(function (){
const $this=$(this),
dataAnchor=$this.data('navigation-anchor'),
dataGap=$this.data('gap')||0,
dataLoop=$this.data('loop'),
dataAutoHeight=$this.data('autoheight'),
dataInitialSlide=$this.data('initial-slide'),
dataEffect=$this.data('effect'),
dataParallax=$this.data('parallax'),
dataSpeed=$this.data('speed')||1000,
dataAutoplay=$this.data('autoplay'),
dataCentered=$this.data('slides-centered'),
dataFreemode=$this.data('free-mode'),
dataSliderOffset=$this.data('slider-offset'),
dataMousewheel=$this.data('mousewheel'),
dataAutoplaySpeed=$this.data('autoplay-speed'),
dataSettings=$this.data('slide-settings');
let conf={
init: false,
grabCursor: true
};
if($(dataAnchor).find('.vlt-swiper-pagination').length){
conf.pagination={
el: $(dataAnchor).find('.vlt-swiper-pagination'),
type: 'bullets',
bulletClass: 'vlt-swiper-pagination-bullet',
bulletActiveClass: 'vlt-swiper-pagination-bullet-active',
clickable: true
};}
if(dataSliderOffset){
conf.slidesOffsetBefore=$('.vlt-fake-container').get(0).getBoundingClientRect().left + parseFloat($('.vlt-fake-container').css('padding-left'))||0;
conf.slidesOffsetAfter=$('.vlt-fake-container').get(0).getBoundingClientRect().left + parseFloat($('.vlt-fake-container').css('padding-left'))||0;
}
if(dataEffect){
conf.effect=dataEffect;
if('coverflow'==dataEffect){
conf.coverflowEffect={
rotate: 0,
stretch: -5,
depth: 60,
modifier: 3,
slideShadows: false
};}}
if(dataInitialSlide){
conf.initialSlide=dataInitialSlide;
}
if(dataLoop){
conf.loop=true;
}
if(dataAutoHeight){
conf.autoHeight=true;
}
if(dataParallax){
conf.parallax=true;
}
if(dataGap){
conf.spaceBetween=dataGap;
}
if(dataSpeed){
conf.speed=dataSpeed;
}
if(dataCentered){
conf.centeredSlides=true;
}
if(dataFreemode){
conf.freeMode=true;
}
if(dataMousewheel){
conf.mousewheel=true;
}
if(dataAutoplay){
conf.autoplay={
delay: dataAutoplaySpeed,
disableOnInteraction: false
};}
conf.breakpoints={
576: {
slidesPerView: dataSettings.slides_to_show_mobile||dataSettings.slides_to_show_tablet||dataSettings.slides_to_show||1,
slidesPerGroup: dataSettings.slides_to_scroll_mobile||dataSettings.slides_to_scroll_tablet||dataSettings.slides_to_scroll||1
},
768: {
slidesPerView: dataSettings.slides_to_show_tablet||dataSettings.slides_to_show||1,
slidesPerGroup: dataSettings.slides_to_scroll_tablet||dataSettings.slides_to_scroll||1
},
992: {
slidesPerView: dataSettings.slides_to_show||1,
slidesPerGroup: dataSettings.slides_to_scroll||1
}};
const swiper=new Swiper(this, conf);
swiper.init();
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-content-slider.default', VLTJS.contentSlider.init);
});
})(jQuery);
(function ($){
'use strict';
if(typeof $.fn.countdown==='undefined'){
return;
}
VLTJS.countdown={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $countdown=$scope.find('.vlt-countdown');
$countdown.each(function (){
const $this=$(this),
dataDueDate=$this.data('due-date')||false;
$this.countdown(dataDueDate, function (event){
$this.find('[data-weeks]').html(event.strftime('%W'));
$this.find('[data-days]').html(event.strftime('%D'));
$this.find('[data-hours]').html(event.strftime('%H'));
$this.find('[data-minutes]').html(event.strftime('%M'));
$this.find('[data-seconds]').html(event.strftime('%S'));
});
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-countdown.default', VLTJS.countdown.init);
});
VLTJS.countdown.init();
})(jQuery);
(function ($){
'use strict';
if(typeof $.fn.numerator=='undefined'){
return;
}
VLTJS.counterUp={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $counterUp=$scope.find('.vlt-counter-up, .vlt-counter-up-small, .vlt-award-item');
function animateNumbers(el){
const $this=$(el),
dataAnimationDuration=$this.data('animation-speed')||1000,
$endingNumber=$this.find('.counter'),
endingNumberValue=$endingNumber.data('value'),
dataDelimiter=$this.data('delimiter')||',';
$endingNumber.text('0');
$endingNumber.numerator({
easing: 'linear',
duration: dataAnimationDuration,
delimiter: dataDelimiter,
toValue: endingNumberValue
});
}
if(VLTJS.body.hasClass('page-template-template-fullpage-slider')){
if($counterUp.parents('.vlt-section')){
VLTJS.window.one('vlt.change-slide', function (){
animateNumbers($counterUp);
});
animateNumbers($counterUp);
}}else{
$counterUp.one('inview', function (){
animateNumbers($counterUp);
});
}}
};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-counter-up.default', VLTJS.counterUp.init);
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-counter-up-small.default', VLTJS.counterUp.init);
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-award-item.default', VLTJS.counterUp.init);
});
VLTJS.counterUp.init();
})(jQuery);
(function ($){
'use strict';
if(typeof Typed=='undefined'){
return;
}
if(typeof $.fn.Morphext=='undefined'){
return;
}
VLTJS.fancyText={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $fancyText=$scope.find('.vlt-fancy-text');
$fancyText.each(function (){
const $this=$(this),
$strings=$this.find('.strings'),
dataAnimationType=$this.data('animation-type')||'',
dataFancyText=$this.data('fancy-text')||'',
dataTypingSpeed=$this.data('typing-speed')||'',
dataDelay=$this.data('delay')||'',
dataTypeCursor=$this.data('type-cursor')=='yes' ? true:false,
dataTypeCursorSymbol=$this.data('type-cursor-symbol')||'|',
dataTypingLoop=$this.data('typing-loop')=='yes' ? true:false;
if(dataAnimationType=='typing'){
if($this.find('.typed-cursor').length){
return;
}
new Typed($strings.get(0), {
strings: dataFancyText.split('|'),
typeSpeed: dataTypingSpeed,
backSpeed: 0,
startDelay: 300,
backDelay: dataDelay,
showCursor: dataTypeCursor,
cursorChar: dataTypeCursorSymbol,
loop: dataTypingLoop
});
}else{
$strings.show().Morphext({
animation: dataAnimationType,
separator: ', ',
speed: dataDelay,
complete: function (){
}});
}});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-fancy-text.default', VLTJS.fancyText.init);
});
VLTJS.fancyText.init();
})(jQuery);
(function ($){
'use strict';
VLTJS.googleMap={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $googleMap=$scope.find('.vlt-google-map');
$googleMap.each(function (){
const dataMapLat=$googleMap.data('map-lat'),
dataMapLng=$googleMap.data('map-lng'),
dataMapZoom=$googleMap.data('map-zoom'),
dataMapGestureHandling=$googleMap.data('map-gesture-handling'),
dataMapZoomControl=$googleMap.data('map-zoom-control') ? true:false,
dataMapZoomControlPosition=$googleMap.data('map-zoom-control-position'),
dataMapDefaultUi=$googleMap.data('map-default-ui') ? false:true,
dataMapType=$googleMap.data('map-type'),
dataMapTypeControl=$googleMap.data('map-type-control') ? true:false,
dataMapTypeControlStyle=$googleMap.data('map-type-control-style'),
dataMapTypeControlPosition=$googleMap.data('map-type-control-position'),
dataMapStreetviewControl=$googleMap.data('map-streetview-control') ? true:false,
dataMapStreetviewPosition=$googleMap.data('map-streetview-position'),
dataMapInfoWindowWidth=$googleMap.data('map-info-window-width'),
dataMapLocations=$googleMap.data('map-locations'),
dataMapStyles=$googleMap.data('map-style')||'';
let infowindow, map;
function initMap(){
const myLatLng={
lat: parseFloat(dataMapLat),
lng: parseFloat(dataMapLng)
};
if(typeof google==='undefined'){
return;
}
const map=new google.maps.Map($googleMap[0], {
center: myLatLng,
zoom: dataMapZoom,
disableDefaultUI: dataMapDefaultUi,
zoomControl: dataMapZoomControl,
zoomControlOptions: {
position: google.maps.ControlPosition[dataMapZoomControlPosition]
},
mapTypeId: dataMapType,
mapTypeControl: dataMapTypeControl,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle[dataMapTypeControlStyle],
position: google.maps.ControlPosition[dataMapTypeControlPosition]
},
streetViewControl: dataMapStreetviewControl,
streetViewControlOptions: {
position: google.maps.ControlPosition[dataMapStreetviewPosition]
},
styles: dataMapStyles,
gestureHandling: dataMapGestureHandling
});
$.each(dataMapLocations, function (index, $googleMapement, content){
var content='\
\
' + $googleMapement.title + '
\
' + $googleMapement.text + '
\
';
let icon='';
if($googleMapement.pin_icon!==''){
if($googleMapement.pin_icon_custom){
icon=$googleMapement.pin_icon_custom;
}else{
icon='';
}}
const marker=new google.maps.Marker({
map: map,
position: new google.maps.LatLng(parseFloat($googleMapement.lat), parseFloat($googleMapement.lng)),
animation: google.maps.Animation.DROP,
icon: icon
});
if($googleMapement.title!==''&&$googleMapement.text!==''){
addInfoWindow(marker, content);
}});
}
function addInfoWindow(marker, content){
google.maps.event.addListener(marker, 'click', function (){
if(!infowindow){
infowindow=new google.maps.InfoWindow({
maxWidth: dataMapInfoWindowWidth
});
}
infowindow.setContent(content);
infowindow.open(map, marker);
});
}
initMap();
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-google-map.default', VLTJS.googleMap.init);
});
VLTJS.googleMap.init();
})(jQuery);
(function ($){
'use strict';
if(typeof $.fn.justifiedGallery=='undefined'){
return;
}
VLTJS.justifiedGallery={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $justifiedGallery=$scope.find('.vlt-justified-gallery');
$justifiedGallery.each(function (){
const $this=$(this),
dataRowHeight=$this.data('row-height')||360,
dataMargins=$this.data('margins')||0,
dataLastRow=$this.data('last-row')||'justify';
$this.imagesLoaded(function (){
$this.justifiedGallery({
rowHeight: dataRowHeight,
margins: dataMargins,
border: 0,
captions: false,
lastRow: dataLastRow
});
});
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-justified-gallery.default', VLTJS.justifiedGallery.init);
});
VLTJS.justifiedGallery.init();
})(jQuery);
(function ($){
'use strict';
if(typeof gsap=='undefined'){
return;
}
VLTJS.marqueeEffect={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $marqueeElement=$scope.find('[data-marquee]');
function verticalLoop(items, speed){
items=gsap.utils.toArray(items);
let firstBounds=items[0].getBoundingClientRect(),
lastBounds=items[items.length - 1].getBoundingClientRect(),
inverted=firstBounds.top > lastBounds.top,
topBounds=inverted ? lastBounds:firstBounds,
bottomBounds=inverted ? firstBounds:lastBounds,
top=topBounds.top - topBounds.height - Math.abs(items[inverted ? items.length - 2:1].getBoundingClientRect().top - topBounds.bottom),
bottom=bottomBounds.top,
distance=bottom - top,
duration=Math.abs(distance / speed),
tl=gsap.timeline({
repeat: -1
}),
plus,
minus;
if(inverted){
speed=-speed;
bottom +=Math.abs(items[inverted ? items.length - 2:1].getBoundingClientRect().top - topBounds.top);
}
plus=speed < 0 ? "-=":"+=", minus=speed < 0 ? "+=":"-=";
items.forEach((el, i)=> {
let bounds=el.getBoundingClientRect(),
ratio=Math.abs((bottom - bounds.top) / distance);
if(speed < 0!==inverted){
ratio=1 - ratio;
}
tl.to(el, {
x: plus + distance * ratio,
duration: duration * ratio,
ease: "none"
}, 0);
tl.fromTo(el, {
x: minus + distance
}, {
x: plus + (1 - ratio) * distance,
ease: "none",
duration: (1 - ratio) * duration,
immediateRender: false
}, duration * ratio);
});
return tl;
}
function horizontalLoop(items, config){
items=gsap.utils.toArray(items);
config=config||{};
let tl=gsap.timeline({
repeat: config.repeat,
paused: config.paused,
defaults: {
ease: "none"
},
onReverseComplete: ()=> tl.totalTime(tl.rawTime() + tl.duration() * 100)
}),
length=items.length,
startX=items[0].offsetLeft,
times=[],
widths=[],
xPercents=[],
curIndex=0,
pixelsPerSecond=config.speed||100,
snap=config.snap===false ? v=> v:gsap.utils.snap(config.snap||1),
totalWidth,
curX,
distanceToStart,
distanceToLoop,
item,
i;
gsap.set(items, {
xPercent: (i, el)=> {
let w=widths[i]=parseFloat(gsap.getProperty(el, "width", "px"));
xPercents[i]=snap(parseFloat(gsap.getProperty(el, "x", "px")) / w * 100 + gsap.getProperty(el, "xPercent"));
return xPercents[i];
}});
gsap.set(items, {
x: 0
});
totalWidth=items[length - 1].offsetLeft + xPercents[length - 1] / 100 * widths[length - 1] - startX + items[length - 1].offsetWidth * gsap.getProperty(items[length - 1], "scaleX") + (parseFloat(config.paddingRight)||0);
for (i=0; i < length; i++){
item=items[i];
curX=xPercents[i] / 100 * widths[i];
distanceToStart=item.offsetLeft + curX - startX;
distanceToLoop=distanceToStart + widths[i] * gsap.getProperty(item, "scaleX");
tl.to(item, {
xPercent: snap((curX - distanceToLoop) / widths[i] * 100),
duration: distanceToLoop / pixelsPerSecond
}, 0).fromTo(item, {
xPercent: snap((curX - distanceToLoop + totalWidth) / widths[i] * 100)
}, {
xPercent: xPercents[i],
duration: (curX - distanceToLoop + totalWidth - curX) / pixelsPerSecond,
immediateRender: false
}, distanceToLoop / pixelsPerSecond).add("label" + i, distanceToStart / pixelsPerSecond);
times[i]=distanceToStart / pixelsPerSecond;
}
function toIndex(index, vars){
vars=vars||{};
Math.abs(index - curIndex) > length / 2&&(index +=index > curIndex ? -length:length);
let newIndex=gsap.utils.wrap(0, length, index),
time=times[newIndex];
if(time > tl.time()!==index > curIndex){
vars.modifiers={
time: gsap.utils.wrap(0, tl.duration())
};
time +=tl.duration() * (index > curIndex ? 1:-1);
}
curIndex=newIndex;
vars.overwrite=true;
return tl.tweenTo(time, vars);
}
tl.next=vars=> toIndex(curIndex + 1, vars);
tl.previous=vars=> toIndex(curIndex - 1, vars);
tl.current=()=> curIndex;
tl.toIndex=(index, vars)=> toIndex(index, vars);
tl.times=times;
tl.progress(1, true).progress(0, true);
if(config.reversed){
tl.vars.onReverseComplete();
tl.reverse();
}
return tl;
}
$marqueeElement.each(function (){
const $this=$(this),
speed=$this.attr('data-marquee-speed')||100,
type=$this.attr('data-marquee')||'horizontal',
$scrollingText=$this.find('[data-marquee-text]');
switch (type){
case 'vertical':
verticalLoop($scrollingText, speed);
break;
case 'horizontal':
horizontalLoop($scrollingText, {
repeat: -1,
speed: speed
});
break;
}});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-marquee-text.default', VLTJS.marqueeEffect.init);
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-team-member.default', VLTJS.marqueeEffect.init);
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-slide-photo.default', VLTJS.marqueeEffect.init);
});
VLTJS.marqueeEffect.init();
VLTJS.document.on('init.vpf endLoadingNewItems.vpf', function (e){
VLTJS.marqueeEffect.init();
});
})(jQuery);
(function ($){
'use strict';
if(typeof gsap==='undefined'){
return;
}
VLTJS.pieChart={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $chart=$scope.find('.vlt-pie-chart');
$chart.each(function (){
const $this=$(this),
dataChartValue=$this.data('chart-value')||0,
dataChartAnimationDuration=$this.data('chart-animation-duration')||0;
let delay=150,
obj={
count: 0
};
$this.one('inview', function (){
gsap.to($this, dataChartAnimationDuration / 1000, {
'--final-value': dataChartValue
});
gsap.to(obj, dataChartAnimationDuration / 1000, {
count: dataChartValue,
delay: delay / 1000,
onUpdate: function (){
$this.find('.vlt-pie-chart__title > .counter').text(Math.round(obj.count));
}});
});
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-pie-chart.default', VLTJS.pieChart.init);
});
VLTJS.pieChart.init();
})(jQuery);
(function ($){
'use strict';
if(typeof gsap==='undefined'){
return;
}
VLTJS.progressBar={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $progressBar=$scope.find('.vlt-progress-bar');
function animateProgressBar(el){
const $this=$(el),
dataFinalValue=$this.data('final-value')||0,
dataAnimationDuration=$this.data('animation-speed')||0;
let delay=150,
width=0,
obj={
count: 0
};
gsap.to(obj, dataAnimationDuration / 1000 / 2, {
count: dataFinalValue,
delay: delay / 1000,
onUpdate: function (){
$this.find('.vlt-progress-bar__title > .counter').text(Math.round(obj.count));
}});
gsap.fromTo($this.filter('.vlt-progress-bar--default').find('.vlt-progress-bar__track > .bar'), dataAnimationDuration / 1000, {
width: width
}, {
width: dataFinalValue + '%',
delay: delay / 1000
});
gsap.to(obj, dataAnimationDuration / 1000, {
count: dataFinalValue,
delay: delay / 1000,
onUpdate: function (){
$this.filter('.vlt-progress-bar--dotted').find('.vlt-progress-bar__track > .bar').css('clip-path', 'inset(0 ' + (100 - Math.round(obj.count)) + '% 0 0)');
}});
}
if(VLTJS.body.hasClass('page-template-template-fullpage-slider')){
if($progressBar.parents('.vlt-section').hasClass('active')){
VLTJS.window.one('vlt.change-slide', function (){
animateProgressBar($progressBar);
});
animateProgressBar($progressBar);
}}else{
$progressBar.one('inview', function (){
animateProgressBar($progressBar);
});
}}
};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-progress-bar.default', VLTJS.progressBar.init);
});
VLTJS.progressBar.init();
})(jQuery);
(function ($){
'use strict';
if(typeof Swiper==='undefined'){
return;
}
VLTJS.projectsSlider={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $slider=$scope.find('.vlt-projects-slider');
$slider.each(function (){
const $this=$(this),
dataSlideEffect=$this.data('slide-effect'),
$contentSlider=$this.find('.vlt-project-content'),
$imageSlider=$this.find('.vlt-project-images');
const contentSwiper=new Swiper($contentSlider.get(0), {
effect: 'fade',
loop: false,
autoHeight: true,
allowTouchMove: false
});
const imageSwiper=new Swiper($imageSlider.get(0), {
init: false,
modules: [SwiperGL],
effect: 'gl',
gl: {
shader: dataSlideEffect
},
speed: 1000,
loop: false,
lazy: true,
pagination: {
el: $this.find('.vlt-swiper-pagination .total').get(0),
type: 'custom',
renderCustom: function (swiper, current, total){
return VLTJS.addLedingZero(total);
}}
});
if($this.find('.vlt-swiper-pagination').length){
imageSwiper.on('init slideChange', function (){
const speed=imageSwiper.params.speed / 1000 / 2,
$current=$this.find('.vlt-swiper-pagination .current');
gsap.to($current, speed, {
force3D: true,
y: -6,
opacity: 0,
onComplete: function (){
gsap.set($current, {
y: 6
});
$current.html(VLTJS.addLedingZero(imageSwiper.realIndex + 1));
}});
gsap.to($current, speed, {
force3D: true,
y: 0,
opacity: 1,
delay: speed
});
});
}
imageSwiper.init();
imageSwiper.controller.control=contentSwiper;
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-projects-slider.default', VLTJS.projectsSlider.init);
});
})(jQuery);
(function ($){
'use strict';
VLTJS.sectionTitle={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $sectionTitle=$scope.find('.vlt-highlight');
$sectionTitle.each(function (){
const $this=$(this);
$(VLT_LOCALIZE_DATAS.circle_highlight).appendTo($this.filter('.vlt-highlight--circle'));
$(VLT_LOCALIZE_DATAS.wave_highlight).appendTo($this.filter('.vlt-highlight--wave'));
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-section-title.default', VLTJS.sectionTitle.init);
});
VLTJS.sectionTitle.init();
})(jQuery);
(function ($){
'use strict';
if(typeof gsap=='undefined'){
return;
}
VLTJS.simpleLink={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $link=$scope.find('.vlt-simple-link');
$link.each(function (){
const $this=$(this),
duration=5;
const tween=gsap.to($this.find('svg'), duration, {
rotation: '+=360deg',
ease: 'none',
repeat: -1
});
$this.on({
mouseenter: function (){
tween.timeScale(3);
},
mouseleave: function (){
tween.timeScale(1);
}});
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-simple-link.default', VLTJS.simpleLink.init);
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-service-box.default', VLTJS.simpleLink.init);
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-award-item.default', VLTJS.simpleLink.init);
});
VLTJS.simpleLink.init();
})(jQuery);
(function ($){
'use strict';
if(typeof $.fn.numerator=='undefined'){
return;
}
VLTJS.skill={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $skill=$scope.find('.vlt-skill');
function animateNumbers(el){
const $this=$(el),
dataAnimationDuration=$this.data('animation-speed')||1000,
$endingNumber=$this.find('.counter'),
endingNumberValue=$endingNumber.data('value');
$endingNumber.css({
'min-width': $endingNumber.outerWidth() + 'px'
});
$endingNumber.text('0');
$endingNumber.numerator({
easing: 'linear',
duration: dataAnimationDuration,
delimiter: false,
toValue: endingNumberValue
});
}
if(VLTJS.body.hasClass('page-template-template-fullpage-slider')){
if($skill.parents('.vlt-section')){
VLTJS.window.one('vlt.change-slide', function (){
animateNumbers($skill);
});
animateNumbers($skill);
}}else{
$skill.one('inview', function (){
animateNumbers($skill);
});
}}
};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-skill.default', VLTJS.skill.init);
});
VLTJS.skill.init();
})(jQuery);
(function ($){
'use strict';
if(typeof StickySidebar=='undefined'){
return;
}
VLTJS.elementorColumn={
init: function ($scope){
var stickyOn=['desktop'
],
stickyInstance=null,
stickyInstanceOptions={
topSpacing: 50,
bottomSpacing: 50,
containerSelector: '.elementor-row, .elementor-container',
innerWrapperSelector: '.elementor-column-wrap'
};
if($scope.hasClass('vlt-sticky-elementor-sidebar')){
$scope.addClass('vlt-sticky-column');
if(-1!==stickyOn.indexOf(elementorFrontend.getCurrentDeviceMode())){
$scope.data('stickyColumnInit', true);
stickyInstance=new StickySidebar($scope[0], stickyInstanceOptions);
VLTJS.debounceResize(resizeDebounce);
}}
function resizeDebounce(){
var currentDeviceMode=elementorFrontend.getCurrentDeviceMode(),
availableDevices=stickyOn||[],
isInit=$scope.data('stickyColumnInit');
if(-1!==availableDevices.indexOf(currentDeviceMode)){
if(!isInit){
$scope.data('stickyColumnInit', true);
stickyInstance=new StickySidebar($scope[0], stickyInstanceOptions);
stickyInstance.updateSticky();
}}else{
$scope.data('stickyColumnInit', false);
stickyInstance.destroy();
}}
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/column', VLTJS.elementorColumn.init);
});
})(jQuery);
(function ($){
'use strict';
if(typeof gsap=='undefined'){
return;
}
VLTJS.tabs={
init: function ($scope){
const $tabs=$scope.find('.vlt-tabs'),
$item=$tabs.find('.vlt-tab'),
$content=$('.vlt-tab-content__item');
CustomEase.create('merge', '0.37, 0, 0.63, 1');
$content.filter('[data-content-id="' + $item.filter('.is-active').data('tab-id') + '"]').show();
Splitting({
target: $item
});
$item.on('click', function (){
const $this=$(this),
dataTabId=$this.data('tab-id');
const $chars=$this.find('.char');
gsap.killTweensOf($chars);
gsap.timeline({
defaults: {
ease: 'merge'
}}).to($chars, .3, {
yPercent: -50,
autoAlpha: 0,
stagger: {
amount: .2
}}).set($chars, {
yPercent: 50,
autoAlpha: 0
}).to($chars, .3, {
yPercent: 0,
autoAlpha: 1,
stagger: {
amount: .2
}});
$item.removeClass('is-active');
$this.addClass('is-active');
$content.hide();
$content.filter('[data-content-id="' + dataTabId + '"]').fadeIn(300);
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-tabs.default', VLTJS.tabs.init);
});
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-tab-content.default', VLTJS.tabs.init);
});
})(jQuery);
(function ($){
'use strict';
if(typeof Swiper==='undefined'){
return;
}
VLTJS.timelineSlider={
init: function ($scope){
$scope=typeof $scope==='undefined' ? VLTJS.body:$scope;
const $timelineSlider=$scope.find('.vlt-timeline-slider');
$timelineSlider.each(function (){
const $this=$(this),
dataAnchor=$this.data('navigation-anchor'),
dataSpeed=$this.data('speed')||1000,
dataAutoplay=$this.data('autoplay'),
dataMousewheel=$this.data('mousewheel'),
dataAutoplaySpeed=$this.data('autoplay-speed');
let conf={
init: false,
loop: false,
grabCursor: true,
spaceBetween: 60,
slidesPerView: 1,
effect: 'coverflow',
coverflowEffect: {
rotate: 0,
stretch: -5,
depth: 60,
modifier: 3,
slideShadows: false
}};
if($(dataAnchor).find('.vlt-swiper-pagination').length){
conf.pagination={
el: $(dataAnchor).find('.vlt-swiper-pagination').get(0),
type: 'bullets',
bulletClass: 'vlt-swiper-pagination-bullet',
bulletActiveClass: 'vlt-swiper-pagination-bullet-active',
clickable: true
};}
if(dataSpeed){
conf.speed=dataSpeed;
}
if(dataMousewheel){
conf.mousewheel=true;
}
if(dataAutoplay){
conf.autoplay={
delay: dataAutoplaySpeed,
disableOnInteraction: false
};}
const swiper=new Swiper(this, conf);
swiper.init();
});
}};
VLTJS.window.on('elementor/frontend/init', function (){
elementorFrontend.hooks.addAction('frontend/element_ready/vlt-timeline-slider.default', VLTJS.timelineSlider.init);
});
})(jQuery);