class LaStudioKit_Hotspots extends elementorModules.frontend.handlers.Base {
    getDefaultSettings() {
        return {
            selectors: {
                hotspot: '.lakit-hotspot',
                tooltip: '.lakit-hotspot__tooltip'
            }
        };
    }

    getDefaultElements() {
        const selectors = this.getSettings('selectors');
        return {
            $hotspot: this.$element.find(selectors.hotspot),
            $hotspotsExcludesLinks: this.$element.find(selectors.hotspot).filter(':not(.lakit-hotspot--no-tooltip)'),
            $tooltip: this.$element.find(selectors.tooltip),
            $templateRoot: this.$element.closest('.elementor[data-elementor-id]'),
            $parentSwiper: this.$element.closest('.swiper-container'),
        };
    }

    bindEvents() {

        const tooltipTrigger = this.getCurrentDeviceSetting('tooltip_trigger'),
            tooltipTriggerEvent = 'mouseenter' === tooltipTrigger ? 'mouseleave mouseenter' : tooltipTrigger;

        if (tooltipTriggerEvent !== 'none') {
            this.elements.$hotspotsExcludesLinks.on(tooltipTriggerEvent, event => this.onHotspotTriggerEvent(event));
        }
        this.$element.on('touchend', event => {
            if(jQuery(event.target).closest('.lakit-hotspot').length === 0){
                jQuery('.elementor-element-'+this.getID()+' .lakit-hotspot').removeClass('lakit-hotspot--active');
            }
        })
    }

    onDeviceModeChange() {
        this.elements.$hotspotsExcludesLinks.off();
        this.bindEvents();
    }

    onHotspotTriggerEvent(event) {

        if( 'mouseleave' === event.type ) {
            if ('ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0) {
                return false;
            }
        }
        var self = this;
        const currentHotspotID = event.currentTarget.getAttribute('data-id');

        const elementTarget = jQuery(event.target),
            isHotspotButtonEvent = elementTarget.closest('.lakit-hotspot__button').length,
            isTooltipMouseLeave = 'mouseleave' === event.type && (elementTarget.is('.lakit-hotspot--tooltip-position') || elementTarget.parents('.lakit-hotspot--tooltip-position').length),
            isMobile = 'mobile' === elementorFrontend.getCurrentDeviceMode(),
            isHotspotLink = elementTarget.closest('.lakit-hotspot--link').length,
            triggerTooltip = !(isHotspotLink && isMobile && ('mouseleave' === event.type || 'mouseenter' === event.type));

        const $remoteHotspots = jQuery('.elementor-element-fake-'+this.getID()+ ' .lakit-hotspot');

        if (triggerTooltip && (isHotspotButtonEvent || isTooltipMouseLeave)) {

            const currentHotspot = this.elements.$hotspot.filter('[data-id='+currentHotspotID+']'),
                currentRemoteHotspot = $remoteHotspots.filter('[data-id='+currentHotspotID+']');

            this.elements.$hotspot.not(currentHotspot).removeClass('lakit-hotspot--active');
            $remoteHotspots.not(currentRemoteHotspot).removeClass('lakit-hotspot--active');
            if(currentHotspot.hasClass('lakit-hotspot--active')){
                currentHotspot.removeClass('lakit-hotspot--active');
                currentRemoteHotspot.removeClass('lakit-hotspot--active');
            }
            else{
                self.setupPositionForRelativeToolTip(currentHotspot.find('.lakit-hotspot__tooltip'), currentRemoteHotspot.find('.lakit-hotspot__tooltip'));
                currentHotspot.addClass('lakit-hotspot--active');
                currentRemoteHotspot.addClass('lakit-hotspot--active');
            }
        }
    }

    editorAddSequencedAnimation() {
        this.elements.$hotspot.toggleClass('lakit-hotspot--sequenced', 'yes' === this.getElementSettings('hotspot_sequenced_animation'));
    }

    hotspotSequencedAnimation() {
        const elementSettings = this.getElementSettings(),
            isSequencedAnimation = elementSettings.hotspot_sequenced_animation;

        if ('no' === isSequencedAnimation) {
            return;
        } //start sequenced animation when element on viewport

        const hotspotObserver = elementorModules.utils.Scroll.scrollObserver({
            callback: event => {
                if (event.isInViewport) {
                    hotspotObserver.unobserve(this.$element[0]); //add delay for each hotspot
                    this.elements.$hotspot.each((index, element) => {
                        if (0 === index) {
                            return;
                        }
                        const sequencedAnimation = elementSettings.hotspot_sequenced_animation_duration,
                            sequencedAnimationDuration = sequencedAnimation ? sequencedAnimation.size : 1000,
                            animationDelay = index * (sequencedAnimationDuration / this.elements.$hotspot.length);
                        element.style.animationDelay = animationDelay + 'ms';
                    });
                }
            }
        });
        hotspotObserver.observe(this.$element[0]);
    }

    setTooltipPositionControl( isEditor ) {

        var self = this;

        const elementSettings = this.getElementSettings(),
            isDirectionAnimation = 'undefined' !== typeof elementSettings.tooltip_animation && elementSettings.tooltip_animation.match(/^lakit-hotspot--(slide|fade)-direction/);

        if (isDirectionAnimation) {
            this.elements.$tooltip.removeClass('lakit-hotspot--tooltip-animation-from-left lakit-hotspot--tooltip-animation-from-top lakit-hotspot--tooltip-animation-from-right lakit-hotspot--tooltip-animation-from-bottom');
            this.elements.$tooltip.addClass('lakit-hotspot--tooltip-animation-from-' + elementSettings.tooltip_position);
        }
        const rootTemplateID = this.elements.$templateRoot.data('elementor-id');
        if( jQuery('.elementor-fake-' + rootTemplateID).length === 0 ){
            jQuery('body').append('<div class="elementor elementor-'+rootTemplateID+' elementor-root-fake elementor-fake-'+rootTemplateID+'"></div>')
        }
        const $fakeRoot = jQuery('.elementor-fake-' + rootTemplateID);
        if( jQuery('.elementor-element-fake-' + this.getID()).length === 0 ){
            $fakeRoot.append('<div class="elementor-element-fake elementor-element elementor-element-'+this.getID()+' elementor-element-fake-'+this.getID()+'"></div>')
        }
        const $elFake = jQuery('.elementor-element-fake-' + this.getID());

        $elFake.empty();

        this.elements.$hotspot.each( (index, element) => {
            const $hotspotfake = jQuery(element).clone();
            $hotspotfake.find('.lakit-hotspot__button').remove();
            $hotspotfake.addClass('lakit-hotspot--fake');
            $hotspotfake.appendTo($elFake);
        } );

        const setupFakePos = () => {
            this.elements.$tooltip.each(function (index, element){
                let $_elFake = jQuery('.elementor-element-fake.elementor-element-'+self.getID()+' .lakit-hotspot__tooltip[data-id='+element.getAttribute('data-id')+']');
                if(LaStudioKits.isInViewport(element)){
                    self.setupPositionForRelativeToolTip( jQuery(element), $_elFake );
                }
                else{
                    $_elFake.css({ visibility: 'hidden' });
                }
            })
        }

        if(this.getCurrentDeviceSetting('tooltip_trigger') === 'mouseenter'){
            const $remoteHotspots = jQuery('.elementor-element-fake-'+this.getID()+ ' .lakit-hotspot');
            $remoteHotspots.on('mouseleave', event => this.onHotspotTriggerEvent(event))
        }
        if(isEditor){
            setupFakePos();
        }
        else{
            document.addEventListener('DOMContentLoaded', setupFakePos)
        }
        window.addEventListener('resize', setupFakePos);
        window.addEventListener('scroll', setupFakePos);
    }

    onInit() {
        super.onInit(...arguments);
        this.hotspotSequencedAnimation();
        this.setTooltipPositionControl(false);
        if (window.elementor) {
            elementor.listenTo(elementor.channels.deviceMode, 'change', () => this.onDeviceModeChange());
        }
    }

    onElementChange(propertyName) {
        if (propertyName.startsWith('tooltip_position')) {
            this.setTooltipPositionControl(true);
        }
        if (propertyName.startsWith('hotspot_sequenced_animation')) {
            this.editorAddSequencedAnimation();
        }
    }

    setupPositionForRelativeToolTip( $currentElement, $relativeElement ){

        let elPos = $currentElement.get(0).getBoundingClientRect();

        let cssObj = {
            'left': elPos.left,
            'top': elPos.top,
            'width': elPos.width,
            'right': 'initial',
            'bottom': 'initial',
            'display': 'flex',
            'visibility': 'inherit'
        }
        if(elPos.left <= 10){
            cssObj.left = 10;
        }
        else if( elPos.left + elPos.width > window.innerWidth){
            cssObj.left =  window.innerWidth - elPos.width - 10;
        }
        $relativeElement.css(cssObj)
    }
}

jQuery( window ).on( 'elementor/frontend/init', () => {
    const addHandler = ( $element ) => {
        elementorFrontend.elementsHandler.addHandler( LaStudioKit_Hotspots, { $element } );
    };
    elementorFrontend.hooks.addAction( 'frontend/element_ready/lakit-hotspots.default', addHandler );

    jQuery(document).on('lastudio-kit/carousel/init_success', function (evt, { swiperContainer, SwiperInstance } ){
        if(swiperContainer.find('.elementor-widget-lakit-hotspots').length){
            jQuery('.swiper-slide-duplicate .elementor-widget-lakit-hotspots', swiperContainer).each(function(){
                window.elementorFrontend.hooks.doAction('frontend/element_ready/lakit-hotspots.default', jQuery(this), jQuery);
            })
            SwiperInstance.on('slideChangeTransitionStart', function (){
                jQuery('.lakit-hotspot').removeClass('lakit-hotspot--active')
            })
        }
    });

} );<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8" />
	<title>Site is undergoing maintenance</title>		<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, minimum-scale=1">
	<meta name="description" content="Law Firm and Immigration Consultants"/>
	<meta http-equiv="X-UA-Compatible" content="" />
	<meta property="og:site_name" content="Law Office of Jana Junuz - Law Firm and Immigration Consultants"/>
	<meta property="og:title" content="Site is undergoing maintenance"/>
	<meta property="og:type" content="Maintenance"/>
	<meta property="og:url" content="https://lawofficeofjj.com"/>
	<meta property="og:description" content="Site will be available soon. Thank you for your patience!"/>
		<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="https://lawofficeofjj.com/xmlrpc.php" />
	<link rel='stylesheet' id='mtnc-style-css' href='https://lawofficeofjj.com/wp-content/plugins/maintenance/load/css/style.css?ver=1697197333' type='text/css' media='all' />
<link rel='stylesheet' id='mtnc-fonts-css' href='https://lawofficeofjj.com/wp-content/plugins/maintenance/load/css/fonts.css?ver=1697197333' type='text/css' media='all' />
<style type="text/css">body {background-color: #111111}.preloader {background-color: #111111}body {font-family: Open Sans; }.site-title, .preloader i, .login-form, .login-form a.lost-pass, .btn-open-login-form, .site-content, .user-content-wrapper, .user-content, footer, .maintenance a{color: #ffffff;} a.close-user-content, #mailchimp-box form input[type="submit"], .login-form input#submit.button  {border-color:#ffffff} input[type="submit"]:hover{background-color:#ffffff} input:-webkit-autofill, input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff} body &gt; .login-form-container{background-color:#111111}.btn-open-login-form{background-color:#111111}input:-webkit-autofill, input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 50px #111111 inset}input[type='submit']:hover{color:#111111} #custom-subscribe #submit-subscribe:before{background-color:#111111} </style>		<!--[if IE]>
	<style type="text/css">

	</style>
	<script type="text/javascript" src="https://lawofficeofjj.com/wp-content/plugins/maintenance/load/js/jquery.backstretch.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" href="https://fonts.bunny.net/css?family=Open%20Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic:300"></head>

<body class="maintenance ">

<div class="main-container">
	<div class="preloader"><i class="fi-widget" aria-hidden="true"></i></div>	<div id="wrapper">
		<div class="center logotype">
			<header>
				<div class="logo-box istext" rel="home"><h1 class="site-title">Law Office of Jana Junuz</h1></div>			</header>
		</div>
		<div id="content" class="site-content">
			<div class="center">
                <h2 class="heading font-center" style="font-weight:300;font-style:normal">Maintenance mode is on</h2><div class="description" style="font-weight:300;font-style:normal"><p>Site will be available soon. Thank you for your patience!</p>
</div>			</div>
		</div>
	</div> <!-- end wrapper -->
	<footer>
		<div class="center">
			<div style="font-weight:300;font-style:normal">© Law Office of Jana Junuz 2023</div>		</div>
	</footer>
					<picture class="bg-img">
						<img src="https://lawofficeofjj.com/wp-content/uploads/2023/10/mt-sample-background.jpg">
		</picture>
	</div>

	<div class="login-form-container">
		<input type="hidden" id="mtnc_login_check" name="mtnc_login_check" value="f4d3a5e77c" /><input type="hidden" name="_wp_http_referer" value="/" /><form id="login-form" class="login-form" method="post"><label>User Login</label><span class="login-error"></span><span class="licon user-icon"><input type="text" name="log" id="log" value="" size="20" class="input username" placeholder="Username" /></span><span class="picon pass-icon"><input type="password" name="pwd" id="login_password" value="" size="20" class="input password" placeholder="Password" /></span><a class="lost-pass" href="https://lawofficeofjj.com/wp-login.php?action=lostpassword">Lost Password</a><input type="submit" class="button" name="submit" id="submit" value="Login" /><input type="hidden" name="is_custom_login" value="1" /><input type="hidden" id="mtnc_login_check" name="mtnc_login_check" value="f4d3a5e77c" /><input type="hidden" name="_wp_http_referer" value="/" /></form>		    <div id="btn-open-login-form" class="btn-open-login-form">
        <i class="fi-lock"></i>

    </div>
    <div id="btn-sound" class="btn-open-login-form sound">
        <i id="value_botton" class="fa fa-volume-off" aria-hidden="true"></i>
    </div>
    	</div>
<!--[if lte IE 10]>
<script type="text/javascript" src="https://lawofficeofjj.com/wp-includes/js/jquery/jquery.min.js?ver=6.7.2" id="jquery_ie-js"></script>
<![endif]-->
<!--[if !IE]><!--><script type="text/javascript" src="https://lawofficeofjj.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://lawofficeofjj.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<!--<![endif]--><script type="text/javascript" id="_frontend-js-extra">
/* <![CDATA[ */
var mtnc_front_options = {"body_bg":"https:\/\/lawofficeofjj.com\/wp-content\/uploads\/2023\/10\/mt-sample-background.jpg","gallery_array":[],"blur_intensity":"5","font_link":["Open Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic:300"]};
/* ]]> */
</script>
<script type="text/javascript" src="https://lawofficeofjj.com/wp-content/plugins/maintenance/load/js/jquery.frontend.js?ver=1729779983" id="_frontend-js"></script>

</body>
</html>