vanilla-breeze 0.1.0

package/dist/cdn/vanilla-breeze-dev.css

@@ -0,0 +1,2 @@
+@import"https://fonts.googleapis.com/css2?family=Flow+Block&family=Redacted+Script:wght@300;400;700&display=swap";[data-debug-invalid]{outline:3px dashed oklch(55% .25 25)!important;outline-offset:2px;position:relative}[data-debug-invalid]:after{content:attr(data-debug-message);position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:9999;padding:var(--size-xs) var(--size-s);background:#361715;color:#eee;font-size:var(--font-size-sm);font-family:system-ui,sans-serif;white-space:nowrap;border-radius:var(--radius-s);opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}[data-debug-invalid]:hover:after{opacity:1}html[data-debug]:before{content:"DEBUG MODE";position:fixed;inset-block-end:var(--size-s);inset-inline-end:var(--size-s);z-index:99999;padding:var(--size-2xs) var(--size-s);background:#6159e1;color:#fff;font-size:var(--font-size-xs);font-weight:600;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-s);pointer-events:none}[data-wireframe]{--wf-font-scribble: "Redacted Script", cursive;--wf-font-block: "Flow Block", system-ui}[data-wireframe]{--wireframe-stroke: oklch(30% 0 0);--wireframe-fill: oklch(98% 0 0);--wireframe-text: oklch(15% 0 0);--wireframe-muted: oklch(50% 0 0);--wireframe-accent: oklch(90% 0 0);--wireframe-border: 2px dashed var(--wireframe-stroke);--wireframe-label-bg: var(--wireframe-stroke);--wireframe-label-color: var(--wireframe-fill)}[data-mode=dark] [data-wireframe],html[data-wireframe][data-mode=dark]{--wireframe-stroke: oklch(80% 0 0);--wireframe-fill: oklch(12% 0 0);--wireframe-text: oklch(92% 0 0);--wireframe-muted: oklch(65% 0 0);--wireframe-accent: oklch(20% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe]:not([data-mode=light]),[data-wireframe]:not([data-mode=light]){--wireframe-stroke: oklch(80% 0 0);--wireframe-fill: oklch(12% 0 0);--wireframe-text: oklch(92% 0 0);--wireframe-muted: oklch(65% 0 0);--wireframe-accent: oklch(20% 0 0)}}html[data-wireframe]:before{content:"WIREFRAME";position:fixed;inset-block-end:var(--size-s);inset-inline-end:var(--size-s);z-index:99999;padding:var(--size-2xs) var(--size-s);background:var(--wireframe-stroke);color:var(--wireframe-fill);font-size:var(--font-size-xs);font-weight:600;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-s);pointer-events:none}html[data-wireframe]{filter:grayscale(1)}[data-wireframe] *{box-shadow:none!important;text-shadow:none!important}[data-wireframe] :is(article,aside,section,main,nav,header,footer,div,form,fieldset,layout-card,layout-sidebar,layout-stack,layout-grid,layout-center,layout-cluster,layout-cover,layout-switcher,layout-reel){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important}[data-wireframe] :is(h1,h2,h3,h4,h5,h6){border-block-end:var(--wireframe-border);padding-block-end:var(--size-2xs);background:transparent!important}[data-wireframe] a{color:var(--wireframe-text)!important;text-decoration:underline dotted var(--wireframe-stroke)!important;background:transparent!important}[data-wireframe] button,[data-wireframe] [role=button],[data-wireframe] input[type=submit],[data-wireframe] input[type=button],[data-wireframe] .button{border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important;color:var(--wireframe-text)!important}[data-wireframe] :is(input,textarea,select){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important;color:var(--wireframe-text)!important}[data-wireframe] img:not([data-mock]){position:relative;opacity:.15!important;border:var(--wireframe-border)!important;background:var(--wireframe-fill)!important}[data-wireframe] img:not([data-mock]){background-image:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))!important;background-color:var(--wireframe-fill)!important}[data-wireframe=lo] img:not([data-mock]){opacity:0!important}[data-wireframe=hi] img:not([data-mock]){opacity:.4!important;background-image:none!important}[data-wireframe] picture,[data-wireframe] video,[data-wireframe] iframe,[data-wireframe] canvas{position:relative;background:var(--wireframe-fill)!important;border:var(--wireframe-border)!important}[data-wireframe] figure:has(img){position:relative}[data-wireframe] figure:has(img:not([data-mock])):before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))}[data-wireframe=hi] figure:has(img:not([data-mock])):before{background:oklch(from var(--wireframe-fill) l c h / .3)}[data-wireframe] picture:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))}[data-wireframe] table{border-collapse:collapse;border:var(--wireframe-border)!important}[data-wireframe] :is(th,td){border:1px dashed var(--wireframe-stroke)!important;background:var(--wireframe-fill)!important}[data-wireframe] th{background:var(--wireframe-accent)!important}[data-wireframe] :is(details,dialog){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important}[data-wireframe] summary{border-block-end:1px dashed var(--wireframe-stroke)!important}[data-wireframe] :is(ul,ol){list-style:square!important}[data-wireframe] ul{list-style:"- "!important}[data-wireframe] blockquote{border:none!important;border-inline-start:4px solid var(--wireframe-stroke)!important;background:transparent!important}[data-wireframe] :is(pre,code){border:1px dashed var(--wireframe-stroke)!important;border-radius:0!important;background:var(--wireframe-accent)!important;color:var(--wireframe-text)!important}[data-wireframe] hr{border:none!important;border-block-start:var(--wireframe-border)!important;background:transparent!important}:is([data-wireframe=annotate],[data-wf-annotate]) *:not(script):not(style):not(br):not(hr):not(figure):not(picture):not(img):not(input):not(select):not(textarea):not(video):not(iframe):not(canvas):after{content:var(--wf-label-text, "");position:absolute;inset-block-start:-1.2em;inset-inline-end:0;font-size:10px;font-family:monospace;color:var(--wireframe-muted, oklch(50% 0 0));pointer-events:none}:is([data-wireframe=annotate],[data-wf-annotate]) header:after{content:"<header>"}:is([data-wireframe=annotate],[data-wf-annotate]) nav:after{content:"<nav>"}:is([data-wireframe=annotate],[data-wf-annotate]) main:after{content:"<main>"}:is([data-wireframe=annotate],[data-wf-annotate]) aside:after{content:"<aside>"}:is([data-wireframe=annotate],[data-wf-annotate]) footer:after{content:"<footer>"}:is([data-wireframe=annotate],[data-wf-annotate]) article:after{content:"<article>"}:is([data-wireframe=annotate],[data-wf-annotate]) section:after{content:"<section>"}:is([data-wireframe=annotate],[data-wf-annotate]) form:after{content:"<form>"}:is([data-wireframe=annotate],[data-wf-annotate]) fieldset:after{content:"<fieldset>"}:is([data-wireframe=annotate],[data-wf-annotate]) table:after{content:"<table>"}:is([data-wireframe=annotate],[data-wf-annotate]) details:after{content:"<details>"}:is([data-wireframe=annotate],[data-wf-annotate]) dialog:after{content:"<dialog>"}:is([data-wireframe=annotate],[data-wf-annotate]) blockquote:after{content:"<blockquote>"}:is([data-wireframe=annotate],[data-wf-annotate]) ul:after{content:"<ul>"}:is([data-wireframe=annotate],[data-wf-annotate]) ol:after{content:"<ol>"}:is([data-wireframe=annotate],[data-wf-annotate]) dl:after{content:"<dl>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-card:after{content:"<layout-card>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-sidebar:after{content:"<layout-sidebar>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-stack:after{content:"<layout-stack>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-grid:after{content:"<layout-grid>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-center:after{content:"<layout-center>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-cluster:after{content:"<layout-cluster>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-cover:after{content:"<layout-cover>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-switcher:after{content:"<layout-switcher>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-reel:after{content:"<layout-reel>"}:not(html)[data-wireframe]{filter:none}:not(html)[data-wireframe]:before{content:"wireframe";display:block;padding:var(--size-3xs) var(--size-2xs);margin-block-end:var(--size-xs);background:var(--wireframe-stroke);color:var(--wireframe-fill);font-size:var(--font-size-xs);font-family:monospace;width:fit-content}@media(prefers-reduced-motion:reduce){[data-wireframe] *{transition:none!important;animation:none!important}}[data-wireframe=lo]{--wireframe-stroke: oklch(0% 0 0);--wireframe-fill: oklch(100% 0 0);--wireframe-text: oklch(0% 0 0);--wireframe-muted: oklch(40% 0 0);--wireframe-accent: oklch(95% 0 0);--wireframe-border: 2px solid var(--wireframe-stroke);--font-sans: var(--wf-font-scribble, "Redacted Script", cursive);--font-serif: var(--wf-font-scribble, "Redacted Script", cursive);--font-mono: var(--wf-font-scribble, "Redacted Script", cursive)}html[data-wireframe=lo],html[data-wireframe=lo] body,[data-wireframe=lo] :is(p,span,a,li,td,th,label,legend,h1,h2,h3,h4,h5,h6,button,input,textarea,select){font-family:var(--wf-font-scribble, "Redacted Script", cursive)!important}[data-mode=dark] [data-wireframe=lo],html[data-wireframe=lo][data-mode=dark]{--wireframe-stroke: oklch(100% 0 0);--wireframe-fill: oklch(0% 0 0);--wireframe-text: oklch(100% 0 0);--wireframe-muted: oklch(70% 0 0);--wireframe-accent: oklch(15% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe=lo]:not([data-mode=light]),[data-wireframe=lo]:not([data-mode=light]){--wireframe-stroke: oklch(100% 0 0);--wireframe-fill: oklch(0% 0 0);--wireframe-text: oklch(100% 0 0);--wireframe-muted: oklch(70% 0 0);--wireframe-accent: oklch(15% 0 0)}}html[data-wireframe=lo]:before{content:"SKETCH";background:var(--wireframe-stroke);color:var(--wireframe-fill)}[data-wireframe=mid]{--font-sans: var(--wf-font-block, "Flow Block", system-ui);--font-serif: var(--wf-font-block, "Flow Block", system-ui);--font-mono: var(--wf-font-block, "Flow Block", system-ui)}html[data-wireframe=mid],html[data-wireframe=mid] body,[data-wireframe=mid] :is(p,span,a,li,td,th,label,legend,h1,h2,h3,h4,h5,h6,button,input,textarea,select){font-family:var(--wf-font-block, "Flow Block", system-ui)!important}html[data-wireframe=mid]:before{content:"WIREFRAME"}[data-wireframe=hi]{--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(98% 0 0);--wireframe-text: oklch(25% 0 0);--wireframe-muted: oklch(60% 0 0);--wireframe-accent: oklch(92% 0 0);--wireframe-border: 1px dashed var(--wireframe-stroke)}[data-mode=dark] [data-wireframe=hi],html[data-wireframe=hi][data-mode=dark]{--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(15% 0 0);--wireframe-text: oklch(85% 0 0);--wireframe-muted: oklch(55% 0 0);--wireframe-accent: oklch(22% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe=hi]:not([data-mode=light]),[data-wireframe=hi]:not([data-mode=light]){--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(15% 0 0);--wireframe-text: oklch(85% 0 0);--wireframe-muted: oklch(55% 0 0);--wireframe-accent: oklch(22% 0 0)}}html[data-wireframe=hi]:before{content:"PREVIEW";background:var(--wireframe-stroke);color:var(--wireframe-fill)}html[data-wireframe=hi]{filter:grayscale(.3) saturate(.7)}[data-wireframe=hi] picture:after{background:oklch(from var(--wireframe-accent) l c h / .5)}[data-wireframe] [data-wf-label]{position:relative}[data-wireframe] [data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset-block-start:var(--size-2xs, 4px);inset-inline-start:var(--size-2xs, 4px);padding:var(--size-3xs, 2px) var(--size-2xs, 4px);background:var(--wireframe-label-bg);color:var(--wireframe-label-color);font-size:var(--font-size-2xs, 10px);font-family:system-ui,sans-serif;font-weight:500;white-space:nowrap;z-index:1;pointer-events:none;border-radius:2px}[data-wireframe] figure:has(img[data-wf-label]):after,[data-wireframe] figure:has(img[alt]):not(:has(img[data-wf-label])):after{content:attr(data-wf-img-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-text);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:500;text-align:center;padding:var(--size-xs, 8px);pointer-events:none}[data-wireframe] picture[data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-text);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:500;pointer-events:none}[data-wireframe=lo] [data-wf-label]:before{font-weight:700;text-transform:uppercase;letter-spacing:.05em}[data-wireframe=hi] [data-wf-label]:before{background:var(--wireframe-muted);color:var(--wireframe-fill);font-size:var(--font-size-3xs, 9px)}[data-wireframe] figure[data-wf-img-dims]:not(:has(img[data-wf-label])):after{content:attr(data-wf-img-dims);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-muted);font-size:var(--font-size-xs, 12px);font-family:system-ui,sans-serif;font-weight:400;text-align:center;pointer-events:none}[data-wireframe] [data-wf-img-wrap]{position:relative}[data-wireframe] [data-wf-img-wrap][data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset-block-start:var(--size-2xs, 4px);inset-inline-start:var(--size-2xs, 4px);padding:var(--size-3xs, 2px) var(--size-2xs, 4px);background:var(--wireframe-label-bg);color:var(--wireframe-label-color);font-size:var(--font-size-2xs, 10px);font-family:system-ui,sans-serif;font-weight:500;white-space:nowrap;z-index:1;pointer-events:none;border-radius:2px}[data-wireframe=lo] [data-lorem-filled]{letter-spacing:.1em;opacity:.7}[data-wf-palette=blueprint]{--wireframe-stroke: oklch(55% .15 250);--wireframe-fill: oklch(25% .05 250);--wireframe-text: oklch(85% .05 250);--wireframe-muted: oklch(60% .08 250);--wireframe-accent: oklch(30% .08 250);--wireframe-label-bg: oklch(55% .15 250);--wireframe-label-color: oklch(95% .02 250)}[data-wf-palette=sepia]{--wireframe-stroke: oklch(40% .06 70);--wireframe-fill: oklch(92% .03 70);--wireframe-text: oklch(25% .04 70);--wireframe-muted: oklch(55% .04 70);--wireframe-accent: oklch(85% .04 70);--wireframe-label-bg: oklch(40% .06 70);--wireframe-label-color: oklch(92% .03 70)}[data-show-grid]{position:relative}[data-show-grid]:after{content:"";position:absolute;inset:0;z-index:99998;pointer-events:none;background:repeating-linear-gradient(to right,oklch(65% .15 250 / .08) 0,oklch(65% .15 250 / .08) calc(100% / 12 - 1rem),transparent calc(100% / 12 - 1rem),transparent calc(100% / 12))}[data-show-spacing] *{outline:1px solid oklch(65% .2 30 / .3)!important}[data-wf-callout-marker]{position:absolute;inset-block-start:-.75em;inset-inline-end:-.75em;z-index:10;display:flex;align-items:center;justify-content:center;width:2em;height:2em;border-radius:50%;background:#0c12f7!important;color:#f8f8f8!important;filter:saturate(10);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:700;line-height:1;cursor:pointer;pointer-events:auto;border:3px solid oklch(98% 0 0)!important;box-shadow:0 2px 8px #0006!important;text-decoration:none}[data-wf-callout-marker]:hover{background:oklch(40% .35 265)!important}:has(>[data-wf-callout-marker]:hover){outline:2px solid oklch(60% .2 260)!important;outline-offset:2px}[data-wf-palette=blueprint] [data-wf-callout-marker]{background:#0f74c5;border-color:#0d2339}[data-wf-palette=sepia] [data-wf-callout-marker]{background:#90502a;border-color:#f2e2d0}[data-wf-callout-panel]{margin-block-start:var(--size-xl, 2rem)}[data-wf-callout-marker],[data-wf-callout-panel]{display:none}[data-wireframe] [data-wf-callout-marker]{display:flex}[data-wireframe] [data-wf-callout-panel]{display:block}[data-wf-callout]{position:relative}
+/*# sourceMappingURL=vanilla-breeze-dev.css.map */

package/dist/cdn/vanilla-breeze-dev.js

@@ -0,0 +1,2 @@
+var f={"layout-card":{validChildren:["header","section","footer"],validSlots:["header","content","footer"],rules:{maxHeader:1,maxFooter:1,order:["header","section","footer"]}}};function w(){return document.documentElement.hasAttribute("data-debug")||localStorage.getItem("vanillaBreeze.debug")==="true"}function g(e,t,a){let o=[],r=Array.from(e.children),l={header:0,section:0,footer:0},i=[];for(let d of r){let n=d.tagName.toLowerCase(),u=d.getAttribute("slot");if(a.validChildren.includes(n)){l[n]++,i.push(n);continue}if(u&&a.validSlots.includes(u)){let h=u==="content"?"section":u;i.push(h);continue}}a.rules.maxHeader&&l.header>a.rules.maxHeader&&o.push({type:"duplicate",message:`Multiple <header> elements found (max: ${a.rules.maxHeader})`,element:e}),a.rules.maxFooter&&l.footer>a.rules.maxFooter&&o.push({type:"duplicate",message:`Multiple <footer> elements found (max: ${a.rules.maxFooter})`,element:e});let c=a.rules.order,s=-1;for(let d of i){let n=c.indexOf(d);if(n!==-1&&n<s){o.push({type:"order",message:`Invalid child order: <${d}> should appear before elements that follow it in the semantic order (header > section > footer)`,element:e});break}n!==-1&&(s=n)}return o}function b(e){for(let t of e)console.warn(`[Vanilla Breeze] Content model warning in <${t.element.tagName.toLowerCase()}>:`,t.message,t.element),t.element.setAttribute("data-debug-invalid",""),t.element.setAttribute("data-debug-message",t.message)}function y(e){e.removeAttribute("data-debug-invalid"),e.removeAttribute("data-debug-message")}function m(){for(let[e,t]of Object.entries(f)){let a=document.querySelectorAll(e);for(let o of a){y(o);let r=g(o,e,t);r.length>0&&b(r)}}}function A(){if(!w())return;console.info("[Vanilla Breeze] Debug mode enabled - content model validation active"),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",m):m(),new MutationObserver(t=>{let a=!1;for(let o of t)if(o.type==="childList"){let r=o.target;if(r.tagName&&f[r.tagName.toLowerCase()]){a=!0;break}for(let l of o.addedNodes)if(l.nodeType===Node.ELEMENT_NODE){let i=l;if(f[i.tagName.toLowerCase()]||i.querySelector(Object.keys(f).join(","))){a=!0;break}}}a&&m()}).observe(document.body,{childList:!0,subtree:!0})}A();var p={labelElements(){this.wrapStandaloneImages(),document.querySelectorAll("[data-wf-label]").forEach(e=>{this.applyLabel(e,e.dataset.wfLabel??"")}),document.querySelectorAll("img[alt]").forEach(e=>{let t=e;!t.dataset.wfLabel&&t.alt&&this.applyLabel(t,t.alt),this.applyImageDimensions(t)})},label(e,t){let a=typeof e=="string"?document.querySelector(e):e;a&&(a.dataset.wfLabel=t,this.applyLabel(a,t))},applyLabel(e,t){if(!t)return;let a=t.replace(/"/g,'\\"');if(e.style.setProperty("--wf-label-text",`"${a}"`),e.tagName==="IMG"){let o=e.closest("figure");o&&o.setAttribute("data-wf-img-label",t)}},applyImageDimensions(e){let t=()=>{if(e.naturalWidth&&e.naturalHeight){let a=`${e.naturalWidth}\xD7${e.naturalHeight}`,o=e.closest("figure");if(o){o.setAttribute("data-wf-img-dims",a);let r=o.getAttribute("data-wf-img-label");r&&o.setAttribute("data-wf-img-label",`${r} \u2014 ${a}`)}}};e.complete?t():e.addEventListener("load",t,{once:!0})},setFidelity(e){let t=document.documentElement;e?t.dataset.wireframe=e:delete t.dataset.wireframe},toggle(e="mid"){let t=document.documentElement;return t.hasAttribute("data-wireframe")?(delete t.dataset.wireframe,!1):(t.dataset.wireframe=e,!0)},isActive(){return document.documentElement.hasAttribute("data-wireframe")},getFidelity(){return document.documentElement.dataset.wireframe||null},toggleAnnotations(){let e=document.documentElement;return e.hasAttribute("data-wf-annotate")?(e.removeAttribute("data-wf-annotate"),!1):(e.setAttribute("data-wf-annotate",""),!0)},wrapStandaloneImages(){document.querySelectorAll("img:not(figure img):not([data-wf-wrapped])").forEach(e=>{let t=document.createElement("span");t.setAttribute("data-wf-img-wrap",""),t.style.cssText="position:relative;display:inline-block",e.setAttribute("data-wf-wrapped",""),e.parentNode.insertBefore(t,e),t.appendChild(e)})},addCallout(e,t){let a=typeof e=="string"?document.querySelector(e):e;a&&(a.dataset.wfCallout=t)},removeCallout(e){let t=typeof e=="string"?document.querySelector(e):e;if(!t)return;delete t.dataset.wfCallout;let a=t.querySelector("[data-wf-callout-marker]");a&&a.remove()},renderCallouts(){document.querySelectorAll("[data-wf-callout-marker]").forEach(t=>t.remove()),document.querySelectorAll("foot-note[data-wf-generated]").forEach(t=>t.remove()),document.querySelectorAll("[data-wf-callout-panel]").forEach(t=>t.remove());let e=0;document.querySelectorAll("[data-wf-callout]").forEach(t=>{e++;let a=t.dataset.wfCallout,o=document.createElement("mark");o.setAttribute("data-wf-callout-marker",""),o.textContent=String(e),o.title=a,t.appendChild(o);let r=document.createElement("foot-note");r.setAttribute("data-wf-generated",""),r.textContent=a,t.appendChild(r)})},renderCalloutPanel(e){if(document.querySelectorAll("[data-wf-callout-panel]").forEach(r=>r.remove()),document.querySelectorAll("[data-wf-callout]").length===0)return;let a=document.createElement("foot-notes");a.setAttribute("data-wf-callout-panel",""),a.setAttribute("data-back-label","Back to callout"),(e||document.querySelector("main")||document.body).appendChild(a)},toggleCallouts(){let e=document.querySelectorAll("[data-wf-callout-marker]"),t=document.querySelector("[data-wf-callout-panel]");if(e.length===0&&!t)return this.renderCallouts(),this.renderCalloutPanel(),!0;let a=e.length>0&&e[0].hidden;return e.forEach(o=>{o.hidden=!a}),t&&(t.hidden=!a),!a}};function E(){document.addEventListener("keydown",e=>{(e.ctrlKey||e.metaKey)&&e.shiftKey&&e.key==="W"&&(e.preventDefault(),p.toggle())})}typeof window<"u"&&(window.VanillaBreeze=window.VanillaBreeze||{},window.VanillaBreeze.wireframe=p,E());function v(e={}){let{service:t="picsum",width:a=400,height:o=300,seed:r,text:l,bg:i,color:c}=e;if(t==="placehold"){let s=new URLSearchParams;l&&s.set("text",l),c&&s.set("color",c);let d=s.toString(),n=i?`https://placehold.co/${a}x${o}/${i}`:`https://placehold.co/${a}x${o}`;return d?`${n}?${d}`:n}return r!=null?`https://picsum.photos/seed/${encodeURIComponent(r)}/${a}/${o}`:`https://picsum.photos/${a}/${o}`}var S={imageUrl:v};typeof window<"u"&&(window.VanillaBreeze=window.VanillaBreeze||{},window.VanillaBreeze.mock=S);
+//# sourceMappingURL=vanilla-breeze-dev.js.map