vanilla-breeze 0.1.0

package/dist/cdn/components/geo-map.js

@@ -0,0 +1,198 @@
+var X=Object.defineProperty;var A=(l,t)=>()=>(l&&(t=l(l=0)),t);var Y=(l,t)=>{for(var e in t)X(l,e,{get:t[e],enumerable:!0})};function $(l,t,e){let i=Math.pow(2,e),o=l*Math.PI/180,s=(t+180)/360*i,a=(1-Math.log(Math.tan(o)+1/Math.cos(o))/Math.PI)/2*i,n=Math.floor(s),r=Math.floor(a),c=Math.round((s-n)*256),h=Math.round((a-r)*256);return{tileX:n,tileY:r,pixelX:c,pixelY:h}}function S(l,t,e){let i=256*Math.pow(2,e),o=l/i*360-180;return{lat:Math.atan(Math.sinh(Math.PI*(1-2*t/i)))*180/Math.PI,lng:o}}function v(l,t,e,i){switch(l){case"carto-light":return`https://basemaps.cartocdn.com/light_all/${t}/${e}/${i}.png`;case"carto-dark":return`https://basemaps.cartocdn.com/dark_all/${t}/${e}/${i}.png`;default:return`https://tile.openstreetmap.org/${t}/${e}/${i}.png`}}var k=A(()=>{});var P={};Y(P,{MapInteraction:()=>E});var E,F=A(()=>{k();E=class{#o;#a;#t;#m;#g;#s=0;#i=0;#r=15;#u=1;#f=19;#l=0;#n=0;#c=new Map;#e=null;#v=0;#b=0;#y=!1;#w=0;#x=0;constructor({shadow:t,host:e,lat:i,lng:o,zoom:s,provider:a,onDeactivate:n}){this.#o=t,this.#a=e,this.#m=a,this.#g=n,this.#r=s,this.#t=t.querySelector('[part="tiles"]'),this.#e=t.querySelector('[part="marker"]');let r=256*Math.pow(2,s),c=i*Math.PI/180;this.#s=(o+180)/360*r,this.#i=(1-Math.log(Math.tan(c)+1/Math.cos(c))/Math.PI)/2*r,this.#v=this.#s,this.#b=this.#i,this.#l=this.#a.offsetWidth||400,this.#n=this.#a.offsetHeight||300,this.#t.innerHTML="",this.#t.style.transform="",this.#e&&(this.#e.style.position="absolute",this.#e.style.top="",this.#e.style.left="",this.#t.appendChild(this.#e)),this.#S(),this.#h()}#S(){this.#t.addEventListener("pointerdown",this.#N),this.#t.addEventListener("wheel",this.#A,{passive:!1}),this.#a.addEventListener("keydown",this.#L)}#N=t=>{t.button===0&&(t.preventDefault(),this.#y=!0,this.#w=t.clientX,this.#x=t.clientY,this.#t.setPointerCapture(t.pointerId),this.#t.setAttribute("data-dragging",""),this.#t.addEventListener("pointermove",this.#M),this.#t.addEventListener("pointerup",this.#k))};#M=t=>{if(!this.#y)return;let e=t.clientX-this.#w,i=t.clientY-this.#x;this.#w=t.clientX,this.#x=t.clientY,this.#s-=e,this.#i-=i,this.#d(),this.#h()};#k=t=>{this.#y=!1,this.#t.releasePointerCapture(t.pointerId),this.#t.removeAttribute("data-dragging"),this.#t.removeEventListener("pointermove",this.#M),this.#t.removeEventListener("pointerup",this.#k),this.#p()};#A=t=>{t.preventDefault();let e=t.ctrlKey?-t.deltaY*.01:-Math.sign(t.deltaY),i=Math.round(Math.max(this.#u,Math.min(this.#f,this.#r+e)));if(i===this.#r)return;let o=this.#a.getBoundingClientRect(),s=t.clientX-o.left,a=t.clientY-o.top;this.#E(i,s,a)};#L=t=>{switch(t.key){case"ArrowLeft":t.preventDefault(),this.#s-=80,this.#d(),this.#h(),this.#p();break;case"ArrowRight":t.preventDefault(),this.#s+=80,this.#d(),this.#h(),this.#p();break;case"ArrowUp":t.preventDefault(),this.#i-=80,this.#d(),this.#h(),this.#p();break;case"ArrowDown":t.preventDefault(),this.#i+=80,this.#d(),this.#h(),this.#p();break;case"+":case"=":t.preventDefault(),this.#E(this.#r+1,this.#l/2,this.#n/2);break;case"-":t.preventDefault(),this.#E(this.#r-1,this.#l/2,this.#n/2);break;case"Escape":t.preventDefault(),this.#g();break}};#E(t,e,i){if(t=Math.max(this.#u,Math.min(this.#f,t)),t===this.#r)return;let o=this.#s-this.#l/2,s=this.#i-this.#n/2,a=o+e,n=s+i,r=Math.pow(2,t-this.#r);this.#s=a*r-e+this.#l/2,this.#i=n*r-i+this.#n/2,this.#v*=r,this.#b*=r,this.#r=t,this.#$(),this.#d(),this.#h(),this.#p()}#d(){let t=256*Math.pow(2,this.#r);this.#s=(this.#s%t+t)%t,this.#i=Math.max(this.#n/2,Math.min(t-this.#n/2,this.#i))}#h(){let t=-(this.#s-this.#l/2),e=-(this.#i-this.#n/2);this.#t.style.transform=`translate(${Math.round(t)}px, ${Math.round(e)}px)`,this.#T(),this.#P(),this.#F()}#T(){let t=this.#r,e=Math.pow(2,t),i=this.#s-this.#l/2,o=this.#i-this.#n/2,s=i+this.#l,a=o+this.#n,n=Math.floor(i/256)-1,r=Math.max(0,Math.floor(o/256)-1),c=Math.ceil(s/256)+1,h=Math.min(e,Math.ceil(a/256)+1);for(let d=r;d<h;d++)for(let u=n;u<c;u++){let f=(u%e+e)%e,b=`${t}/${f}/${d}`;this.#c.has(b)||this.#C(t,u,d,f)}}#C(t,e,i,o){let s=`${t}/${o}/${i}`;if(this.#c.has(s))return;let a=e*256,n=i*256,r=document.createElement("img");r.src=v(this.#m,t,o,i),r.alt="",r.draggable=!1,r.style.left=a+"px",r.style.top=n+"px",r.style.width="256px",r.style.height="256px",r._wx=a,r._wy=n,this.#c.set(s,r),this.#t.appendChild(r)}#P(){let t=this.#s-this.#l/2,e=this.#i-this.#n/2,i=512;for(let[o,s]of this.#c){let a=s._wx,n=s._wy;(a+256<t-i||a>t+this.#l+i||n+256<e-i||n>e+this.#n+i)&&(s.remove(),this.#c.delete(o))}}#F(){if(!this.#e)return;let t=this.#e.offsetWidth||32;this.#e.style.left=`${Math.round(this.#v-t/2)}px`,this.#e.style.top=`${Math.round(this.#b-t)}px`,this.#e.style.transform=""}#p(){let{lat:t,lng:e}=S(this.#s,this.#i,this.#r);this.#a.dispatchEvent(new CustomEvent("geo-map:move",{bubbles:!0,detail:{lat:+t.toFixed(6),lng:+e.toFixed(6),zoom:this.#r}}))}#$(){for(let t of this.#c.values())t.remove();this.#c.clear()}destroy(){if(this.#t.removeEventListener("pointerdown",this.#N),this.#t.removeEventListener("wheel",this.#A),this.#a.removeEventListener("keydown",this.#L),this.#t.removeEventListener("pointermove",this.#M),this.#t.removeEventListener("pointerup",this.#k),this.#e&&this.#e.parentNode===this.#t){let t=this.#o.querySelector('[part="container"]');t&&(t.insertBefore(this.#e,this.#t.nextSibling),this.#e.style.position="",this.#e.style.left="",this.#e.style.top="",this.#e.style.transform="")}this.#$(),this.#a.removeAttribute("data-interactive-active")}}});var g=class extends HTMLElement{#o=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#o)t();this.#o=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,i,o){t.addEventListener(e,i,o),this.#o.push(()=>t.removeEventListener(e,i,o))}setup(){}teardown(){}};var L=`
+:host {
+  display: block;
+  position: relative;
+  overflow: hidden;
+  height: var(--geo-map-height, 300px);
+  border-radius: var(--geo-map-border-radius, 0.5rem);
+  background: linear-gradient(135deg, #e8e8e8 0%, #d0d0d0 100%);
+  color-scheme: light dark;
+}
+
+[part="container"] {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+/* Tile grid */
+[part="tiles"] {
+  position: absolute;
+  display: grid;
+  grid-template-columns: repeat(3, 256px);
+  grid-template-rows: repeat(3, 256px);
+}
+
+[part="tiles"] img {
+  display: block;
+  width: 256px;
+  height: 256px;
+  -webkit-user-drag: none;
+  user-select: none;
+}
+
+/* Marker */
+[part="marker"] {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: var(--geo-map-marker-size, 32px);
+  height: var(--geo-map-marker-size, 32px);
+  transform: translate(-50%, -100%);
+  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
+  pointer-events: none;
+  z-index: 2;
+}
+
+/* Caption (slot projection) */
+[part="caption"] {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: var(--geo-map-caption-bg, rgba(255, 255, 255, 0.9));
+  padding: var(--geo-map-caption-padding, 0.5rem 0.75rem);
+  font-size: 0.875rem;
+  z-index: 3;
+}
+
+[part="caption"]:empty,
+[part="caption"]:not(:has(*)) {
+  display: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  [part="caption"] {
+    background: var(--geo-map-caption-bg, rgba(0, 0, 0, 0.75));
+    color: #e0e0e0;
+  }
+}
+
+/* Attribution */
+[part="attribution"] {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  padding: 2px 5px;
+  font-size: var(--geo-map-attribution-font-size, 0.625rem);
+  background: rgba(255, 255, 255, 0.7);
+  color: #333;
+  z-index: 4;
+  line-height: 1.4;
+}
+
+[part="attribution"] a {
+  color: inherit;
+  text-decoration: none;
+}
+
+[part="attribution"] a:hover {
+  text-decoration: underline;
+}
+
+/* When caption is present, shift attribution above it */
+:host([data-has-caption]) [part="attribution"] {
+  bottom: auto;
+  top: 0;
+}
+
+/* Overlay \u2014 full surface, appears on hover/focus */
+[part="overlay"] {
+  position: absolute;
+  inset: 0;
+  z-index: 5;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--geo-map-overlay-bg, rgba(0, 0, 0, 0.35));
+  color: var(--geo-map-overlay-color, #fff);
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+[part="overlay"]:hover,
+[part="overlay"]:focus-within {
+  opacity: 1;
+}
+
+/* Activate button inside overlay */
+[part="activate"] {
+  background: none;
+  border: none;
+  color: inherit;
+  font: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+[part="activate"]:focus-visible {
+  outline: 2px solid #fff;
+  outline-offset: 4px;
+}
+
+/* Interactive mode \u2014 tiles become absolutely positioned for panning */
+:host([data-interactive-active]) [part="tiles"] {
+  display: block;
+  cursor: grab;
+  touch-action: none;
+}
+
+:host([data-interactive-active]) [part="tiles"] img {
+  position: absolute;
+}
+
+:host([data-interactive-active]) [part="tiles"][data-dragging] {
+  cursor: grabbing;
+}
+
+:host([data-interactive-active]) [part="overlay"] {
+  display: none;
+}
+
+/* Static-only \u2014 hide overlay entirely */
+:host([static-only]) [part="overlay"] {
+  display: none;
+}
+
+/* Reduced motion \u2014 disable transitions */
+@media (prefers-reduced-motion: reduce) {
+  [part="overlay"] {
+    transition: none;
+  }
+}
+
+/* Error state */
+[part="container"][data-state="error"] [part="tiles"] {
+  display: none;
+}
+
+[part="container"][data-state="error"]::after {
+  content: attr(data-error);
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #666;
+  font-size: 0.875rem;
+  text-align: center;
+  padding: 1rem;
+}
+`;k();var j=window.matchMedia("(prefers-reduced-motion: reduce)");var T=new Map;function C(l,t,e={}){let i=e.priority??10,o={impl:t,bundle:e.bundle,contract:e.contract,priority:i},s=T.get(l);if(customElements.get(l)){if(!s||s.priority>=i){s&&s.priority===i&&s.impl!==t&&console.warn(`[VB Bundle] Tag <${l}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${l}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=i){s.priority===i&&console.warn(`[VB Bundle] Tag <${l}> already registered by "${s.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}T.set(l,o),customElements.define(l,t)}function _(l){return`<svg viewBox="0 0 24 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M12 0C5.373 0 0 5.373 0 12c0 9 12 24 12 24s12-15 12-24C24 5.373 18.627 0 12 0z" fill="${l}"/>
+        <circle cx="12" cy="12" r="5" fill="white" opacity="0.9"/>
+    </svg>`}var N=class extends g{static get observedAttributes(){return["lat","lng","zoom","marker","marker-color","provider","interactive","static-only","src","place"]}#o=null;#a=!1;constructor(){super(),this.attachShadow({mode:"open"})}get lat(){return parseFloat(this.getAttribute("lat")??"")}get lng(){return parseFloat(this.getAttribute("lng")??"")}get zoom(){let t=parseInt(this.getAttribute("zoom")??"",10);return t>=1&&t<=19?t:15}get showMarker(){return this.getAttribute("marker")!=="false"}get markerColor(){return this.getAttribute("marker-color")||"#e74c3c"}get provider(){return this.getAttribute("provider")||"osm"}get interactive(){let t=this.getAttribute("interactive");return t==="eager"||t==="none"?t:"click"}get staticOnly(){return this.hasAttribute("static-only")}#t(){let t=parseFloat(this.getAttribute("lat")??""),e=parseFloat(this.getAttribute("lng")??"");if(!isNaN(t)&&!isNaN(e))return{lat:t,lng:e};let i=this.getAttribute("src");if(i){let n=this.#m(i);if(n)return n}let o=this.querySelector("address[data-lat][data-lng]");if(o){let n=parseFloat(o.dataset.lat??""),r=parseFloat(o.dataset.lng??"");if(!isNaN(n)&&!isNaN(r))return{lat:n,lng:r}}let s=this.getAttribute("place");if(s){let n=this.#g(s);if(n)return n}let a=document.querySelector('meta[name="geo.position"]');if(a){let r=(a.getAttribute("content")||"").split(";");if(r.length===2){let c=parseFloat(r[0]),h=parseFloat(r[1]);if(!isNaN(c)&&!isNaN(h))return{lat:c,lng:h}}}return null}#m(t){let e=document.getElementById(t);if(!e)return null;if(e.tagName==="ADDRESS"&&e.dataset.lat&&e.dataset.lng){let i=parseFloat(e.dataset.lat),o=parseFloat(e.dataset.lng);if(!isNaN(i)&&!isNaN(o))return{lat:i,lng:o}}return e.tagName==="SCRIPT"&&e.type==="application/ld+json"?this.#s(e):null}#g(t){let e=document.querySelectorAll('script[type="application/ld+json"]');for(let i of e)try{let o=JSON.parse(i.textContent);if(o.name===t){let s=o.geo;if(s){let a=parseFloat(s.latitude),n=parseFloat(s.longitude);if(!isNaN(a)&&!isNaN(n))return{lat:a,lng:n}}}}catch{}return null}#s(t){try{let i=JSON.parse(t.textContent).geo;if(i){let o=parseFloat(i.latitude),s=parseFloat(i.longitude);if(!isNaN(o)&&!isNaN(s))return{lat:o,lng:s}}}catch{}return null}setup(){this.render(),this.loadTiles(),this.#i()}attributeChangedCallback(t,e,i){e!==i&&this.isConnected&&(this.#o&&this.#f(),this.render(),this.loadTiles(),this.#i())}teardown(){this.#o&&(this.#o.destroy(),this.#o=null)}render(){let t=this.#t(),e=t?.lat??NaN,i=t?.lng??NaN,o=!isNaN(e)&&!isNaN(i);this.children.length>0?this.setAttribute("data-has-caption",""):this.removeAttribute("data-has-caption");let a=o?`Map of ${e.toFixed(4)}, ${i.toFixed(4)}`:"Map",n=this.showMarker&&o?`<div part="marker" aria-hidden="true">${_(this.markerColor)}</div>`:"",c=o&&this.interactive!=="none"&&!this.staticOnly?'<div part="overlay"><button part="activate" aria-label="Activate interactive map" tabindex="0">Click to interact</button></div>':"";this.shadowRoot.innerHTML=`
+            <style>${L}</style>
+            <div part="container">
+                <div part="tiles" role="img" aria-label="${a}"></div>
+                ${n}
+                ${c}
+                <div part="caption"><slot></slot></div>
+                <div part="attribution">
+                    <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">&copy; OpenStreetMap</a>
+                </div>
+            </div>
+        `}loadTiles(){let t=this.#t(),e=t?.lat??NaN,i=t?.lng??NaN;if(isNaN(e)||isNaN(i)){this.handleError("Missing or invalid lat/lng coordinates");return}let o=this.zoom,s=this.provider,{tileX:a,tileY:n,pixelX:r,pixelY:c}=$(e,i,o),h=this.shadowRoot.querySelector('[part="tiles"]');if(!h)return;h.innerHTML="";let d=this,u=d.offsetWidth||400,f=d.offsetHeight||300,b=Math.round(u/2-256-r),z=Math.round(f/2-256-c);h.style.transform=`translate(${b}px, ${z}px)`;let y=0,m=0,w=9;for(let x=-1;x<=1;x++)for(let M=-1;M<=1;M++){let D=a+M,q=n+x,R=v(s,o,D,q),p=document.createElement("img");p.src=R,p.alt="",p.loading="lazy",p.draggable=!1,p.addEventListener("load",()=>{y++,y+m===w&&this.dispatchEvent(new CustomEvent("geo-map:ready",{bubbles:!0,detail:{lat:e,lng:i,zoom:o}}))}),p.addEventListener("error",()=>{m++,m===w?this.handleError("Failed to load map tiles"):y+m===w&&this.dispatchEvent(new CustomEvent("geo-map:ready",{bubbles:!0,detail:{lat:e,lng:i,zoom:o}}))}),h.appendChild(p)}}#i(){let t=this.shadowRoot.querySelector('[part="overlay"]');if(!t)return;let e=t.querySelector('[part="activate"]');t.addEventListener("mouseenter",()=>this.#r(),{once:!0}),e&&e.addEventListener("focus",()=>this.#r(),{once:!0}),e&&e.addEventListener("click",()=>this.#u()),this.interactive==="eager"&&requestAnimationFrame(()=>this.#u())}#r(){if(this.#a)return;this.#a=!0;let t=this.provider,e;t==="carto-light"||t==="carto-dark"?e="https://basemaps.cartocdn.com":e="https://tile.openstreetmap.org";let i=document.createElement("link");i.rel="preconnect",i.href=e,i.crossOrigin="",document.head.appendChild(i)}async#u(){if(this.#o)return;let t=this.#t(),e=t?.lat??NaN,i=t?.lng??NaN;if(isNaN(e)||isNaN(i))return;let{MapInteraction:o}=await Promise.resolve().then(()=>(F(),P));this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.focus(),this.setAttribute("data-interactive-active",""),this.#o=new o({shadow:this.shadowRoot,host:this,lat:e,lng:i,zoom:this.zoom,provider:this.provider,onDeactivate:()=>this.#f()}),this.dispatchEvent(new CustomEvent("geo-map:activate",{bubbles:!0,detail:{lat:e,lng:i,zoom:this.zoom}}))}#f(){this.#o&&(this.#o.destroy(),this.#o=null,this.removeAttribute("data-interactive-active"),this.render(),this.loadTiles(),this.#i())}handleError(t){let e=this.shadowRoot.querySelector('[part="container"]');e&&(e.setAttribute("data-state","error"),e.setAttribute("data-error",t)),this.dispatchEvent(new CustomEvent("geo-map:error",{bubbles:!0,detail:{message:t}}))}};C("geo-map",N);export{N as GeoMap};
+//# sourceMappingURL=geo-map.js.map

package/dist/cdn/components/glossary-index.js

@@ -0,0 +1,2 @@
+var m=window.matchMedia("(prefers-reduced-motion: reduce)");var f=new Map;function h(s,n,e={}){let t=e.priority??10,o={impl:n,bundle:e.bundle,contract:e.contract,priority:t},r=f.get(s);if(customElements.get(s)){if(!r||r.priority>=t){r&&r.priority===t&&r.impl!==n&&console.warn(`[VB Bundle] Tag <${s}> already registered by "${r.bundle}" (priority ${r.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${s}> defined by "${r.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(r&&r.priority>=t){r.priority===t&&console.warn(`[VB Bundle] Tag <${s}> already registered by "${r.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}f.set(s,o),customElements.define(s,n)}var l=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let n of this.#e)n();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(n,e,t,o){n.addEventListener(e,t,o),this.#e.push(()=>n.removeEventListener(e,t,o))}setup(){}teardown(){}};var d=class extends l{#e=null;#t=null;setup(){this.#n(),this.#o()}teardown(){this.#t?.disconnect()}#n(){let n=this.getAttribute("placeholder")||"Filter terms\u2026",e=document.createElement("input");e.type="search",e.placeholder=n,e.setAttribute("aria-label",n),e.setAttribute("data-glossary-search",""),e.addEventListener("input",()=>this.#r(e.value));let t=this.querySelector("main");t?t.prepend(e):this.prepend(e),this.#e=e}#r(n){let e=n.toLowerCase().trim(),t=this.querySelectorAll('.glossary-section, section[id^="glossary-"]');for(let o of t){let r=o.querySelectorAll("dt"),i=!1;for(let c of r){let p=c.textContent?.toLowerCase()||"",a=!e||p.includes(e),u=c.nextElementSibling;c.hidden=!a,u?.tagName==="DD"&&(u.hidden=!a),a&&(i=!0)}o.hidden=!i}}#o(){let n=this.querySelectorAll(".glossary-jump a");if(!n.length)return;let e=this.querySelectorAll('.glossary-section, section[id^="glossary-"]');if(e.length){this.#t=new IntersectionObserver(t=>{for(let o of t)if(o.isIntersecting){let r=o.target.id;for(let i of n){let c=i.getAttribute("href")===`#${r}`;i.setAttribute("aria-current",c?"true":"false")}}},{rootMargin:"-20% 0px -60% 0px"});for(let t of e)this.#t.observe(t)}}};h("glossary-index",d);export{d as GlossaryIndex};
+//# sourceMappingURL=glossary-index.js.map

package/dist/cdn/components/heading-links.js

@@ -0,0 +1,2 @@
+var d=window.matchMedia("(prefers-reduced-motion: reduce)");var a=new Map;function l(i,t,e={}){let n=e.priority??10,o={impl:t,bundle:e.bundle,contract:e.contract,priority:n},r=a.get(i);if(customElements.get(i)){if(!r||r.priority>=n){r&&r.priority===n&&r.impl!==t&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${r.bundle}" (priority ${r.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${i}> defined by "${r.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(r&&r.priority>=n){r.priority===n&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${r.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}a.set(i,o),customElements.define(i,t)}var s=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#e)t();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,n,o){t.addEventListener(e,n,o),this.#e.push(()=>t.removeEventListener(e,n,o))}setup(){}teardown(){}};var c=class extends s{#e;#t=new WeakSet;setup(){this.#n(),this.#e=new MutationObserver(t=>{for(let e of t)e.type==="childList"&&this.#n()}),this.#e.observe(this,{childList:!0,subtree:!0})}teardown(){this.#e?.disconnect()}#n(){let e=(this.getAttribute("levels")||"h2,h3").split(",").map(o=>o.trim()).join(","),n=this.querySelectorAll(e);for(let o of n)this.#t.has(o)||(this.#o(o),this.#t.add(o))}#o(t){if(t.closest("dialog, [data-toc-ignore]")||t.hasAttribute("data-toc-ignore")||(t.id||(t.id=this.#r(t.textContent)),t.querySelector(".heading-anchor")))return;let e=document.createElement("a");e.className="heading-anchor",e.href=`#${t.id}`,e.setAttribute("aria-label",`Link to ${t.textContent.trim()}`),e.innerHTML='<icon-wc name="link" size="sm"></icon-wc>',e.addEventListener("click",n=>{n.preventDefault(),this.#i(t,e)}),t.appendChild(e),t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1")}#r(t){let e=t.toLowerCase().trim().replace(/[^\w\s-]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-").substring(0,50),n=e,o=1;for(;document.getElementById(n);)n=`${e}-${o}`,o++;return n}async#i(t,e){let n=new URL(window.location.href);n.hash=t.id,window.history.pushState(null,"",n),t.scrollIntoView({behavior:"smooth",block:"start"}),t.focus();try{await navigator.clipboard.writeText(n.href);let o=e.innerHTML;e.innerHTML='<icon-wc name="check" size="sm"></icon-wc>',e.classList.add("copied"),setTimeout(()=>{e.innerHTML=o,e.classList.remove("copied")},1500),this.#s("Link copied to clipboard")}catch{}this.dispatchEvent(new CustomEvent("heading-links:navigate",{bubbles:!0,detail:{id:t.id,url:n.href}}))}#s(t){let e=document.createElement("div");e.setAttribute("role","status"),e.setAttribute("aria-live","polite"),e.className="sr-only",e.textContent=t,this.appendChild(e),setTimeout(()=>e.remove(),1e3)}};l("heading-links",c);export{c as HeadingLinks};
+//# sourceMappingURL=heading-links.js.map

package/dist/cdn/components/icon-wc.js

@@ -0,0 +1,66 @@
+var l=`
+:host {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  inline-size: 1.5em;
+  block-size: 1.5em;
+  vertical-align: middle;
+  line-height: 1;
+  color: inherit;
+}
+
+:host([size="xs"]) {
+  inline-size: 1em;
+  block-size: 1em;
+}
+
+:host([size="sm"]) {
+  inline-size: 1.25em;
+  block-size: 1.25em;
+}
+
+:host([size="md"]) {
+  inline-size: 1.5em;
+  block-size: 1.5em;
+}
+
+:host([size="lg"]) {
+  inline-size: 2em;
+  block-size: 2em;
+}
+
+:host([size="xl"]) {
+  inline-size: 2.5em;
+  block-size: 2.5em;
+}
+
+:host([size="2xl"]) {
+  inline-size: 3em;
+  block-size: 3em;
+}
+
+svg {
+  inline-size: 100%;
+  block-size: 100%;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  fill: none;
+}
+
+/* Error state */
+:host([data-error]) {
+  opacity: 0.5;
+}
+
+/* Hidden state for missing icons */
+:host([hidden]) {
+  display: none;
+}
+`;var m=window.matchMedia("(prefers-reduced-motion: reduce)");var d=new Map;function h(o,i,e={}){let t=e.priority??10,s={impl:i,bundle:e.bundle,contract:e.contract,priority:t},n=d.get(o);if(customElements.get(o)){if(!n||n.priority>=t){n&&n.priority===t&&n.impl!==i&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=t){n.priority===t&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${n.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}d.set(o,s),customElements.define(o,i)}var r=new Map,a=new Map,c=class o extends HTMLElement{static#e=new Set;static#t=null;static#s(){o.#t||(o.#t=new MutationObserver(i=>{for(let e of i)if(e.attributeName==="data-icon-set")for(let t of o.#e)t.hasAttribute("set")||(t.render(),t.loadIcon())}),o.#t?.observe(document.documentElement,{attributes:!0,attributeFilter:["data-icon-set"]}))}static get observedAttributes(){return["name","set","size","label"]}constructor(){super(),this.attachShadow({mode:"open"})}get name(){return this.getAttribute("name")||""}get set(){return this.getAttribute("set")||document.documentElement.dataset.iconSet||"lucide"}get size(){return this.getAttribute("size")||"md"}get label(){return this.getAttribute("label")}get basePath(){return this.getAttribute("base-path")||document.documentElement.dataset.iconPath||"/cdn/icons"}get iconPath(){return`${this.basePath}/${this.set}/${this.name}.svg`}render(){this.shadowRoot.innerHTML=`
+            <style>${l}</style>
+            <slot></slot>
+        `}async loadIcon(){if(!this.name){this.setError("No icon name specified");return}let i=`${this.set}/${this.name}`;if(r.has(i)){this.displayIcon(r.get(i));return}try{let e=await this.#i(this.set,i);this.displayIcon(e)}catch(e){let t="lucide";if(this.set!==t){let s=`${t}/${this.name}`;if(r.has(s)){this.displayIcon(r.get(s));return}try{let n=await this.#i(t,s);this.displayIcon(n);return}catch{}}this.setError(e.message)}}async#i(i,e){return a.has(e)||a.set(e,this.#n(i).then(t=>(r.set(e,t),a.delete(e),t)).catch(t=>{throw a.delete(e),t})),a.get(e)}async#n(i){let e=`${this.basePath}/${i}/${this.name}.svg`,t=await fetch(e);if(!t.ok)throw new Error(`Icon not found: ${this.name}`);let s=await t.text();if(!s.includes("<svg"))throw new Error(`Invalid SVG: ${this.name}`);return s}displayIcon(i){let s=new DOMParser().parseFromString(i,"image/svg+xml").querySelector("svg");if(!s){this.setError("Invalid SVG content");return}s.removeAttribute("width"),s.removeAttribute("height"),this.label?(s.setAttribute("role","img"),s.setAttribute("aria-label",this.label)):s.setAttribute("aria-hidden","true"),this.removeAttribute("data-error");let n=this.shadowRoot?.querySelector("slot");n&&n.replaceWith(s)}setError(i){this.setAttribute("data-error","true"),console.warn(`icon-wc: ${i}`);let e=this.shadowRoot?.querySelector("slot");e&&(e.textContent="")}connectedCallback(){o.#e.add(this),o.#s(),this.render(),this.loadIcon(),this._onThemeChange=()=>{let i=this.shadowRoot?.querySelector("svg");i&&(i.style.stroke="none",requestAnimationFrame(()=>{i.style.stroke=""}))},window.addEventListener("vb:theme-change",this._onThemeChange),this.setAttribute("data-upgraded","")}disconnectedCallback(){this.removeAttribute("data-upgraded"),o.#e.delete(this),this._onThemeChange&&window.removeEventListener("vb:theme-change",this._onThemeChange)}attributeChangedCallback(i,e,t){if(e!==t&&this.isConnected){if(i==="name"||i==="set")this.render(),this.loadIcon();else if(i==="label"){let s=this.shadowRoot?.querySelector("svg");s&&(t?(s.setAttribute("role","img"),s.setAttribute("aria-label",t)):(s.removeAttribute("role"),s.setAttribute("aria-hidden","true")))}}}};h("icon-wc",c);export{c as IconWc};
+//# sourceMappingURL=icon-wc.js.map

package/dist/cdn/components/image-gallery.js

@@ -0,0 +1,2 @@
+var C=Object.defineProperty;var q=(t,e)=>()=>(t&&(e=t(t=0)),e);var Y=(t,e)=>{for(var i in e)C(t,i,{get:e[i],enumerable:!0})};var $={};Y($,{addDialogDismiss:()=>N,addLongPress:()=>k,addPullToRefresh:()=>B,addSwipeListener:()=>T,haptic:()=>E,initGestures:()=>P,makeSwipeable:()=>S});function T(t,e={}){let i=e.threshold??50,s=e.restraint??100,r=e.timeout??300,n,f,c;function a(l){l.isPrimary&&(n=l.clientX,f=l.clientY,c=Date.now())}function p(l){if(!l.isPrimary)return;let d=l.clientX-n,o=l.clientY-f,m=Date.now()-c;if(m>r)return;let v=Math.abs(d),u=Math.abs(o),h;if(v>=i&&u<=s?h=d<0?"left":"right":u>=i&&v<=s&&(h=o<0?"up":"down"),h){let y=h==="left"||h==="right"?v:u;t.dispatchEvent(new CustomEvent(`swipe-${h}`,{bubbles:!0,detail:{distance:y,duration:m}}))}}return t.addEventListener("pointerdown",a,{passive:!0}),t.addEventListener("pointerup",p,{passive:!0}),()=>{t.removeEventListener("pointerdown",a),t.removeEventListener("pointerup",p)}}function S(t,e={}){let i=e.threshold??100,s=e.direction??"horizontal",r=e.removeOnDismiss??!0,n=s==="horizontal",f=0,c=0,a=!1;function p(u){!u.isPrimary||t.hasAttribute("data-dismissed")||(u.preventDefault(),a=!0,f=n?u.clientX:u.clientY,c=0,t.setPointerCapture(u.pointerId),t.setAttribute("data-swiping",""))}function l(u){if(!a||!u.isPrimary)return;c=(n?u.clientX:u.clientY)-f;let y=1-Math.min(Math.abs(c)/i,1)*.5;n?t.style.transform=`translateX(${c}px)`:t.style.transform=`translateY(${c}px)`,t.style.opacity=String(y)}function d(u){!a||!u.isPrimary||(a=!1,t.releasePointerCapture(u.pointerId),t.removeAttribute("data-swiping"),Math.abs(c)>=i?m(c>0?"right":"left"):v())}function o(u){!a||!u.isPrimary||(a=!1,t.releasePointerCapture(u.pointerId),t.removeAttribute("data-swiping"),v())}function m(u){let h=u==="right"?"100%":"-100%";t.style.transition="transform 0.2s ease-out, opacity 0.2s ease-out",t.style.transform=n?`translateX(${h})`:`translateY(${h})`,t.style.opacity="0",t.setAttribute("data-dismissed",""),E.dismiss(),t.dispatchEvent(new CustomEvent("swipe-dismiss",{bubbles:!0,detail:{direction:u,distance:Math.abs(c)}})),r&&t.addEventListener("transitionend",()=>t.remove(),{once:!0})}function v(){t.style.transition="transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease",t.style.transform="",t.style.opacity="",t.addEventListener("transitionend",()=>{t.style.transition=""},{once:!0})}return t.addEventListener("pointerdown",p),t.addEventListener("pointermove",l),t.addEventListener("pointerup",d),t.addEventListener("pointercancel",o),()=>{t.removeEventListener("pointerdown",p),t.removeEventListener("pointermove",l),t.removeEventListener("pointerup",d),t.removeEventListener("pointercancel",o)}}function B(t,e,i={}){let s=i.threshold??70,r=i.maxPull??120,n=document.createElement("div");n.setAttribute("data-pull-indicator",""),n.setAttribute("aria-hidden","true");let f=document.createElement("div");f.setAttribute("data-pull-spinner",""),n.appendChild(f),t.prepend(n);let c=0,a=!1,p=!1;function l(h){!h.isPrimary||p||t.scrollTop<=0&&(c=h.clientY,a=!0)}function d(h){if(!a||!h.isPrimary||p)return;let y=h.clientY-c;if(y<=0){n.style.transform="",n.style.opacity="";return}let L=Math.min(y,r),A=L/s;n.style.transform=`translateY(${L}px)`,n.style.opacity=String(Math.min(A,1)),A>=1?n.setAttribute("data-pull-ready",""):n.removeAttribute("data-pull-ready")}function o(h){!a||!h.isPrimary||(a=!1,n.hasAttribute("data-pull-ready")&&!p?v():u())}function m(h){!a||!h.isPrimary||(a=!1,u())}async function v(){p=!0,n.removeAttribute("data-pull-ready"),n.setAttribute("data-pull-loading",""),n.style.transform=`translateY(${s}px)`,n.style.opacity="1";try{await e()}finally{p=!1,n.removeAttribute("data-pull-loading"),u()}}function u(){n.style.transition="transform 0.3s ease, opacity 0.3s ease",n.style.transform="",n.style.opacity="",n.removeAttribute("data-pull-ready"),n.addEventListener("transitionend",()=>{n.style.transition=""},{once:!0})}return t.addEventListener("pointerdown",l,{passive:!0}),t.addEventListener("pointermove",d,{passive:!0}),t.addEventListener("pointerup",o,{passive:!0}),t.addEventListener("pointercancel",m,{passive:!0}),()=>{t.removeEventListener("pointerdown",l),t.removeEventListener("pointermove",d),t.removeEventListener("pointerup",o),t.removeEventListener("pointercancel",m),n.remove()}}function k(t,e,i={}){let s=i.duration??500,r=i.hapticFeedback??!0,n=i.blockContextMenu??!0,f=null;function c(l){l.isPrimary&&(f=setTimeout(()=>{r&&E.tap(),e(l),f=null},s))}function a(){f&&(clearTimeout(f),f=null)}function p(l){n&&l.preventDefault()}return t.addEventListener("pointerdown",c,{passive:!0}),t.addEventListener("pointermove",a,{passive:!0}),t.addEventListener("pointerup",a,{passive:!0}),t.addEventListener("pointercancel",a,{passive:!0}),t.addEventListener("contextmenu",p),()=>{a(),t.removeEventListener("pointerdown",c),t.removeEventListener("pointermove",a),t.removeEventListener("pointerup",a),t.removeEventListener("pointercancel",a),t.removeEventListener("contextmenu",p)}}function N(t,e={}){let i=e.threshold??80,s=0,r=0,n=!1;function f(o){if(!o.isPrimary||!t.open)return;let m=o.target;m.closest("a, button, input, select, textarea, [contenteditable]")&&!m.closest("header")||(n=!0,s=o.clientY,r=0,t.setPointerCapture(o.pointerId),t.style.transition="none")}function c(o){if(!n||!o.isPrimary)return;if(r=o.clientY-s,r<=0){t.style.transform="",t.style.opacity="";return}let v=1-Math.min(r/i,1)*.4;t.style.transform=`translateY(${r}px)`,t.style.opacity=String(v)}function a(o){!n||!o.isPrimary||(n=!1,t.releasePointerCapture(o.pointerId),r>=i?l():d())}function p(o){!n||!o.isPrimary||(n=!1,t.releasePointerCapture(o.pointerId),d())}function l(){t.style.transition="transform 0.2s ease-out, opacity 0.2s ease-out",t.style.transform="translateY(100%)",t.style.opacity="0",E.dismiss(),t.addEventListener("transitionend",()=>{t.style.transition="",t.style.transform="",t.style.opacity="",t.close("dismiss")},{once:!0})}function d(){t.style.transition="transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease",t.style.transform="",t.style.opacity="",t.addEventListener("transitionend",()=>{t.style.transition=""},{once:!0})}return t.addEventListener("pointerdown",f),t.addEventListener("pointermove",c),t.addEventListener("pointerup",a),t.addEventListener("pointercancel",p),()=>{t.removeEventListener("pointerdown",f),t.removeEventListener("pointermove",c),t.removeEventListener("pointerup",a),t.removeEventListener("pointercancel",p)}}function P(t=document){let e=[];for(let i of t.querySelectorAll('[data-gesture="swipe"]'))e.push(T(i));for(let i of t.querySelectorAll('[data-gesture="dismiss"]'))e.push(S(i));for(let i of t.querySelectorAll('[data-gesture="long-press"]'))e.push(k(i,()=>{i.dispatchEvent(new CustomEvent("long-press",{bubbles:!0}))}));for(let i of t.querySelectorAll('dialog[data-gesture="dismiss-down"]'))e.push(N(i));return()=>e.forEach(i=>i())}var E,D=q(()=>{E={tap:()=>navigator.vibrate?.(8),confirm:()=>navigator.vibrate?.([8,40,8]),error:()=>navigator.vibrate?.([30,60,30]),dismiss:()=>navigator.vibrate?.(15)};P()});var F=window.matchMedia("(prefers-reduced-motion: reduce)");var x=new Map;function M(t,e,i={}){let s=i.priority??10,r={impl:e,bundle:i.bundle,contract:i.contract,priority:s},n=x.get(t);if(customElements.get(t)){if(!n||n.priority>=s){n&&n.priority===s&&n.impl!==e&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${i.bundle}".`);return}console.warn(`[VB Bundle] Tag <${t}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${i.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=s){n.priority===s&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${n.bundle}". Skipping "${i.bundle}" (first wins at equal priority).`);return}x.set(t,r),customElements.define(t,e)}var b=class extends HTMLElement{#t=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#t)e();this.#t=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,i,s,r){e.addEventListener(i,s,r),this.#t.push(()=>e.removeEventListener(i,s,r))}setup(){}teardown(){}};function g(t){return document.startViewTransition?document.startViewTransition(t):t()}var H=0,w=class extends b{#t=[];#e=0;#n=null;#m=null;#i=null;#u=null;#d=null;#p=null;#a=null;#s=null;#c=null;#o="";#l=!1;setup(){if(this.#o=`gallery-lb-${++H}`,this.#l=!!document.startViewTransition,this.#v(),this.#t.length===0)return!1;this.listen(this,"click",this.#y)}teardown(){this.#c&&(this.#c(),this.#c=null),this.#n&&(this.#n.remove(),this.#n=null),this.#t=[]}open(e){if(e<0||e>=this.#t.length)return;this.#n||this.#b(),this.#h(e);let i=this.#t[e],s=this.getAttribute("transition")||"morph";if(this.#l&&s==="morph"){let r=`gallery-morph-${this.#o}`;i.thumbEl.style.viewTransitionName=r,g(()=>{i.thumbEl.style.viewTransitionName="";let n=this.#i.querySelector("img");n&&(n.style.viewTransitionName=r),this.#n.showModal()}).finished?.then(()=>{let n=this.#i.querySelector("img");n&&(n.style.viewTransitionName="")})}else this.#n.showModal();this.#f(e)}close(){if(!this.#n?.open)return;let e=this.#t[this.#e],i=this.getAttribute("transition")||"morph";if(this.#l&&i==="morph"){let s=`gallery-morph-${this.#o}`,r=this.#i.querySelector("img");r&&(r.style.viewTransitionName=s),g(()=>{r&&(r.style.viewTransitionName=""),e.thumbEl.style.viewTransitionName=s,this.#n.close()}).finished?.then(()=>{e.thumbEl.style.viewTransitionName=""})}else this.#n.close()}next(){let e=this.hasAttribute("loop");this.#e<this.#t.length-1?this.#r(this.#e+1):e&&this.#r(0)}prev(){let e=this.hasAttribute("loop");this.#e>0?this.#r(this.#e-1):e&&this.#r(this.#t.length-1)}#v(){this.#t=[];for(let e of this.children){let i=e.tagName==="FIGURE",s=i?e.querySelector("a[href]"):e.matches("a[href]")?e:null;if(!s)continue;let r=s.querySelector("img");if(!r)continue;let n=i?e.querySelector("figcaption")?.innerHTML??null:null;this.#t.push({href:s.href,thumbSrc:r.src,alt:r.alt||"",caption:n,thumbEl:r})}}#y=e=>{let i=e.target.closest("a[href]");if(!i||!this.contains(i))return;let s=i.querySelector("img"),r=this.#t.findIndex(n=>n.thumbEl===s);r!==-1&&(e.preventDefault(),this.open(r))};#b(){let e=document.createElement("dialog");e.id=this.#o,e.className="gallery-lightbox",e.dataset.size="full";let i=this.getAttribute("controls")||"edge";e.dataset.controls=i;let s=document.createElement("header"),r=document.createElement("span");r.className="gallery-counter",r.setAttribute("aria-live","polite"),r.setAttribute("aria-atomic","true"),this.#u=r;let n=document.createElement("button");n.type="button",n.className="gallery-close",n.setAttribute("commandfor",this.#o),n.setAttribute("command","close"),n.setAttribute("aria-label","Close gallery"),n.innerHTML='<icon-wc name="x" size="sm"></icon-wc>',this.listen(n,"click",()=>this.close()),s.append(r);let f=this.getAttribute("captions")||"auto";s.append(n);let c=document.createElement("section");c.className="gallery-stage",this.#m=c;let a=document.createElement("button");a.type="button",a.className="gallery-prev",a.setAttribute("aria-label","Previous image"),a.innerHTML='<icon-wc name="chevron-left" size="sm"></icon-wc>',this.#d=a;let p=document.createElement("figure");p.className="gallery-frame",this.#i=p;let l=document.createElement("button");if(l.type="button",l.className="gallery-next",l.setAttribute("aria-label","Next image"),l.innerHTML='<icon-wc name="chevron-right" size="sm"></icon-wc>',this.#p=l,c.append(a,p,l),f==="auto"){let d=document.createElement("footer");d.className="gallery-caption",d.hidden=!0;let o=document.createElement("button");o.type="button",o.className="gallery-info-btn",o.setAttribute("aria-label","Show image details"),o.setAttribute("aria-expanded","false"),o.innerHTML='<icon-wc name="info" size="sm"></icon-wc>',this.#a=o;let m=document.createElement("div");m.className="gallery-caption-text",m.hidden=!0,d.append(o,m),this.#s=m,e.append(s,c,d),this.listen(o,"click",()=>{let v=!m.hidden;m.hidden=v,o.setAttribute("aria-expanded",String(!v)),o.setAttribute("aria-label",v?"Show image details":"Hide image details")})}else e.append(s,c);this.append(e),this.#n=e,this.listen(a,"click",()=>this.prev()),this.listen(l,"click",()=>this.next()),this.listen(e,"keydown",this.#E),this.listen(e,"click",d=>{d.target===e&&this.close()}),this.listen(e,"close",()=>{let d=this.#t[this.#e];d&&(d.thumbEl.style.viewTransitionName="");let o=this.#i?.querySelector("img");o&&(o.style.viewTransitionName="")}),Promise.resolve().then(()=>(D(),$)).then(({addSwipeListener:d})=>{this.#c=d(c,{threshold:40}),this.listen(c,"swipe-left",()=>this.next()),this.listen(c,"swipe-right",()=>this.prev())})}#h(e){let i=this.#t[e];this.#e=e;let s=document.createElement("img");s.src=i.href,s.alt=i.alt,this.#i.innerHTML="",this.#i.append(s);let r=this.getAttribute("captions")||"auto";if(r==="overlay"&&i.caption){let n=document.createElement("figcaption");n.innerHTML=i.caption,this.#i.append(n)}else if(r==="auto"){let n=this.#s?.parentElement;this.#s&&this.#a&&n&&(i.caption?(this.#s.innerHTML=i.caption,n.hidden=!1,this.#s.hidden=!0,this.#a.setAttribute("aria-expanded","false"),this.#a.setAttribute("aria-label","Show image details")):(this.#s.innerHTML="",n.hidden=!0))}this.#g()}#r(e){let i=this.getAttribute("transition")||"morph";this.#l&&i!=="none"?g(()=>{this.#h(e)}):this.#h(e),this.#f(e)}#g(){let e=this.hasAttribute("loop"),i=this.#e===0,s=this.#e===this.#t.length-1;this.#d&&(this.#d.disabled=!e&&i),this.#p&&(this.#p.disabled=!e&&s),this.#u&&(this.#u.textContent=`${this.#e+1} of ${this.#t.length}`)}#E=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.prev();break;case"ArrowRight":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.#r(0);break;case"End":e.preventDefault(),this.#r(this.#t.length-1);break}};#f(e){let i=s=>{if(s>=0&&s<this.#t.length){let r=new Image;r.src=this.#t[s].href}};i(e-1),i(e+1)}};M("image-gallery",w);export{w as ImageGallery};
+//# sourceMappingURL=image-gallery.js.map

package/dist/cdn/components/image-map.js

@@ -0,0 +1,2 @@
+var S=window.matchMedia("(prefers-reduced-motion: reduce)");var y=new Map;function b(r,i,e={}){let t=e.priority??10,s={impl:i,bundle:e.bundle,contract:e.contract,priority:t},n=y.get(r);if(customElements.get(r)){if(!n||n.priority>=t){n&&n.priority===t&&n.impl!==i&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${r}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=t){n.priority===t&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${n.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}y.set(r,s),customElements.define(r,i)}var f=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let i of this.#e)i();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(i,e,t,s){i.addEventListener(e,t,s),this.#e.push(()=>i.removeEventListener(e,t,s))}setup(){}teardown(){}};var p="http://www.w3.org/2000/svg";function v(r){return r.trim().split(/[\s,]+/).map(Number)}function A(r,i){let e=v(i);switch(r){case"rect":{let[t,s,n,c]=e;return{type:"rect",x:t,y:s,width:n-t,height:c-s}}case"circle":{let[t,s,n]=e;return{type:"circle",cx:t,cy:s,r:n}}case"poly":{let t=[];for(let s=0;s<e.length;s+=2)t.push([e[s],e[s+1]]);return{type:"poly",points:t}}default:return null}}function x(r){if(!r)return null;switch(r.type){case"rect":{let i=document.createElementNS(p,"rect");return i.setAttribute("x",String(r.x)),i.setAttribute("y",String(r.y)),i.setAttribute("width",String(r.width)),i.setAttribute("height",String(r.height)),i}case"circle":{let i=document.createElementNS(p,"circle");return i.setAttribute("cx",String(r.cx)),i.setAttribute("cy",String(r.cy)),i.setAttribute("r",String(r.r)),i}case"poly":{let i=document.createElementNS(p,"polygon");return i.setAttribute("points",r.points.map(e=>e.join(",")).join(" ")),i}default:return null}}function E(r){if(!r)return{x:0,y:0,width:0,height:0};switch(r.type){case"rect":return{x:r.x,y:r.y,width:r.width,height:r.height};case"circle":return{x:r.cx-r.r,y:r.cy-r.r,width:r.r*2,height:r.r*2};case"poly":{let i=100,e=100,t=0,s=0;for(let[n,c]of r.points)n<i&&(i=n),c<e&&(e=c),n>t&&(t=n),c>s&&(s=c);return{x:i,y:e,width:t-i,height:s-e}}default:return{x:0,y:0,width:0,height:0}}}var m=class extends HTMLElement{get shape(){return this.getAttribute("shape")||"rect"}get coords(){return this.getAttribute("coords")||""}get label(){return this.getAttribute("label")||""}get href(){return this.getAttribute("href")}get target(){return this.getAttribute("target")||""}get tooltipMode(){return this.getAttribute("tooltip")||"hover"}get disabled(){return this.hasAttribute("disabled")}connectedCallback(){this.setAttribute("data-upgraded","")}disconnectedCallback(){this.removeAttribute("data-upgraded")}},g=class extends f{#e=null;#i=null;#t=null;#n=[];#c=[];#r=null;#h=null;#o=null;setup(){if(this.#e=this.querySelector(":scope > img"),!this.#e){let i=this.getAttribute("src"),e=this.getAttribute("alt");if(i)this.#e=document.createElement("img"),this.#e.src=i,this.#e.alt=e||"",this.prepend(this.#e);else return!1}this.#e.classList.add("image-map-img"),this.#e.complete?this.#u():this.#e.addEventListener("load",()=>this.#u(),{once:!0})}teardown(){this.#h?.disconnect(),this.#s(),this.#i?.remove(),this.#t?.remove();for(let i of this.#c)i.anchor?.remove();this.#c=[],this.#n=[]}#u(){let i=[...this.querySelectorAll(":scope > map-area")];if(i.length===0){this.setAttribute("data-upgraded","");return}this.#i=document.createElementNS(p,"svg"),this.#i.setAttribute("viewBox","0 0 100 100"),this.#i.setAttribute("preserveAspectRatio","none"),this.#i.setAttribute("aria-hidden","true"),this.#i.classList.add("image-map-overlay"),this.#t=document.createElement("div"),this.#t.className="image-map-tooltip",this.#t.setAttribute("role","tooltip"),this.#t.setAttribute("aria-live","polite"),this.#t.id=`imap-tip-${crypto.randomUUID().slice(0,8)}`;for(let e of i){let t=e,s=t.shape,n=t.coords,c=A(s,n),a=x(c);if(!a)continue;let h=E(c),o=t.href?document.createElement("a"):document.createElement("button");t.href&&(o.href=t.href,t.target&&(o.target=t.target)),o.className="image-map-anchor",o.setAttribute("aria-label",t.label),o.setAttribute("aria-describedby",this.#t.id),o.textContent=t.label,o.style.left=`${h.x}%`,o.style.top=`${h.y}%`,o.style.width=`${h.width}%`,o.style.height=`${h.height}%`,t.disabled&&(a.setAttribute("data-disabled",""),o.setAttribute("tabindex","-1"),o.setAttribute("aria-disabled","true"));let d=e.innerHTML,l={area:e,parsed:c,svgShape:a,anchor:o,contentHTML:d};if(!t.disabled){let u=t.tooltipMode;this.listen(a,"pointerenter",()=>{u==="hover"&&this.#a(l),a.setAttribute("data-hover",""),this.#l("image-map:area-enter",t)}),this.listen(a,"pointerleave",()=>{u==="hover"&&this.#s(),a.removeAttribute("data-hover"),this.#l("image-map:area-leave",t)}),this.listen(a,"click",()=>{u==="click"&&(this.#r===l?this.#s():this.#a(l)),this.#l("image-map:area-activate",t),t.href&&u!=="click"&&(t.target==="_blank"?window.open(t.href,"_blank","noopener"):window.location.href=t.href)}),this.listen(a,"touchstart",w=>{u==="hover"&&(this.#o!==l?(w.preventDefault(),this.#o=l,this.#a(l)):this.#o=null)},{passive:!1}),this.listen(o,"focus",()=>{this.#a(l),a.setAttribute("data-hover","")}),this.listen(o,"blur",()=>{this.#s(),a.removeAttribute("data-hover")})}this.#i.appendChild(a),this.#c.push(l),this.#n.push(o)}this.appendChild(this.#i);for(let e of this.#n)this.appendChild(e);this.appendChild(this.#t),this.listen(this,"keydown",this.#f),this.#h=new ResizeObserver(()=>{this.#r&&this.#d(this.#r.svgShape)}),this.#h.observe(this.#e),this.setAttribute("role","group"),this.hasAttribute("aria-label")||this.setAttribute("aria-label",this.#e.alt||"Image map"),this.setAttribute("data-upgraded","")}#a(i){this.#t&&(this.#r=i,this.#t.innerHTML=i.contentHTML,this.#t.setAttribute("data-visible",""),this.#d(i.svgShape))}#s(){this.#t&&(this.#r=null,this.#t.removeAttribute("data-visible"))}#d(i){if(!this.#t||!i)return;let e=i.getBoundingClientRect(),t=this.#t.getBoundingClientRect(),s=8,n=8,c=window.innerWidth,a=window.innerHeight,h,o,d=e.top-t.height-s;d>=n?(h=d,o=e.left+(e.width-t.width)/2):e.bottom+s+t.height<=a-n?(h=e.bottom+s,o=e.left+(e.width-t.width)/2):e.right+s+t.width<=c-n?(h=e.top+(e.height-t.height)/2,o=e.right+s):(h=e.top+(e.height-t.height)/2,o=e.left-t.width-s),o=Math.max(n,Math.min(o,c-t.width-n)),h=Math.max(n,Math.min(h,a-t.height-n)),this.#t.style.top=`${h}px`,this.#t.style.left=`${o}px`}#f=i=>{let e=this.#n.filter(s=>!s.hasAttribute("aria-disabled")),t=e.indexOf(document.activeElement);switch(i.key){case"ArrowDown":case"ArrowRight":{i.preventDefault();let s=t<e.length-1?t+1:0;e[s]?.focus();break}case"ArrowUp":case"ArrowLeft":{i.preventDefault();let s=t>0?t-1:e.length-1;e[s]?.focus();break}case"Escape":this.#s(),this.#o=null;break}};#l(i,e){this.dispatchEvent(new CustomEvent(i,{detail:{area:e},bubbles:!0}))}};b("map-area",m);b("image-map",g);export{g as ImageMapWc,m as MapAreaWc};
+//# sourceMappingURL=image-map.js.map

package/dist/cdn/components/impact-effort.js

@@ -0,0 +1,2 @@
+var w=window.matchMedia("(prefers-reduced-motion: reduce)");var A=new Map;function E(a,i,e={}){let r=e.priority??10,t={impl:i,bundle:e.bundle,contract:e.contract,priority:r},s=A.get(a);if(customElements.get(a)){if(!s||s.priority>=r){s&&s.priority===r&&s.impl!==i&&console.warn(`[VB Bundle] Tag <${a}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${a}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=r){s.priority===r&&console.warn(`[VB Bundle] Tag <${a}> already registered by "${s.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}A.set(a,t),customElements.define(a,i)}var p=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let i of this.#e)i();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(i,e,r,t){i.addEventListener(e,r,t),this.#e.push(()=>i.removeEventListener(e,r,t))}setup(){}teardown(){}};var b=class a extends p{static QUADRANTS=["quick-wins","big-bets","fill-ins","money-pit"];static LABELS={"quick-wins":"Quick Wins","big-bets":"Big Bets","fill-ins":"Fill-Ins","money-pit":"Money Pit"};static DESCRIPTIONS={"quick-wins":"High impact \xB7 Low effort","big-bets":"High impact \xB7 High effort","fill-ins":"Low impact \xB7 Low effort","money-pit":"Low impact \xB7 High effort"};static#e=0;static get observedAttributes(){return["src","compact","title"]}#s=null;#t={};#i=null;#n="";#r=null;setup(){this.#n=`ie-${++a.#e}`;let i=[...this.querySelectorAll(":scope > [data-quadrant], :scope > [draggable]")],e=document.createElement("div");e.className="ie-wrapper";let r=document.createElement("div");r.className="ie-y-label",r.setAttribute("aria-hidden","true"),r.textContent="Impact \u2191";let t=document.createElement("div");t.style.cssText="display:flex;flex-direction:column;flex:1;min-width:0;";let s=document.createElement("div");s.className="ie-grid",s.setAttribute("role","region"),s.setAttribute("aria-label","Impact-Effort prioritization matrix");let u=document.createElement("div");u.className="ie-x-label",u.setAttribute("aria-hidden","true"),u.textContent="Effort \u2192";for(let n of a.QUADRANTS){let c=document.createElement("section");c.className="ie-quadrant",c.dataset.quadrantZone=n,c.setAttribute("aria-label",`${a.LABELS[n]}: ${a.DESCRIPTIONS[n]}`);let f=document.createElement("header");f.className="ie-quadrant-label",f.innerHTML=`${a.LABELS[n]}<br><span class="ie-quadrant-desc">${a.DESCRIPTIONS[n]}</span>`;let d=document.createElement("drag-surface");d.setAttribute("group",this.#n),d.setAttribute("aria-label",a.LABELS[n]),d.setAttribute("data-layout","stack"),d.setAttribute("data-layout-gap","xs"),c.appendChild(f),c.appendChild(d),s.appendChild(c),this.#t[n]=d}i.forEach((n,c)=>{let f=n.getAttribute("data-quadrant")||"quick-wins",d=this.#t[f]||this.#t["quick-wins"];n.hasAttribute("draggable")||n.setAttribute("draggable","true"),n.hasAttribute("data-id")||(n.dataset.id=`ie-item-${c}`),d.appendChild(n)});let l=document.createElement("div");l.className="ie-live-region",l.setAttribute("role","status"),l.setAttribute("aria-live","polite"),l.setAttribute("aria-atomic","true");let o=this.getAttribute("title");if(o){let n=document.createElement("h3");n.className="ie-title",n.textContent=o,this.prepend(n)}t.appendChild(s),t.appendChild(u),e.appendChild(r),e.appendChild(t),this.appendChild(e),this.appendChild(l),this.#s=s,this.#i=l,this.#r=e,this.listen(this,"drag-surface:transfer",n=>{let{item:c,fromSurface:f,toSurface:d}=n.detail,g=this.#o(f),m=this.#o(d);!g||!m||(c.setAttribute("data-quadrant",m),this.#d(`Moved ${this.#u(c)} to ${a.LABELS[m]}`),this.dispatchEvent(new CustomEvent("impact-effort:move",{bubbles:!0,detail:{itemId:c.dataset.id,from:g,to:m,item:c}})))});let h=this.getAttribute("src");h&&this.#a(h),this.#c()}teardown(){this.#r&&(this.#r.remove(),this.#r=null),this.#i&&(this.#i.remove(),this.#i=null),this.#s=null,this.#t={}}attributeChangedCallback(i,e,r){this.hasAttribute("data-upgraded")&&i==="src"&&r&&r!==e&&this.#a(r)}async#a(i){try{let e=await fetch(i);if(!e.ok)throw new Error(`HTTP ${e.status}`);let r=await e.json();if(!Array.isArray(r))return;for(let t of a.QUADRANTS){let s=this.#t[t];if(s)for(let u of[...s.querySelectorAll("[draggable]")])u.remove()}r.forEach((t,s)=>{let u=t.quadrant||"quick-wins",l=t.id||`ie-item-${s}`,o;t.persona||t.action||t.storyId?(o=document.createElement("user-story"),o.setAttribute("detail","minimal"),t.storyId&&o.setAttribute("story-id",t.storyId),t.persona&&o.setAttribute("persona",t.persona),t.action&&o.setAttribute("action",t.action),t.benefit&&o.setAttribute("benefit",t.benefit),t.priority&&o.setAttribute("priority",t.priority),t.status&&o.setAttribute("status",t.status),t.points&&o.setAttribute("points",String(t.points))):(o=document.createElement("article"),o.textContent=t.label||t.text||""),o.setAttribute("draggable","true"),o.dataset.id=l,o.dataset.quadrant=u,(this.#t[u]||this.#t["quick-wins"]).appendChild(o)}),this.#c()}catch(e){console.warn(`[impact-effort] Failed to load src="${i}":`,e)}}#o(i){for(let[e,r]of Object.entries(this.#t))if(r===i)return e;return null}#d(i){let e=this.#i;e&&(e.textContent="",requestAnimationFrame(()=>{e.textContent=i}))}#u(i){return i.dataset.id||i.textContent.trim().slice(0,40)}#c(){let i={};for(let e of a.QUADRANTS){let r=this.#t[e];i[e]=r?r.querySelectorAll('[draggable="true"]').length:0}this.dispatchEvent(new CustomEvent("impact-effort:ready",{bubbles:!0,detail:{quadrantCounts:i}}))}};E("impact-effort",b);export{b as ImpactEffort};
+//# sourceMappingURL=impact-effort.js.map

package/dist/cdn/components/include-file.js

@@ -0,0 +1,2 @@
+var h=window.matchMedia("(prefers-reduced-motion: reduce)");var l=new Map;function u(s,e,t={}){let r=t.priority??10,n={impl:e,bundle:t.bundle,contract:t.contract,priority:r},i=l.get(s);if(customElements.get(s)){if(!i||i.priority>=r){i&&i.priority===r&&i.impl!==e&&console.warn(`[VB Bundle] Tag <${s}> already registered by "${i.bundle}" (priority ${i.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${s}> defined by "${i.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(i&&i.priority>=r){i.priority===r&&console.warn(`[VB Bundle] Tag <${s}> already registered by "${i.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}l.set(s,n),customElements.define(s,e)}var o=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,r,n){e.addEventListener(t,r,n),this.#e.push(()=>e.removeEventListener(t,r,n))}setup(){}teardown(){}};var a=class extends o{#e;#t;#r=null;#s=!1;setup(){if(this.#s)return;let e=this.getAttribute("src");if(!e)return!1;this.#r===null&&(this.#r=this.innerHTML),this.hasAttribute("lazy")?this.#n():this.#i(e)}teardown(){this.#e?.disconnect(),this.#t?.abort()}static get observedAttributes(){return["src"]}attributeChangedCallback(e,t,r){e==="src"&&r&&t!==r&&this.isConnected&&(this.hasAttribute("lazy")&&!this.#o()?this.#n():this.#i(r))}#o(){let e=this.getBoundingClientRect();return e.top<window.innerHeight+200&&e.bottom>-200}#n(){this.#e?.disconnect(),this.#e=new IntersectionObserver(e=>{for(let t of e)if(t.isIntersecting){this.#e.disconnect();let r=this.getAttribute("src");r&&this.#i(r)}},{rootMargin:"200px"}),this.#e.observe(this)}async#i(e){this.#t?.abort(),this.#t=new AbortController,this.setAttribute("data-loading",""),this.removeAttribute("data-loaded"),this.removeAttribute("data-error");try{let t=await fetch(e,{signal:this.#t.signal});if(!t.ok)throw new Error(`HTTP ${t.status}: ${t.statusText}`);let r=await t.text(),n=this.getAttribute("mode")||"replace";n==="replace"?this.innerHTML=r:n==="append"?this.insertAdjacentHTML("beforeend",r):n==="prepend"&&this.insertAdjacentHTML("afterbegin",r),this.hasAttribute("allow-scripts")?this.querySelectorAll("script").forEach(i=>{let c=document.createElement("script");for(let d of i.attributes)c.setAttribute(d.name,d.value);c.textContent=i.textContent,i.replaceWith(c)}):this.querySelectorAll("script").forEach(i=>i.remove()),this.removeAttribute("data-loading"),this.setAttribute("data-loaded",""),this.#s=!0,this.dispatchEvent(new CustomEvent("include-file:loaded",{bubbles:!0,detail:{src:e,html:r}}))}catch(t){if(t.name==="AbortError")return;this.removeAttribute("data-loading"),this.setAttribute("data-error",""),(this.getAttribute("mode")||"replace")==="replace"&&this.#r!==null&&!this.#s&&(this.innerHTML=this.#r),this.dispatchEvent(new CustomEvent("include-file:error",{bubbles:!0,detail:{src:e,error:t.message}}))}}reload(){let e=this.getAttribute("src");e&&this.#i(e)}};u("include-file",a);export{a as IncludeFile};
+//# sourceMappingURL=include-file.js.map

package/dist/cdn/components/kanban-board.js

@@ -0,0 +1,2 @@
+var k=window.matchMedia("(prefers-reduced-motion: reduce)");var w=new Map;function y(u,i,n={}){let o=n.priority??10,s={impl:i,bundle:n.bundle,contract:n.contract,priority:o},t=w.get(u);if(customElements.get(u)){if(!t||t.priority>=o){t&&t.priority===o&&t.impl!==i&&console.warn(`[VB Bundle] Tag <${u}> already registered by "${t.bundle}" (priority ${t.priority}). Skipping "${n.bundle}".`);return}console.warn(`[VB Bundle] Tag <${u}> defined by "${t.bundle}" cannot be replaced (customElements.define is permanent). "${n.bundle}" has higher priority but arrived late.`);return}if(t&&t.priority>=o){t.priority===o&&console.warn(`[VB Bundle] Tag <${u}> already registered by "${t.bundle}". Skipping "${n.bundle}" (first wins at equal priority).`);return}w.set(u,s),customElements.define(u,i)}var m=class extends HTMLElement{#n=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let i of this.#n)i();this.#n=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(i,n,o,s){i.addEventListener(n,o,s),this.#n.push(()=>i.removeEventListener(n,o,s))}setup(){}teardown(){}};var f=class u extends m{static get observedAttributes(){return["src","compact","title"]}static#n=0;#e=null;#r={};#o={};#t=null;#l="";#i=[];setup(){this.#l=`kb-${++u.#n}`;let i=[...this.querySelectorAll(":scope > section[data-column]")];this.#i=i.map(t=>{let e=t.getAttribute("data-column")||"",c=t.getAttribute("data-column-label")||""||this.#d(e),d=t.getAttribute("data-wip"),l=d?parseInt(d,10):null,a=t.getAttribute("data-column-color")||null,p=[...t.children];return{id:e,label:c,wip:l,color:a,children:p}});for(let t of i)t.remove();this.#e=document.createElement("div"),this.#e.className="kb-columns",this.#e.setAttribute("role","region"),this.#e.setAttribute("aria-label","Kanban board");let n=0;for(let t of this.#i){let e=document.createElement("section");e.className="kb-column",e.setAttribute("data-column-id",t.id),t.color&&e.setAttribute("data-column-tint",t.color);let r=document.createElement("header");r.className="kb-column-header";let c=document.createElement("h3");c.textContent=t.label;let d=document.createElement("output");if(d.className="kb-count",d.textContent=String(t.children.length),c.appendChild(d),t.wip!==null&&!isNaN(t.wip)){let a=document.createElement("span");a.className="kb-wip",a.textContent=`/ ${t.wip}`,a.setAttribute("aria-label",`WIP limit ${t.wip}`),c.appendChild(a)}r.appendChild(c),e.appendChild(r);let l=document.createElement("drag-surface");if(l.setAttribute("group",this.#l),l.setAttribute("aria-label",`${t.label} items`),l.setAttribute("data-layout","stack"),l.setAttribute("data-layout-gap","xs"),t.children.length>0){for(let a of t.children)a.hasAttribute("draggable")||a.setAttribute("draggable","true"),a.hasAttribute("data-id")||(a.dataset.id=`kb-item-${n}`),l.appendChild(a);n+=t.children.length}else{let a=document.createElement("p");a.className="kb-empty",a.textContent="No items",l.appendChild(a)}e.appendChild(l),this.#e.appendChild(e),this.#r[t.id]=l,this.#o[t.id]=e,t.wip!==null&&t.children.length>t.wip&&e.setAttribute("data-wip-exceeded","")}let o=this.getAttribute("title");if(o){let t=document.createElement("h2");t.className="kb-title",t.textContent=o,this.appendChild(t)}this.appendChild(this.#e),this.#t=document.createElement("div"),this.#t.className="kb-live-region",this.#t.setAttribute("role","status"),this.#t.setAttribute("aria-live","polite"),this.#t.setAttribute("aria-atomic","true"),this.appendChild(this.#t),this.listen(this,"drag-surface:reorder",t=>{let e=t.detail,r=t.target.closest("drag-surface"),c=this.#s(r);c&&(this.#a(c),this.dispatchEvent(new CustomEvent("kanban-board:reorder",{bubbles:!0,detail:{itemId:e.itemId,column:c,oldIndex:e.oldIndex,newIndex:e.newIndex}})))}),this.listen(this,"drag-surface:transfer",t=>{let e=t.detail,r=e.fromSurface,c=e.toSurface,d=this.#s(r),l=this.#s(c);if(!d||!l)return;e.item&&e.item.setAttribute("data-column",l),this.#a(d),this.#a(l);let a=c.querySelector(".kb-empty");if(a&&a.remove(),r.querySelectorAll(':scope > [draggable="true"]').length===0&&!r.querySelector(".kb-empty")){let h=document.createElement("p");h.className="kb-empty",h.textContent="No items",r.appendChild(h)}let A=this.#h(e.item),C=this.#c(d),E=this.#c(l);this.#u(`${A} moved from ${C} to ${E}`),this.dispatchEvent(new CustomEvent("kanban-board:transfer",{bubbles:!0,detail:{itemId:e.itemId,fromColumn:d,toColumn:l,newIndex:e.newIndex,item:e.item}}));let g=c.querySelectorAll(':scope > [draggable="true"]').length,b=this.#i.find(h=>h.id===l);b?.wip!==null&&b?.wip!==void 0&&g>b.wip&&this.dispatchEvent(new CustomEvent("kanban-board:wip-exceeded",{bubbles:!0,detail:{column:l,limit:b.wip,count:g}}))});let s=this.getAttribute("src");if(s){this._loadSrc(s);return}this.dispatchEvent(new CustomEvent("kanban-board:ready",{bubbles:!0,detail:{columnCount:this.#i.length,itemCount:n}}))}teardown(){let i=this.querySelector(".kb-title");i&&i.remove(),this.#e&&(this.#e.remove(),this.#e=null),this.#t&&(this.#t.remove(),this.#t=null),this.#r={},this.#o={},this.#i=[]}attributeChangedCallback(i,n,o){n===o||!this.isConnected||i==="src"&&this._loadSrc(o)}async _loadSrc(i){if(i)try{let n=await fetch(i);if(!n.ok)throw new Error(`HTTP ${n.status}`);let o=await n.json();for(;this.firstChild;)this.firstChild.remove();for(let s of o.columns||[]){let t=document.createElement("section");t.setAttribute("data-column",s.id),s.label&&t.setAttribute("data-column-label",s.label),s.wip!=null&&t.setAttribute("data-wip",String(s.wip)),s.color&&t.setAttribute("data-column-color",s.color);for(let e of s.items||[]){let r;e.persona||e.action||e.storyId?(r=document.createElement("user-story"),r.setAttribute("detail",e.detail||"minimal"),e.storyId&&r.setAttribute("story-id",e.storyId),e.persona&&r.setAttribute("persona",e.persona),e.action&&r.setAttribute("action",e.action),e.benefit&&r.setAttribute("benefit",e.benefit),e.priority&&r.setAttribute("priority",e.priority),e.status&&r.setAttribute("status",e.status),e.points&&r.setAttribute("points",String(e.points))):(r=document.createElement("article"),r.className="kb-card",r.textContent=e.text||e.label||""),r.setAttribute("draggable","true"),r.dataset.id=e.id||e.storyId||"",t.appendChild(r)}this.appendChild(t)}this.teardown(),this.removeAttribute("data-upgraded"),this.setup()}catch(n){console.warn(`[kanban-board] Failed to load src="${i}":`,n)}}#s(i){if(!i)return null;for(let[n,o]of Object.entries(this.#r))if(o===i)return n;return null}#a(i){let n=this.#r[i],o=this.#o[i];if(!n||!o)return;let s=n.querySelectorAll(':scope > [draggable="true"]').length,t=o.querySelector(".kb-count");t&&(t.textContent=String(s));let e=this.#i.find(r=>r.id===i);e?.wip!==null&&e?.wip!==void 0&&(s>e.wip?o.setAttribute("data-wip-exceeded",""):o.removeAttribute("data-wip-exceeded"))}#c(i){return this.#i.find(o=>o.id===i)?.label||this.#d(i)}#u(i){this.#t&&(this.#t.textContent="",requestAnimationFrame(()=>{this.#t&&(this.#t.textContent=i)}))}#h(i){return i.getAttribute("story-id")||i.getAttribute("data-id")||i.textContent?.trim().slice(0,40)||"item"}#d(i){return i.replace(/[-_]/g," ").replace(/\b\w/g,n=>n.toUpperCase())}};y("kanban-board",f);export{f as KanbanBoard};
+//# sourceMappingURL=kanban-board.js.map