ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / mact34.com / wp-content / plugins / bdthemes-element-pack / assets / js / widgets

/**
 * Start circle info widget script
 */

// circleJs(id = 'one', circles, circleContents, parent, circleMoving = true);
// circleJs(id= 'two', circles, circleContents, parent, circleMoving = true);
// this is the main function, here impvaring all html into js DOM as a
// parameter. 
function circleJs(id, circleMoving, movingTime , mouseEvent ) {
    var circles = document.querySelectorAll('#' + id + ' .bdt-info-sub-circle');
    var circleContents = document.querySelectorAll('#' + id + '  .bdt-circle-info-item');
    var parent = document.querySelector('#' + id + ' .bdt-circle-info-inner ');

// active class toggle methods
    var removeClasses = function removeClasses(nodes, value) {
        this.nodes = nodes;
        this.value = value;
        if (nodes) return nodes.forEach(function(node) {
            return node.classList.contains(value) && node.classList.remove(value);
        });
            else return false;
        };
        var addClass = function addClass(nodes, index, value) {
            this.nodes = nodes;
            this.index = index;
            this.value = value;
            return nodes ? nodes[index].classList.add(value) : 0;
        };
        var App = {
            initServicesCircle: function initServicesCircle() {
            // info circle
            if (parent) {
                var spreadCircles = function spreadCircles() {
                    // spread the sub-circles around the circle
                    var parent = document.querySelector('#' + id + ' .bdt-circle-info-inner ').getBoundingClientRect();
                    var centerX = 0;
                    var centerY = 0;
                    Array.from(circles).reverse().forEach(function(circle, index) {
                        this.circle = circle;
                        this.index = index;
                        var angle = index * (360 / circles.length);
                        var x = centerX + (parent.width / 2) * Math.cos((angle * Math.PI) / 180);
                        var y = centerY + (parent.height / 2) * Math.sin((angle * Math.PI) / 180);
                        circle.style.transform = 'translate3d(' + parseFloat(x).toFixed(5) + 'px,' + parseFloat(y).toFixed(5) + 'px,0)';
                    });
                };

spreadCircles();

// if(document.hidden) {
                //     $(window).on("blur focus", function () {
                //         spreadCircles();
                //         console.log('aa');
                //     });
                // } else {
                //    spreadCircles();
                // }

// spreadCircles();

(function($, elementor) {
    'use strict';
    var widgetCircleInfo = function($scope, $) {
        var $circleInfo = $scope.find('.bdt-circle-info');

if (!$circleInfo.length) {
            return;
        }

elementorFrontend.waypoint( $circleInfo, function() {
            var $this = $( this );
            var $settings = $this.data('settings');

circleJs( $settings.id, $settings.circleMoving, $settings.movingTime, $settings.mouseEvent );

}, {
            // offset: 'bottom-in-view'
            offset: '80%' 
        } );

};

jQuery(window).on('elementor/frontend/init', function() {
        elementorFrontend.hooks.addAction('frontend/element_ready/bdt-circle-info.default', widgetCircleInfo);
    });
}(jQuery, window.elementorFrontend));

/**
 * End circle info widget script
 */

[+] ..
[-] ep-animated-heading.min.js [edit]
[-] ep-faq.js [edit]
[-] ep-testimonial-slider.min.js [edit]
[-] ep-step-flow.js [edit]
[-] ep-tabs.min.js [edit]
[-] ep-scrollnav.js [edit]
[-] ep-audio-player.min.js [edit]
[-] ep-tutor-lms.min.js [edit]
[-] ep-news-ticker.js [edit]
[-] ep-offcanvas.min.js [edit]
[-] ep-iconnav.min.js [edit]
[-] ep-honeycombs.js [edit]
[-] ep-circle-info.js [edit]
[-] ep-iconnav.js [edit]
[-] ep-honeycombs.min.js [edit]
[-] ep-faq.min.js [edit]
[-] ep-qrcode.js [edit]
[-] ep-fancy-slider.js [edit]
[-] ep-advanced-post-tab.js [edit]
[-] ep-advanced-progress-bar.min.js [edit]
[-] ep-business-hours.js [edit]
[-] ep-step-flow.min.js [edit]
[-] ep-lottie-icon-box.min.js [edit]
[-] ep-advanced-divider.js [edit]
[-] ep-vertical-menu.js [edit]
[-] ep-logo-grid.js [edit]
[-] ep-accordion.min.js [edit]
[-] ep-advanced-gmap.min.js [edit]
[-] ep-user-register.js [edit]
[-] ep-contact-form.min.js [edit]
[-] ep-vertical-menu.min.js [edit]
[-] ep-woocommerce.min.js [edit]
[-] ep-helpdesk.min.js [edit]
[-] ep-scroll-button.min.js [edit]
[-] ep-advanced-counter.js [edit]
[-] ep-twitter-slider.js [edit]
[-] ep-fancy-tabs.min.js [edit]
[-] ep-image-accordion.js [edit]
[-] ep-advanced-counter.min.js [edit]
[-] ep-user-register.min.js [edit]
[-] ep-twitter-carousel.js [edit]
[-] ep-video-gallery.js [edit]
[-] ep-time-zone.min.js [edit]
[-] ep-source-code.min.js [edit]
[-] ep-advanced-progress-bar.js [edit]
[-] ep-tags-cloud.js [edit]
[-] ep-timeline.min.js [edit]
[-] ep-reading-progress.js [edit]
[-] ep-testimonial-carousel.min.js [edit]
[-] ep-lottie-image.js [edit]
[-] ep-portfolio-carousel.js [edit]
[-] ep-circle-menu.js [edit]
[-] ep-tabs.js [edit]
[-] ep-toggle.min.js [edit]
[-] ep-search.js [edit]
[-] ep-custom-carousel.js [edit]
[-] ep-chart.js [edit]
[-] ep-twitter-carousel.min.js [edit]
[-] ep-advanced-icon-box.js [edit]
[-] ep-price-table.min.js [edit]
[-] ep-event-calendar.min.js [edit]
[-] ep-event-calendar.js [edit]
[-] ep-switcher.min.js [edit]
[-] ep-image-compare.js [edit]
[-] ep-hover-box.js [edit]
[-] ep-contact-form.js [edit]
[-] ep-logo-carousel.js [edit]
[-] ep-animated-heading.js [edit]
[-] ep-tags-cloud.min.js [edit]
[-] ep-slideshow.min.js [edit]
[-] ep-qrcode.min.js [edit]
[-] ep-image-accordion.min.js [edit]
[-] ep-time-zone.js [edit]
[-] ep-price-table.js [edit]
[-] ep-reading-progress.min.js [edit]
[-] ep-image-magnifier.min.js [edit]
[-] ep-notification.min.js [edit]
[-] ep-marker.js [edit]
[-] ep-table-of-content.js [edit]
[-] ep-carousel.min.js [edit]
[-] ep-advanced-gmap.js [edit]
[-] ep-advanced-post-tab.min.js [edit]
[-] ep-user-login.js [edit]
[-] ep-cookie-consent.min.js [edit]
[-] ep-progress-pie.js [edit]
[-] ep-open-street-map.js [edit]
[-] ep-lottie-icon-box.js [edit]
[-] ep-products.min.js [edit]
[-] ep-logo-grid.min.js [edit]
[-] ep-slideshow.js [edit]
[-] ep-logo-carousel.min.js [edit]
[-] ep-post-grid-tab.js [edit]
[-] ep-user-login.min.js [edit]
[-] ep-accordion.js [edit]
[-] ep-modal.js [edit]
[-] ep-portfolio-gallery.min.js [edit]
[-] ep-chart.min.js [edit]
[-] ep-toggle.js [edit]
[-] ep-threesixty-product-viewer.min.js [edit]
[-] ep-woocommerce.js [edit]
[-] ep-section-sticky.js [edit]
[-] ep-post-gallery.min.js [edit]
[-] ep-image-compare.min.js [edit]
[-] ep-timeline.js [edit]
[-] ep-mailchimp.min.js [edit]
[-] ep-table-of-content.min.js [edit]
[-] ep-hover-video.js [edit]
[-] ep-tutor-lms.js [edit]
[-] ep-fancy-slider.min.js [edit]
[-] ep-mailchimp.js [edit]
[-] ep-testimonial-carousel.js [edit]
[-] ep-twitter-slider.min.js [edit]
[-] ep-offcanvas.js [edit]
[-] ep-interactive-card.min.js [edit]
[-] ep-progress-pie.min.js [edit]
[-] ep-particles.min.js [edit]
[-] ep-portfolio-carousel.min.js [edit]
[-] ep-iframe.min.js [edit]
[-] ep-marker.min.js [edit]
[-] ep-hover-box.min.js [edit]
[-] ep-table.min.js [edit]
[-] ep-post-grid-tab.min.js [edit]
[-] ep-iframe.js [edit]
[-] ep-slider.min.js [edit]
[-] ep-advanced-icon-box.min.js [edit]
[-] ep-section-sticky.min.js [edit]
[-] ep-helpdesk.js [edit]
[-] ep-comment.min.js [edit]
[-] ep-custom-carousel.min.js [edit]
[-] ep-modal.min.js [edit]
[-] ep-post-gallery.js [edit]
[-] ep-carousel.js [edit]
[-] ep-news-ticker.min.js [edit]
[-] ep-table.js [edit]
[-] ep-image-expand.js [edit]
[-] ep-notification.js [edit]
[-] ep-instagram.js [edit]
[-] ep-image-magnifier.js [edit]
[-] ep-audio-player.js [edit]
[-] ep-switcher.js [edit]
[-] ep-hover-video.min.js [edit]
[-] ep-interactive-card.js [edit]
[-] ep-cookie-consent.js [edit]
[-] ep-source-code.js [edit]
[-] ep-portfolio-gallery.js [edit]
[-] ep-image-expand.min.js [edit]
[-] ep-particles.js [edit]
[-] ep-open-street-map.min.js [edit]
[-] ep-instagram.min.js [edit]
[-] ep-panel-slider.js [edit]
[-] ep-threesixty-product-viewer.js [edit]
[-] ep-testimonial-slider.js [edit]
[-] ep-advanced-divider.min.js [edit]
[-] ep-fancy-tabs.js [edit]
[-] ep-video-gallery.min.js [edit]
[-] ep-scroll-button.js [edit]
[-] ep-scrollnav.min.js [edit]
[-] ep-circle-info.min.js [edit]
[-] ep-comment.js [edit]
[-] ep-products.js [edit]
[-] ep-lottie-image.min.js [edit]
[-] ep-slider.js [edit]
[-] ep-search.min.js [edit]
[-] ep-panel-slider.min.js [edit]
[-] ep-circle-menu.min.js [edit]
[-] ep-tooltip.js [edit]
[-] ep-business-hours.min.js [edit]