Your Everyday Coastal Adventure Starts Here

(() => { 'use strict'; const ROOT_SELECTOR = '.mp-peek-center'; const SWIPER_SELECTOR = '.elementor-main-swiper.swiper'; const PATCHED_ATTR = 'data-mp-peek-center-applied'; const INIT_TIMEOUT_MS = 10000; const DEFAULT_MOBILE_MAX_WIDTH = 767; const LOOP_ADDITIONAL_SLIDES = 1; const PEEK_PARAMS = Object.freeze({ slidesPerView: 1.4, slidesPerGroup: 1, centeredSlides: true, }); const getMobileMaxWidth = () => { const value = Number( window.elementorFrontend?.config?.responsive?.activeBreakpoints?.mobile?.value, ); return Number.isFinite(value) && value > 0 ? value : DEFAULT_MOBILE_MAX_WIDTH; }; const buildBreakpoints = (swiper) => { const originalParams = swiper.originalParams ?? swiper.params; const originalBreakpoints = originalParams.breakpoints ?? {}; const tabletMinWidth = getMobileMaxWidth() + 1; const sortedKeys = Object.keys(originalBreakpoints) .map(Number) .filter(Number.isFinite) .sort((a, b) => a - b); const activeKeyAtTablet = sortedKeys.filter((key) => key { const result = { ...source }; Object.keys(PEEK_PARAMS).forEach((key) => { if (result[key] === undefined && originalParams[key] !== undefined) { result[key] = originalParams[key]; } }); return result; }; const tabletSource = activeKeyAtTablet !== undefined ? originalBreakpoints[activeKeyAtTablet] : {}; const breakpoints = { 0: { ...PEEK_PARAMS }, [tabletMinWidth]: withRevertedKeys(tabletSource), }; sortedKeys .filter((key) => key > tabletMinWidth) .forEach((key) => { breakpoints[key] = withRevertedKeys(originalBreakpoints[key]); }); return breakpoints; }; const applyPeek = (swiper) => { const breakpoints = buildBreakpoints(swiper); swiper.params.loopAdditionalSlides = LOOP_ADDITIONAL_SLIDES; swiper.params.breakpoints = breakpoints; if (swiper.originalParams) { swiper.originalParams.loopAdditionalSlides = LOOP_ADDITIONAL_SLIDES; swiper.originalParams.breakpoints = breakpoints; } swiper.currentBreakpoint = undefined; swiper.setBreakpoint(); swiper.update(); }; const waitForSwiper = (el) => new Promise((resolve) => { if (el.swiper?.initialized) { resolve(el.swiper); return; } let timerId = null; const observer = new MutationObserver(() => { if (el.swiper?.initialized) { cleanup(); resolve(el.swiper); } }); const cleanup = () => { observer.disconnect(); if (timerId !== null) window.clearTimeout(timerId); }; timerId = window.setTimeout(() => { cleanup(); resolve(el.swiper?.initialized ? el.swiper : null); }, INIT_TIMEOUT_MS); observer.observe(el, { attributes: true, attributeFilter: ['class'] }); }); const patchSlider = async (el) => { if (el.hasAttribute(PATCHED_ATTR)) return; el.setAttribute(PATCHED_ATTR, 'pending'); const swiper = await waitForSwiper(el); if (!swiper) { el.removeAttribute(PATCHED_ATTR); return; } applyPeek(swiper); el.setAttribute(PATCHED_ATTR, 'true'); }; const initWithin = (scope) => { const root = scope ?? document; if (root instanceof Element && root.matches(ROOT_SELECTOR)) { root.querySelectorAll(SWIPER_SELECTOR).forEach((el) => void patchSlider(el)); return; } root .querySelectorAll(`${ROOT_SELECTOR} ${SWIPER_SELECTOR}`) .forEach((el) => void patchSlider(el)); }; if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => initWithin(document), { once: true }); } else { initWithin(document); } window.addEventListener('elementor/frontend/init', () => { const hooks = window.elementorFrontend?.hooks; if (!hooks) return; hooks.addAction('frontend/element_ready/media-carousel.default', ($scope) => { const element = $scope?.[0] ?? null; if (element) initWithin(element); }); }); })();