document.querySelectorAll('a img').forEach(img => img.removeAttribute('data-type')); /* ============================================================ Doc360 — Hide left TOC + Article Summary on specific pages v2 — fixes SPA race condition / flash on navigation ============================================================ */ (function () { 'use strict'; var PAGE_SLUGS = [ '/docs/demand-service', '/v1/docs/demand-service', '/docs/on-demand-emergency-work', '/docs/contracted-service', '/v1/docs/contracted-service', '/docs/short-term-projects', '/v1/docs/short-term-projects', '/docs/long-term-projects', '/v1/docs/long-term-projects', '/docs/maintenance-and-bug-fix-log', '/v1/docs/maintenance-and-bug-fix-log', '/release-hub/docs/maintenance-bug-fix-log', '/release-hub/docs', '/release-hub/docs/release-hub', '/docs/marketing-option-b-cards', '/release-hub/docs/st-release-notes', '/release-hub/docs/st-bug-fix-log', '/release-hub/docs/residential-service', '/release-hub/docs/residential-construction', '/release-hub/docs/commercial-service', '/release-hub/docs/commercial-construction', '/release-hub/docs/roofing-and-exteriors-release-notes' ]; var SUMMARY_SELECTOR = 'd360-article-summary'; function isHiddenPage() { return PAGE_SLUGS.some(function (s) { return window.location.pathname === s; }); } /* ---------- LEFT PANEL ---------- */ function hidePanel() { var panel = document.querySelector('site-docs-left-panel-container'); var content = document.querySelector('site-docs-content-panel-container'); var main = document.querySelector('#main-content'); if (!panel) return false; // signal: not ready yet panel.style.setProperty('display', 'none', 'important'); panel.style.setProperty('min-width', '0', 'important'); panel.style.setProperty('width', '0', 'important'); if (content) { content.style.setProperty('flex', '1 1 100%', 'important'); content.style.setProperty('max-width', '100%', 'important'); content.style.setProperty('width', '100%', 'important'); } if (main) { main.style.setProperty('padding', '24px 48px', 'important'); main.style.setProperty('max-width', '1200px', 'important'); main.style.setProperty('margin', '0 auto', 'important'); } return true; } function showPanel() { var panel = document.querySelector('site-docs-left-panel-container'); var content = document.querySelector('site-docs-content-panel-container'); var main = document.querySelector('#main-content'); if (!panel) return; panel.style.removeProperty('display'); panel.style.removeProperty('min-width'); panel.style.removeProperty('width'); if (content) { content.style.removeProperty('flex'); content.style.removeProperty('max-width'); content.style.removeProperty('width'); } if (main) { main.style.removeProperty('padding'); main.style.removeProperty('max-width'); main.style.removeProperty('margin'); } } /* ---------- ARTICLE SUMMARY ---------- */ function hideSummary() { var el = document.querySelector(SUMMARY_SELECTOR); if (!el) return false; // signal: not ready yet el.style.setProperty('display', 'none', 'important'); return true; } function showSummary() { var el = document.querySelector(SUMMARY_SELECTOR); if (el) el.style.removeProperty('display'); } /* ---------- MAIN CHECK ---------- */ // Returns true only when all target elements were found and acted on function check() { if (isHiddenPage()) { var panelDone = hidePanel(); var summaryDone = hideSummary(); return panelDone && summaryDone; } else { showPanel(); showSummary(); return true; } } /* ---------- RETRY LOOP ---------- After SPA navigation, Angular renders async. Poll every 50ms for up to 1500ms until elements are found. ------------------------------------------------------------ */ var retryTimer = null; function checkWithRetry() { clearInterval(retryTimer); var elapsed = 0; retryTimer = setInterval(function () { elapsed += 50; var done = check(); if (done || elapsed >= 1500) clearInterval(retryTimer); }, 50); } /* ---------- ALWAYS OBSERVE BODY ---------- Watch the full subtree so no Angular injection slips through, regardless of whether the panel element exists or not. ------------------------------------------------------------ */ var frameTimer; var observer = new MutationObserver(function () { cancelAnimationFrame(frameTimer); frameTimer = requestAnimationFrame(check); }); observer.observe(document.body, { childList: true, subtree: true }); /* ---------- SPA ROUTER HOOKS ---------- */ var origPushState = history.pushState.bind(history); history.pushState = function (state, title, url) { origPushState(state, title, url); checkWithRetry(); // use retry loop on navigation }; // Covers browser back/forward buttons window.addEventListener('popstate', function () { checkWithRetry(); }); /* ---------- INIT ---------- */ checkWithRetry(); })(); /*------------*/ window.wsFilter = function (f) { var btnStyles = { all: { on: 'cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;border-radius:999px;border:1.5px solid rgb(55,65,81);background:rgb(55,65,81);color:rgb(255,255,255);', off: 'cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;border-radius:999px;border:1.5px solid rgb(209,213,219);background:rgb(243,244,246);color:rgb(55,65,81);' }, pg: { on: 'cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;border-radius:999px;border:1.5px solid rgb(124,74,3);background:rgb(124,74,3);color:rgb(254,249,236);', off: 'cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;border-radius:999px;border:1.5px solid rgb(245,228,192);background:rgb(254,249,236);color:rgb(124,74,3);' }, id: { on: 'cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;border-radius:999px;border:1.5px solid rgb(60,52,137);background:rgb(60,52,137);color:rgb(243,242,254);', off: 'cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;border-radius:999px;border:1.5px solid rgb(213,208,247);background:rgb(243,242,254);color:rgb(60,52,137);' }, oe: { on: 'cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;border-radius:999px;border:1.5px solid rgb(10,92,68);background:rgb(10,92,68);color:rgb(232,248,242);', off: 'cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;border-radius:999px;border:1.5px solid rgb(168,230,208);background:rgb(232,248,242);color:rgb(10,92,68);' }, sp: { on: 'cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;border-radius:999px;border:1.5px solid rgb(26,95,165);background:rgb(26,95,165);color:rgb(234,243,253);', off: 'cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;border-radius:999px;border:1.5px solid rgb(188,217,245);background:rgb(234,243,253);color:rgb(26,95,165);' } }; var labels = { all: 'all steps', pg: 'Profitable growth', id: 'Insight-driven decisions', oe: 'Operational efficiency', sp: 'Speed & responsiveness' }; /* Show / hide each step */ var steps = document.querySelectorAll('.ws-step'); var shown = 0; steps.forEach(function (s) { var codes = s.getAttribute('data-o').split(' '); var visible = (f === 'all') || (codes.indexOf(f) > -1); s.style.display = visible ? 'block' : 'none'; if (visible) shown++; }); /* Update counter */ var count = document.getElementById('ws-count'); if (count) { count.textContent = f === 'all' ? 'Showing all ' + shown + ' steps' : 'Showing ' + shown + ' step' + (shown !== 1 ? 's' : '') + ' — ' + labels[f]; } /* Show / hide empty message */ var empty = document.getElementById('ws-empty'); if (empty) { empty.style.display = shown === 0 ? 'block' : 'none'; } /* Update chip button styles */ Object.keys(btnStyles).forEach(function (k) { var btn = document.getElementById('ws-' + k); if (btn) { btn.setAttribute('style', f === k ? btnStyles[k].on : btnStyles[k].off); } }); }; /* ============================================================ Release Hub Home — body class + explore panel Single merged IIFE replacing the two separate ones. Handles body class injection AND panel injection. SPA-aware: works on full loads + client-side navigation. ============================================================ */ (function () { 'use strict'; /* ============================================================ CONFIGURABLE SECTION Update URLs to match your actual Doc360 paths. Lists are displayed in the order defined here — already sorted alphabetically for you. ============================================================ */ var INDUSTRY = [ { name: 'Residential Service & Replacement', url: '/release-hub/docs/residential-service', icon: '' }, { name: 'Residential Construction', url: '/release-hub/docs/residential-construction', icon: '' }, { name: 'Commercial Service & Replacement', url: '/release-hub/docs/commercial-service', icon: '' }, { name: 'Commercial Construction', url: '/release-hub/docs/commercial-construction', icon: '' }, { name: 'Roofing & Exteriors', url: '/release-hub/docs/roofing-and-exteriors-release-notes', icon: '' }, ]; var PRODUCT = [ { name: 'Contact Center Pro', url: '/docs/release-notes-7', icon: '' }, { name: 'Enterprise Hub', url: '/docs/release-notes-2', icon: '' }, { name: 'Field Mobile App', url: '/docs/release-notes-1', icon: '' }, { name: 'Full Procurement Integration', url: '/docs/release-notes-5', icon: '' }, { name: 'Voice Agents', url: '/docs/release-notes-8', icon: '' }, ]; /* "See all products" link */ var SEE_ALL_URL = '/docs/product-areas'; /* ============================================================ END CONFIGURABLE SECTION ============================================================ */ /* ─── Body class management ─── */ function updateBodyClass() { var path = window.location.pathname; if (path === '/release-hub' || path === '/release-hub/') { document.body.classList.add('is-release-hub-home'); } else { document.body.classList.remove('is-release-hub-home'); } } /* ─── HTML builders ─── */ function icon(d) { return ''; } function row(item) { return '' + '' + icon(item.icon) + '' + '' + item.name + '' + '\u2192' + ''; } function seeAllCTA(view) { if (view !== 'product') return ''; return '' + 'See all products' + '' + ''; } function buildPanel() { return '

' + '

Explore release notes

' + '

' + '' + '' + '

' + '

' + INDUSTRY.map(row).join('') + '

' + '' + '

'; } function wireToggle(panel) { panel.querySelectorAll('.ep-toggle-btn').forEach(function (btn) { btn.addEventListener('click', function () { panel.querySelectorAll('.ep-toggle-btn').forEach(function (b) { b.classList.remove('ep-active'); }); btn.classList.add('ep-active'); var v = btn.getAttribute('data-ep-view'); panel.querySelector('#ep-list-industry').style.display = v === 'industry' ? 'block' : 'none'; panel.querySelector('#ep-list-product').style.display = v === 'product' ? 'block' : 'none'; }); }); } /* ─── Wrap hero children into a single left column ─── */ function wrapHeroContent(container) { if (container.querySelector('.hero-left-wrapper')) return; var children = Array.from(container.children).filter(function (el) { return !el.classList.contains('hero-explore-panel'); }); if (!children.length) return; var wrapper = document.createElement('div'); wrapper.className = 'hero-left-wrapper'; container.insertBefore(wrapper, children[0]); children.forEach(function (child) { wrapper.appendChild(child); }); } function unwrapHeroContent() { var wrapper = document.querySelector('.hero-left-wrapper'); if (!wrapper) return; var container = wrapper.parentNode; Array.from(wrapper.children).forEach(function (child) { container.insertBefore(child, wrapper); }); wrapper.remove(); } /* ─── Panel inject / remove ─── */ function removePanel() { var el = document.querySelector('.hero-explore-panel'); if (el) el.remove(); } function injectPanel() { // Only act on the Release Hub home — never touch other workspaces' heroes if (!document.body.classList.contains('is-release-hub-home')) return; var container = document.querySelector('.hero-section .container'); if (!container) return; wrapHeroContent(container); if (container.querySelector('.hero-explore-panel')) return; var tmp = document.createElement('div'); tmp.innerHTML = buildPanel(); var panel = tmp.firstChild; container.appendChild(panel); wireToggle(panel); } /* ─── Inject a style rule to instantly hide stale hero sections ─── */ (function () { var s = document.createElement('style'); s.id = 'rh-ssr-hide'; s.textContent = 'body.rh-clearing-heroes site-hero-section:not(:last-of-type){display:none!important;}'; document.head.appendChild(s); })(); /* ─── Remove duplicate/stale hero sections left by SSR after SPA nav ─── */ function removeStaleSsrHeroes() { var heroes = document.querySelectorAll('site-hero-section'); if (heroes.length <= 1) { document.body.classList.remove('rh-clearing-heroes'); return; } for (var i = 0; i < heroes.length - 1; i++) { heroes[i].remove(); } document.body.classList.remove('rh-clearing-heroes'); } /* ─── Full cleanup — call synchronously when leaving Release Hub ─── */ function cleanupReleaseHub() { removePanel(); unwrapHeroContent(); // Instantly hide stale heroes via CSS before the deferred DOM removal document.body.classList.add('rh-clearing-heroes'); removeStaleSsrHeroes(); } /* ─── SPA navigation hooks ─── */ var previousPath = window.location.pathname; function onNavigate() { var currentPath = window.location.pathname; var wasReleaseHub = (previousPath === '/release-hub' || previousPath === '/release-hub/'); var isReleaseHub = (currentPath === '/release-hub' || currentPath === '/release-hub/'); if (wasReleaseHub && !isReleaseHub) { cleanupReleaseHub(); } previousPath = currentPath; updateBodyClass(); if (isReleaseHub) { setTimeout(injectPanel, 400); } // Hide stale heroes immediately via CSS, then remove from DOM after Angular settles. if (!isReleaseHub) { document.body.classList.add('rh-clearing-heroes'); setTimeout(removeStaleSsrHeroes, 600); setTimeout(removeStaleSsrHeroes, 1200); } } var origPush = history.pushState.bind(history); history.pushState = function (s, t, u) { origPush(s, t, u); onNavigate(); }; var origReplace = history.replaceState.bind(history); history.replaceState = function (s, t, u) { origReplace(s, t, u); onNavigate(); }; window.addEventListener('popstate', onNavigate); window.addEventListener('hashchange', onNavigate); // MutationObserver: only inject if we are on the Release Hub home // and the panel hasn't been added yet — avoids touching other heroes var raf; new MutationObserver(function () { if (!document.body.classList.contains('is-release-hub-home')) return; cancelAnimationFrame(raf); raf = requestAnimationFrame(injectPanel); }).observe(document.body, { childList: true, subtree: true }); updateBodyClass(); injectPanel(); })(); /* ============================================================ Release Highlights — Lightbox player Handles Wistia video lightbox for release highlight cards. Functions are global so they're ready before any click fires. ============================================================ */ window.openLightbox = function (videoId) { var lb = document.getElementById('wn-lightbox'); if (!lb) return; document.getElementById('wn-lightbox-iframe').src = 'https://fast.wistia.net/embed/iframe/' + videoId + '?autoplay=1&videoFoam=true'; lb.style.display = 'flex'; document.body.style.overflow = 'hidden'; }; window.closeLightboxBtn = function () { var lb = document.getElementById('wn-lightbox'); if (!lb) return; document.getElementById('wn-lightbox-iframe').src = ''; lb.style.display = 'none'; document.body.style.overflow = ''; }; window.closeLightbox = function (e) { if (e.target === document.getElementById('wn-lightbox')) { window.closeLightboxBtn(); } }; document.addEventListener('keydown', function (e) { if (e.key === 'Escape') window.closeLightboxBtn(); }); /* ============================================================ Latest Release Notes — Icon injection for industry buttons Prepends SVG icons to plain styled buttons in #rln-industry-links. The buttons themselves are styled inline in the article HTML. ============================================================ */ (function () { 'use strict'; var ICONS = { 'Residential Service & Replacement': '', 'Residential Construction': '', 'Commercial Service & Replacement': '', 'Commercial Construction': '', 'Roofing & Exteriors': '' }; function svgIcon(pathData) { return ''; } function injectIcons() { var container = document.getElementById('rln-industry-links'); if (!container) return; container.querySelectorAll('a').forEach(function (a) { if (a.getAttribute('data-icon-injected')) return; // already done var label = a.textContent.trim(); var iconPath = ICONS[label]; if (!iconPath) return; a.innerHTML = svgIcon(iconPath) + ' ' + label; a.setAttribute('data-icon-injected', '1'); }); } /* Run on load and after SPA navigations */ injectIcons(); var raf; new MutationObserver(function () { cancelAnimationFrame(raf); raf = requestAnimationFrame(injectIcons); }).observe(document.body, { childList: true, subtree: true }); })(); /* ============================================================ Browse by Product — Core / Pro toggle Handles tier switching for all "Browse by product" sections across all workspaces (CSS/JS is project-wide in Doc360). How it works: - Listens for clicks via event delegation — no onclick attributes needed in the HTML, and no re-attachment required after SPA navigation - Scopes all changes to the nearest .bbp-section parent so multiple blocks on the same page never interfere - Safe for Doc360's SPA model — attaches once at the document level and persists across client-side navigation - Zero impact on other pages: exits immediately if the clicked element is not a .bbp-toggle-btn ============================================================ */ document.addEventListener('click', function(e) { var btn = e.target.closest('.bbp-toggle-btn'); if (!btn) return; var section = btn.closest('.bbp-section'); if (!section) return; var tier = btn.getAttribute('data-tier'); var isCore = tier === 'core'; section.querySelector('.bbp-list-core').style.display = isCore ? '' : 'none'; section.querySelector('.bbp-list-pro').style.display = isCore ? 'none' : ''; var c = section.querySelector('[data-tier="core"]'); var p = section.querySelector('[data-tier="pro"]'); c.style.background = isCore ? '#ffffff' : 'transparent'; c.style.color = isCore ? '#0d1b35' : 'rgba(255,255,255,0.65)'; c.style.boxShadow = isCore ? '0 1px 3px rgba(0,0,0,0.20)' : 'none'; p.style.background = isCore ? 'transparent' : '#ffffff'; p.style.color = isCore ? 'rgba(255,255,255,0.65)' : '#0d1b35'; p.style.boxShadow = isCore ? 'none' : '0 1px 3px rgba(0,0,0,0.20)'; });

Upcoming