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

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

/**
 * Start image expand widget script
 */

(function ($, elementor) {

'use strict';

var widgetImageExpand = function ($scope, $) {

var $imageExpand = $scope.find('.bdt-image-expand'),
        $settings    = $imageExpand.data('settings');

var wideitem = document.querySelectorAll('#' + $settings.wide_id + ' .bdt-image-expand-item');

$(wideitem).click(function () {
            $(this).toggleClass('active');
            $('body').addClass('bdt-image-expanded');
        });

$(document).on('click', 'body.bdt-image-expanded', function (e) {
            if ( e.target.$imageExpand == 'bdt-image-expand' || $(e.target).closest('.bdt-image-expand').length ) {
            } else {
                $('.bdt-image-expand-item').removeClass('active');
                
                $($imageExpand).find('.bdt-image-expand-item .bdt-image-expand-content *').removeClass('bdt-animation-'+$settings.default_animation_type);
                $($imageExpand).find('.bdt-image-expand-button').removeClass('bdt-animation-slide-bottom');
            }
        });

if ( $settings.animation_status == 'yes' ) {

$($imageExpand).find('.bdt-image-expand-item').each(function (i, e) {

var self              = $(this),
                $quote            = self.find($settings.animation_of),
                mySplitText       = new SplitText($quote, {
                    type: 'chars, words, lines'
                }),
                splitTextTimeline = gsap.timeline();

gsap.set($quote, {
                    perspective: 400 
                });

function kill() {
                    splitTextTimeline.clear().time(0);
                    mySplitText.revert();
                }

$(this).on('click', function () {
                    $($imageExpand).find('.bdt-image-expand-button').removeClass('bdt-animation-slide-bottom');
                    $($imageExpand).find('.bdt-image-expand-button').addClass('bdt-invisible');
                    setTimeout(function () {

kill();
                        mySplitText.split({
                            type: 'chars, words, lines'
                        });
                        var stringType = '';

if ( 'lines' == $settings.animation_on ) {
                            stringType = mySplitText.lines;
                        } else if ( 'chars' == $settings.animation_on ) {
                            stringType = mySplitText.chars;
                        } else {
                            stringType = mySplitText.words;
                        }

splitTextTimeline.staggerFrom(stringType, 0.5,{
                            opacity        : 0,
                            scale          : $settings.anim_scale, //0
                            y              : $settings.anim_rotation_y, //80
                            rotationX      : $settings.anim_rotation_x, //180
                            transformOrigin: $settings.anim_transform_origin, //0% 50% -50  
                        }, 0.1).then(function(){
                            $($imageExpand).find('.bdt-image-expand-button').removeClass('bdt-invisible');
                            $($imageExpand).find('.bdt-image-expand-item.active .bdt-image-expand-button').addClass('bdt-animation-slide-bottom');
                        });

splitTextTimeline.play();
                    }, 1000);

});

}else{
            $($imageExpand).on('click', '.bdt-image-expand-item', function (e) {
            // $($imageExpand).find('.bdt-image-expand-item').on('click', function (e) {
                var thisInstance = $(this).attr('id'); 
                $('#'+thisInstance).siblings('.bdt-image-expand-item').find('.bdt-image-expand-content *').removeClass('bdt-animation-'+$settings.default_animation_type);
                $('#'+thisInstance).find('.bdt-image-expand-content *').removeClass('bdt-animation-'+$settings.default_animation_type);       
                setTimeout(function () {
                   $('#'+thisInstance+'.active').find('.bdt-image-expand-content *').addClass('bdt-animation-'+$settings.default_animation_type);
               }, 1000);
            });
        }

};

jQuery(window).on('elementor/frontend/init', function () {
        elementorFrontend.hooks.addAction('frontend/element_ready/bdt-image-expand.default', widgetImageExpand);
    });

}(jQuery, window.elementorFrontend));

/**
 * End image expand 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]