(function(){ try { // ── Sticky hoist ── var onlyChildOf = function(p) { var kids = []; for (var i = 0; i < p.children.length; i++) { if (!/^(STYLE|SCRIPT|LINK|TEMPLATE)$/.test(p.children[i].tagName)) kids.push(p.children[i]); } return kids.length === 1 ? kids[0] : null; }; Array.prototype.forEach.call(document.querySelectorAll('[style*="position: sticky"],[style*="position:sticky"]'), function(el){ if (el.style.position !== 'sticky') return; var target = el; while (target.parentElement && target.parentElement !== document.body) { var p = target.parentElement; if (onlyChildOf(p) === target) target = p; else break; } if (target !== el) { el.style.position = ''; el.style.top = ''; target.style.position = 'sticky'; target.style.top = '0'; if (!target.style.zIndex) target.style.zIndex = '100'; } }); // ── Responsive layout engine for migrated builder pages ── // Builder "artboard" blocks (Tilda Zero Blocks) position every element // absolutely, and their JS computes those positions per screen width // from data-field-* attributes. Migration strips that JS, so the page // keeps whatever pixel values were frozen at scrape time and stops // reflowing. The attributes survive, so recompute the layout here — // on load and on resize — mirroring the builder's own rules: // * pick the nearest breakpoint's values (320/480/640/960/base) // * scale the whole artboard to the viewport, like the builder does (function(){ var artboards = document.querySelectorAll('.t396__artboard'); if (!artboards.length) return; var BPS = [320, 480, 640, 960]; var fieldFor = function(el, name, bp){ // Builder semantics: a breakpoint inherits from wider ones when it // doesn't override a value, so walk upward from the active width. for (var i = 0; i < BPS.length; i++) { if (BPS[i] < bp) continue; var v = el.getAttribute('data-field-' + name + '-res-' + BPS[i] + '-value'); if (v !== null && v !== '') return v; } return el.getAttribute('data-field-' + name + '-value'); }; var layout = function(){ var vw = document.documentElement.clientWidth; var bp = vw <= 320 ? 320 : vw <= 480 ? 480 : vw <= 640 ? 640 : vw <= 960 ? 960 : 1200; Array.prototype.forEach.call(artboards, function(ab){ // The design width this artboard's values were authored against. var screens = (ab.getAttribute('data-artboard-screens') || '320,480,640,960,1200').split(','); var design = parseInt(screens[screens.length - 1], 10) || 1200; var base = bp >= 1200 ? design : bp; // Scale down on narrow screens; never upscale past the design // width unless the builder asked for it. var scale = vw < base ? vw / base : 1; if (ab.getAttribute('data-artboard-upscale') === 'window' && vw > design) { scale = vw / design; } var h = parseInt(fieldFor(ab, 'height', bp) || '0', 10) || parseInt(ab.getAttribute('data-artboard-height-res-' + (bp < 1200 ? bp : '')) || '0', 10) || parseInt(ab.getAttribute('data-artboard-height') || '0', 10); if (h > 0) ab.style.height = Math.round(h * scale) + 'px'; Array.prototype.forEach.call(ab.querySelectorAll('.t396__elem'), function(el){ var top = parseFloat(fieldFor(el, 'top', bp)); var left = parseFloat(fieldFor(el, 'left', bp)); var w = parseFloat(fieldFor(el, 'width', bp)); var eh = parseFloat(fieldFor(el, 'height', bp)); var leftUnits = fieldFor(el, 'leftunits', bp) || 'px'; var widthUnits = fieldFor(el, 'widthunits', bp) || 'px'; var container = fieldFor(el, 'container', bp) || 'grid'; // Horizontal: grid-anchored elements are centered on the // artboard like the builder does; window-anchored span it. if (!isNaN(left)) { if (leftUnits === '%') { el.style.left = left + '%'; } else if (container === 'window') { el.style.left = Math.round(left * scale) + 'px'; } else { var offset = (vw - design * scale) / 2; el.style.left = Math.round(left * scale + offset) + 'px'; } } if (!isNaN(top)) el.style.top = Math.round(top * scale) + 'px'; if (!isNaN(w)) el.style.width = widthUnits === '%' ? w + '%' : Math.round(w * scale) + 'px'; if (!isNaN(eh) && fieldFor(el, 'textfit', bp) !== 'autoheight') { el.style.height = Math.round(eh * scale) + 'px'; } else { el.style.removeProperty('height'); } // Mark what THIS engine computed for the current viewport. // The editor's save path (EditModeBridge serializeBody) strips // exactly these properties, so a save at desktop width can't // bake desktop geometry into the stored HTML and destroy the // page's responsiveness. Keep this marker in sync with the // strip list in EditModeBridge.tsx. el.setAttribute('data-sb-runtime-style', 'left,top,width,height'); // Scale typography with the layout so text doesn't overflow // its box on narrow screens. var atom = el.querySelector('.tn-atom'); if (atom) { // Capture the authored size ONCE (before we ever scale it), // so repeated resizes never compound. var baseFs = parseFloat(atom.getAttribute('data-sb-fs')); if (!baseFs) { var inline = parseFloat((atom.style.fontSize || '').replace('px', '')); var computed = parseFloat(getComputedStyle(atom).fontSize); baseFs = inline || computed; if (baseFs) atom.setAttribute('data-sb-fs', String(baseFs)); } if (baseFs) { atom.style.fontSize = (baseFs * scale).toFixed(2) + 'px'; var scaled = 'font-size'; // A pixel line-height does not follow the font we just // scaled, so the line box stays put while the text grows and // consecutive lines overlap. Newly migrated pages store the // ratio instead (see scrape.ts), which needs no scaling at // all — this converts the pixel values on pages migrated // before that, so they are fixed without re-importing. var lhInline = atom.style.lineHeight || ''; if (lhInline.indexOf('px') !== -1) { var lhPx = parseFloat(lhInline); var baseFsForLh = baseFs; if (lhPx && baseFsForLh) { var ratio = lhPx / baseFsForLh; if (isFinite(ratio) && ratio >= 0.5 && ratio <= 4) { atom.style.lineHeight = ratio.toFixed(3); atom.style.removeProperty('--lh-px'); scaled += ',line-height'; } } } atom.setAttribute('data-sb-runtime-style', scaled); } } el.style.removeProperty('zoom'); }); ab.style.removeProperty('zoom'); ab.style.removeProperty('--zoom'); ab.style.removeProperty('transform'); Array.prototype.forEach.call(ab.parentNode.querySelectorAll('.t396__carrier, .t396__filter'), function(c){ c.style.removeProperty('transform'); if (h > 0) c.style.height = Math.round(h * scale) + 'px'; }); }); // Records wrapping artboards also carry a frozen --zoom. Array.prototype.forEach.call(document.querySelectorAll('[style*="--zoom"]'), function(el){ el.style.removeProperty('--zoom'); }); }; layout(); var t = null; window.addEventListener('resize', function(){ if (t) clearTimeout(t); t = setTimeout(layout, 120); }); window.addEventListener('orientationchange', function(){ setTimeout(layout, 200); }); })(); // ── Repair pages migrated with baked desktop heights ── // An earlier migrator version froze measured pixel heights onto // artboards/carriers as inline !important styles. Builder layouts // recalculate those per screen width, so the bake broke responsive // behavior. Convert them to min-height (content can still grow) and // only above the desktop breakpoint, letting the builder's own // per-width CSS drive phones and tablets again. (function(){ var baked = document.querySelectorAll('.t396__artboard[style*="height"], .t396__carrier[style*="height"], .t396__filter[style*="height"]'); if (!baked.length) return; var wide = window.matchMedia('(min-width: 1200px)').matches; Array.prototype.forEach.call(baked, function(el){ var h = el.style.getPropertyValue('height'); if (!h || el.style.getPropertyPriority('height') !== 'important') return; el.style.removeProperty('height'); // Keep the captured height only as a desktop floor on artboards; // carriers/filters get their size from the builder's own CSS. if (wide && el.classList.contains('t396__artboard')) { el.style.setProperty('min-height', h); } }); })(); // ── Promote lazy media to the real asset ── // Slides/blocks the builder's lazyloader never reached kept the tiny // PREVIEW as their background while the full-size asset stayed parked // in data-original / data-img-zoom-url. Both were migrated; the page // just points at the wrong one, so swap in the real asset. var promoteLazy = function(scope){ Array.prototype.forEach.call(scope.querySelectorAll('[data-original],[data-img-zoom-url],[data-lazy-src],[data-src]'), function(el){ var real = el.getAttribute('data-original') || el.getAttribute('data-img-zoom-url') || el.getAttribute('data-lazy-src') || el.getAttribute('data-src'); if (!real || real.indexOf('data:') === 0) return; if (el.tagName === 'IMG') { if (el.getAttribute('src') !== real) el.setAttribute('src', real); return; } var cur = el.style.backgroundImage || ''; if (cur.indexOf(real) === -1) el.style.backgroundImage = 'url("' + real + '")'; }); }; promoteLazy(document); // ── Slider engine for migrated Tilda sliders (.t-slds) ── Array.prototype.forEach.call(document.querySelectorAll('.t-slds'), function(root){ var wrapper = root.querySelector('.t-slds__items-wrapper'); if (!wrapper) return; var items = Array.prototype.slice.call(wrapper.querySelectorAll('.t-slds__item')); if (items.length < 2) return; var container = root.querySelector('.t-slds__container'); var bullets = Array.prototype.slice.call(root.querySelectorAll('.t-slds__bullet')); var idx = 0; items.forEach(function(it, i){ if (it.classList.contains('t-slds__item_active')) idx = i; }); var go = function(n){ idx = ((n % items.length) + items.length) % items.length; var offset = 0; for (var i = 0; i < idx; i++) offset += items[i].offsetWidth; wrapper.style.transition = 'transform .35s ease'; wrapper.style.transform = 'translateX(' + (-offset) + 'px)'; items.forEach(function(it, i){ it.classList.toggle('t-slds__item_active', i === idx); }); bullets.forEach(function(b, i){ b.classList.toggle('t-slds__bullet_active', i === idx); }); if (container) { var h = items[idx].offsetHeight; if (h > 50) { container.style.transition = 'height .35s ease'; container.style.height = h + 'px'; } } }; var bind = function(sel, delta){ Array.prototype.forEach.call(root.querySelectorAll(sel), function(el){ el.addEventListener('click', function(e){ e.preventDefault(); e.stopPropagation(); go(idx + delta); }); }); }; bind('.t-slds__arrow_wrapper-left, .t-slds__arrow-left', -1); bind('.t-slds__arrow_wrapper-right, .t-slds__arrow-right', 1); bullets.forEach(function(b, i){ b.addEventListener('click', function(e){ e.preventDefault(); e.stopPropagation(); go(i); }); }); go(idx); // normalize initial position/height to the active slide }); // ── Tab/section switchers preserved from author mods ── // The scraper serializes the button→section mapping of known Tilda // switcher mods into data-sb-switch-* attributes; drive them here: // clicking a button shows its target section(s), hides the group's // others, and swaps the author's active/notactive button classes so // their original styling applies. var switchGroups = {}; Array.prototype.forEach.call(document.querySelectorAll('[data-sb-switch-group]'), function(btn){ var g = btn.getAttribute('data-sb-switch-group'); (switchGroups[g] = switchGroups[g] || []).push(btn); }); // Buttons and their target sections also carry the mod's own // active/notactive classes, but the CSS that gave those classes meaning // was generated by the (stripped) mod script — so nothing hides the // inactive sections and nothing styles the active button. Drive both // explicitly with !important, since builder CSS is heavily !important. Object.keys(switchGroups).forEach(function(g){ var btns = switchGroups[g]; // Group all sections this group can show, so switching hides the rest // even when a button maps to several sections. var allTargets = []; btns.forEach(function(b){ (b.getAttribute('data-sb-switch-target') || '').split(',').forEach(function(sel){ if (sel && allTargets.indexOf(sel) === -1) allTargets.push(sel); }); }); var swapClass = function(el, toActive){ // Remember the authored class list once, before the first swap. The // runtime rewrites active/notactive as the visitor clicks, and a // save in the editor would otherwise persist whichever tab happened // to be open — changing which panel the page opens on. if (!el.hasAttribute('data-sb-authored-class')) { el.setAttribute('data-sb-authored-class', el.getAttribute('class') || ''); } Array.prototype.slice.call(el.classList).forEach(function(cls){ if (cls.indexOf('nlm') !== 0 && cls.indexOf('notactive') === -1 && cls.indexOf('active') === -1) return; if (toActive && cls.indexOf('notactive') !== -1) { el.classList.remove(cls); el.classList.add(cls.split('notactive').join('active')); } else if (!toActive && cls.indexOf('active') !== -1 && cls.indexOf('notactive') === -1) { el.classList.remove(cls); el.classList.add(cls.split('active').join('notactive')); } }); }; // The builder's script sized these sections at runtime; without it a // revealed panel can collapse (its artboard has no laid-out height, // and .t396__artboard clips with overflow:hidden). Restore geometry // from the artboard's own data-artboard-height, and un-clip so // absolutely-positioned content inside is never cut off. // Give a panel revealed for the first time enough height to show its // absolutely-positioned content, using the artboard's own declared // per-breakpoint values so responsiveness is preserved. var fixGeometry = function(rec){ // Panels the migrator captured interactively already carry the // real geometry frozen as inline styles. Only ensure nothing the // builder left behind keeps them invisible when shown. if (rec.getAttribute('data-sb-panel')) { rec.style.removeProperty('visibility'); // The source mod collapses inactive panels with max-height:0 and // opacity:0 via its own CSS class. That CSS migrates; the script // that swapped the class did not. Clear both here so a revealed // panel is actually visible — otherwise its content is present in // the markup but renders as an empty gap. rec.style.setProperty('max-height', 'none', 'important'); rec.style.setProperty('opacity', '1', 'important'); Array.prototype.forEach.call(rec.querySelectorAll('.t396__artboard, .t396__carrier, .t396__filter'), function(el){ if (el.style.display === 'none') el.style.removeProperty('display'); if (el.style.visibility === 'hidden') el.style.removeProperty('visibility'); if (el.style.opacity === '0') el.style.removeProperty('opacity'); var cs = getComputedStyle(el); if (cs.maxHeight === '0px') el.style.setProperty('max-height', 'none', 'important'); if (parseFloat(cs.opacity || '1') < 0.05) el.style.setProperty('opacity', '1', 'important'); }); return; } // Give a collapsed panel height WITHOUT breaking responsiveness: // min-height from the artboard's own declared value for the // current breakpoint (the builder publishes per-width values), // never a hard-coded pixel height, and never copied transforms. Array.prototype.forEach.call(rec.querySelectorAll('.t396__artboard'), function(ab){ var w = window.innerWidth; var bp = w <= 320 ? '320' : w <= 480 ? '480' : w <= 640 ? '640' : w <= 960 ? '960' : w <= 1200 ? '1200' : ''; var declared = parseInt( (bp && ab.getAttribute('data-artboard-height-res-' + bp)) || ab.getAttribute('data-artboard-height') || '0', 10); if (declared > 0 && ab.offsetHeight < declared * 0.5) { ab.style.setProperty('min-height', declared + 'px'); } ab.style.setProperty('overflow', 'visible'); }); }; var activate = function(activeBtn){ var show = (activeBtn.getAttribute('data-sb-switch-target') || '').split(',').filter(Boolean); allTargets.forEach(function(sel){ var on = show.indexOf(sel) !== -1; Array.prototype.forEach.call(document.querySelectorAll(sel), function(rec){ rec.style.setProperty('display', on ? 'block' : 'none', 'important'); // Mark this as runtime-written so a save in the editor strips it. // Otherwise saving while viewing the third tab would bake // display:none onto the first two and permanently lose them. rec.setAttribute('data-sb-runtime-style', 'display'); swapClass(rec, on); if (on) { promoteLazy(rec); // its images may still be previews fixGeometry(rec); // measure AFTER it is visible } }); }); btns.forEach(function(b){ swapClass(b, b === activeBtn); }); }; btns.forEach(function(b){ b.style.cursor = 'pointer'; b.addEventListener('click', function(e){ e.preventDefault(); e.stopPropagation(); activate(b); }); }); // Initial state: honor whichever section the builder marked active, // else the first button — and hide the others so they don't stack. var initial = btns.filter(function(b){ return (b.getAttribute('data-sb-switch-target') || '').split(',').some(function(sel){ var el = sel && document.querySelector(sel); if (!el) return false; var cn = ' ' + el.className + ' '; return cn.indexOf('active-block') !== -1 && cn.indexOf('notactive-block') === -1; }); })[0] || btns[0]; if (initial) activate(initial); }); } catch(e) {} })();

Page not found