File Content: shared-frontend-handlers.a82dc0e60728c9cb9860.bundle.js /*! elementor - v3.32.0 - 18-09-2025 */ "use strict"; (self["webpackChunkelementorFrontend"] = self["webpackChunkelementorFrontend"] || []).push([["shared-frontend-handlers"],{ /***/ "../assets/dev/js/frontend/handlers/background-slideshow.js": /*!******************************************************************!*\ !*** ../assets/dev/js/frontend/handlers/background-slideshow.js ***! \******************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; __webpack_require__(/*! core-js/modules/esnext.iterator.constructor.js */ "../node_modules/core-js/modules/esnext.iterator.constructor.js"); __webpack_require__(/*! core-js/modules/esnext.iterator.for-each.js */ "../node_modules/core-js/modules/esnext.iterator.for-each.js"); class BackgroundSlideshow extends elementorModules.frontend.handlers.SwiperBase { getDefaultSettings() { return { classes: { swiperContainer: 'elementor-background-slideshow swiper', swiperWrapper: 'swiper-wrapper', swiperSlide: 'elementor-background-slideshow__slide swiper-slide', swiperPreloader: 'swiper-lazy-preloader', slideBackground: 'elementor-background-slideshow__slide__image', kenBurns: 'elementor-ken-burns', kenBurnsActive: 'elementor-ken-burns--active', kenBurnsIn: 'elementor-ken-burns--in', kenBurnsOut: 'elementor-ken-burns--out' } }; } getSwiperOptions() { const elementSettings = this.getElementSettings(), swiperOptions = { grabCursor: false, slidesPerView: 1, slidesPerGroup: 1, loop: 'yes' === elementSettings.background_slideshow_loop, speed: elementSettings.background_slideshow_transition_duration, autoplay: { delay: elementSettings.background_slideshow_slide_duration, stopOnLastSlide: !elementSettings.background_slideshow_loop }, handleElementorBreakpoints: true, on: { slideChange: () => { if (elementSettings.background_slideshow_ken_burns) { this.handleKenBurns(); } } } }; if ('yes' === elementSettings.background_slideshow_loop) { swiperOptions.loopedSlides = this.getSlidesCount(); } switch (elementSettings.background_slideshow_slide_transition) { case 'fade': swiperOptions.effect = 'fade'; swiperOptions.fadeEffect = { crossFade: true }; break; case 'slide_down': swiperOptions.autoplay.reverseDirection = true; swiperOptions.direction = 'vertical'; break; case 'slide_up': swiperOptions.direction = 'vertical'; break; } if ('yes' === elementSettings.background_slideshow_lazyload) { swiperOptions.lazy = { loadPrevNext: true, loadPrevNextAmount: 1 }; } return swiperOptions; } buildSwiperElements() { const classes = this.getSettings('classes'), elementSettings = this.getElementSettings(), direction = 'slide_left' === elementSettings.background_slideshow_slide_transition ? 'ltr' : 'rtl', $container = jQuery('<div>', { class: classes.swiperContainer, dir: direction }), $wrapper = jQuery('<div>', { class: classes.swiperWrapper }), kenBurnsActive = elementSettings.background_slideshow_ken_burns, lazyload = 'yes' === elementSettings.background_slideshow_lazyload; let slideInnerClass = classes.slideBackground; if (kenBurnsActive) { slideInnerClass += ' ' + classes.kenBurns; const kenBurnsDirection = 'in' === elementSettings.background_slideshow_ken_burns_zoom_direction ? 'kenBurnsIn' : 'kenBurnsOut'; slideInnerClass += ' ' + classes[kenBurnsDirection]; } if (lazyload) { slideInnerClass += ' swiper-lazy'; } this.elements.$slides = jQuery(); elementSettings.background_slideshow_gallery.forEach(slide => { const $slide = jQuery('<div>', { class: classes.swiperSlide }); let $slidebg; if (lazyload) { const $slideloader = jQuery('<div>', { class: classes.swiperPreloader }); $slidebg = jQuery('<div>', { class: slideInnerClass, 'data-background': slide.url }); $slidebg.append($slideloader); } else { $slidebg = jQuery('<div>', { class: slideInnerClass, style: 'background-image: url("' + slide.url + '");' }); } $slide.append($slidebg); $wrapper.append($slide); this.elements.$slides = this.elements.$slides.add($slide); }); $container.append($wrapper); this.$element.prepend($container); this.elements.$backgroundSlideShowContainer = $container; } async initSlider() { if (1 >= this.getSlidesCount()) { return; } const elementSettings = this.getElementSettings(); const Swiper = elementorFrontend.utils.swiper; this.swiper = await new Swiper(this.elements.$backgroundSlideShowContainer, this.getSwiperOptions()); // Expose the swiper instance in the frontend this.elements.$backgroundSlideShowContainer.data('swiper', this.swiper); if (elementSettings.background_slideshow_ken_burns) { this.handleKenBurns(); } } activate() { this.buildSwiperElements(); this.initSlider(); } deactivate() { if (this.swiper) { this.swiper.destroy(); this.elements.$backgroundSlideShowContainer.remove(); } } run() { if ('slideshow' === this.getElementSettings('background_background')) { this.activate(); } else { this.deactivate(); } } onInit() { super.onInit(); if (this.getElementSettings('background_slideshow_gallery')) { this.run(); } } onDestroy() { super.onDestroy(); this.deactivate(); } onElementChange(propertyName) { if ('background_background' === propertyName) { this.run(); } } } exports["default"] = BackgroundSlideshow; /***/ }), /***/ "../assets/dev/js/frontend/handlers/background-video.js": /*!**************************************************************!*\ !*** ../assets/dev/js/frontend/handlers/background-video.js ***! \**************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; __webpack_require__(/*! core-js/modules/esnext.iterator.constructor.js */ "../node_modules/core-js/modules/esnext.iterator.constructor.js"); __webpack_require__(/*! core-js/modules/esnext.iterator.find.js */ "../node_modules/core-js/modules/esnext.iterator.find.js"); class BackgroundVideo extends elementorModules.frontend.handlers.Base { getDefaultSettings() { return { selectors: { backgroundVideoContainer: '.elementor-background-video-container', backgroundVideoEmbed: '.elementor-background-video-embed', backgroundVideoHosted: '.elementor-background-video-hosted' } }; } getDefaultElements() { const selectors = this.getSettings('selectors'), elements = { $backgroundVideoContainer: this.$element.find(selectors.backgroundVideoContainer) }; elements.$backgroundVideoEmbed = elements.$backgroundVideoContainer.children(selectors.backgroundVideoEmbed); elements.$backgroundVideoHosted = elements.$backgroundVideoContainer.children(selectors.backgroundVideoHosted); return elements; } calcVideosSize($video) { let aspectRatioSetting = '16:9'; if ('vimeo' === this.videoType) { aspectRatioSetting = $video[0].width + ':' + $video[0].height; } const containerWidth = this.elements.$backgroundVideoContainer.outerWidth(), containerHeight = this.elements.$backgroundVideoContainer.outerHeight(), aspectRatioArray = aspectRatioSetting.split(':'), aspectRatio = aspectRatioArray[0] / aspectRatioArray[1], ratioWidth = containerWidth / aspectRatio, ratioHeight = containerHeight * aspectRatio, isWidthFixed = containerWidth / containerHeight > aspectRatio; return { width: isWidthFixed ? containerWidth : ratioHeight, height: isWidthFixed ? ratioWidth : containerHeight }; } changeVideoSize() { if (!('hosted' === this.videoType) && !this.player) { return; } let $video; if ('youtube' === this.videoType) { $video = jQuery(this.player.getIframe()); } else if ('vimeo' === this.videoType) { $video = jQuery(this.player.element); } else if ('hosted' === this.videoType) { $video = this.elements.$backgroundVideoHosted; } if (!$video) { return; } const size = this.calcVideosSize($video); $video.width(size.width).height(size.height); } startVideoLoop(firstTime) { // If the section has been removed if (!this.player.getIframe().contentWindow) { return; } const elementSettings = this.getElementSettings(), startPoint = elementSettings.background_video_start || 0, endPoint = elementSettings.background_video_end; if (elementSettings.background_play_once && !firstTime) { this.player.stopVideo(); return; } this.player.seekTo(startPoint); if (endPoint) { const durationToEnd = endPoint - startPoint + 1; setTimeout(() => { this.startVideoLoop(false); }, durationToEnd * 1000); } } prepareVimeoVideo(Vimeo, videoLink) { const elementSettings = this.getElementSettings(), videoSize = this.elements.$backgroundVideoContainer.outerWidth(), vimeoOptions = { url: videoLink, width: videoSize.width, autoplay: true, loop: !elementSettings.background_play_once, transparent: true, background: true, muted: true }; if (elementSettings.background_privacy_mode) { vimeoOptions.dnt = true; } this.player = new Vimeo.Player(this.elements.$backgroundVideoContainer, vimeoOptions); // Handle user-defined start/end times this.handleVimeoStartEndTimes(elementSettings); this.player.ready().then(() => { jQuery(this.player.element).addClass('elementor-background-video-embed'); this.changeVideoSize(); }); } handleVimeoStartEndTimes(elementSettings) { // If a start time is defined, set the start time if (elementSettings.background_video_start) { this.player.on('play', data => { if (0 === data.seconds) { this.player.setCurrentTime(elementSettings.background_video_start); } }); } this.player.on('timeupdate', data => { // If an end time is defined, handle ending the video if (elementSettings.background_video_end && elementSettings.background_video_end < data.seconds) { if (elementSettings.background_play_once) { // Stop at user-defined end time if not loop this.player.pause(); } else { // Go to start time if loop this.player.setCurrentTime(elementSettings.background_video_start); } } // If start time is defined but an end time is not, go to user-defined start time at video end. // Vimeo JS API has an 'ended' event, but it never fires when infinite loop is defined, so we // get the video duration (returns a promise) then use duration-0.5s as end time this.player.getDuration().then(duration => { if (elementSettings.background_video_start && !elementSettings.background_video_end && data.seconds > duration - 0.5) { this.player.setCurrentTime(elementSettings.background_video_start); } }); }); } prepareYTVideo(YT, videoID) { const $backgroundVideoContainer = this.elements.$backgroundVideoContainer, elementSettings = this.getElementSettings(); let startStateCode = YT.PlayerState.PLAYING; // Since version 67, Chrome doesn't fire the `PLAYING` state at start time if (window.chrome) { startStateCode = YT.PlayerState.UNSTARTED; } const playerOptions = { videoId: videoID, events: { onReady: () => { this.player.mute(); this.changeVideoSize(); this.startVideoLoop(true); this.player.playVideo(); }, onStateChange: event => { switch (event.data) { case startStateCode: $backgroundVideoContainer.removeClass('elementor-invisible elementor-loading'); break; case YT.PlayerState.ENDED: if ('function' === typeof this.player.seekTo) { this.player.seekTo(elementSettings.background_video_start || 0); } if (elementSettings.background_play_once) { this.player.destroy(); } } } }, playerVars: { controls: 0, rel: 0, playsinline: 1, cc_load_policy: 0 } }; // To handle CORS issues, when the default host is changed, the origin parameter has to be set. if (elementSettings.background_privacy_mode) { playerOptions.host = 'https://www.youtube-nocookie.com'; playerOptions.origin = window.location.hostname; } $backgroundVideoContainer.addClass('elementor-loading elementor-invisible'); this.player = new YT.Player(this.elements.$backgroundVideoEmbed[0], playerOptions); } activate() { let videoLink = this.getElementSettings('background_video_link'), videoID; const playOnce = this.getElementSettings('background_play_once'); if (-1 !== videoLink.indexOf('vimeo.com')) { this.videoType = 'vimeo'; this.apiProvider = elementorFrontend.utils.vimeo; } else if (videoLink.match(/^(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtu\.be\/|youtube\.com)/)) { this.videoType = 'youtube'; this.apiProvider = elementorFrontend.utils.youtube; } if (this.apiProvider) { videoID = this.apiProvider.getVideoIDFromURL(videoLink); this.apiProvider.onApiReady(apiObject => { if ('youtube' === this.videoType) { this.prepareYTVideo(apiObject, videoID); } if ('vimeo' === this.videoType) { this.prepareVimeoVideo(apiObject, videoLink); } }); } else { this.videoType = 'hosted'; const startTime = this.getElementSettings('background_video_start'), endTime = this.getElementSettings('background_video_end'); if (startTime || endTime) { videoLink += '#t=' + (startTime || 0) + (endTime ? ',' + endTime : ''); } this.elements.$backgroundVideoHosted.attr('src', videoLink).one('canplay', this.changeVideoSize.bind(this)); if (playOnce) { this.elements.$backgroundVideoHosted.on('ended', () => { this.elements.$backgroundVideoHosted.hide(); }); } } elementorFrontend.elements.$window.on('resize elementor/bg-video/recalc', this.changeVideoSize); } deactivate() { if ('youtube' === this.videoType && this.player.getIframe() || 'vimeo' === this.videoType) { this.player.destroy(); } else { this.elements.$backgroundVideoHosted.removeAttr('src').off('ended'); } elementorFrontend.elements.$window.off('resize', this.changeVideoSize); } run() { const elementSettings = this.getElementSettings(); if (!elementSettings.background_play_on_mobile && 'mobile' === elementorFrontend.getCurrentDeviceMode()) { return; } if ('video' === elementSettings.background_background && elementSettings.background_video_link) { this.activate(); } else { this.deactivate(); } } onInit() { super.onInit(...arguments); this.changeVideoSize = this.changeVideoSize.bind(this); this.run(); } onElementChange(propertyName) { if ('background_background' === propertyName) { this.run(); } } } exports["default"] = BackgroundVideo; /***/ }) }]); //# sourceMappingURL=shared-frontend-handlers.a82dc0e60728c9cb9860.bundle.js.map Submit