; (function ($) {
    "use strict";

    var SwpCharityProgress = function ($scope) {

        // Popular Causes Progress Bar
        if ($(".count-bar").length) {
            $(".count-bar").appear(
                function () {
                    var el = $(this);
                    var percent = el.data("percent");
                    $(el).css("width", percent).addClass("counted");
                }, {
                accY: -50
            }
            );
        }

        //Progress Bar / Levels
        if ($(".progress-levels .progress-box .bar-fill").length) {
            $(".progress-box .bar-fill").each(
                function () {
                    $(".progress-box .bar-fill").appear(function () {
                        var progressWidth = $(this).attr("data-percent");
                        $(this).css("width", progressWidth + "%");
                    });
                }, {
                accY: 0
            }
            );
        }

        $(function () {

            // Remove svg.radial-progress .complete inline styling
            $('svg.radial-progress').each(function (index, value) {
                $(this).find($('circle.complete')).removeAttr('style');
            });

            // Activate progress animation on scroll
            $(window).scroll(function () {
                $('svg.radial-progress').each(function (index, value) {
                    // If svg.radial-progress is approximately 25% vertically into the window when scrolling from the top or the bottom
                    if (
                        $(window).scrollTop() > $(this).offset().top - ($(window).height() * 0.75) &&
                        $(window).scrollTop() < $(this).offset().top + $(this).height() - ($(window).height() * 0.25)
                    ) {
                        var percent = '';
                        var radius = '';
                        var circumference = '';
                        var strokeDashOffset = '';
                        // Get percentage of progress
                        percent = $(value).data('c-percentage');
                        // Get radius of the svg's circle.complete
                        radius = $(this).find($('circle.complete')).attr('r');
                        // Get circumference (2πr)
                        circumference = 2 * Math.PI * radius;
                        // Get stroke-dashoffset value based on the percentage of the circumference
                        strokeDashOffset = circumference - ((percent * circumference) / 100);
                        // Transition progress for 1.25 seconds
                        $(this).find($('circle.complete')).animate({ 'stroke-dashoffset': strokeDashOffset }, 1250);
                    }
                });
            }).trigger('scroll');

        });

        let SwpOwlCarousels = $scope.find(".swp-charity-carousel");
        if (SwpOwlCarousels.length) {
            SwpOwlCarousels.each(function () {
                let elm = $(this);
                let options = elm.data('owl-options');
                let SwpOwlCarousel = elm.owlCarousel("object" === typeof options ? options : JSON.parse(options));
            });
        }

        var containerEl1 = document.querySelector('[data-ref="mix-1"]');
        var containerEl2 = document.querySelector('[data-ref="mix-2"]');
        var containerEl3 = document.querySelector('[data-ref="mix-3"]');
         var containerEl4 = document.querySelector('[data-ref="mix-4"]');
         var containerEl5 = document.querySelector('[data-ref="mix-5"]');
         var containerEl6 = document.querySelector('[data-ref="mix-6"]');

        var config = {
            controls: {
                scope: 'local'
            }
        };

        if ($(containerEl1).length) {
            var mixer1 = mixitup(containerEl1, config);
        }
        if ($(containerEl2).length) {
           var mixer2 = mixitup(containerEl2, config);
        }

        if ($(containerEl3).length) {
            var mixer3 = mixitup(containerEl3, config);
         }
       
         if ($(containerEl4).length) {
            var mixer4 = mixitup(containerEl4, config);
         }

         if ($(containerEl5).length) {
            var mixer5 = mixitup(containerEl5, config);
         }
         
         if ($(containerEl6).length) {
            var mixer6 = mixitup(containerEl6, config);
         }

         $(".tabs").tabs({
            show: { effect: "fade", duration: 400 }
            });

    };



    $(window).on("elementor/frontend/init", function () {

        elementorFrontend.hooks.addAction(
            "frontend/element_ready/widget",
            SwpCharityProgress
        );

    });


})(jQuery);