Gecko [ italicatiles.com ]

Name	Size	Permission
accordion.min.js	8.66 KB	-rw-r--r--
accordion.minb37e.js	8.65 KB	-rw-r--r--
chat.js	16.9 KB	-rw-r--r--
core.min.js	21.08 KB	-rw-r--r--
core.minb37e.js	20.96 KB	-rw-r--r--
faq.js	21.08 KB	-rw-r--r--
hoverIntent.min3e5a.js	1.46 KB	-rw-r--r--
jquery-migrate.min5589.js	13.26 KB	-rw-r--r--
jquery.contactus.js	45.03 KB	-rw-r--r--
jquery.justifiedGallery.min.js	18.83 KB	-rw-r--r--
jquery.justifiedGallery.min68b...	18.83 KB	-rw-r--r--
jquery.minf43b.js	85.5 KB	-rw-r--r--
main.min.js	21.43 KB	-rw-r--r--
main.min9122.js	21.43 KB	-rw-r--r--
pannellum.js	54.95 KB	-rw-r--r--
underscore.mind584.js	18.39 KB	-rw-r--r--

Code Editor : jquery.contactus.js

"use strict";

});
        
        var $formGroup = $('<div>', {
            class: 'callback-countdown-block-form-group'
        });
        var $inputAction = $('<input>', {
            name: 'action',
            type: 'hidden',
            value: this.settings.action
        });
        var $inputGtoken = $('<input>', {
            name: 'gtoken',
            class: 'ar-g-token',
            type: 'hidden',
            value: ''
        });
        
        $formGroup.append($inputAction);
        $formGroup.append($inputGtoken);
        
        this._initCallbackFormFields($formGroup);
        
        var $inputContainer = $('<div>', {
            class: 'arcu-form-group arcu-form-button'
        });
        
        var $inputSubmit = $('<button>', {
            id: 'arcontactus-message-callback-phone-submit',
            type: 'submit',
            style: this._backgroundStyle()
        });
        $inputSubmit.text(this.settings.callbackSubmitText)
        
        $inputContainer.append($inputSubmit);
        
        $formGroup.append($inputContainer);
        
        var $timerBlock = $('<div>', {
            class: 'callback-countdown-block-timer'
        });
        
        var $timerText = $('<p>' + this.settings.callProcessText + '</p>');
        var $timer = $('<div>', {
            class: 'callback-countdown-block-timer_timer'
        });
        
        $timerBlock.append($timerText);
        $timerBlock.append($timer);
        
        var $blockSuccess = $('<div>', {
            class: 'callback-countdown-block-sorry'
        });
        
        var $blockSuccessText = $('<p>' + this.settings.callSuccessText + '</p>');
        $blockSuccess.append($blockSuccessText);
        
        $form.append($formGroup);
        $formBlock.append($form);
        
        $container.append($close);
        $container.append($formBlock);
        $container.append($timerBlock);
        $container.append($blockSuccess);
        this.$element.append($container);
    };
    ArContactUs.prototype._initCallbackFormFields = function($container){
        var $this = this;
        $.each($this.settings.callbackFormFields, function(index){
            var $inputContainer = $('<div>', {
                class: 'arcu-form-group arcu-form-group-type-' + $this.settings.callbackFormFields[index].type + ' arcu-form-group-' + $this.settings.callbackFormFields[index].name + ($this.settings.callbackFormFields[index].required? ' arcu-form-group-required' : ''),
            });
            var input = '<input>';
            switch($this.settings.callbackFormFields[index].type){
                case 'textarea':
                    input = '<textarea>';
                    break;
                case 'dropdown':
                    input = '<select>';
                    break;
            }
            if ($this.settings.callbackFormFields[index].label){
                var $inputLabel = $('<div>', {
                    class: 'arcu-form-label'
                });
                $inputLabel.html($this.settings.callbackFormFields[index].label);
                $inputContainer.append($inputLabel);
            }
            var $input = $(input, {
                name: $this.settings.callbackFormFields[index].name,
                class: 'arcu-form-field arcu-field-' + $this.settings.callbackFormFields[index].name,
                required: $this.settings.callbackFormFields[index].required,
                type: $this.settings.callbackFormFields[index].type == 'dropdown'? null : $this.settings.callbackFormFields[index].type,
                value: ''
            });
            $input.attr('placeholder', $this.settings.callbackFormFields[index].placeholder);
            if (typeof $this.settings.callbackFormFields[index].maxlength != 'undefined') {
                $input.attr('maxlength', $this.settings.callbackFormFields[index].maxlength);
            }
            if ($this.settings.callbackFormFields[index].type == 'dropdown'){
                $.each($this.settings.callbackFormFields[index].values, function(i){
                    var val = $this.settings.callbackFormFields[index].values[i];
                    var lbl = $this.settings.callbackFormFields[index].values[i];
                    if (typeof $this.settings.callbackFormFields[index].values[i] == 'object'){
                        var val = $this.settings.callbackFormFields[index].values[i].value;
                        var lbl = $this.settings.callbackFormFields[index].values[i].label;
                    }
                    var $option = $('<option>', {
                        value: val
                    });
                    $option.text(lbl);
                    $input.append($option);
                });
            }
            $inputContainer.append($input);
            $container.append($inputContainer);
        });
    };
    ArContactUs.prototype._initPopups = function(){
        var $this = this;
        var $container = $('<div>', {
            class: 'popups-block arcuAnimated'
        });
        var $popupListContainer = $('<div>', {
            class: 'popups-list-container'
        });
        $.each(this.popups, function(){
            var $popup = $('<div>', {
                class: 'arcu-popup',
                id: 'arcu-popup-' + this.id
            });
            var $header = $('<div>', {
                class: 'arcu-popup-header',
                style: ($this.settings.theme? ('background-color:' + $this.settings.theme) : null)
            });
            var $close = $('<div>', {
                class: 'arcu-popup-close',
                style: ($this.settings.theme? ('background-color:' + $this.settings.theme) : null)
            });
            var $back = $('<div>', {
                class: 'arcu-popup-back',
                style: ($this.settings.theme? ('background-color:' + $this.settings.theme) : null)
            });
            $close.append($this.settings.closeIcon);
            $back.append('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="currentColor" d="M231.293 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L70.393 256 251.092 74.87c4.686-4.686 4.686-12.284 0-16.971L231.293 38.1c-4.686-4.686-12.284-4.686-16.971 0L4.908 247.515c-4.686 4.686-4.686 12.284 0 16.971L214.322 473.9c4.687 4.686 12.285 4.686 16.971-.001z" class=""></path></svg>');
            
            $header.text(this.title);
            $header.append($close);
            $header.append($back);
            var $content = $('<div>', {
                class: 'arcu-popup-content'
            });
            $content.html(this.popupContent);
            
            $popup.append($header);
            $popup.append($content);
            $popupListContainer.append($popup);
        });
        $container.append($popupListContainer);
        this.$element.append($container);
    },
    ArContactUs.prototype._initMessengersBlock = function(){
        var $container = $('<div>', {
            class: 'messangers-block arcuAnimated'
        });
        var $menuListContainer = $('<div>', {
            class: 'messangers-list-container'
        });
        var $menuContainer = $('<ul>', {
            class: 'messangers-list'
        });
        if (this.settings.itemsAnimation){
            $menuContainer.addClass('arcu-'+this.settings.itemsAnimation);
        }
        if (this.settings.menuSize === 'normal' || this.settings.menuSize === 'large'){
            $container.addClass('lg');
        }
        if (this.settings.menuSize === 'small'){
            $container.addClass('sm');
        }
        this._appendMessengerIcons($menuContainer);
        if (this.settings.showMenuHeader){
            var $header = $('<div>', {
                class: 'arcu-menu-header',
                style: (this.settings.theme? ('background-color:' + this.settings.theme) : null)
            });
            
            $header.html(this.settings.menuHeaderText);
            if (this.settings.showHeaderCloseBtn){
                var $closeBtn = $('<div>', {
                    class: 'arcu-header-close',
                    style: 'color:' + this.settings.headerCloseBtnColor + '; background:' + this.settings.headerCloseBtnBgColor
                });
                
                $closeBtn.append(this.settings.closeIcon);
                $header.append($closeBtn);
            }
            $container.append($header);
            $container.addClass('has-header');
        }
        if (this.settings.itemsIconType == 'rounded'){
            $menuContainer.addClass('rounded-items');
        }else{
            $menuContainer.addClass('not-rounded-items');
        }
        $menuListContainer.append($menuContainer);
        $container.append($menuListContainer);
        if (this.settings.style == 'elastic') {
            var $svg = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 800" preserveAspectRatio="none"><path d="M-1,0h101c0,0-97.833,153.603-97.833,396.167C2.167,627.579,100,800,100,800H-1V0z"/></svg>';
            var $svgContainer = $('<div>', {
                class: 'arcu-morph-shape',
                id: 'arcu-morph-shape',
                'data-morph-open': 'M-1,0h101c0,0,0-1,0,395c0,404,0,405,0,405H-1V0z'
            });
            $svgContainer.append($svg);
            $container.append($svgContainer);
        }else if (this.settings.style == 'bubble') {
            var $svg = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 800" preserveAspectRatio="none"><path d="M-7.312,0H0c0,0,0,113.839,0,400c0,264.506,0,400,0,400h-7.312V0z"></path><defs></defs></svg>';
            var $svgContainer = $('<div>', {
                class: 'arcu-morph-shape',
                id: 'arcu-morph-shape',
                'data-morph-open': 'M-7.312,0H15c0,0,66,113.339,66,399.5C81,664.006,15,800,15,800H-7.312V0z;M-7.312,0H100c0,0,0,113.839,0,400c0,264.506,0,400,0,400H-7.312V0z'
            });
            $svgContainer.append($svg);
            $container.append($svgContainer);
        }
        this.$element.append($container);
    };
    ArContactUs.prototype._appendMessengerIcons = function($container){
        var $plugin = this;
        $.each(this.settings.items, function(i){
            var $li = $('<li>', {});
            if (this.href == 'callback'){
                var $item = $('<div>', {
                    class: 'messanger call-back ' + (this.class? this.class : '')
                });
            }else if(this.href == '_popup'){
                $plugin.popups.push(this);
                var $item = $('<div>', {
                    class: 'messanger arcu-popup-link ' + (this.class? this.class : ''),
                    'data-id': (this.id? this.id : null),
                });
            }else{
                var $item = $('<a>', {
                    class: 'messanger ' + (this.class? this.class : '') + (this.addons? ' has-addon ' : ''),
                    id: (this.id? this.id : null),
                    rel: 'nofollow noopener',
                    href: this.href,
                    target: (this.target? this.target : '_blank')
                });
                if (this.onClick){
                    var $this = this;
                    $item.on('click', function(e){
                        $this.onClick(e);
                    });
                }
            }
            if (this.addons){
                $.each(this.addons, function(ii){
                    var $addon = $('<a>', {
                        href: this.href,
                        title: (this.title? this.title : null),
                        target: (this.target? this.target : '_blank'),
                        class: (this.class? this.class : 'arcu-addon'),
                        style: (this.color? ('color:' + this.color) : null) + '; background-color: transparent'
                    });
                    if (this.icon) {
                        if (this.icon.indexOf('<') === 0){
                            $addon.append(this.icon);
                        }else if(this.icon.indexOf('<') === -1){
                            var $icon = $('<img>', {
                                src: this.icon
                            });
                            $addon.append($icon);
                        }
                    }
                    if (this.onClick){
                        var $this = this;
                        $addon.on('click', function(e){
                            return $this.onClick(e);
                        });
                    }
                    $item.append($addon);
                });
            }
            if ($plugin.settings.itemsIconType == 'rounded'){
                if (this.noContainer){
                    var $icon = $('<span>', {
                        style: ((this.color)? ('color:' + this.color + '; fill: ' + this.color) : null),
                        class: 'no-container'
                    });
                }else{
                    var $icon = $('<span>', {
                        style: ((this.color && !this.noContainer)? ('background-color:' + this.color) : null)
                    });
                }
            }else{
                if (this.noContainer){
                    var $icon = $('<span>', {
                        style: ((this.color)? ('color:' + this.color + '; fill: ' + this.color) : null),
                        class: 'no-container'
                    });
                }else{
                    var $icon = $('<span>', {
                        style: ((this.color && !this.noContainer)? ('color:' + this.color) : null) + '; background-color: transparent'
                    });
                }
            }
            $icon.append(this.icon);
            $item.append($icon);
            var $label = $('<div>', {
                class: 'arcu-item-label'
            });
            var $title = $('<div>', {
                class: 'arcu-item-title'
            });
            $title.text(this.title);
            $label.append($title);
            if (typeof this.subTitle != 'undefined' && this.subTitle){
                var $subTitle = $('<div>', {
                    class: 'arcu-item-subtitle'
                });
                $subTitle.text(this.subTitle);
                $label.append($subTitle);
            }
            
            $item.append($label);
            $li.append($item);
            $container.append($li);
        });
    };
    ArContactUs.prototype._initMessageButton = function(){
        var $this = this;
        var $container = $('<div>', {
            class: 'arcontactus-message-button',
            style: this._backgroundStyle()
        });
        if (this.settings.buttonSize === 'large'){
            this.$element.addClass('lg');
        }
        if (this.settings.buttonSize === 'huge'){
            this.$element.addClass('hg');
        }
        if (this.settings.buttonSize === 'medium'){
            this.$element.addClass('md');
        }
        if (this.settings.buttonSize === 'small'){
            this.$element.addClass('sm');
        }
        var $static = $('<div>', {
            class: 'static'
        });
        var $staticContent = $('<div>', {
            class: 'img-' + this.settings.buttonIconSize
        });
        $staticContent.append(this.settings.buttonIcon);
        if (this.settings.buttonText !== false){
            $staticContent.append('<p>' + this.settings.buttonText + '</p>');
        }else{
            $container.addClass('no-text');
        }
        $static.append($staticContent);
        var $callBackState = $('<div>', {
            class: 'callback-state',
            style: $this._colorStyle()
        });
        
        $callBackState.append(this.settings.callbackStateIcon);
        
        var $icons = $('<div>', {
            class: 'icons hide'
        });
        
        var $iconsLine = $('<div>', {
            class: 'icons-line'
        });
        
        $.each(this.settings.items, function(i){
            var $icon = $('<span>', {
                style: $this._colorStyle()
            });
            $icon.append(this.icon);
            $iconsLine.append($icon);
        });
        
        $icons.append($iconsLine);
        
        
        var $close = $('<div>', {
            class: 'arcontactus-close'
        });
        
        $close.append(this.settings.closeIcon);
        
        var $pulsation = $('<div>', {
            class: 'pulsation',
            style: $this._backgroundStyle()
        });
        
        var $pulsation2 = $('<div>', {
            class: 'pulsation',
            style: $this._backgroundStyle()
        });
        
        $container.append($static).append($callBackState).append($icons).append($close).append($pulsation).append($pulsation2);
        
        this.$element.append($container);
    };
    
    ArContactUs.prototype._initPrompt = function(){
        var $container = $('<div>', {
            class: 'arcontactus-prompt arcu-prompt-' + this.settings.promptPosition
        });
        var $close = $('<div>', {
            class: 'arcontactus-prompt-close',
            style: this._backgroundStyle() + '; color: #FFFFFF'
        });
        $close.append(this.settings.closeIcon);
        
        var $inner = $('<div>', {
            class: 'arcontactus-prompt-inner',
        });
        
        $container.append($close).append($inner);
        
        this.$element.append($container);
    };
    
    ArContactUs.prototype._initEvents = function(){
        var $el = this.$element;
        var $this = this;
        $el.find('.arcontactus-message-button').on('mousedown', function(e) {
            $this.x = e.pageX;
            $this.y = e.pageY;
        }).on('mouseup', function(e) {
            if (($this.settings.drag && e.pageX === $this.x && e.pageY === $this.y) || !$this.settings.drag) {
                if ($this.settings.mode == 'regular'){
                    if (!$this._menuOpened && !$this._popupOpened && !$this._callbackOpened) {
                        $this.openMenu();
                    }else{
                        if ($this._menuOpened){
                            $this.closeMenu();
                        }
                        if ($this._popupOpened){
                            $this.closePopup();
                        }
                    }
                }else{
                    $this.openCallbackPopup();
                }
                e.preventDefault();
            }
        });
        if (this.settings.drag){
            $el.draggable();
            $el.get(0).addEventListener('touchmove', function(event) {
                var touch = event.targetTouches[0];
                // Place element where the finger is
                $el.get(0).style.left = touch.pageX-25 + 'px';
                $el.get(0).style.top = touch.pageY-25 + 'px';
                event.preventDefault();
            }, false);
        }
        $(document).on('click', function(e) {
            $this.closeMenu();
            $this.closePopup();
        });
        $el.on('click', function(e){
            e.stopPropagation(); 
        });
        $el.find('.call-back').on('click', function() {
            $this.openCallbackPopup();
        });
        $el.find('.arcu-popup-link').on('click', function() {
            var id = $(this).data('id');
            $this.openPopup(id);
        });
        $el.find('.arcu-header-close').on('click', function() {
            $this.closeMenu();
        });
        $el.find('.arcu-popup-close').on('click', function() {
            $this.closePopup();
        });
        $el.find('.arcu-popup-back').on('click', function() {
            $this.closePopup();
            $this.openMenu();
        });
        
        $el.find('.callback-countdown-block-close').on('click', function() {
            if ($this.countdown != null) {
                clearInterval($this.countdown);
                $this.countdown = null;
            }
            $this.closeCallbackPopup();
        });
        $el.find('.arcontactus-prompt-close').on('click', function() {
            $this.hidePrompt();
        });
        $el.find('#arcu-callback-form').on('submit', function(event) {
            event.preventDefault();
            $el.find('.callback-countdown-block-phone').addClass('ar-loading');
            if ($this.settings.reCaptcha) {
                grecaptcha.execute($this.settings.reCaptchaKey, {
                    action: $this.settings.reCaptchaAction
                }).then(function(token) {
                    $el.find('.ar-g-token').val(token);
                    $this.sendCallbackRequest();
                });
            }else{
                $this.sendCallbackRequest();
            }
        });
        setTimeout(function(){
            $this._processHash();
        },500);
        $(window).on('hashchange', function(event){
            $this._processHash();
        });
    };
    ArContactUs.prototype._removeEvents = function(){
        $(document).unbind('click');
    };
    ArContactUs.prototype._processHash = function(){
        var hash =  window.location.hash;
        var $this = this;
        switch(hash){
            case '#callback-form':
            case 'callback-form':
                $this.openCallbackPopup();
                break;
            case '#callback-form-close':
            case 'callback-form-close':
                $this.closeCallbackPopup();
                break;
            case '#contactus-menu':
            case 'contactus-menu':
                $this.openMenu();
                break;
            case '#contactus-menu-close':
            case 'contactus-menu-close':
                $this.closeMenu();
                break;
            case '#contactus-hide':
            case 'contactus-hide':
                $this.hide();
                break;
            case '#contactus-show':
            case 'contactus-show':
                $this.show();
                break;
        }
    },
    ArContactUs.prototype._callBackCountDownMethod = function(){
        var secs = this.settings.countdown;
        var $el = this.$element;
        var $this = this;
        var ms = 60;
        $el.find('.callback-countdown-block-phone, .callback-countdown-block-timer').toggleClass('display-flex');
        this.countdown = setInterval(function() {
            ms = ms - 1;
            var fsecs = secs;
            var fms = ms;
            if (secs < 10) {
                fsecs = "0" + secs;
            }
            if (ms < 10) {
                fms = "0" + ms;
            }
            var format = fsecs + ":" + fms;
            $el.find('.callback-countdown-block-timer_timer').html(format);
            if (ms === 0 && secs === 0) {
                clearInterval($this.countdown);
                $this.countdown = null;
                $el.find('.callback-countdown-block-sorry, .callback-countdown-block-timer').toggleClass('display-flex');
            }
            if (ms === 0) {
                ms = 60;
                secs = secs - 1;
            }
        }, 20);
    };
    ArContactUs.prototype.sendCallbackRequest = function(){
        var $this = this;
        var $el = $this.$element;
        this.$element.trigger('arcontactus.beforeSendCallbackRequest');
        $.ajax({
            url: $this.settings.ajaxUrl,
            type: "POST",
            dataType: 'json',
            data: $el.find('form').serialize(),
            success: function(data) {
                if ($this.settings.countdown){
                    $this._callBackCountDownMethod();
                }
                $el.find('.callback-countdown-block-phone').removeClass('ar-loading');
                if (data.success) {
                    if (!$this.settings.countdown){
                        $el.find('.callback-countdown-block-sorry, .callback-countdown-block-phone').toggleClass('display-flex');
                    }
                } else {
                    if (data.errors){
                        var errors = data.errors.join("\n\r");
                        alert(errors);
                    }else{
                        alert($this.settings.errorMessage);
                    }
                }
                $this.$element.trigger('arcontactus.successCallbackRequest', data);
            },
            error: function(){
                $el.find('.callback-countdown-block-phone').removeClass('ar-loading');
                alert($this.settings.errorMessage);
                $this.$element.trigger('arcontactus.errorCallbackRequest');
            }
        });
    };
    ArContactUs.prototype.show = function(){
        this.$element.addClass('active');
        this.$element.trigger('arcontactus.show');
    };
    ArContactUs.prototype.hide = function(){
        this.$element.removeClass('active');
        this.$element.trigger('arcontactus.hide');
    };
    ArContactUs.prototype.openPopup = function(id){
        this.closeMenu();
        var $el = this.$element;
        $el.find('#arcu-popup-' + id).addClass('show-messageners-block');
        if (!$el.find('#arcu-popup-' + id).hasClass('popup-opened')) {
            this.stopAnimation();
            $el.addClass('popup-opened');
            $el.find('#arcu-popup-' + id).addClass(this.settings.menuInAnimationClass);
            $el.find('.arcontactus-close').addClass('show-messageners-block');
            $el.find('.icons, .static').addClass('hide');
            $el.find('.pulsation').addClass('stop');
            this._popupOpened = true;
            this.$element.trigger('arcontactus.openPopup');
        }
    },
    ArContactUs.prototype.closePopup = function(){
        var $el = this.$element;
        if ($el.find('.arcu-popup').hasClass('show-messageners-block')) {
            setTimeout(function(){
                $el.removeClass('popup-opened');
            }, 150);
            $el.find('.arcu-popup').removeClass(this.settings.menuInAnimationClass).addClass(this.settings.menuOutAnimationClass);
            setTimeout(function(){
                $el.removeClass('popup-opened');
            }, 150);
            $el.find('.arcontactus-close').removeClass('show-messageners-block');
            $el.find('.icons, .static').removeClass('hide');
            $el.find('.pulsation').removeClass('stop');
            this.startAnimation();
            this._popupOpened = false;
            this.$element.trigger('arcontactus.closeMenu');
        }
    },
    ArContactUs.prototype.openMenu = function(){
        if (this.settings.mode == 'callback'){
            console.log('Widget in callback mode');
            return false;
        }
        if (this.settings.style == 'elastic' || this.settings.style == 'bubble'){
            jQuery('body').addClass('arcu-show-menu').addClass('arcu-menu-' + this.settings.align);
            jQuery('body').addClass('arcu-pushed');
        }
        var $el = this.$element;
        var $this = this;
        if (!$el.find('.messangers-block').hasClass(this.settings.menuInAnimationClass)) {
            this.stopAnimation();
            $el.addClass('open');
            $el.find('.messangers-block').addClass(this.settings.menuInAnimationClass);
            $el.find('.arcontactus-close').addClass('show-messageners-block');
            $el.find('.icons, .static').addClass('hide');
            $el.find('.pulsation').addClass('stop');
            this._menuOpened = true;
            this.$element.trigger('arcontactus.openMenu');
        }
        if (this.settings.style == 'elastic') {
            this.svgPath.animate({
                path: this.svgPathOpen
            }, 400, mina.easeinout, function() {
                $this.isAnimating = false;
            });
        }else if(this.settings.style == 'bubble') {
            var pos = 0,
            nextStep = function( pos ) {
                if( pos > $this.svgStepsTotal - 1 ) {
                    //isAnimating = false; 
                    return;
                }
                $this.svgPath.animate({ 
                    path: $this.svgSteps[pos]
                }, pos === 0 ? 400 : 500, pos === 0 ? mina.easein : mina.elastic, function() {
                    nextStep(pos);
                });
                pos++;
            };

nextStep(pos);
        }
    };
    ArContactUs.prototype.closeMenu = function(){
        if (this.settings.mode == 'callback'){
            console.log('Widget in callback mode');
            return false;
        }
        if (this.settings.style == 'elastic' || this.settings.style == 'bubble'){
            jQuery('body').removeClass('arcu-show-menu').removeClass('arcu-menu-' + this.settings.align);
            setTimeout(function(){
                jQuery('body').removeClass('arcu-pushed');
            }, 500);
        }
        var $el = this.$element;
        var $this = this;
        if ($el.find('.messangers-block').hasClass(this.settings.menuInAnimationClass)) {
            setTimeout(function(){
                $el.removeClass('open');
            }, 150);
            $el.find('.messangers-block').removeClass(this.settings.menuInAnimationClass).addClass(this.settings.menuOutAnimationClass);
            setTimeout(function(){
                $el.find('.messangers-block').removeClass($this.settings.menuOutAnimationClass);
            }, 1000);
            $el.find('.arcontactus-close').removeClass('show-messageners-block');
            $el.find('.icons, .static').removeClass('hide');
            $el.find('.pulsation').removeClass('stop');
            this.startAnimation();
            this._menuOpened = false;
            this.$element.trigger('arcontactus.closeMenu');
        }
        if (this.settings.style == 'elastic' || this.settings.style == 'bubble') {
            setTimeout(function() {
                // reset path
                $this.svgPath.attr('d', $this.svgInitialPath);
                $this.isAnimating = false; 
            }, 300);
        }
    };
    ArContactUs.prototype.toggleMenu = function(){
        var $el = this.$element;
        this.hidePrompt();
        if ($el.find('.callback-countdown-block').hasClass('display-flex')){
            return false;
        }
        if (!$el.find('.messangers-block').hasClass(this.settings.menuInAnimationClass)) {
            this.openMenu();
        }else{
            this.closeMenu();
        }
        this.$element.trigger('arcontactus.toggleMenu');
    };
    ArContactUs.prototype.openCallbackPopup = function(){
        var $el = this.$element;
        $el.addClass('opened');
        this.closeMenu();
        this.stopAnimation();
        $el.find('.icons, .static').addClass('hide');
        $el.find('.pulsation').addClass('stop');
        $el.find('.callback-countdown-block-phone, .callback-countdown-block-sorry, .callback-countdown-block-timer').removeClass('display-flex');
        $el.find('.callback-countdown-block').addClass('display-flex');
        $el.find('.callback-countdown-block-phone').addClass('display-flex');
        $el.find('.callback-state').addClass('display-flex');
        this._callbackOpened = true;
        this.$element.trigger('arcontactus.openCallbackPopup');
    };
    ArContactUs.prototype.closeCallbackPopup = function(){
        var $el = this.$element;
        $el.removeClass('opened');
        $el.find('.messangers-block').removeClass(this.settings.menuInAnimationClass);
        $el.find('.arcontactus-close').removeClass('show-messageners-block');
        $el.find('.icons, .static').removeClass('hide');
        $el.find('.pulsation').removeClass('stop');
        $el.find('.callback-countdown-block').removeClass('display-flex');
        $el.find('.callback-state').removeClass('display-flex');
        this.startAnimation();
        this._callbackOpened = false;
        this.$element.trigger('arcontactus.closeCallbackPopup');
    };
    ArContactUs.prototype.startAnimation = function(){
        var $el = this.$element;
        var $container = $el.find('.icons-line');
        var $static = $el.find('.static');
        var width = $el.find('.icons-line>span:first-child').width();
        var offset = width + 40;
        if (this.settings.buttonSize === 'huge'){
            var xOffset = 2;
            var yOffset = 0;
        }
        if (this.settings.buttonSize === 'large'){
            var xOffset = 2;
            var yOffset = 0;
        }
        if (this.settings.buttonSize === 'medium'){
            var xOffset = 4;
            var yOffset = -2;
        }
        if (this.settings.buttonSize === 'small'){
            var xOffset = 4;
            var yOffset = -2;
        }
        var iconsCount = $el.find('.icons-line>span').length;
        var step = 0;
        this.stopAnimation();
        if (this.settings.iconsAnimationSpeed === 0){
            return false;
        }
        var $this = this;
        this._interval = setInterval(function(){
            if (step === 0){
                $container.parent().removeClass('hide');
                $static.addClass('hide');
            }
            var x = offset * step;
            var translate = 'translate(' + (-(x+xOffset)) + 'px, ' + yOffset + 'px)';
            $container.css({
                "-webkit-transform":translate,
                "-ms-transform":translate,
                "transform":translate
            });
            step++;
            if (step > iconsCount){
                if (step > iconsCount + 1){
                    if ($this.settings.iconsAnimationPause){
                        $this.stopAnimation();
                        setTimeout(function(){
                            if ($this._callbackOpened || $this._menuOpened || $this._popupOpened){
                                return false;
                            }
                            $this.startAnimation();
                        }, $this.settings.iconsAnimationPause);
                    }
                    step = 0;
                }
                $container.parent().addClass('hide');
                $static.removeClass('hide');
                var translate = 'translate(' + (-xOffset) + 'px, ' + yOffset + 'px)';
                $container.css({
                    "-webkit-transform":translate,
                    "-ms-transform":translate,
                    "transform":translate
                });
            }
        }, this.settings.iconsAnimationSpeed);
    };
    ArContactUs.prototype.stopAnimation = function(){
        clearInterval(this._interval);
        var $el = this.$element;
        var $container = $el.find('.icons-line');
        var $static = $el.find('.static');
        $container.parent().addClass('hide');
        $static.removeClass('hide');
        var translate = 'translate(' + (-2) + 'px, 0px)';
        $container.css({
            "-webkit-transform":translate,
            "-ms-transform":translate,
            "transform":translate
        });
    };
    ArContactUs.prototype.showPrompt = function(data){
        var $promptContainer = this.$element.find('.arcontactus-prompt');
        if (data && data.content){
            $promptContainer.find('.arcontactus-prompt-inner').html(data.content);
        }
        $promptContainer.addClass('active');
        this.$element.trigger('arcontactus.showPrompt');
    };
    ArContactUs.prototype.hidePrompt = function(){
        var $promptContainer = this.$element.find('.arcontactus-prompt');
        $promptContainer.removeClass('active');
        this.$element.trigger('arcontactus.hidePrompt');
    };
    ArContactUs.prototype.showPromptTyping = function(){
        var $promptContainer = this.$element.find('.arcontactus-prompt');
        $promptContainer.find('.arcontactus-prompt-inner').html('');
        this._insertPromptTyping();
        this.showPrompt({});
        this.$element.trigger('arcontactus.showPromptTyping');
    };
    ArContactUs.prototype._insertPromptTyping = function(){
        var $promptContainer = this.$element.find('.arcontactus-prompt-inner');
        var $typing = $('<div>', {
            class: 'arcontactus-prompt-typing'
        });
        var $item = $('<div>');
        $typing.append($item);
        $typing.append($item.clone());
        $typing.append($item.clone());
        $promptContainer.append($typing);
    };
    ArContactUs.prototype.hidePromptTyping = function(){
        var $promptContainer = this.$element.find('.arcontactus-prompt');
        $promptContainer.removeClass('active');
        this.$element.trigger('arcontactus.hidePromptTyping');
    };
    ArContactUs.prototype.getSettings = function(){
        console.log(this.settings);
    };
    ArContactUs.prototype.getVersion = function(){
        console.log(this.settings.pluginVersion);
    };
    ArContactUs.prototype._backgroundStyle = function(){
        return 'background-color: ' + this.settings.theme;
    };
    ArContactUs.prototype._colorStyle = function(){
        return 'color: ' + this.settings.theme;
    };
    $.fn.contactUs = function(option){
        var args = Array.prototype.slice.call(arguments, 1);
        return this.each(function() {
            var $this = $(this),
                data = $this.data('ar.contactus');

if (!data) {
                data = new ArContactUs(this, typeof option == 'object' && option);
                $this.data('ar.contactus', data);
            }

if (typeof option == 'string' && option.charAt(0) !== '_') {
                data[option].apply(data, args);
            }
        });
    };
    $.fn.contactUs.Constructor = ArContactUs;
}(jQuery));

${this.title}

Code Editor : jquery.contactus.js