'); $("body").wrapInner('

'); $("body").append( '

' ); $(".cafe-hamburger-slide-left-effect").each(function () { let id = $(this).find(".cafe-hamburger-input-control").attr("id"); let current_menu = $(this) .closest(".elementor-widget-clever-site-nav-menu") .clone(); current_menu .find(".cafe-hamburger-button, .cafe-hamburger-input-control") .remove(); $(".cafe-wrap-menu-slide-left").append(current_menu); $(this).find(".cafe-wrap-menu").remove(); $(this).find(".cafe-hamburger-mask").remove(); }); } $(document).on( "click", ".cafe-hamburger-slide-left-effect .cafe-hamburger-button", function (e) { e.preventDefault(); let target = $(this) .closest(".elementor-widget-clever-site-nav-menu") .attr("data-id"); $("body").toggleClass("cafe-hamburger-slide-left-active"); $( ".cafe-wrap-menu-slide-left .elementor-element-" + target ).toggleClass("hamburger-active"); $(window).trigger("resize"); } ); $(document).on( "click", ".cafe-hamburger-slide-left-active .cafe-wrap-body-content", function (e) { e.preventDefault(); if (!$(e.target).hasClass("cafe-hamburger-input-control")) { $("body.cafe-hamburger-slide-left-active").removeClass( "cafe-hamburger-slide-left-active" ); $(".cafe-wrap-menu-slide-left .hamburger-active").removeClass( "hamburger-active" ); $(window).trigger("resize"); } } ); }, //Cafe Masonry cafe_masonry_layout: function () { if ($(".masonry-layout")[0]) { $(".masonry-layout .cafe-row").isotope({ itemSelector: ".cafe-banner", }); } }, }; window.cafe = cafe; // DOCUMENT READY $(function () { cafe.init(); }); $(window).on("elementor/frontend/init", function () { //Animated Headlines elementorFrontend.hooks.addAction( "frontend/element_ready/clever-animated-headlines.default", cafe.cafe_Animated_Headlines ); //Image Comparison elementorFrontend.hooks.addAction( "frontend/element_ready/clever-image-comparison.default", cafe.cafe_image_comparison ); //Testimonial Slider elementorFrontend.hooks.addAction( "frontend/element_ready/clever-testimonial.default", cafe.cafe_carousel ); //Carousel Tabs elementorFrontend.hooks.addAction( "frontend/element_ready/clever-carousel-tabs.default", cafe.cafe_carousel, cafe.cafe_tabs ); //Carousel Tabs elementorFrontend.hooks.addAction( "frontend/element_ready/clever-multi-banner.default", cafe.cafe_carousel ); //Image 360 view elementorFrontend.hooks.addAction( "frontend/element_ready/clever-image-360-view.default", cafe.cafe_image_360_view ); //Auto Typing elementorFrontend.hooks.addAction( "frontend/element_ready/clever-auto-typing.default", cafe.cafe_auto_typing ); //Video Lightbox elementorFrontend.hooks.addAction( "frontend/element_ready/clever-video-light-box.default", cafe.cafe_video_light_box ); //Progress bar elementorFrontend.hooks.addAction( "frontend/element_ready/clever-progress-bar.default", cafe.cafe_progress_bar ); //Site Nav Menu elementorFrontend.hooks.addAction( "frontend/element_ready/clever-site-nav-menu.default", cafe.cafe_site_nav_menu, cafe.cafe_site_nav_menu_toggle ); }); jQuery.fn.extend({ cafeAnimatedHeadlines: function () { var $this = $(this); if (!$this[0]) { return; } if ($this.hasClass("marquee")) { let speed = $(this).attr("data-speed") ? parseInt($(this).attr("data-speed")) : 1, animAmount, animInterval; animateNews(); function animateNews() { $this .find(".cafe-words-wrapper b") .eq(0) .animate( { marginLeft: "-=" + speed + "px", }, 1, function () { animAmount = speed; let animNews_W = $this .find(".cafe-words-wrapper b") .eq(0) .outerWidth(true); if (animAmount >= animNews_W) { $(this).parent().append($(this)); $(this).removeAttr("style"); } animInterval = setTimeout(function () { animateNews(); }); } ); } $this.hover( function () { clearTimeout(animInterval); $this.find(".cafe-words-wrapper b").eq(0).stop(); }, function () { animateNews(); } ); return; } //set animation timing var animationDelay = 6000, //loading bar effect barAnimationDelay = 3800, barWaiting = barAnimationDelay - 3000, //3000 is the duration of the transition on the loading bar - set in the scss/css file //letters effect lettersDelay = 50, //type effect typeLettersDelay = 150, selectionDuration = 500, typeAnimationDelay = selectionDuration + 800, //clip effect revealDuration = 600, revealAnimationDelay = 1500; initHeadline(); function initHeadline() { //insert element for each letter of a changing word $this.each(function () { if ($this.hasClass("letters")) singleLetters($this.find("b")); }); //initialise headline animation animateHeadline($this); } function singleLetters($words) { $words.each(function () { var word = $(this), letters = word.text().split(""), selected = word.hasClass("is-visible"); for (var i in letters) { if (word.parents(".rotate-2").length > 0) letters[i] = "" + letters[i] + ""; letters[i] = selected ? '' + letters[i] + "" : "" + letters[i] + ""; } var newLetters = letters.join(""); word.html(newLetters).css("opacity", 1); }); } function animateHeadline($headlines) { var duration = animationDelay; $headlines.each(function () { var headline = $(this); if (headline.hasClass("random-selected")) { let total_item = headline.find(".cafe-words-wrapper b").length; headline.data("total_item", total_item); //trigger animation setInterval(function () { hideWord(headline.find(".is-visible")); }, duration); } else { if (headline.hasClass("loading-bar")) { duration = barAnimationDelay; setTimeout(function () { headline.find(".cafe-words-wrapper").addClass("is-loading"); }, barWaiting); } else if (headline.hasClass("clip")) { var spanWrapper = headline.find(".cafe-words-wrapper"), newWidth = spanWrapper.width() + 10; spanWrapper.css("width", newWidth); } else if (!headline.hasClass("type")) { //assign to .cafe-words-wrapper the width of its longest word var words = headline.find(".cafe-words-wrapper b"), width = 0; words.each(function () { var wordWidth = $(this).width(); if (wordWidth > width) width = wordWidth; }); headline.find(".cafe-words-wrapper").css("width", width); } //trigger animation setTimeout(function () { hideWord(headline.find(".is-visible").eq(0)); }, duration); } }); } function randomIndex(max) { return Math.floor(Math.random() * Math.floor(max)); } function hideWord($word) { var nextWord = takeNext($word); if ($word.parents(".cafe-headline").hasClass("random-selected")) { let total_item = $word.parents(".cafe-headline").data("total_item"); nextWord = $word .parents(".cafe-headline") .find(".cafe-words-wrapper b:eq(" + randomIndex(total_item) + ")"); switchWord($word, nextWord); } else if ($word.parents(".cafe-headline").hasClass("type")) { var parentSpan = $word.parent(".cafe-words-wrapper"); parentSpan.addClass("selected").removeClass("waiting"); setTimeout(function () { parentSpan.removeClass("selected"); $word .removeClass("is-visible") .addClass("is-hidden") .children("i") .removeClass("in") .addClass("out"); }, selectionDuration); setTimeout(function () { showWord(nextWord, typeLettersDelay); }, typeAnimationDelay); } else if ($word.parents(".cafe-headline").hasClass("letters")) { var bool = $word.children("i").length >= nextWord.children("i").length ? true : false; hideLetter($word.find("i").eq(0), $word, bool, lettersDelay); showLetter(nextWord.find("i").eq(0), nextWord, bool, lettersDelay); } else if ($word.parents(".cafe-headline").hasClass("clip")) { $word .parents(".cafe-words-wrapper") .animate({ width: "2px" }, revealDuration, function () { switchWord($word, nextWord); showWord(nextWord); }); } else if ($word.parents(".cafe-headline").hasClass("loading-bar")) { $word.parents(".cafe-words-wrapper").removeClass("is-loading"); switchWord($word, nextWord); setTimeout(function () { hideWord(nextWord); }, barAnimationDelay); setTimeout(function () { $word.parents(".cafe-words-wrapper").addClass("is-loading"); }, barWaiting); } else { switchWord($word, nextWord); setTimeout(function () { hideWord(nextWord); }, animationDelay); } } function showWord($word, $duration) { if ($word.parents(".cafe-headline").hasClass("type")) { showLetter($word.find("i").eq(0), $word, false, $duration); $word.addClass("is-visible").removeClass("is-hidden"); } else if ($word.parents(".cafe-headline").hasClass("clip")) { $word .parents(".cafe-words-wrapper") .animate( { width: $word.width() + 10 }, revealDuration, function () { setTimeout(function () { hideWord($word); }, revealAnimationDelay); } ); } } function hideLetter($letter, $word, $bool, $duration) { $letter.removeClass("in").addClass("out"); if (!$letter.is(":last-child")) { setTimeout(function () { hideLetter($letter.next(), $word, $bool, $duration); }, $duration); } else if ($bool) { setTimeout(function () { hideWord(takeNext($word)); }, animationDelay); } if ( $letter.is(":last-child") && $("html").hasClass("no-csstransitions") ) { var nextWord = takeNext($word); switchWord($word, nextWord); } } function showLetter($letter, $word, $bool, $duration) { $letter.addClass("in").removeClass("out"); if (!$letter.is(":last-child")) { setTimeout(function () { showLetter($letter.next(), $word, $bool, $duration); }, $duration); } else { if ($word.parents(".cafe-headline").hasClass("type")) { setTimeout(function () { $word.parents(".cafe-words-wrapper").addClass("waiting"); }, 200); } if (!$bool) { setTimeout(function () { hideWord($word); }, animationDelay); } } } function takeNext($word) { return !$word.is(":last-child") ? $word.next() : $word.parent().children().eq(0); } function takePrev($word) { return !$word.is(":first-child") ? $word.prev() : $word.parent().children().last(); } function switchWord($oldWord, $newWord) { $oldWord.removeClass("is-visible").addClass("is-hidden"); $newWord.removeClass("is-hidden").addClass("is-visible"); } }, }); })(jQuery); /*Assign video backgound of slider to YT API*/ function onYouTubeIframeAPIReady() { jQuery( ".slick-slide:not(.slick-cloned) .cafe-viewer-video.youtube-embed iframe" ).each(function () { if (jQuery(this).attr("id") != ""); { let sound = jQuery(this).parent().data("cafe-config").sound; let player = new YT.Player(jQuery(this).attr("id"), { playerVars: { autoplay: 0, controls: 0, modestbranding: 1, rel: 0, showinfo: 0, }, events: { onReady: function (e) { if (sound != "yes") { e.target.mute(); } jQuery("#progressBar").hide(); }, }, }); jQuery(this).parent().data("player", player); } }); } /*End Assign video backgound of slider to YT API*/ // webpackModules (function (modules) { // The module cache var $ = jQuery, installedModules = {}; // The require function function __webpack_require__(moduleId) { // Check if module is in cache if (installedModules[moduleId]) { return installedModules[moduleId].exports; } // Create a new module (and put it into the cache) var module = (installedModules[moduleId] = { i: moduleId, l: false, exports: {}, }); // Execute the module function modules[moduleId].call( module.exports, module, module.exports, __webpack_require__ ); // Flag the module as loaded module.l = true; // Return the exports of the module return module.exports; } // expose the modules object (__webpack_modules__) __webpack_require__.m = modules; // expose the module cache __webpack_require__.c = installedModules; // define getter function for harmony exports __webpack_require__.d = function (exports, name, getter) { if (!__webpack_require__.o(exports, name)) { Object.defineProperty(exports, name, { enumerable: true, get: getter, }); } }; // define __esModule on exports __webpack_require__.r = function (exports) { if (typeof Symbol !== "undefined" && Symbol.toStringTag) { Object.defineProperty(exports, Symbol.toStringTag, { value: "Module", }); } Object.defineProperty(exports, "__esModule", { value: true, }); }; // create a fake namespace object // mode & 1: value is a module id, require it // mode & 2: merge all properties of value into the ns // mode & 4: return value when already ns object // mode & 8|1: behave like require __webpack_require__.t = function (value, mode) { if (mode & 1) value = __webpack_require__(value); if (mode & 8) return value; if (mode & 4 && typeof value === "object" && value && value.__esModule) return value; var ns = Object.create(null); __webpack_require__.r(ns); Object.defineProperty(ns, "default", { enumerable: true, value: value, }); if (mode & 2 && typeof value != "string") for (var key in value) __webpack_require__.d( ns, key, function (key) { return value[key]; }.bind(null, key) ); return ns; }; // getDefaultExport function for compatibility with non-harmony modules __webpack_require__.n = function (module) { var getter = module && module.__esModule ? function getDefault() { return module["default"]; } : function getModuleExports() { return module; }; __webpack_require__.d(getter, "a", getter); return getter; }; // Object.prototype.hasOwnProperty.call __webpack_require__.o = function (object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; // __webpack_public_path__ __webpack_require__.p = ""; // Load entry module and return exports return __webpack_require__((__webpack_require__.s = 0)); })([ /* 0 */ function (module, exports, __webpack_require__) { "use strict"; function CleverAddonsForElementor(elementor) { var self = this, handlers = { slider: __webpack_require__(1), }; this.modules = {}; self.modules = {}; jQuery.each(handlers, function (moduleName) { self.modules[moduleName] = new this(elementor); }); } jQuery(window).on("elementor/frontend/init", function () { window.cafeFrontend = new CleverAddonsForElementor(elementorFrontend); }); }, /* 1 */ function (module, exports, __webpack_require__) { "use strict"; module.exports = function (elementor) { elementor.hooks.addAction( "frontend/element_ready/clever-slider.default", __webpack_require__(2) ); elementor.hooks.addAction( "frontend/element_ready/clever-section-bookmark.default", __webpack_require__(3) ); elementor.hooks.addAction( "frontend/element_ready/clever-edd-tabs.default", __webpack_require__(4) ); elementor.hooks.addAction( "frontend/element_ready/clever-scroll-to.default", __webpack_require__(7) ); }; }, /* 2 */ function (module, exports, __webpack_require__) { "use strict"; var CleverSlider = elementorModules.frontend.handlers.Base.extend({ getDefaultSettings: function () { return { selectors: { slider: ".cafe-slider-slides", slideBackground: ".slick-slide-bg", slideContent: ".cafe-slide-content", }, classes: { animated: "animated", }, attributes: { dataSliderOptions: "slider_options", dataAnimation: "animation", }, }; }, /*Resize iframe fit to slider size*/ resizeIframe: function ($slider) { let slide_res = $slider.width() / $slider.height(); $slider.find(".cafe-viewer-video iframe").each(function () { let frame_res = jQuery(this).attr("width") / jQuery(this).attr("height"); if (frame_res > slide_res) { jQuery(this).attr("width", frame_res * $slider.height()); jQuery(this).width(frame_res * $slider.height()); jQuery(this).attr("height", $slider.height()); } else { jQuery(this).attr("width", $slider.width()); jQuery(this).width($slider.width()); jQuery(this).attr("height", $slider.width() / frame_res); } }); }, getDefaultElements: function () { var selectors = this.getSettings("selectors"); return { $slider: this.$element.find(selectors.slider), }; }, initSlider: function () { var $slider = this.elements.$slider; var settings = this.getSettings(); if (!$slider.length) { return; } $slider.slick( $slider.data(this.getSettings("attributes.dataSliderOptions")) ); /*JS for slider video*/ this.resizeIframe($slider); $slider.find(".cafe-viewer-video.vimeo-embed").each(function () { var options = { background: true, }; if (typeof Vimeo != "undefined") { var player = new Vimeo.Player(jQuery(this).find("iframe"), options); player.setLoop(true); var arg = jQuery(this).data("cafe-config"); if (arg.sound != "yes") { player.setVolume(0); } player.disableTextTrack(); jQuery(this).data("player", player); } }); if ($slider.find(".slick-active .cafe-viewer-video.vimeo-embed")[0]) { let player = $slider .find(".slick-active .cafe-viewer-video.vimeo-embed") .data("player"); player.play(); } if ($slider.find(".slick-active .cafe-viewer-video.youtube-embed")[0]) { let player = $slider .find(".slick-active .cafe-viewer-video.youtube-embed") .data("player"); player.playVideo(); } /*End JS for slider video*/ }, goToActiveSlide: function () { this.elements.$slider.slick( "slickGoTo", this.getEditSettings("activeItemIndex") - 1 ); }, onPanelShow: function () { var $slider = this.elements.$slider; $slider.slick("slickPause"); // On switch between slides while editing. stop again. $slider.on("afterChange", function () { $slider.slick("slickPause"); }); }, bindEvents: function () { var $slider = this.elements.$slider, settings = this.getSettings(), animation = $slider.data(settings.attributes.dataAnimation); if (!animation) { return; } if (elementorFrontend.isEditMode()) { elementor.hooks.addAction( "panel/open_editor/widget/clever-slider", this.onPanelShow ); } $slider.on({ init: function (event, slick) { let $currentSlide = $slider .find(".slick-current") .find(settings.selectors.slideContent); let $currentBgSlide = $slider .find(".slick-current") .find(settings.selectors.slideBackground); let selfAnimation = $currentSlide.data("animation"); let selfBgAnimation = $currentBgSlide.data("animation"); selfAnimation = selfAnimation == "inherit" ? animation : selfAnimation; $currentSlide.addClass( settings.classes.animated + " " + selfAnimation ); if (selfBgAnimation != "inherit") { $currentBgSlide.addClass( settings.classes.animated + " " + selfBgAnimation ); } }, beforeChange: function (event, slick, currentSlide) { let $sliderContent = $slider.find(settings.selectors.slideContent); let $slideBackground = jQuery(slick.$slides.get(currentSlide)).find( settings.selectors.slideBackground ); let selfAnimation = $sliderContent.data("animation"); let selfBgAnimation = $slideBackground.data("animation"); selfAnimation = selfAnimation == "inherit" ? animation : selfAnimation; $sliderContent.removeClass( settings.classes.animated + " " + selfAnimation ); if (selfBgAnimation != "inherit") { $slideBackground.removeClass( settings.classes.animated + " " + selfBgAnimation ); } }, afterChange: function (event, slick, currentSlide) { let $currentSlide = jQuery(slick.$slides.get(currentSlide)).find( settings.selectors.slideContent ); let $currentBgSlide = jQuery(slick.$slides.get(currentSlide)).find( settings.selectors.slideBackground ); let selfAnimation = $currentSlide.data("animation"); let selfBgAnimation = $currentBgSlide.data("animation"); selfAnimation = selfAnimation == "inherit" ? animation : selfAnimation; $currentSlide.addClass( settings.classes.animated + " " + selfAnimation ); if (selfBgAnimation != "inherit") { $currentBgSlide.addClass( settings.classes.animated + " " + selfBgAnimation ); } /*Video background control play/pause when change slide*/ $slider.find(".cafe-viewer-video.vimeo-embed").each(function () { let player = jQuery(this).data("player"); if (jQuery(this).parents(".slick-active")[0]) { player.play(); } else { player.pause(); } }); $slider.find(".cafe-viewer-video.youtube-embed").each(function () { let player = jQuery(this).data("player"); if (typeof player != "undefined") { if (jQuery(this).parents(".slick-active")[0]) { player.playVideo(); } else { player.pauseVideo(); } } }); /*End Video background control play/pause when change slide*/ }, }); var $this = this; jQuery(window).on("resize", function () { $this.resizeIframe($slider); }); }, onInit: function () { elementorModules.frontend.handlers.Base.prototype.onInit.apply( this, arguments ); this.initSlider(); if (this.isEdit) { this.goToActiveSlide(); } }, onEditSettingsChange: function (propertyName) { if ("activeItemIndex" === propertyName) { this.goToActiveSlide(); } }, }); module.exports = function ($scope) { new CleverSlider({ $element: $scope, }); }; }, /* 3 */ function (module, exports, __webpack_require__) { "use strict"; var CleverSectionBookmark = elementorModules.frontend.handlers.Base.extend({ addSection: function () { var context = jQuery(this.$element.context), section = context.find(".cafe-bookmark-section"), sectionId = section.attr("id"), sectionIcon = section.data("icon"), sectionLabel = section.data("label"), sectionModelId = section.data("modelId"); if ( !elementorFrontend.isEditMode() && !context.hasClass("cafe-section-bookmark-container") ) { context.addClass("cafe-section-bookmark-container"); } if (!context.hasClass("bookmarked")) { this.navBar.append( '
' + sectionLabel + "
" ); context.addClass("bookmarked"); } else { this.navBar .find('a[href="#' + sectionId + '"]') .replaceWith( '
' + sectionLabel + "
" ); } }, setActiveSection: function () { navLinks.removeClass("current"); $('#navigation li a[href="#' + id + '"]').addClass("current"); }, goToActiveSection: function () { if (target.length) { $("html, body").stop().animate( { scrollTop: target.offset().top, }, 1000 ); } }, initNavBar: function () { var navBar = jQuery("#cafe-bookmark-bar"); if (!navBar.length) { var $ul = document.createElement("ul"); $ul.id = "cafe-bookmark-bar"; $ul.style = "list-style:none;margin:0;padding:0;position:fixed;width:20px;height:100px;right:1em;top:calc(50vh - 50px)"; document.body.appendChild($ul); this.navBar = jQuery("#cafe-bookmark-bar"); } else { this.navBar = navBar; } }, onInit: function () { elementorModules.frontend.handlers.Base.prototype.onInit.apply( this, arguments ); this.initNavBar(); this.addSection(); // draft code jQuery(".cafe-section-bookmark-link").on("click", function (e) { var target = jQuery(this.getAttribute("href")); if (target.length) { e.preventDefault(); jQuery("html, body").stop().animate( { scrollTop: target.offset().top, }, 1000 ); } }); jQuery(window).scroll(function () { var position = window.pageYOffset; jQuery(".cafe-bookmark-section").each(function () { var target = jQuery(this).offset().top; var id = jQuery(this).attr("id"); var navLinks = jQuery("#cafe-bookmark-bar li a"); if (position >= target) { navLinks.removeClass("current"); jQuery('#cafe-bookmark-bar li a[href="#' + id + '"]').addClass( "current" ); } }); }); }, onEditSettingsChange: function (propertyName) { console.log(propertyName); }, }); module.exports = function ($scope) { new CleverSectionBookmark({ $element: $scope, }); }; }, /* 4 */ function (module, exports, __webpack_require__) { "use strict"; var TabsModule = __webpack_require__(5); module.exports = function ($scope) { new TabsModule({ $element: $scope, toggleSelf: false, }); }; }, /* 5 */ function (module, exports, __webpack_require__) { "use strict"; var HandlerModule = __webpack_require__(6); module.exports = HandlerModule.extend({ $activeContent: null, getDefaultSettings: function getDefaultSettings() { return { selectors: { tabTitle: ".elementor-tab-title", tabContent: ".elementor-tab-content", }, classes: { active: "elementor-active", }, showTabFn: "show", hideTabFn: "hide", toggleSelf: true, hidePrevious: true, autoExpand: true, }; }, getDefaultElements: function getDefaultElements() { var selectors = this.getSettings("selectors"); return { $tabTitles: this.findElement(selectors.tabTitle), $tabContents: this.findElement(selectors.tabContent), }; }, activateDefaultTab: function activateDefaultTab() { var settings = this.getSettings(); if ( !settings.autoExpand || ("editor" === settings.autoExpand && !this.isEdit) ) { return; } var defaultActiveTab = this.getEditSettings("activeItemIndex") || 1, originalToggleMethods = { showTabFn: settings.showTabFn, hideTabFn: settings.hideTabFn, }; // Toggle tabs without animation to avoid jumping this.setSettings({ showTabFn: "show", hideTabFn: "hide", }); this.changeActiveTab(defaultActiveTab); // Return back original toggle effects this.setSettings(originalToggleMethods); }, deactivateActiveTab: function deactivateActiveTab(tabIndex) { var settings = this.getSettings(), activeClass = settings.classes.active, activeFilter = tabIndex ? '[data-tab="' + tabIndex + '"]' : "." + activeClass, $activeTitle = this.elements.$tabTitles.filter(activeFilter), $activeContent = this.elements.$tabContents.filter(activeFilter); $activeTitle.add($activeContent).removeClass(activeClass); $activeContent[settings.hideTabFn](); }, activateTab: function activateTab(tabIndex) { var settings = this.getSettings(), activeClass = settings.classes.active, $requestedTitle = this.elements.$tabTitles.filter( '[data-tab="' + tabIndex + '"]' ), $requestedContent = this.elements.$tabContents.filter( '[data-tab="' + tabIndex + '"]' ); $requestedTitle.add($requestedContent).addClass(activeClass); $requestedContent[settings.showTabFn](); }, isActiveTab: function isActiveTab(tabIndex) { return this.elements.$tabTitles .filter('[data-tab="' + tabIndex + '"]') .hasClass(this.getSettings("classes.active")); }, bindEvents: function bindEvents() { var _this = this; this.elements.$tabTitles.on({ keydown: function keydown(event) { if ("Enter" === event.key) { event.preventDefault(); _this.changeActiveTab(event.currentTarget.dataset.tab); } }, click: function click(event) { event.preventDefault(); _this.changeActiveTab(event.currentTarget.dataset.tab); }, }); }, onInit: function onInit() { HandlerModule.prototype.onInit.apply(this, arguments); this.activateDefaultTab(); }, onEditSettingsChange: function onEditSettingsChange(propertyName) { if ("activeItemIndex" === propertyName) { this.activateDefaultTab(); } }, changeActiveTab: function changeActiveTab(tabIndex) { var isActiveTab = this.isActiveTab(tabIndex), settings = this.getSettings(); if ((settings.toggleSelf || !isActiveTab) && settings.hidePrevious) { this.deactivateActiveTab(); } if (!settings.hidePrevious && isActiveTab) { this.deactivateActiveTab(tabIndex); } if (!isActiveTab) { this.activateTab(tabIndex); } }, }); }, /* 6 */ function (module, exports, __webpack_require__) { "use strict"; module.exports = elementorModules.ViewModule.extend({ $element: null, editorListeners: null, onElementChange: null, onEditSettingsChange: null, onGeneralSettingsChange: null, onPageSettingsChange: null, isEdit: null, __construct: function __construct(settings) { this.$element = settings.$element; this.isEdit = this.$element.hasClass("elementor-element-edit-mode"); if (this.isEdit) { this.addEditorListeners(); } }, findElement: function findElement(selector) { var $mainElement = this.$element; return $mainElement.find(selector).filter(function () { return jQuery(this).closest(".elementor-element").is($mainElement); }); }, getUniqueHandlerID: function getUniqueHandlerID(cid, $element) { if (!cid) { cid = this.getModelCID(); } if (!$element) { $element = this.$element; } return ( cid + $element.attr("data-element_type") + this.getConstructorID() ); }, initEditorListeners: function initEditorListeners() { var self = this; self.editorListeners = [ { event: "element:destroy", to: elementor.channels.data, callback: function callback(removedModel) { if (removedModel.cid !== self.getModelCID()) { return; } self.onDestroy(); }, }, ]; if (self.onElementChange) { var elementName = self.getElementName(), eventName = "change"; if ("global" !== elementName) { eventName += ":" + elementName; } self.editorListeners.push({ event: eventName, to: elementor.channels.editor, callback: function callback(controlView, elementView) { var elementViewHandlerID = self.getUniqueHandlerID( elementView.model.cid, elementView.$el ); if (elementViewHandlerID !== self.getUniqueHandlerID()) { return; } self.onElementChange( controlView.model.get("name"), controlView, elementView ); }, }); } if (self.onEditSettingsChange) { self.editorListeners.push({ event: "change:editSettings", to: elementor.channels.editor, callback: function callback(changedModel, view) { if (view.model.cid !== self.getModelCID()) { return; } self.onEditSettingsChange(Object.keys(changedModel.changed)[0]); }, }); } ["page", "general"].forEach(function (settingsType) { var listenerMethodName = "on" + settingsType[0].toUpperCase() + settingsType.slice(1) + "SettingsChange"; if (self[listenerMethodName]) { self.editorListeners.push({ event: "change", to: elementor.settings[settingsType].model, callback: function callback(model) { self[listenerMethodName](model.changed); }, }); } }); }, getEditorListeners: function getEditorListeners() { if (!this.editorListeners) { this.initEditorListeners(); } return this.editorListeners; }, addEditorListeners: function addEditorListeners() { var uniqueHandlerID = this.getUniqueHandlerID(); this.getEditorListeners().forEach(function (listener) { elementorFrontend.addListenerOnce( uniqueHandlerID, listener.event, listener.callback, listener.to ); }); }, removeEditorListeners: function removeEditorListeners() { var uniqueHandlerID = this.getUniqueHandlerID(); this.getEditorListeners().forEach(function (listener) { elementorFrontend.removeListeners( uniqueHandlerID, listener.event, null, listener.to ); }); }, getElementName: function getElementName() { return this.$element.data("element_type").split(".")[0]; }, getID: function getID() { return this.$element.data("id"); }, getModelCID: function getModelCID() { return this.$element.data("model-cid"); }, getElementSettings: function getElementSettings(setting) { var elementSettings = {}, modelCID = this.getModelCID(); if (this.isEdit && modelCID) { var settings = elementorFrontend.config.elements.data[modelCID], settingsKeys = elementorFrontend.config.elements.keys[ settings.attributes.widgetType || settings.attributes.elType ]; jQuery.each(settings.getActiveControls(), function (controlKey) { if (-1 !== settingsKeys.indexOf(controlKey)) { elementSettings[controlKey] = settings.attributes[controlKey]; } }); } else { elementSettings = this.$element.data("settings") || {}; } return this.getItems(elementSettings, setting); }, getEditSettings: function getEditSettings(setting) { var attributes = {}; if (this.isEdit) { attributes = elementorFrontend.config.elements.editSettings[this.getModelCID()] .attributes; } return this.getItems(attributes, setting); }, onDestroy: function onDestroy() { this.removeEditorListeners(); if (this.unbindEvents) { this.unbindEvents(); } }, }); }, /* 7 */ function (module, exports, __webpack_require__) { function CleverScrollTo($selector, settings) { var $ = jQuery, self = this, $window = $(window), $instance = $selector, checkTemps = $selector.find(".cafe-scrollto-sections-wrap").length, $htmlBody = $("html, body"), deviceType = $("body").data("elementor-device-mode"), $itemsList = $(".cafe-scrollto-nav-item", $instance), $menuItems = $(".cafe-scrollto-nav-menu-item", $instance), defaultSettings = { speed: 1000, offset: 1, fullSection: true, }, settings = $.extend({}, defaultSettings, settings), sections = {}, currentSection = null, isScrolling = false; jQuery.extend(jQuery.easing, { easeInOutCirc: function (x, t, b, c, d) { if ((t /= d / 2) < 1) return (-c / 2) * (Math.sqrt(1 - t * t) - 1) + b; return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; }, }); self.checkNextSection = function (object, key) { var keys = Object.keys(object), idIndex = keys.indexOf(key), nextIndex = (idIndex += 1); if (nextIndex >= keys.length) { return false; } var nextKey = keys[nextIndex]; return nextKey; }; self.checkPrevSection = function (object, key) { var keys = Object.keys(object), idIndex = keys.indexOf(key), prevIndex = (idIndex -= 1); if (0 > idIndex) { return false; } var prevKey = keys[prevIndex]; return prevKey; }; self.debounce = function (threshold, callback) { var timeout; return function debounced($event) { function delayed() { callback.call(this, $event); timeout = null; } if (timeout) { clearTimeout(timeout); } timeout = setTimeout(delayed, threshold); }; }; self.visible = function (selector, partial, hidden) { var s = selector.get(0), vpHeight = $window.outerHeight(), clientSize = hidden === true ? s.offsetWidth * s.offsetHeight : true; if (typeof s.getBoundingClientRect === "function") { var rec = s.getBoundingClientRect(); var tViz = rec.top >= 0 && rec.top < vpHeight, bViz = rec.bottom > 0 && rec.bottom <= vpHeight, vVisible = partial ? tViz || bViz : tViz && bViz, vVisible = rec.top < 0 && rec.bottom > vpHeight ? true : vVisible; return clientSize && vVisible; } else { var viewTop = 0, viewBottom = viewTop + vpHeight, position = $window.position(), _top = position.top, _bottom = _top + $window.height(), compareTop = partial === true ? _bottom : _top, compareBottom = partial === true ? _top : _bottom; return ( !!clientSize && compareBottom <= viewBottom && compareTop >= viewTop ); } }; self.init = function () { self.setSectionsData(); $itemsList.on("click.premiumVerticalScroll", self.onNavDotChange); $menuItems.on("click.premiumVerticalScroll", self.onNavDotChange); $itemsList.on("mouseenter.premiumVerticalScroll", self.onNavDotEnter); $itemsList.on("mouseleave.premiumVerticalScroll", self.onNavDotLeave); if (deviceType === "desktop") { $window.on("scroll.premiumVerticalScroll", self.onWheel); } $window.on( "resize.premiumVerticalScroll orientationchange.premiumVerticalScroll", self.debounce(50, self.onResize) ); $window.on("load", function () { self.setSectionsData(); }); $(document).keydown(function (event) { if (38 == event.keyCode) { self.onKeyUp(event, "up"); } if (40 == event.keyCode) { self.onKeyUp(event, "down"); } }); if (settings.fullSection) { var vSection = document.getElementById($instance.attr("id")); if (checkTemps) { document.addEventListener ? vSection.addEventListener("wheel", self.onWheel, !1) : vSection.attachEvent("onmousewheel", self.onWheel); } else { document.addEventListener ? document.addEventListener("wheel", self.onWheel, !1) : document.attachEvent("onmousewheel", self.onWheel); } } for (var section in sections) { var $section = sections[section].selector; elementorFrontend.waypoint( $section, function (direction) { var $this = $(this), sectionId = $this.attr("id"); if ("down" === direction && !isScrolling) { currentSection = sectionId; $itemsList.removeClass("active"); $menuItems.removeClass("active"); $("[data-menuanchor=" + sectionId + "]", $instance).addClass( "active" ); } }, { offset: "95%", triggerOnce: false, } ); elementorFrontend.waypoint( $section, function (direction) { var $this = $(this), sectionId = $this.attr("id"); if ("up" === direction && !isScrolling) { currentSection = sectionId; $itemsList.removeClass("active"); $menuItems.removeClass("active"); $("[data-menuanchor=" + sectionId + "]", $instance).addClass( "active" ); } }, { offset: "0%", triggerOnce: false, } ); } }; self.setSectionsData = function () { $itemsList.each(function () { var $this = $(this), sectionId = $this.data("menuanchor"), $section = $("#" + sectionId); if ($section[0]) { sections[sectionId] = { selector: $section, offset: Math.round($section.offset().top), height: $section.outerHeight(), }; } }); }; self.onNavDotEnter = function () { var $this = $(this), index = $this.data("index"); if (settings.tooltips) { $( '
' + $this.data("label") + "
" ) .hide() .appendTo($this) .fadeIn(200); } }; self.onNavDotLeave = function () { $(".cafe-scrollto-nav-item-tooltip").fadeOut(200, function () { $(this).remove(); }); }; self.onNavDotChange = function (event) { var $this = $(this), index = $this.index(), sectionId = $this.data("menuanchor"), offset = null; if (!sections.hasOwnProperty(sectionId)) { return false; } offset = sections[sectionId].offset - settings.offset; if (!isScrolling) { isScrolling = true; currentSection = sectionId; $menuItems.removeClass("active"); $itemsList.removeClass("active"); if ($this.hasClass("cafe-scrollto-nav-menu-item")) { $($itemsList[index]).addClass("active"); } else { $($menuItems[index]).addClass("active"); } $this.addClass("active"); $htmlBody .stop() .clearQueue() .animate( { scrollTop: offset, }, settings.speed, "easeInOutCirc", function () { isScrolling = false; } ); } }; self.onKeyUp = function (event, direction) { var direction = direction || "up", sectionId, nextItem = $( ".cafe-scrollto-nav-item[data-menuanchor=" + currentSection + "]", $instance ).next(), prevItem = $( ".cafe-scrollto-nav-item[data-menuanchor=" + currentSection + "]", $instance ).prev(); event.preventDefault(); if (isScrolling) { return false; } if ("up" === direction) { if (prevItem[0]) { prevItem.trigger("click.premiumVerticalScroll"); } } if ("down" === direction) { if (nextItem[0]) { nextItem.trigger("click.premiumVerticalScroll"); } } }; self.onScroll = function (event) { /* On Scroll Event */ if (isScrolling) { event.preventDefault(); } }; function getFirstSection(object) { return Object.keys(object)[0]; } function getLastSection(object) { return Object.keys(object)[Object.keys(object).length - 1]; } function getDirection(e) { e = window.event || e; var t = Math.max( -1, Math.min(1, e.wheelDelta || -e.deltaY || -e.detail) ); return t; } self.onWheel = function (event) { if (isScrolling) { event.preventDefault(); return false; } var $target = $(event.target), sectionSelector = checkTemps ? ".cafe-scrollto-temp" : ".elementor-top-section", $section = $target.closest(sectionSelector), $vTarget = self.visible($instance, true, false), sectionId = $section.attr("id"), offset = 0, newSectionId = false, prevSectionId = false, nextSectionId = false, delta = getDirection(event), direction = 0 > delta ? "down" : "up", windowScrollTop = $window.scrollTop(), dotIndex = $(".cafe-scrollto-nav-item.active").index(); if ("mobile" === deviceType || "tablet" === deviceType) { $(".cafe-scrollto-nav-item-tooltip").hide(); if (dotIndex === $itemsList.length - 1 && !$vTarget) { $(".cafe-scrollto-nav-icons, .cafe-scrollto-nav-menu").addClass( "cafe-scrollto-nav-icons-hide" ); } else if (dotIndex === 0 && !$vTarget) { if ($instance.offset().top - $(document).scrollTop() > 200) { $(".cafe-scrollto-nav-icons, .cafe-scrollto-nav-menu").addClass( "cafe-scrollto-nav-icons-hide" ); } } else { $(".cafe-scrollto-nav-icons, .cafe-scrollto-nav-menu").removeClass( "cafe-scrollto-nav-icons-hide" ); } } if (beforeCheck()) { sectionId = getFirstSection(sections); } if (afterCheck()) { sectionId = getLastSection(sections); } if (sectionId && sections.hasOwnProperty(sectionId)) { prevSectionId = self.checkPrevSection(sections, sectionId); nextSectionId = self.checkNextSection(sections, sectionId); if ("up" === direction) { if ( !nextSectionId && sections[sectionId].offset < windowScrollTop ) { newSectionId = sectionId; } else { newSectionId = prevSectionId; } } if ("down" === direction) { if ( !prevSectionId && sections[sectionId].offset > windowScrollTop + 5 ) { newSectionId = sectionId; } else { newSectionId = nextSectionId; } } if (newSectionId) { $(".cafe-scrollto-nav-icons, .cafe-scrollto-nav-menu").removeClass( "cafe-scrollto-nav-icons-hide" ); event.preventDefault(); offset = sections[newSectionId].offset - settings.offset; currentSection = newSectionId; $itemsList.removeClass("active"); $menuItems.removeClass("active"); $("[data-menuanchor=" + newSectionId + "]", $instance).addClass( "active" ); isScrolling = true; self.scrollStop(); $htmlBody.animate( { scrollTop: offset, }, settings.speed, "easeInOutCirc", function () { isScrolling = false; } ); } else { var $lastselector = checkTemps ? $instance : $("#" + sectionId); if ("down" === direction) { if ( $lastselector.offset().top + $lastselector.innerHeight() - $(document).scrollTop() > 600 ) { $(".cafe-scrollto-nav-icons, .cafe-scrollto-nav-menu").addClass( "cafe-scrollto-nav-icons-hide" ); } } else if ("up" === direction) { if ($lastselector.offset().top - $(document).scrollTop() > 200) { $(".cafe-scrollto-nav-icons, .cafe-scrollto-nav-menu").addClass( "cafe-scrollto-nav-icons-hide" ); } } } } }; function beforeCheck(event) { var windowScrollTop = $window.scrollTop(), firstSectionId = getFirstSection(sections), offset = sections[firstSectionId].offset, topBorder = windowScrollTop + $window.outerHeight(), visible = self.visible($instance, true, false); if (topBorder > offset) { return false; } else if (visible) { return true; } return false; } function afterCheck(event) { var windowScrollTop = $window.scrollTop(), lastSectionId = getLastSection(sections), offset = sections[lastSectionId].offset, bottomBorder = sections[lastSectionId].offset + sections[lastSectionId].height, visible = self.visible($instance, true, false); if (windowScrollTop < bottomBorder) { return false; } else if (visible) { return true; } return false; } self.onResize = function (event) { self.setSectionsData(); }; self.scrollStop = function () { $htmlBody.stop(true); }; } module.exports = function ($scope) { var section = $scope.find(".cafe-scrollto-section"); var module = new CleverScrollTo(section, section.data("settings")); module.init(); }; }, ]);