( function( $ ) { /** * @param $scope The Widget wrapper element as a jQuery element * @param $ The jQuery alias */ var WidgetCTIlineHandler = function( $scope, $ ) { setTimeout(function(){ $('.elementor-top-section').each(function () { var _el_particle = $(this).find(".elementor-container .el-move-parents"), _el_particle_remove = $(this).find(".elementor-widget-wrap .el-move-parents"), _row_particle = $(this).find("> .elementor-container"); _row_particle.before(_el_particle.clone()); _el_particle_remove.remove(); }); }, 200); }; function consultio_split_text($scope){ setTimeout(function () { var st = $scope.find(".pxl-split-text"); if(st.length == 0) return; gsap.registerPlugin(SplitText); st.each(function(index, el) { el.split = new SplitText(el, { type: "lines,words,chars", linesClass: "split-line" }); gsap.set(el, { perspective: 400 }); if( $(el).hasClass('split-in-fade') ){ gsap.set(el.split.chars, { opacity: 0, ease: "Back.easeOut", }); } if( $(el).hasClass('split-in-right') ){ gsap.set(el.split.chars, { opacity: 0, x: "50", ease: "Back.easeOut", }); } if( $(el).hasClass('split-in-left') ){ gsap.set(el.split.chars, { opacity: 0, x: "-50", ease: "circ.out", }); } if( $(el).hasClass('split-in-up') ){ gsap.set(el.split.chars, { opacity: 0, y: "80", ease: "circ.out", }); } if( $(el).hasClass('split-in-down') ){ gsap.set(el.split.chars, { opacity: 0, y: "-80", ease: "circ.out", }); } if( $(el).hasClass('split-in-rotate') ){ gsap.set(el.split.chars, { opacity: 0, rotateX: "50deg", ease: "circ.out", }); } if( $(el).hasClass('split-in-scale') ){ gsap.set(el.split.chars, { opacity: 0, scale: "0.5", ease: "circ.out", }); } el.anim = gsap.to(el.split.chars, { scrollTrigger: { trigger: el, toggleActions: "restart pause resume reverse", start: "top 90%", }, x: "0", y: "0", rotateX: "0", scale: 1, opacity: 1, duration: 0.8, stagger: 0.02, }); }); }, 500); } // Make sure you run this code under Elementor. $( window ).on( 'elementor/frontend/init', function() { elementorFrontend.hooks.addAction( 'frontend/element_ready/ct_logo_animate.default', WidgetCTIlineHandler ); elementorFrontend.hooks.addAction( 'frontend/element_ready/ct_particle_animate.default', WidgetCTIlineHandler ); elementorFrontend.hooks.addAction( 'frontend/element_ready/ct_portfolio_external.default', WidgetCTIlineHandler ); elementorFrontend.hooks.addAction( 'frontend/element_ready/ct_heading.default', function( $scope ) { consultio_split_text($scope); } ); } ); } )( jQuery );