https://mevren.ai/wp-content/themes/ainus/elements/assets/js/elementor.js?ver=1.0.1

1( function( $ ) {
2    "use strict";
3
4    function ainusElAfterRender(){
5        let _elementor = typeof elementor != 'undefined' ? elementor : elementorFrontend;
6        _elementor.hooks.addFilter('pxl_element_container/after-render', function(ouput, settings) {
7            // if(typeof settings.el_bg_parallax_img != 'undefined' && settings.el_bg_parallax_img.url != ''){
8            //     ouput += '<div class="e-con-background-parallax"></div>';
9            // }
10            // if (typeof settings.el_number_layer_overlay != 'undefined' && settings.el_number_layer_overlay == '1') {
11            //     ouput += `<div class="e-con-overlay"></div>`;
12            // }    
13            // if (typeof settings.el_overlays != 'undefined' && settings.el_overlays.length > 0) {
14            //     settings.el_overlays.forEach(function (item) {
15            //         let classes = 'e-con-overlay elementor-repeater-item-' + item._id;
16            //         ouput += `<div class="${classes}"></div>`;
17            //     });
18            // }    
19            // return ouput;
20        });
21    } 
22
23    function ainusElBeforeRender(){
24        let _elementor = typeof elementor != 'undefined' ? elementor : elementorFrontend;
25        _elementor.hooks.addFilter( 'pxl_element_container/before-render', function( ouput, settings) {
26            if (typeof settings['pxl_background_background'] != 'undefined' || typeof settings['pxl_background_gradient'] != 'undefined' || typeof settings['pxl_background_video'] != 'undefined') {
27                ouput += '<div class="e-con-background"></div>';
28            }
29            if (typeof settings.el_number_layer_overlay != 'undefined' && settings.el_number_layer_overlay == '1') {
30                ouput += `<div class="e-con-overlay"></div>`;
31            }    
32            if (typeof settings.el_overlays != 'undefined' && settings.el_overlays.length > 0) {
33                settings.el_overlays.forEach(function (item) {
34                    let classes = 'e-con-overlay elementor-repeater-item-' + item._id;
35                    ouput += `<div class="${classes}"></div>`;
36                });
37            }    
38            return ouput;
39        });
40    } 
41
42    function pinElement() {
43        const pinItems = $('.pin-item');
44        if (!pinItems.length) return;
45        let sumHeight = 0;
46        pinItems.each(function(i, item) {
47            sumHeight += $(item).outerHeight(true);
48            let tl = gsap.timeline();
49            tl.to(item, {
50                scrollTrigger: {
51                    trigger: item,
52                    start: 'top top',
53                    end: `+=${sumHeight - (sumHeight/(pinItems.length - i))}px `,
54                    scrub: true,
55                    pin: true,
56                    // markers: true,
57                }
58            })
59        })
60    }
61    
62    $( window ).on( 'elementor/frontend/init', function() {
63        ainusElAfterRender();
64        ainusElBeforeRender();
65        pinElement();
66        // if($('.scroll-based-width-shrinking').length > 0){
67        //     gsap.to('.scroll-based-width-shrinking', {
68        //         width: 0,
69        //         duration: .25,
70        //         scrollTrigger: {
71        //             trigger: '.scroll-based-width-shrinking',
72        //             start: 'center bottom',
73        //             end: 'top 15%',
74        //             scrub: 0.1,
75        //         }
76        //     })
77        // }
78        // if($('.scroll-grow-width').length > 0){
79        //     gsap.set('.scroll-grow-width', {width: 0});
80        //     gsap.to('.scroll-grow-width', {
81        //         width: '100%',
82        //         duration: .25,
83        //         delay: 0.25,
84        //         scrollTrigger: {
85        //             trigger: '.scroll-based-width-shrinking',
86        //             start: 'center bottom',
87        //             end: 'top 15%',
88        //             scrub: 0.1,
89        //         }
90        //     })
91        // }
92
93        
94    });
95
96
97} )( jQuery );