(function(){ var editMode = /[?&]edit=1/.test(location.search) && window.self !== window.top; var FONTS = { display: 'var(--font-display), system-ui, sans-serif', serif: '"Iowan Old Style", "Palatino", "PT Serif", Georgia, serif', body: 'var(--font-body), system-ui, sans-serif', mono: 'ui-monospace, "SF Mono", Menlo, monospace' }; function norm(s) { return s.replace(/\s+/g, " ").trim(); } function applyCss(node, st) { if (st.fs) node.style.fontSize = st.fs + "px"; if (st.color) node.style.color = st.color; if (st.bg) node.style.backgroundColor = st.bg; if (st.font && FONTS[st.font]) node.style.fontFamily = FONTS[st.font]; if (st.weight) node.style.fontWeight = String(st.weight); if (st.italic) node.style.fontStyle = "italic"; if (st.align) node.style.textAlign = st.align; if (st.dx || st.dy) { node.style.translate = (st.dx || 0) + "px " + (st.dy || 0) + "px"; /* globals.css behåller bara höjdled under 768 px (data-ve-shift, --ve-dy) */ node.style.setProperty("--ve-dy", (st.dy || 0) + "px"); node.setAttribute("data-ve-shift", ""); } if (st.zoom) node.style.scale = String(st.zoom / 100); if (st.radius) node.style.borderRadius = st.radius + "px"; if (st.lh) node.style.lineHeight = String(st.lh); var ox = st.px === undefined ? 50 : st.px, oy = st.py === undefined ? 50 : st.py; if (st.px !== undefined || st.py !== undefined) node.style.objectPosition = ox + "% " + oy + "%"; if (st.iz) { /* important: porträttets Ken Burns-animation och reducerad rörelse tar annars över zoomen */ node.style.setProperty("transform", "scale(" + (st.iz / 100) + ")", "important"); node.style.transformOrigin = ox + "% " + oy + "%"; if (node.parentElement) node.parentElement.style.overflow = "hidden"; } if (st.w) { node.style.width = st.w + "%"; node.style.marginLeft = "auto"; node.style.marginRight = "auto"; } if (st.veil !== undefined && node.parentElement) { /* slöjan är bildens syskonlager mellan bild och text */ var veil = node.parentElement.querySelector(":scope > [data-ve-veil]"); if (veil) veil.style.opacity = String(st.veil / 100); } if (st.hidden) { if (editMode) { node.style.opacity = "0.3"; node.style.filter = "grayscale(1)"; } else { node.style.display = "none"; } } } /* Ett fältvärde som delar element med annan text ("Margret Dotter · ", citattecken runt ett citat) får ett eget span så att stilen träffar just fältet. Körs bara efter att React hydrerat (__veHydrated), annars blir det hydreringsfel. */ function wrapParts(texts) { var want = {}, i; for (i = 0; i < texts.length; i++) want[norm(texts[i].v)] = 1; var roots = document.querySelectorAll("main, header, footer"), found = []; for (i = 0; i < roots.length; i++) { var w = document.createTreeWalker(roots[i], NodeFilter.SHOW_TEXT), n; while ((n = w.nextNode())) { var t = norm(n.nodeValue || ""); if (t.length < 2 || !want[t]) continue; var par = n.parentElement; if (!par || par.closest("[data-ve-path]") || par.closest("[data-ve-nostyle]") || par.hasAttribute("data-ve-part") || norm(par.textContent || "") === t) continue; found.push(n); } } for (i = 0; i < found.length; i++) { var sp = document.createElement("span"); sp.setAttribute("data-ve-part", ""); found[i].parentNode.insertBefore(sp, found[i]); sp.appendChild(found[i]); } } function apply() { try { var dataEl = document.getElementById("ve-style-data"); if (!dataEl) return; var entries; try { entries = JSON.parse(dataEl.textContent || "[]"); } catch (e) { return; } if (!entries || !entries.length) return; var texts = [], imgs = [], i; for (i = 0; i < entries.length; i++) { if (entries[i].v !== undefined) texts.push(entries[i]); else imgs.push(entries[i]); } if (texts.length && window.__veHydrated) wrapParts(texts); if (texts.length) { var byValue = {}, byPath = {}; for (i = 0; i < texts.length; i++) { var k = norm(texts[i].v); (byValue[k] = byValue[k] || []).push(texts[i]); if (texts[i].p) (byPath[texts[i].p] = byPath[texts[i].p] || []).push(texts[i]); } var all = document.querySelectorAll("main *, header *, footer *"); for (i = 0; i < all.length; i++) { var node = all[i]; var tag = node.tagName; if (tag === "SCRIPT" || tag === "STYLE" || tag === "NOSCRIPT" || tag === "IMG") continue; if (node.closest("[data-ve-styled]") && !node.hasAttribute("data-ve-styled")) continue; var explicitPath = node.getAttribute("data-ve-path"); if (!explicitPath && (node.closest("[data-ve-path]") || node.querySelector("[data-ve-path]"))) continue; /* Ett element som bär sitt fält matchas på fältet, som i bryggan, även när tecken står runt värdet (citattecknen runt en kundröst, 18/10). */ var hits; if (explicitPath) hits = byPath[explicitPath]; else { /* Fast text utan eget fält (söksidan, videorutorna) tar aldrig emot en stil via samma ordalydelse (1/11) */ if (node.closest("[data-ve-nostyle]")) continue; var t = norm(node.textContent || ""); if (t.length < 2) continue; hits = byValue[t]; } if (!hits) continue; var inMain = !!node.closest("main"); for (var j = 0; j < hits.length; j++) { // sc "main": sidinnehålls-fält får aldrig färga av sig på nav/footer if (hits[j].sc === "main" && !inMain) continue; node.setAttribute("data-ve-styled", ""); applyCss(node, hits[j].s); } } } if (imgs.length) { /* Stil på ett sidhuvuds nyckel målas bara på det sidhuvudet, och sidhuvudet tar då inte emot stilen på sin bildfil. Utan egen stil ärver sidhuvudet filens stil som förut. */ var egen = {}; for (i = 0; i < imgs.length; i++) if (imgs[i].h) egen[imgs[i].h] = 1; var images = document.querySelectorAll("img"); for (i = 0; i < images.length; i++) { var img = images[i], p, mk = img.getAttribute("data-ve-media"); try { p = new URL(img.src).pathname; } catch (e) { continue; } for (var j2 = 0; j2 < imgs.length; j2++) { var hit = imgs[j2].h ? imgs[j2].h === mk : imgs[j2].m === p && !(mk && egen[mk] === 1); if (hit) { img.setAttribute("data-ve-styled", ""); applyCss(img, imgs[j2].s); } } } } } catch (e) { /* stilar får aldrig fälla sidan */ } } apply(); setTimeout(apply, 1200); setTimeout(apply, 3000); window.__veApplyStyles = apply; })();

Redo att ta nästa steg i ditt Tysklandssamarbete?

Viking Communication · Margret Dotter M.A.