(function() { const appSlug = "virtual-tour"; const loadingId = 'app-loading-' + appSlug; const backgroundColor = "#1a1a1a"; const animationType = "dots"; const hasAnimationFile = false; const loadingHTML = "\n

\n \n \n

\n \n \n \n

\n \n \n

Loading West Palm Beach...

\n \n

\n "; // Persist template so it can be recreated on client navigations. window.__appLoadingTemplate = { appSlug, html: loadingHTML, backgroundColor, }; window.__appLoadingInitialized = window.__appLoadingInitialized || {}; const hasInitialized = !!window.__appLoadingInitialized[appSlug]; const shouldAutoShow = !hasInitialized || (animationType === 'svg-lottie-file' && hasAnimationFile); // Set body background to match loading screen to prevent black flash if (document.body && shouldAutoShow) { document.body.style.backgroundColor = backgroundColor; } // Create and inject loading screen if missing (fallback only). let loadingElement = document.getElementById(loadingId); if (!loadingElement && document.body) { const container = document.createElement('div'); container.innerHTML = loadingHTML; loadingElement = container.firstElementChild; if (loadingElement) { document.body.appendChild(loadingElement); } } // Ensure visible state in case of route remount. if (loadingElement) { if (shouldAutoShow) { loadingElement.classList.remove('app-loading-fade-out'); loadingElement.style.opacity = '1'; loadingElement.style.pointerEvents = 'auto'; loadingElement.style.visibility = 'visible'; loadingElement.style.zIndex = '99999'; } else { loadingElement.classList.add('app-loading-fade-out'); loadingElement.style.opacity = '0'; loadingElement.style.pointerEvents = 'none'; loadingElement.style.visibility = 'hidden'; loadingElement.style.zIndex = '-1'; } } // Handle SSR-injected dotlottie players and hide fallback when player is ready. const bindDotlottiePlayers = () => { const wrappers = document.querySelectorAll('.app-loading-dotlottie-wrapper'); wrappers.forEach((wrapper) => { const player = wrapper.querySelector('.app-loading-dotlottie-player'); if (!player) return; const markReady = () => wrapper.classList.add('dotlottie-ready'); player.addEventListener?.('ready', markReady, { once: true }); player.addEventListener?.('load', markReady, { once: true }); player.addEventListener?.('play', markReady, { once: true }); if (typeof customElements !== 'undefined' && customElements.get('dotlottie-player')) { markReady(); } }); }; bindDotlottiePlayers(); if (typeof customElements !== 'undefined' && customElements.whenDefined) { customElements.whenDefined('dotlottie-player').then(bindDotlottiePlayers).catch(function () {}); } // Store config for client-side use window.__appLoadingConfig = {"enabled":true,"duration":300,"backgroundColor":"#1a1a1a","textColor":"#ffffff","logoUrl":null,"appDefaultLogoUrl":null,"message":"Loading West Palm Beach...","animationType":"dots","hasAnimationFile":false,"showMqttToasts":false}; window.__appLoadingInitialized[appSlug] = true; window.dispatchEvent(new Event('app-loading-config-ready')); })();