vanilla-breeze 0.1.3 → 0.2.0

package/dist/cdn/components/review-surface.js

@@ -182,12 +182,12 @@ var v=`
   }
 
   .rs-popover__btn--delete {
-    color: #dc2626;
+    color: var(--color-error-text, var(--color-error, #dc2626));
   }
 
   .rs-popover__btn--delete:hover {
-    background: #fef2f2;
-    color: #dc2626;
+    background: color-mix(in oklch, var(--color-error, #dc2626) 8%, var(--_card));
+    color: var(--color-error-text, var(--color-error, #dc2626));
   }
 
   /* \u2500\u2500 Comment thread \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
@@ -211,7 +211,7 @@ var v=`
     display: flex;
     align-items: center;
     justify-content: center;
-    color: #fff;
+    color: var(--color-text-inverted, #fff);
     flex-shrink: 0;
   }
 
@@ -293,7 +293,7 @@ var v=`
     border: none;
     border-radius: 6px;
     background: var(--_accent);
-    color: #fff;
+    color: var(--color-text-inverted, #fff);
     cursor: pointer;
     padding: 0;
     flex-shrink: 0;
@@ -355,7 +355,7 @@ var v=`
 
   .rs-toolbar__btn[aria-pressed="true"] {
     background: var(--_accent);
-    color: #fff;
+    color: var(--color-text-inverted, #fff);
     border-color: var(--_accent);
   }
 
@@ -445,63 +445,57 @@ var v=`
 
   /* \u2500\u2500 Utility \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
   .state-msg        { padding: var(--_space-l); font-size: var(--_font-sm); color: var(--_muted); font-style: italic; }
-  .state-msg--error { color: #dc2626; }
-
-  @media (prefers-color-scheme: dark) {
-    .rs-popover__btn--delete:hover {
-      background: #450a0a;
-    }
-  }
-`;var C=window.matchMedia("(prefers-reduced-motion: reduce)");var k=new Map;function $(a,e,t={}){let r=t.priority??10,s={impl:e,bundle:t.bundle,contract:t.contract,priority:r},o=k.get(a);if(customElements.get(a)){if(!o||o.priority>=r){o&&o.priority===r&&o.impl!==e&&console.warn(`[VB Bundle] Tag <${a}> already registered by "${o.bundle}" (priority ${o.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${a}> defined by "${o.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(o&&o.priority>=r){o.priority===r&&console.warn(`[VB Bundle] Tag <${a}> already registered by "${o.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}k.set(a,s),customElements.define(a,e)}function n(a){return String(a).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function g(a){return a.split(" ").map(e=>e[0]).join("").toUpperCase().slice(0,2)}function y(a){let e=0;for(let r=0;r<a.length;r++)e=a.charCodeAt(r)+((e<<5)-e);return`hsl(${(e%360+360)%360}, 65%, 55%)`}function l(a){return`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${a}</svg>`}var c={user:'<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',pencil:'<path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/>',check:'<path d="M20 6 9 17l-5-5"/>',target:'<circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/>',alertTriangle:'<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',messageCircle:'<path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"/>',lightbulb:'<path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/>',wrench:'<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"/>',heart:'<path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"/>',mapPin:'<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/>',checkCircle:'<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/>',x:'<path d="M18 6 6 18"/><path d="m6 6 12 12"/>',download:'<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/>',send:'<path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/>'},R={says:{label:"Says",icon:c.messageCircle,color:"#3b82f6"},thinks:{label:"Thinks",icon:c.lightbulb,color:"#8b5cf6"},does:{label:"Does",icon:c.wrench,color:"#f59e0b"},feels:{label:"Feels",icon:c.heart,color:"#ef4444"}};function P(){let a=globalThis.localStorage;if(!a)throw new Error("VBStore: localStorage is not available in this environment");return{async getRaw(e){return a.getItem(e)},async setRaw(e,t){a.setItem(e,t)},async removeRaw(e){a.removeItem(e)},async keys(e){let t=[];for(let r=0;r<a.length;r++){let s=a.key(r);s&&s.startsWith(e)&&t.push(s)}return t}}}var f=null;function p(){return f||(f=P()),f}function x(a,e){if(typeof a!="string"||!a)throw new TypeError("VBStore: namespace must be a non-empty string");if(typeof e!="string"||!e)throw new TypeError("VBStore: key must be a non-empty string");return`vb:${a}:${e}`}function E(a){if(typeof a!="string"||!a)throw new TypeError("VBStore: namespace must be a non-empty string");return`vb:${a}:`}function A(a){try{let e=JSON.parse(a);if(e&&typeof e=="object"&&typeof e.timestamp=="number")return e}catch{}return null}var _={configure(a={}){f=a.backend??null},async set(a,e,t){let r={data:t,timestamp:Date.now()};await p().setRaw(x(a,e),JSON.stringify(r))},async get(a,e,t){let r=await p().getRaw(x(a,e));if(r==null)return null;let s=A(r);return!s||t?.maxAge!=null&&Date.now()-s.timestamp>t.maxAge?null:s.data},async remove(a,e){await p().removeRaw(x(a,e))},async list(a){let e=E(a),t=await p().keys(e),r=[];for(let s of t){let o=await p().getRaw(s);if(o==null)continue;let i=A(o);i&&r.push({key:s.slice(e.length),data:i.data,timestamp:i.timestamp})}return r},async clear(a){let e=E(a),t=await p().keys(e);for(let r of t)await p().removeRaw(r)},async clearAll(){let a=await p().keys("vb:");for(let e of a)await p().removeRaw(e)},async setMany(a,e){for(let[t,r]of e)await _.set(a,t,r)}};var h=class{#e=new Map;async load(){return[...this.#e.values()]}async save(e){return e.id||(e.id=crypto.randomUUID()),this.#e.set(e.id,e),e}async update(e,t){let r=this.#e.get(e);if(!r)throw new Error(`Pin ${e} not found`);return Object.assign(r,t),r}async remove(e){this.#e.delete(e)}},b=class{#e;constructor(e="default"){this.#e=e}async#r(){let e=await _.get("reviews",this.#e);return Array.isArray(e)?e:[]}async#a(e){await _.set("reviews",this.#e,e)}async load(){return this.#r()}async save(e){e.id||(e.id=crypto.randomUUID());let t=await this.#r();return t.push(e),await this.#a(t),e}async update(e,t){let r=await this.#r(),s=r.findIndex(o=>o.id===e);if(s===-1)throw new Error(`Pin ${e} not found`);return Object.assign(r[s],t),await this.#a(r),r[s]}async remove(e){let t=(await this.#r()).filter(r=>r.id!==e);await this.#a(t)}},m=class{#e;constructor(e){if(!e)throw new Error("RestAdapter requires an endpoint URL");this.#e=e.replace(/\/$/,"")}async load(){let e=await fetch(this.#e);if(!e.ok)throw new Error(`HTTP ${e.status}`);let t=await e.json();return Array.isArray(t)?t:t.pins||[]}async save(e){let t=await fetch(this.#e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!t.ok)throw new Error(`HTTP ${t.status}`);return t.json()}async update(e,t){let r=await fetch(`${this.#e}/${encodeURIComponent(e)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!r.ok)throw new Error(`HTTP ${r.status}`);return r.json()}async remove(e){let t=await fetch(`${this.#e}/${encodeURIComponent(e)}`,{method:"DELETE"});if(!t.ok)throw new Error(`HTTP ${t.status}`)}},w=class extends HTMLElement{static get observedAttributes(){return["src","editable","adapter","endpoint","storage-key","author","compact","show-resolved"]}#e=new Map;constructor(){super(),this.attachShadow({mode:"open"}),this.__pins=[],this.__adapter=null,this._activePin=null,this._annotating=!1}get pins(){return this.__pins}set pins(e){this.__pins=Array.isArray(e)?e:[],this.isConnected&&this._render()}get adapter(){return this.__adapter}set adapter(e){this.__adapter=e,this.isConnected&&this._loadFromAdapter()}#r(){for(let e of this.children){let t=e.getAttribute("slot");t&&this.#e.set(t,e.textContent.trim())}}_resolve(e){return this.getAttribute(e)||this.#e.get(e)||""}connectedCallback(){this.#r(),this.setAttribute("data-upgraded",""),this.#a(),this.hasAttribute("src")?this._loadSrc(this.getAttribute("src")):this._loadFromAdapter()}disconnectedCallback(){this.removeAttribute("data-upgraded"),this.removeAttribute("data-annotating")}attributeChangedCallback(e){this.isConnected&&(e==="src"?this._loadSrc(this.getAttribute("src")):e==="adapter"||e==="endpoint"||e==="storage-key"?(this.#a(),this._loadFromAdapter()):this._render())}#a(){if(this.__adapter&&!(this.__adapter instanceof h)&&!(this.__adapter instanceof b)&&!(this.__adapter instanceof m))return;switch(this.getAttribute("adapter")||"memory"){case"local":this.__adapter=new b(this.getAttribute("storage-key")||"default");break;case"rest":try{this.__adapter=new m(this.getAttribute("endpoint"))}catch{this.__adapter=new h}break;default:this.__adapter=new h}}async _loadSrc(e){if(e){this.shadowRoot.innerHTML=`<style>${v}</style><div class="state-msg">Loading\u2026</div>`;try{let t=await fetch(e);if(!t.ok)throw new Error(`HTTP ${t.status}`);let r=await t.json();this.__pins=Array.isArray(r)?r:r.pins||[],this._render()}catch(t){this.shadowRoot.innerHTML=`<style>${v}</style><div class="state-msg state-msg--error">Could not load pins: ${n(t.message)}</div>`}}}async _loadFromAdapter(){if(this.__adapter){try{this.__pins=await this.__adapter.load()}catch{this.__pins=[]}this._render()}}async addPin(e){let t={id:crypto.randomUUID(),x:Math.max(0,Math.min(100,e.x)),y:Math.max(0,Math.min(100,e.y)),text:e.text||"",author:e.author||this.getAttribute("author")||"Anonymous",createdAt:new Date().toISOString(),resolved:!1,resolvedBy:null,resolvedAt:null,replies:[]};return this.__adapter&&await this.__adapter.save(t),this.__pins.push(t),this._render(),this.#t(`Pin ${this.#s().length} added`),this.dispatchEvent(new CustomEvent("review-surface:add",{bubbles:!0,composed:!0,detail:{pin:t}})),t}async removePin(e){let t=this.__pins.find(r=>r.id===e);t&&(this.__adapter&&await this.__adapter.remove(e),this.__pins=this.__pins.filter(r=>r.id!==e),this._activePin===e&&(this._activePin=null),this._render(),this.#t("Pin removed"),this.dispatchEvent(new CustomEvent("review-surface:remove",{bubbles:!0,composed:!0,detail:{pin:t}})))}async resolvePin(e){let t=this.__pins.find(s=>s.id===e);if(!t)return;let r={resolved:!0,resolvedBy:this.getAttribute("author")||"Anonymous",resolvedAt:new Date().toISOString()};this.__adapter&&await this.__adapter.update(e,r),Object.assign(t,r),this._render(),this.#t("Pin resolved"),this.dispatchEvent(new CustomEvent("review-surface:resolve",{bubbles:!0,composed:!0,detail:{pin:t}}))}async unresolvePin(e){let t=this.__pins.find(s=>s.id===e);if(!t)return;let r={resolved:!1,resolvedBy:null,resolvedAt:null};this.__adapter&&await this.__adapter.update(e,r),Object.assign(t,r),this._render(),this.#t("Pin re-opened"),this.dispatchEvent(new CustomEvent("review-surface:update",{bubbles:!0,composed:!0,detail:{pin:t,changes:r}}))}exportPins(){return structuredClone(this.__pins)}importPins(e){this.__pins=Array.isArray(e)?structuredClone(e):[],this._activePin=null,this._render()}#s(){let e=this.hasAttribute("show-resolved");return this.__pins.filter(t=>e||!t.resolved).sort((t,r)=>new Date(t.createdAt)-new Date(r.createdAt))}_render(){let e=this.hasAttribute("editable"),t=this.#s(),r=this._activePin?this.__pins.find(s=>s.id===this._activePin):null;this.setAttribute("pin-count",String(t.length)),this.shadowRoot.innerHTML=`<style>${v}</style>
+  .state-msg--error { color: var(--color-error-text, var(--color-error, #dc2626)); }
+`;var q=window.matchMedia("(prefers-reduced-motion: reduce)");var T=new Map;function C(r,e,t={}){let a=t.priority??10,s={impl:e,bundle:t.bundle,contract:t.contract,priority:a},o=T.get(r);if(customElements.get(r)){if(!o||o.priority>=a){o&&o.priority===a&&o.impl!==e&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${o.bundle}" (priority ${o.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${r}> defined by "${o.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(o&&o.priority>=a){o.priority===a&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${o.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}T.set(r,s),customElements.define(r,e)}function c(r){return String(r).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function g(r){return r.split(" ").map(e=>e[0]).join("").toUpperCase().slice(0,2)}function y(r){let e=0;for(let a=0;a<r.length;a++)e=r.charCodeAt(a)+((e<<5)-e);return`hsl(${(e%360+360)%360}, 65%, 55%)`}function p(r){return`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${r}</svg>`}var l={user:'<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',pencil:'<path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/>',check:'<path d="M20 6 9 17l-5-5"/>',target:'<circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/>',alertTriangle:'<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',messageCircle:'<path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"/>',lightbulb:'<path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/>',wrench:'<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"/>',heart:'<path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"/>',mapPin:'<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/>',checkCircle:'<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/>',x:'<path d="M18 6 6 18"/><path d="m6 6 12 12"/>',download:'<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/>',send:'<path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/>'},V={says:{label:"Says",icon:l.messageCircle,color:"#3b82f6"},thinks:{label:"Thinks",icon:l.lightbulb,color:"#8b5cf6"},does:{label:"Does",icon:l.wrench,color:"#f59e0b"},feels:{label:"Feels",icon:l.heart,color:"#ef4444"}};function I(){let r=globalThis.localStorage;if(!r)throw new Error("VBStore: localStorage is not available in this environment");return{async getRaw(e){return r.getItem(e)},async setRaw(e,t){r.setItem(e,t)},async removeRaw(e){r.removeItem(e)},async keys(e){let t=[];for(let a=0;a<r.length;a++){let s=r.key(a);s&&s.startsWith(e)&&t.push(s)}return t}}}var f=null;function u(){return f||(f=I()),f}function x(r,e){if(typeof r!="string"||!r)throw new TypeError("VBStore: namespace must be a non-empty string");if(typeof e!="string"||!e)throw new TypeError("VBStore: key must be a non-empty string");return`vb:${r}:${e}`}function P(r){if(typeof r!="string"||!r)throw new TypeError("VBStore: namespace must be a non-empty string");return`vb:${r}:`}function S(r){try{let e=JSON.parse(r);if(e&&typeof e=="object"&&typeof e.timestamp=="number")return e}catch{}return null}var _={configure(r={}){f=r.backend??null},async set(r,e,t){let a={data:t,timestamp:Date.now()};await u().setRaw(x(r,e),JSON.stringify(a))},async get(r,e,t){let a=await u().getRaw(x(r,e));if(a==null)return null;let s=S(a);return!s||t?.maxAge!=null&&Date.now()-s.timestamp>t.maxAge?null:s.data},async remove(r,e){await u().removeRaw(x(r,e))},async list(r){let e=P(r),t=await u().keys(e),a=[];for(let s of t){let o=await u().getRaw(s);if(o==null)continue;let i=S(o);i&&a.push({key:s.slice(e.length),data:i.data,timestamp:i.timestamp})}return a},async clear(r){let e=P(r),t=await u().keys(e);for(let a of t)await u().removeRaw(a)},async clearAll(){let r=await u().keys("vb:");for(let e of r)await u().removeRaw(e)},async setMany(r,e){for(let[t,a]of e)await _.set(r,t,a)}};var k="[data-copy], [data-copy-target], [data-paste-target]",L="Copied to clipboard",D="Pasted from clipboard",w=new WeakMap;async function A(r,e={}){if(r==null||r==="")return!1;let{button:t,announceMessage:a=L,duration:s=1500}=e;try{await navigator.clipboard.writeText(r)}catch{return!1}return R({button:t,duration:s,announceMessage:a,eventDetail:{text:r}}),!0}function R({button:r,duration:e,announceMessage:t,eventDetail:a,state:s="copied",eventName:o="copy"}){if(r){r.dataset.state=s;let i=w.get(r);i&&clearTimeout(i),w.set(r,setTimeout(()=>{delete r.dataset.state,w.delete(r)},e)),r.dispatchEvent(new CustomEvent(o,{bubbles:!0,detail:a}))}U(t,r??document.body)}async function j(r,e={}){let{button:t,announceMessage:a=D,duration:s=1500}=e,o;try{o=await navigator.clipboard.readText()}catch{return null}return r&&("value"in r&&(r instanceof HTMLInputElement||r instanceof HTMLTextAreaElement||r instanceof HTMLSelectElement)?r.value=o:r.textContent=o,r.dispatchEvent(new Event("input",{bubbles:!0}))),R({button:t,duration:s,announceMessage:a,eventDetail:{text:o},state:"pasted",eventName:"paste"}),o}function M(r=document){r.querySelectorAll(k).forEach(E)}function E(r){r.hasAttribute("data-copy-init")||(r.setAttribute("data-copy-init",""),r.addEventListener("click",()=>{if(r.dataset.pasteTarget){let t=document.querySelector(r.dataset.pasteTarget);if(!t)return;j(t,{button:r});return}let e=z(r);e&&A(e,{button:r})}))}function z(r){if(r.dataset.copy)return r.dataset.copy;if(r.dataset.copyTarget){let e=document.querySelector(r.dataset.copyTarget);if(!e)return"";let t=r.dataset.copyAttr;return t?e.getAttribute(t)??"":e.textContent??""}return""}function U(r,e){let t=document.createElement("div");t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.className="visually-hidden",t.textContent=r,e.appendChild(t),setTimeout(()=>t.remove(),1e3)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>M()):M();var B=new MutationObserver(r=>{for(let e of r)for(let t of e.addedNodes){if(t.nodeType!==Node.ELEMENT_NODE)continue;let a=t;a.matches(k)&&E(a),a.querySelectorAll(k).forEach(s=>E(s))}});B.observe(document.documentElement,{childList:!0,subtree:!0});var h=class{#e=new Map;async load(){return[...this.#e.values()]}async save(e){return e.id||(e.id=crypto.randomUUID()),this.#e.set(e.id,e),e}async update(e,t){let a=this.#e.get(e);if(!a)throw new Error(`Pin ${e} not found`);return Object.assign(a,t),a}async remove(e){this.#e.delete(e)}},m=class{#e;constructor(e="default"){this.#e=e}async#t(){let e=await _.get("reviews",this.#e);return Array.isArray(e)?e:[]}async#r(e){await _.set("reviews",this.#e,e)}async load(){return this.#t()}async save(e){e.id||(e.id=crypto.randomUUID());let t=await this.#t();return t.push(e),await this.#r(t),e}async update(e,t){let a=await this.#t(),s=a.findIndex(o=>o.id===e);if(s===-1)throw new Error(`Pin ${e} not found`);return Object.assign(a[s],t),await this.#r(a),a[s]}async remove(e){let t=(await this.#t()).filter(a=>a.id!==e);await this.#r(t)}},b=class{#e;constructor(e){if(!e)throw new Error("RestAdapter requires an endpoint URL");this.#e=e.replace(/\/$/,"")}async load(){let e=await fetch(this.#e);if(!e.ok)throw new Error(`HTTP ${e.status}`);let t=await e.json();return Array.isArray(t)?t:t.pins||[]}async save(e){let t=await fetch(this.#e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!t.ok)throw new Error(`HTTP ${t.status}`);return t.json()}async update(e,t){let a=await fetch(`${this.#e}/${encodeURIComponent(e)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!a.ok)throw new Error(`HTTP ${a.status}`);return a.json()}async remove(e){let t=await fetch(`${this.#e}/${encodeURIComponent(e)}`,{method:"DELETE"});if(!t.ok)throw new Error(`HTTP ${t.status}`)}},$=class extends HTMLElement{static get observedAttributes(){return["src","editable","adapter","endpoint","storage-key","author","compact","show-resolved"]}#e=new Map;constructor(){super(),this.attachShadow({mode:"open"}),this.__pins=[],this.__adapter=null,this._activePin=null,this._annotating=!1}get pins(){return this.__pins}set pins(e){let t=Array.isArray(e)?e:[];this.__pins!==t&&(this.__pins=t,this.isConnected&&this._render(),this.dispatchEvent(new CustomEvent("review-surface:pins-changed",{detail:{pins:t,source:"property"},bubbles:!0,composed:!0})))}get adapter(){return this.__adapter}set adapter(e){this.__adapter=e,this.isConnected&&this._loadFromAdapter()}#t(){for(let e of this.children){let t=e.getAttribute("slot");t&&this.#e.set(t,e.textContent.trim())}}_resolve(e){return this.getAttribute(e)||this.#e.get(e)||""}connectedCallback(){this.#t(),this.setAttribute("data-upgraded",""),this.#r(),this.hasAttribute("src")?this._loadSrc(this.getAttribute("src")):this._loadFromAdapter()}disconnectedCallback(){this.removeAttribute("data-upgraded"),this.removeAttribute("data-annotating")}attributeChangedCallback(e){this.isConnected&&(e==="src"?this._loadSrc(this.getAttribute("src")):e==="adapter"||e==="endpoint"||e==="storage-key"?(this.#r(),this._loadFromAdapter()):this._render())}#r(){if(this.__adapter&&!(this.__adapter instanceof h)&&!(this.__adapter instanceof m)&&!(this.__adapter instanceof b))return;switch(this.getAttribute("adapter")||"memory"){case"local":this.__adapter=new m(this.getAttribute("storage-key")||"default");break;case"rest":try{this.__adapter=new b(this.getAttribute("endpoint")??"")}catch{this.__adapter=new h}break;default:this.__adapter=new h}}async _loadSrc(e){if(!(!e||!this.shadowRoot)){this.shadowRoot.innerHTML=`<style>${v}</style><div class="state-msg">Loading\u2026</div>`;try{let t=await fetch(e);if(!t.ok)throw new Error(`HTTP ${t.status}`);let a=await t.json();this.__pins=Array.isArray(a)?a:a.pins||[],this._render()}catch(t){let a=t instanceof Error?t.message:String(t);this.shadowRoot.innerHTML=`<style>${v}</style><div class="state-msg state-msg--error">Could not load pins: ${c(a)}</div>`}}}async _loadFromAdapter(){if(this.__adapter){try{this.__pins=await this.__adapter.load()}catch{this.__pins=[]}this._render()}}async addPin(e){let t={id:crypto.randomUUID(),x:Math.max(0,Math.min(100,e.x)),y:Math.max(0,Math.min(100,e.y)),text:e.text||"",author:e.author||this.getAttribute("author")||"Anonymous",createdAt:new Date().toISOString(),resolved:!1,resolvedBy:null,resolvedAt:null,replies:[]};return this.__adapter&&await this.__adapter.save(t),this.__pins.push(t),this._render(),this.#a(`Pin ${this.#s().length} added`),this.dispatchEvent(new CustomEvent("review-surface:add",{bubbles:!0,composed:!0,detail:{pin:t}})),t}async removePin(e){let t=this.__pins.find(a=>a.id===e);t&&(this.__adapter&&await this.__adapter.remove(e),this.__pins=this.__pins.filter(a=>a.id!==e),this._activePin===e&&(this._activePin=null),this._render(),this.#a("Pin removed"),this.dispatchEvent(new CustomEvent("review-surface:remove",{bubbles:!0,composed:!0,detail:{pin:t}})))}async resolvePin(e){let t=this.__pins.find(s=>s.id===e);if(!t)return;let a={resolved:!0,resolvedBy:this.getAttribute("author")||"Anonymous",resolvedAt:new Date().toISOString()};this.__adapter&&await this.__adapter.update(e,a),Object.assign(t,a),this._render(),this.#a("Pin resolved"),this.dispatchEvent(new CustomEvent("review-surface:resolve",{bubbles:!0,composed:!0,detail:{pin:t}}))}async unresolvePin(e){let t=this.__pins.find(s=>s.id===e);if(!t)return;let a={resolved:!1,resolvedBy:null,resolvedAt:null};this.__adapter&&await this.__adapter.update(e,a),Object.assign(t,a),this._render(),this.#a("Pin re-opened"),this.dispatchEvent(new CustomEvent("review-surface:update",{bubbles:!0,composed:!0,detail:{pin:t,changes:a}}))}exportPins(){return structuredClone(this.__pins)}importPins(e){this.__pins=Array.isArray(e)?structuredClone(e):[],this._activePin=null,this._render()}#s(){let e=this.hasAttribute("show-resolved");return this.__pins.filter(t=>e||!t.resolved).sort((t,a)=>new Date(t.createdAt??0).getTime()-new Date(a.createdAt??0).getTime())}_render(){if(!this.shadowRoot)return;let e=this.hasAttribute("editable"),t=this.#s(),a=this._activePin?this.__pins.find(s=>s.id===this._activePin):null;this.setAttribute("pin-count",String(t.length)),this.shadowRoot.innerHTML=`<style>${v}</style>
       <div class="rs-container">
         <slot></slot>
         <div class="rs-overlay" role="img" aria-label="Review annotation surface">
           ${t.map((s,o)=>this._renderPin(s,o+1)).join("")}
         </div>
-        ${r?this._renderPopover(r,e):""}
+        ${a?this._renderPopover(a,e):""}
       </div>
       ${e?this._renderToolbar(t.length):""}
-      <div class="rs-live" aria-live="polite" aria-atomic="true"></div>`,this._bindListeners(e),this.dispatchEvent(new CustomEvent("review-surface:ready",{bubbles:!0,composed:!0,detail:{pinCount:t.length}}))}_renderPin(e,t){let r=e.text?e.text.slice(0,50):"Empty pin";return`<button class="rs-pin"
-      data-pin-id="${n(e.id)}"
+      <div class="rs-live" aria-live="polite" aria-atomic="true"></div>`,this._bindListeners(e),this.dispatchEvent(new CustomEvent("review-surface:ready",{bubbles:!0,composed:!0,detail:{pinCount:t.length}}))}_renderPin(e,t){let a=e.text?e.text.slice(0,50):"Empty pin";return`<button class="rs-pin"
+      data-pin-id="${c(e.id)}"
       ${e.resolved?"data-resolved":""}
       ${this._activePin===e.id?"data-active":""}
       style="left:${e.x}%;top:${e.y}%"
-      aria-label="Pin ${t}: ${n(r)}"
+      aria-label="Pin ${t}: ${c(a)}"
       aria-expanded="${this._activePin===e.id}"
       aria-haspopup="dialog">
       <span class="rs-pin__number">${t}</span>
-    </button>`}_renderPopover(e,t){let r=this.#s().findIndex(s=>s.id===e.id)+1;return`<div class="rs-popover" data-open
+    </button>`}_renderPopover(e,t){let a=this.#s().findIndex(s=>s.id===e.id)+1;return`<div class="rs-popover" data-open
       style="left:${Math.min(e.x,70)}%;top:${e.y}%"
       role="dialog"
-      aria-labelledby="rs-popover-title-${n(e.id)}">
+      aria-labelledby="rs-popover-title-${c(e.id)}">
 
       <div class="rs-popover__header">
-        <span class="rs-popover__title" id="rs-popover-title-${n(e.id)}">
-          Pin ${r}
-          ${e.resolved?`<span class="rs-resolved-badge">${l(c.checkCircle)} Resolved</span>`:""}
+        <span class="rs-popover__title" id="rs-popover-title-${c(e.id)}">
+          Pin ${a}
+          ${e.resolved?`<span class="rs-resolved-badge">${p(l.checkCircle)} Resolved</span>`:""}
         </span>
         <div class="rs-popover__actions">
           ${t&&!e.resolved?`
-            <button class="rs-popover__btn rs-popover__btn--resolve" data-action="resolve" data-pin-id="${n(e.id)}"
-              aria-label="Resolve pin" title="Resolve">${l(c.checkCircle)}</button>`:""}
+            <button class="rs-popover__btn rs-popover__btn--resolve" data-action="resolve" data-pin-id="${c(e.id)}"
+              aria-label="Resolve pin" title="Resolve">${p(l.checkCircle)}</button>`:""}
           ${t&&e.resolved?`
-            <button class="rs-popover__btn" data-action="unresolve" data-pin-id="${n(e.id)}"
-              aria-label="Re-open pin" title="Re-open">${l(c.messageCircle)}</button>`:""}
+            <button class="rs-popover__btn" data-action="unresolve" data-pin-id="${c(e.id)}"
+              aria-label="Re-open pin" title="Re-open">${p(l.messageCircle)}</button>`:""}
           ${t?`
-            <button class="rs-popover__btn rs-popover__btn--delete" data-action="delete" data-pin-id="${n(e.id)}"
-              aria-label="Delete pin" title="Delete">${l(c.x)}</button>`:""}
+            <button class="rs-popover__btn rs-popover__btn--delete" data-action="delete" data-pin-id="${c(e.id)}"
+              aria-label="Delete pin" title="Delete">${p(l.x)}</button>`:""}
           <button class="rs-popover__btn" data-action="close"
-            aria-label="Close">${l(c.x)}</button>
+            aria-label="Close">${p(l.x)}</button>
         </div>
       </div>
 
       <div class="rs-comment">
         <div class="rs-comment__meta">
           <span class="rs-comment__avatar" style="background:${y(e.author||"Anonymous")}">${g(e.author||"Anonymous")}</span>
-          <span class="rs-comment__author">${n(e.author||"Anonymous")}</span>
+          <span class="rs-comment__author">${c(e.author||"Anonymous")}</span>
           <span class="rs-comment__time">${this.#i(e.createdAt)}</span>
         </div>
-        <div class="rs-comment__text">${n(e.text)}</div>
+        <div class="rs-comment__text">${c(e.text)}</div>
       </div>
 
       ${e.replies?.length?`
@@ -510,10 +504,10 @@ var v=`
             <div class="rs-reply">
               <div class="rs-comment__meta">
                 <span class="rs-comment__avatar" style="background:${y(s.author||"Anonymous")}">${g(s.author||"Anonymous")}</span>
-                <span class="rs-comment__author">${n(s.author||"Anonymous")}</span>
+                <span class="rs-comment__author">${c(s.author||"Anonymous")}</span>
                 <span class="rs-comment__time">${this.#i(s.createdAt)}</span>
               </div>
-              <div class="rs-comment__text">${n(s.text)}</div>
+              <div class="rs-comment__text">${c(s.text)}</div>
             </div>
           `).join("")}
         </div>`:""}
@@ -521,21 +515,21 @@ var v=`
       ${t?`
         <div class="rs-input">
           <textarea class="rs-input__field" placeholder="Reply\u2026" rows="1"
-            aria-label="Reply to pin ${r}"></textarea>
-          <button class="rs-input__submit" data-action="reply" data-pin-id="${n(e.id)}"
-            aria-label="Send reply">${l(c.send)}</button>
+            aria-label="Reply to pin ${a}"></textarea>
+          <button class="rs-input__submit" data-action="reply" data-pin-id="${c(e.id)}"
+            aria-label="Send reply">${p(l.send)}</button>
         </div>`:""}
 
     </div>`}_renderToolbar(e){return`<div class="rs-toolbar" role="toolbar" aria-label="Review tools">
       <button class="rs-toolbar__btn" data-action="toggle-mode"
         aria-pressed="${this._annotating}"
         title="Toggle annotate mode">
-        ${l(c.mapPin)} Annotate
+        ${p(l.mapPin)} Annotate
       </button>
       <button class="rs-toolbar__btn" data-action="export"
         title="Export pins as JSON">
-        ${l(c.download)} Export
+        ${p(l.download)} Export
       </button>
       <output class="rs-toolbar__count">${e} pin${e!==1?"s":""}</output>
-    </div>`}_bindListeners(e){let t=this.shadowRoot;t.querySelectorAll(".rs-pin").forEach(o=>{o.addEventListener("click",i=>{i.stopPropagation();let d=o.dataset.pinId;this._activePin=this._activePin===d?null:d,this._render(),this._activePin&&this.dispatchEvent(new CustomEvent("review-surface:select",{bubbles:!0,composed:!0,detail:{pin:this.__pins.find(u=>u.id===d)}}))})});let r=t.querySelector(".rs-overlay");r&&e&&r.addEventListener("click",o=>{if(!this._annotating||o.target.closest(".rs-pin"))return;let i=r.getBoundingClientRect(),d=(o.clientX-i.left)/i.width*100,u=(o.clientY-i.top)/i.height*100;this.#n(d,u)}),t.querySelectorAll("[data-action]").forEach(o=>{o.addEventListener("click",i=>{i.stopPropagation();let d=o.dataset.action,u=o.dataset.pinId;switch(d){case"close":this._activePin=null,this._render();break;case"resolve":this.resolvePin(u);break;case"unresolve":this.unresolvePin(u);break;case"delete":this.removePin(u);break;case"toggle-mode":this._annotating=!this._annotating,this._annotating?this.setAttribute("data-annotating",""):this.removeAttribute("data-annotating"),this._render(),this.dispatchEvent(new CustomEvent("review-surface:mode",{bubbles:!0,composed:!0,detail:{mode:this._annotating?"annotate":"view"}}));break;case"export":this.#c();break;case"reply":this.#o(u);break}})});let s=t.querySelector(".rs-input__field");s&&s.addEventListener("keydown",o=>{if(o.key==="Enter"&&!o.shiftKey){o.preventDefault();let i=t.querySelector('[data-action="reply"]')?.dataset.pinId;i&&this.#o(i)}}),t.addEventListener("keydown",o=>{o.key==="Escape"&&(this._activePin?(this._activePin=null,this._render()):this._annotating&&(this._annotating=!1,this.removeAttribute("data-annotating"),this._render(),this.dispatchEvent(new CustomEvent("review-surface:mode",{bubbles:!0,composed:!0,detail:{mode:"view"}}))))})}async#n(e,t){let r=this.getAttribute("author")||"Anonymous",s=await this.addPin({x:e,y:t,text:"",author:r});this._activePin=s.id,this._render(),requestAnimationFrame(()=>{let o=this.shadowRoot.querySelector(".rs-input__field");o&&o.focus()})}async#o(e){let t=this.shadowRoot.querySelector(".rs-input__field");if(!t)return;let r=t.value.trim();if(!r)return;let s=this.__pins.find(i=>i.id===e);if(!s)return;let o={id:crypto.randomUUID(),text:r,author:this.getAttribute("author")||"Anonymous",createdAt:new Date().toISOString()};s.replies||(s.replies=[]),s.text?(s.replies.push(o),this.__adapter&&await this.__adapter.update(e,{replies:s.replies})):(s.text=r,this.__adapter&&await this.__adapter.update(e,{text:r})),this._render(),this.#t("Reply added"),requestAnimationFrame(()=>{let i=this.shadowRoot.querySelector(".rs-input__field");i&&i.focus()}),this.dispatchEvent(new CustomEvent("review-surface:update",{bubbles:!0,composed:!0,detail:{pin:s,changes:{replies:s.replies}}}))}async#c(){let e=JSON.stringify(this.exportPins(),null,2);try{await navigator.clipboard.writeText(e),this.#t("Pins copied to clipboard")}catch{let t=new Blob([e],{type:"application/json"}),r=URL.createObjectURL(t),s=document.createElement("a");s.href=r,s.download="review-pins.json",s.click(),URL.revokeObjectURL(r),this.#t("Pins exported as file")}}#i(e){if(!e)return"";try{let t=new Date(e),s=new Date-t,o=Math.floor(s/6e4);if(o<1)return"just now";if(o<60)return`${o}m ago`;let i=Math.floor(o/60);if(i<24)return`${i}h ago`;let d=Math.floor(i/24);return d<7?`${d}d ago`:t.toLocaleDateString()}catch{return""}}#t(e){let t=this.shadowRoot.querySelector(".rs-live");t&&(t.textContent=e)}};$("review-surface",w);export{b as LocalStorageAdapter,h as MemoryAdapter,m as RestAdapter,w as ReviewSurface};
+    </div>`}_bindListeners(e){let t=this.shadowRoot;if(!t)return;t.querySelectorAll(".rs-pin").forEach(o=>{o.addEventListener("click",i=>{i.stopPropagation();let d=o.dataset.pinId??null;this._activePin=this._activePin===d?null:d,this._render(),this._activePin&&this.dispatchEvent(new CustomEvent("review-surface:select",{bubbles:!0,composed:!0,detail:{pin:this.__pins.find(n=>n.id===d)}}))})});let a=t.querySelector(".rs-overlay");a&&e&&a.addEventListener("click",o=>{if(!this._annotating)return;let i=o;if(i.target?.closest(".rs-pin"))return;let n=a.getBoundingClientRect(),O=(i.clientX-n.left)/n.width*100,N=(i.clientY-n.top)/n.height*100;this.#n(O,N)}),t.querySelectorAll("[data-action]").forEach(o=>{o.addEventListener("click",i=>{i.stopPropagation();let d=o.dataset.action,n=o.dataset.pinId;switch(d){case"close":this._activePin=null,this._render();break;case"resolve":n&&this.resolvePin(n);break;case"unresolve":n&&this.unresolvePin(n);break;case"delete":n&&this.removePin(n);break;case"toggle-mode":this._annotating=!this._annotating,this._annotating?this.setAttribute("data-annotating",""):this.removeAttribute("data-annotating"),this._render(),this.dispatchEvent(new CustomEvent("review-surface:mode",{bubbles:!0,composed:!0,detail:{mode:this._annotating?"annotate":"view"}}));break;case"export":this.#c();break;case"reply":this.#o(n);break}})});let s=t.querySelector(".rs-input__field");s&&s.addEventListener("keydown",o=>{let i=o;if(i.key==="Enter"&&!i.shiftKey){i.preventDefault();let n=t.querySelector('[data-action="reply"]')?.dataset.pinId;n&&this.#o(n)}}),t.addEventListener("keydown",o=>{o.key==="Escape"&&(this._activePin?(this._activePin=null,this._render()):this._annotating&&(this._annotating=!1,this.removeAttribute("data-annotating"),this._render(),this.dispatchEvent(new CustomEvent("review-surface:mode",{bubbles:!0,composed:!0,detail:{mode:"view"}}))))})}async#n(e,t){let a=this.getAttribute("author")||"Anonymous",s=await this.addPin({x:e,y:t,text:"",author:a});this._activePin=s.id,this._render(),requestAnimationFrame(()=>{(this.shadowRoot?.querySelector(".rs-input__field")??null)?.focus()})}async#o(e){let t=this.shadowRoot?.querySelector(".rs-input__field")??null;if(!t)return;let a=t.value.trim();if(!a)return;let s=this.__pins.find(i=>i.id===e);if(!s)return;let o={id:crypto.randomUUID(),text:a,author:this.getAttribute("author")||"Anonymous",createdAt:new Date().toISOString()};s.replies||(s.replies=[]),s.text?(s.replies.push(o),this.__adapter&&await this.__adapter.update(e,{replies:s.replies})):(s.text=a,this.__adapter&&await this.__adapter.update(e,{text:a})),this._render(),this.#a("Reply added"),requestAnimationFrame(()=>{(this.shadowRoot?.querySelector(".rs-input__field")??null)?.focus()}),this.dispatchEvent(new CustomEvent("review-surface:update",{bubbles:!0,composed:!0,detail:{pin:s,changes:{replies:s.replies}}}))}async#c(){let e=JSON.stringify(this.exportPins(),null,2);if(await A(e,{announceMessage:"Pins copied to clipboard"}))return;let a=new Blob([e],{type:"application/json"}),s=URL.createObjectURL(a),o=document.createElement("a");o.href=s,o.download="review-pins.json",o.click(),URL.revokeObjectURL(s),this.#a("Pins exported as file")}#i(e){if(!e)return"";try{let t=new Date(e),s=new Date().getTime()-t.getTime(),o=Math.floor(s/6e4);if(o<1)return"just now";if(o<60)return`${o}m ago`;let i=Math.floor(o/60);if(i<24)return`${i}h ago`;let d=Math.floor(i/24);return d<7?`${d}d ago`:t.toLocaleDateString()}catch{return""}}#a(e){let t=this.shadowRoot?.querySelector(".rs-live");t&&(t.textContent=e)}};C("review-surface",$);export{m as LocalStorageAdapter,h as MemoryAdapter,b as RestAdapter,$ as ReviewSurface};
 //# sourceMappingURL=review-surface.js.map

package/dist/cdn/components/risk-register.js

@@ -0,0 +1,25 @@
+var m=window.matchMedia("(prefers-reduced-motion: reduce)");var c=new Map;function l(o,e,t={}){let r=t.priority??10,i={impl:e,bundle:t.bundle,contract:t.contract,priority:r},n=c.get(o);if(customElements.get(o)){if(!n||n.priority>=r){n&&n.priority===r&&n.impl!==e&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=r){n.priority===r&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${n.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}c.set(o,i),customElements.define(o,e)}var a=class extends HTMLElement{#e=[];#t;connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&(this.setAttribute("data-upgraded",""),queueMicrotask(()=>{this.dispatchEvent(new CustomEvent(`${this.localName}:upgraded`,{bubbles:!0}))}))}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,r,i){e.addEventListener(t,r,i),this.#e.push(()=>e.removeEventListener(t,r,i))}setup(){}teardown(){}setState(e,t){this.#t||(this.#t=this.attachInternals());let r=this.#t.states;try{t?r.add(e):r.delete(e)}catch{let i=`--${e}`;t?r.add(i):r.delete(i)}}_adoptInternals(e){this.#t||(this.#t=e)}};var u=5,d=class o extends a{setup(){let e=this.querySelector(":scope > template"),t=e?o.#t(e):[];if(this.hasAttribute("src")){this.#e(this.getAttribute("src"));return}this.#r(t)}async#e(e){try{let r=await(await fetch(e)).json();this.#r(Array.isArray(r)?r:[])}catch(t){console.warn("risk-register: failed to load src",e,t),this.#r([])}}static#t(e){let t=[],r=e.content.querySelectorAll("tr");for(let i of r){let n=[...i.children],s=n[0]?.textContent?.trim()||"",h=i.getAttribute("data-id")||s.toLowerCase().replace(/\s+/g,"-")||`risk-${t.length}`;t.push({id:h,title:s,likelihood:parseInt(n[1]?.textContent??"",10)||0,impact:parseInt(n[2]?.textContent??"",10)||0,owner:n[3]?.textContent?.trim()||"",mitigation:n[4]?.textContent?.trim()||""})}return t}#r(e){this.#n=e,[...this.children].forEach(i=>{i.tagName!=="TEMPLATE"&&i.remove()});let t=this.getAttribute("label");if(t){let i=document.createElement("header");i.className="rr-label",i.textContent=t,this.appendChild(i)}let r=document.createElement("div");r.className="rr-layout",r.appendChild(this.#o(e)),r.appendChild(this.#s(e)),this.appendChild(r),queueMicrotask(()=>{this.dispatchEvent(new CustomEvent("risk-register:ready",{bubbles:!0,detail:{count:e.length}}))})}#o(e){let t=document.createElement("data-table"),r=document.createElement("table");return r.innerHTML=`
+      <thead>
+        <tr>
+          <th data-sort="string">Title</th>
+          <th data-sort="number">Likelihood</th>
+          <th data-sort="number">Impact</th>
+          <th data-sort="number" data-rollup="product" data-heatmap="low-good">Severity</th>
+          <th data-sort="string">Owner</th>
+          <th data-sort="string">Mitigation</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${e.map(i=>`
+          <tr data-id="${o.#i(i.id)}">
+            <td>${o.#i(i.title)}</td>
+            <td>${i.likelihood||""}</td>
+            <td>${i.impact||""}</td>
+            <td></td>
+            <td>${o.#i(i.owner)}</td>
+            <td>${o.#i(i.mitigation)}</td>
+          </tr>
+        `).join("")}
+      </tbody>
+    `,t.appendChild(r),t}#s(e){let t=document.createElement("quadrant-grid");t.setAttribute("x-label","Likelihood"),t.setAttribute("y-label","Impact"),t.setAttribute("x-low","Rare"),t.setAttribute("x-high","Likely"),t.setAttribute("y-low","Minor"),t.setAttribute("y-high","Severe"),t.setAttribute("q1-label","Avoid"),t.setAttribute("q2-label","Plan"),t.setAttribute("q3-label","Accept"),t.setAttribute("q4-label","Mitigate");for(let r of e){if(!r.likelihood||!r.impact)continue;let i=document.createElement("span"),n=Math.min(1,Math.max(0,r.likelihood/u)),s=Math.min(1,Math.max(0,r.impact/u));i.setAttribute("data-x",n.toFixed(3)),i.setAttribute("data-y",s.toFixed(3)),i.setAttribute("data-id",r.id),i.setAttribute("title",`${r.title} \u2014 likelihood ${r.likelihood}, impact ${r.impact}`),i.textContent=r.title,t.appendChild(i)}return t}static#i(e){return String(e??"").replace(/[&<>"']/g,t=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[t])}#n=[];get rows(){return[...this.#n]}set rows(e){this.#r(Array.isArray(e)?e:[])}};l("risk-register",d);export{d as RiskRegister};
+//# sourceMappingURL=risk-register.js.map

package/dist/cdn/components/roadmap.js

@@ -0,0 +1,3 @@
+var y=window.matchMedia("(prefers-reduced-motion: reduce)");var g=new Map;function b(o,t,e={}){let n=e.priority??10,r={impl:t,bundle:e.bundle,contract:e.contract,priority:n},s=g.get(o);if(customElements.get(o)){if(!s||s.priority>=n){s&&s.priority===n&&s.impl!==t&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=n){s.priority===n&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${s.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}g.set(o,r),customElements.define(o,t)}var p=class extends HTMLElement{#s=[];#a;connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&(this.setAttribute("data-upgraded",""),queueMicrotask(()=>{this.dispatchEvent(new CustomEvent(`${this.localName}:upgraded`,{bubbles:!0}))}))}disconnectedCallback(){for(let t of this.#s)t();this.#s=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,n,r){t.addEventListener(e,n,r),this.#s.push(()=>t.removeEventListener(e,n,r))}setup(){}teardown(){}setState(t,e){this.#a||(this.#a=this.attachInternals());let n=this.#a.states;try{e?n.add(t):n.delete(t)}catch{let r=`--${t}`;e?n.add(r):n.delete(r)}}_adoptInternals(t){this.#a||(this.#a=t)}};var f=class o extends p{setup(){let t=this.getAttribute("start"),e=this.getAttribute("end");if(!t||!e)return console.warn("roadmap: start and end attributes required"),!1;let n=o.#l(t,"start"),r=o.#l(e,"end");if(!n||!r||r<=n)return console.warn("roadmap: invalid start/end",t,e),!1;this.#t=n,this.#e=r,this.#p=r.getTime()-n.getTime(),this.#f=this.getAttribute("view")==="month"?"month":"quarter",this.#u=this.hasAttribute("editable");let s=[...this.querySelectorAll(":scope > section[data-lane]")];if(!s.length)return console.warn("roadmap: no <section data-lane> children found"),!1;this.#o=s,this.#s()}attributeChangedCallback(){this.isConnected&&this.#o.length&&this.#s()}#s(){[...this.children].forEach(r=>{this.#o.includes(r)||r.remove()}),this.#o.forEach(r=>{r.hidden=!0});let t=document.createElement("div");t.className="rm-wrapper";let e=this.#a();t.appendChild(e);let n=document.createElement("div");n.className="rm-lanes";for(let r of this.#o){let s=r.getAttribute("data-lane")||"",i=document.createElement("section");i.className="rm-lane",i.dataset.lane=s;let d=document.createElement("header");d.className="rm-lane-label",d.textContent=s,i.appendChild(d);let c=document.createElement("div");c.className="rm-track",c.dataset.lane=s;let a=[...r.querySelectorAll(":scope > article[data-start][data-end]")];for(let h of a){let l=this.#y(h,s);l&&c.appendChild(l)}this.#u&&(c.addEventListener("dragover",this.#v),c.addEventListener("drop",this.#F)),i.appendChild(c),n.appendChild(i)}if(t.appendChild(n),this.hasAttribute("today-marker")){let r=new Date;if(r>=this.#t&&r<=this.#e){let s=document.createElement("div");s.className="rm-today",s.style.setProperty("--rm-x",this.#n(r).toFixed(4)),s.title=`Today: ${o.#d(r)}`,n.appendChild(s)}}this.appendChild(t),this.#C=t}#a(){let t=document.createElement("header");t.className="rm-axis";let e=this.#x();for(let n of e){let r=document.createElement("div");r.className="rm-tick",r.style.setProperty("--rm-x",n.startFraction.toFixed(4)),r.style.setProperty("--rm-w",(n.endFraction-n.startFraction).toFixed(4)),r.textContent=n.label,t.appendChild(r)}return t}#y(t,e){let n=o.#l(t.getAttribute("data-start"),"start"),r=o.#l(t.getAttribute("data-end"),"end");if(!n||!r)return null;let s=n<this.#t?this.#t:n,i=r>this.#e?this.#e:r;if(s>=i)return null;let d=this.#n(s),c=this.#n(i)-d,a=document.createElement("article");a.className="rm-bar",a.style.setProperty("--rm-x",d.toFixed(4)),a.style.setProperty("--rm-w",c.toFixed(4)),a.dataset.lane=e,a.dataset.start=o.#d(n),a.dataset.end=o.#d(r),t.dataset.status&&(a.dataset.status=t.dataset.status),t.id&&(a.dataset.sourceId=t.id),this.#u&&a.setAttribute("draggable","true");let h=t.querySelector("h1, h2, h3, h4, h5, h6"),l=document.createElement("span");if(l.className="rm-bar-title",l.textContent=h?h.textContent.trim():(t.textContent||"").trim().split(`
+`)[0],a.appendChild(l),a.setAttribute("aria-label",`${l.textContent} \u2014 ${a.dataset.start} to ${a.dataset.end} in ${e}`),a.addEventListener("click",m=>{this.#r||this.dispatchEvent(new CustomEvent("roadmap:select",{bubbles:!0,detail:{initiative:t,lane:e,start:a.dataset.start,end:a.dataset.end,status:a.dataset.status||null}}))}),this.#u){let m=document.createElement("span");m.className="rm-bar-handle",m.setAttribute("aria-label","Resize end date"),a.appendChild(m),m.addEventListener("pointerdown",u=>this.#w(u,a,t)),a.addEventListener("pointerdown",u=>{u.target!==m&&this.#E(u,a,t)}),a.addEventListener("dragstart",u=>{u.dataTransfer.effectAllowed="move",u.dataTransfer.setData("text/plain",t.id||a.dataset.sourceId||""),this.#c=t,this.#g=e}),a.addEventListener("dragend",()=>{this.#c=null,this.#g=null})}return a}#E(t,e,n){if(t.button!==0)return;t.preventDefault();let r=e.parentElement.getBoundingClientRect(),s=t.clientX,i=parseFloat(e.style.getPropertyValue("--rm-x"))||0,d=parseFloat(e.style.getPropertyValue("--rm-w"))||0;this.#r={kind:"move",bar:e,initiative:n,trackRect:r,startX:s,startFraction:i,widthFraction:d},e.setPointerCapture(t.pointerId),e.addEventListener("pointermove",this.#h),e.addEventListener("pointerup",this.#i),e.addEventListener("pointercancel",this.#i)}#w(t,e,n){if(t.button!==0)return;t.preventDefault(),t.stopPropagation();let r=e.parentElement.getBoundingClientRect(),s=t.clientX,i=parseFloat(e.style.getPropertyValue("--rm-x"))||0,d=parseFloat(e.style.getPropertyValue("--rm-w"))||0;this.#r={kind:"resize",bar:e,initiative:n,trackRect:r,startX:s,startFraction:i,widthFraction:d},e.setPointerCapture(t.pointerId),e.addEventListener("pointermove",this.#h),e.addEventListener("pointerup",this.#i),e.addEventListener("pointercancel",this.#i)}#h=t=>{if(!this.#r)return;let{kind:e,bar:n,trackRect:r,startX:s,startFraction:i,widthFraction:d}=this.#r,c=(t.clientX-s)/r.width;if(e==="move"){let a=Math.max(0,Math.min(1-d,i+c));n.style.setProperty("--rm-x",a.toFixed(4))}else if(e==="resize"){let a=Math.max(.02,Math.min(1-i,d+c));n.style.setProperty("--rm-w",a.toFixed(4))}};#i=t=>{if(!this.#r)return;let{kind:e,bar:n,initiative:r}=this.#r;n.releasePointerCapture(t.pointerId),n.removeEventListener("pointermove",this.#h),n.removeEventListener("pointerup",this.#i),n.removeEventListener("pointercancel",this.#i);let s=parseFloat(n.style.getPropertyValue("--rm-x"))||0,i=parseFloat(n.style.getPropertyValue("--rm-w"))||0,d=this.#m(this.#b(s)),c=this.#m(this.#b(s+i));n.dataset.start=o.#d(d),n.dataset.end=o.#d(c);let a=this.#n(d),h=this.#n(c)-a;n.style.setProperty("--rm-x",a.toFixed(4)),n.style.setProperty("--rm-w",h.toFixed(4)),r.setAttribute("data-start",n.dataset.start),r.setAttribute("data-end",n.dataset.end),this.dispatchEvent(new CustomEvent(e==="move"?"roadmap:reschedule":"roadmap:resize",{bubbles:!0,detail:{initiative:r,lane:n.dataset.lane,start:n.dataset.start,end:n.dataset.end}})),setTimeout(()=>{this.#r=null},0)};#v=t=>{this.#c&&(t.preventDefault(),t.dataTransfer.dropEffect="move")};#F=t=>{if(!this.#c)return;t.preventDefault();let e=t.currentTarget.dataset.lane,n=this.#c,r=this.#g;if(e===r)return;let s=this.#o.find(i=>i.getAttribute("data-lane")===e);s&&s.appendChild(n),this.dispatchEvent(new CustomEvent("roadmap:move",{bubbles:!0,detail:{initiative:n,fromLane:r,toLane:e,start:n.getAttribute("data-start"),end:n.getAttribute("data-end")}})),this.#s()};#n(t){let e=t.getTime()-this.#t.getTime();return Math.max(0,Math.min(1,e/this.#p))}#b(t){return new Date(this.#t.getTime()+t*this.#p)}#m(t){if(this.#f==="month")return new Date(t.getFullYear(),t.getMonth(),1);let e=t.getMonth(),n=Math.floor(e/3)*3;return new Date(t.getFullYear(),n,1)}#x(){let t=[];if(this.#f==="quarter"){let e=this.#m(this.#t);for(;e<this.#e;){let n=new Date(e.getFullYear(),e.getMonth()+3,1),r=this.#n(e<this.#t?this.#t:e),s=this.#n(n>this.#e?this.#e:n),i=Math.floor(e.getMonth()/3)+1;t.push({startFraction:r,endFraction:s,label:`Q${i} ${e.getFullYear()}`}),e=n}}else{let e=new Date(this.#t.getFullYear(),this.#t.getMonth(),1);for(;e<this.#e;){let n=new Date(e.getFullYear(),e.getMonth()+1,1),r=this.#n(e<this.#t?this.#t:e),s=this.#n(n>this.#e?this.#e:n),i=e.toLocaleString(void 0,{month:"short"});t.push({startFraction:r,endFraction:s,label:`${i} ${e.getFullYear()}`}),e=n}}return t}static#l(t,e){if(!t)return null;let n=String(t).match(/^(\d{4})-Q([1-4])$/i);if(n){let i=Number(n[1]),c=(Number(n[2])-1)*3;return e==="end"?new Date(i,c+3,0):new Date(i,c,1)}let r=String(t).match(/^(\d{4})-(\d{2})-(\d{2})/);if(r)return new Date(Number(r[1]),Number(r[2])-1,Number(r[3]));let s=new Date(t);return isNaN(s.getTime())?null:s}static#d(t){let e=String(t.getMonth()+1).padStart(2,"0"),n=String(t.getDate()).padStart(2,"0");return`${t.getFullYear()}-${e}-${n}`}#t=null;#e=null;#p=0;#f="quarter";#u=!1;#o=[];#C=null;#r=null;#c=null;#g=null};b("roadmap",f);export{f as Roadmap};
+//# sourceMappingURL=roadmap.js.map

package/dist/cdn/components/score-card.js

@@ -0,0 +1,197 @@
+var c=`
+  :host {
+    --_padding:         var(--score-card-padding, var(--size-l, 1.5rem));
+    --_radius:          var(--score-card-radius, var(--radius-m, 0.5rem));
+    --_gap:             var(--score-card-gap, var(--size-s, 0.75rem));
+    --_value-size:      var(--score-card-value-size, var(--font-size-3xl, 2rem));
+    --_value-weight:    var(--score-card-value-weight, var(--font-weight-bold, 700));
+    --_title-size:      var(--score-card-title-size, var(--font-size-sm, 0.875rem));
+    --_meta-size:       var(--score-card-meta-size, var(--font-size-sm, 0.875rem));
+    --_sparkline-h:     var(--score-card-sparkline-height, 40px);
+    --_surface:         var(--score-card-surface, var(--color-surface, #fff));
+    --_border:          var(--score-card-border, 1px solid var(--color-border-subtle, var(--color-border, #e5e7eb)));
+    --_text:            var(--score-card-text, var(--color-text, #1a1a1a));
+    --_muted:           var(--score-card-muted, var(--color-text-muted, #6b7280));
+    --_accent:          var(--score-card-tone-accent, var(--color-interactive, var(--color-primary, #6366f1)));
+    --_trend-up:        var(--score-card-trend-up, var(--color-success, #16a34a));
+    --_trend-down:      var(--score-card-trend-down, var(--color-error, #dc2626));
+    --_trend-flat:      var(--score-card-trend-flat, var(--color-text-muted, #6b7280));
+    --_focus:           var(--color-focus-ring, var(--color-interactive, currentColor));
+    --_duration:        var(--score-card-duration, var(--duration-fast, 150ms));
+    --_ease:            var(--score-card-ease, var(--ease-default, ease));
+
+    display: block;
+    box-sizing: border-box;
+    color: var(--_text);
+    background: var(--_surface);
+    border: var(--_border);
+    border-radius: var(--_radius);
+    padding: var(--_padding);
+    container-type: inline-size;
+  }
+
+  *, *::before, *::after { box-sizing: border-box; }
+
+  /* \u2500\u2500 Tone accent \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  :host([tone="success"]) { --_accent: var(--color-success, #16a34a); }
+  :host([tone="warning"]) { --_accent: var(--color-warning, #d97706); }
+  :host([tone="error"])   { --_accent: var(--color-error,   #dc2626); }
+  :host([tone="info"])    { --_accent: var(--color-info,    #2563eb); }
+
+  /* \u2500\u2500 Layout grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  .card {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    grid-template-areas:
+      "title       icon"
+      "value       icon"
+      "change      change"
+      "sparkline   sparkline"
+      "description description";
+    gap: var(--_gap);
+    align-items: start;
+  }
+
+  /* cluster: icon stays right, value+change wrap on the left */
+  :host([layout="cluster"]) .card {
+    grid-template-areas:
+      "title       icon"
+      "value       icon"
+      "change      icon"
+      "sparkline   sparkline"
+      "description description";
+  }
+
+  /* compact: dense vertical, smaller value */
+  :host([layout="compact"]) {
+    --_padding: var(--size-m, 1rem);
+    --_value-size: var(--font-size-2xl, 1.5rem);
+    --_gap: var(--size-2xs, 0.25rem);
+  }
+
+  /* \u2500\u2500 Slot regions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  .title       { grid-area: title; }
+  .value       { grid-area: value; }
+  .change      { grid-area: change; }
+  .sparkline   { grid-area: sparkline; }
+  .description { grid-area: description; }
+  .icon        { grid-area: icon; }
+
+  .title ::slotted(*) {
+    margin: 0;
+    font-size: var(--_title-size);
+    font-weight: var(--font-weight-medium, 500);
+    color: var(--_muted);
+    line-height: 1.3;
+  }
+
+  .value ::slotted(*) {
+    font-size: var(--_value-size);
+    font-weight: var(--_value-weight);
+    line-height: 1.1;
+    color: var(--_text);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .change ::slotted(*) {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--size-2xs, 0.25rem);
+    font-size: var(--_meta-size);
+    color: var(--_muted);
+    line-height: 1.4;
+  }
+
+  .description ::slotted(*) {
+    font-size: var(--_meta-size);
+    color: var(--_muted);
+    line-height: 1.4;
+    margin: 0;
+  }
+
+  /* Empty optional slots collapse to zero so they don't reserve grid rows.
+     :state(has-*) is set by JS when slotchange fires with assigned nodes. */
+  .change, .sparkline, .description, .icon { display: none; }
+  :host(:state(has-change))      .change      { display: block; }
+  :host(:state(has-sparkline))   .sparkline   { display: block; min-block-size: var(--_sparkline-h); overflow: hidden; }
+  :host(:state(has-description)) .description { display: block; }
+  :host(:state(has-icon))        .icon        { display: inline-flex; align-items: center; justify-content: center; }
+
+  .sparkline ::slotted(*) {
+    display: block;
+    inline-size: 100%;
+    block-size: var(--_sparkline-h);
+    max-block-size: var(--_sparkline-h);
+  }
+
+  /* icon region \u2014 accent color from tone */
+  .icon ::slotted(*) {
+    color: var(--_accent);
+    --icon-color: var(--_accent);
+  }
+
+  /* \u2500\u2500 Trend coloring (drives change row) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  :host(:state(trend-up))   .change ::slotted(*) { color: var(--_trend-up); }
+  :host(:state(trend-down)) .change ::slotted(*) { color: var(--_trend-down); }
+  :host(:state(trend-flat)) .change ::slotted(*) { color: var(--_trend-flat); }
+
+  /* \u2500\u2500 Interactive (wrapped in <a>) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  :host(:state(interactive)) {
+    cursor: pointer;
+    transition: transform var(--_duration) var(--_ease),
+                box-shadow var(--_duration) var(--_ease),
+                border-color var(--_duration) var(--_ease);
+  }
+
+  /* Lift on hover of the wrapping anchor. We can't reach the anchor from
+     shadow CSS, so consumers should use the :has() partner rule in their
+     light-DOM stylesheet (documented in the spec). The transition above
+     still applies to any state changes the consumer drives. */
+
+  /* \u2500\u2500 Loading skeleton \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  :host(:state(loading)) .value,
+  :host(:state(loading)) .sparkline,
+  :host(:state(loading)) .change {
+    background: linear-gradient(
+      90deg,
+      color-mix(in oklch, var(--_muted) 12%, transparent),
+      color-mix(in oklch, var(--_muted) 24%, transparent),
+      color-mix(in oklch, var(--_muted) 12%, transparent)
+    );
+    background-size: 200% 100%;
+    border-radius: var(--radius-s, 0.25rem);
+    color: transparent;
+    animation: score-card-shimmer 1.4s var(--_ease) infinite;
+  }
+  :host(:state(loading)) .value ::slotted(*),
+  :host(:state(loading)) .change ::slotted(*),
+  :host(:state(loading)) .sparkline ::slotted(*) {
+    visibility: hidden;
+  }
+  :host(:state(loading)) .value { min-block-size: var(--_value-size); }
+  :host(:state(loading)) .change { min-block-size: 1.4em; }
+
+  @keyframes score-card-shimmer {
+    from { background-position: 200% 0; }
+    to   { background-position: -200% 0; }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    :host(:state(loading)) .value,
+    :host(:state(loading)) .sparkline,
+    :host(:state(loading)) .change {
+      animation: none;
+      background: color-mix(in oklch, var(--_muted) 18%, transparent);
+    }
+  }
+`;var n=class extends HTMLElement{#t=[];#e;connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&(this.setAttribute("data-upgraded",""),queueMicrotask(()=>{this.dispatchEvent(new CustomEvent(`${this.localName}:upgraded`,{bubbles:!0}))}))}disconnectedCallback(){for(let e of this.#t)e();this.#t=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,r,o){e.addEventListener(t,r,o),this.#t.push(()=>e.removeEventListener(t,r,o))}setup(){}teardown(){}setState(e,t){this.#e||(this.#e=this.attachInternals());let r=this.#e.states;try{t?r.add(e):r.delete(e)}catch{let o=`--${e}`;t?r.add(o):r.delete(o)}}_adoptInternals(e){this.#e||(this.#e=e)}};var m=window.matchMedia("(prefers-reduced-motion: reduce)");var l=new Map;function d(s,e,t={}){let r=t.priority??10,o={impl:e,bundle:t.bundle,contract:t.contract,priority:r},a=l.get(s);if(customElements.get(s)){if(!a||a.priority>=r){a&&a.priority===r&&a.impl!==e&&console.warn(`[VB Bundle] Tag <${s}> already registered by "${a.bundle}" (priority ${a.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${s}> defined by "${a.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(a&&a.priority>=r){a.priority===r&&console.warn(`[VB Bundle] Tag <${s}> already registered by "${a.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}l.set(s,o),customElements.define(s,e)}var u=new Set(["up","down","flat"]),h=["change","sparkline","description","icon"],p=`
+  <style>${c}</style>
+  <div class="card" part="card">
+    <span class="title"       part="title"><slot name="title"></slot></span>
+    <span class="value"       part="value"><slot name="value"><slot></slot></slot></span>
+    <span class="change"      part="change"><slot name="change"      data-slot="change"></slot></span>
+    <span class="sparkline"   part="sparkline"><slot name="sparkline"   data-slot="sparkline"></slot></span>
+    <span class="description" part="description"><slot name="description" data-slot="description"></slot></span>
+    <span class="icon"        part="icon"><slot name="icon"        data-slot="icon"></slot></span>
+  </div>
+`,i=class extends n{static get observedAttributes(){return["trend","loading"]}setup(){if(this.shadowRoot)for(let e of h){let t=this.shadowRoot.querySelector(`slot[name="${e}"]`);this.#t(e,t)}else{let e=this.attachShadow({mode:"open"});e.innerHTML=p;for(let t of h){let r=e.querySelector(`slot[name="${t}"]`);r?.addEventListener("slotchange",()=>this.#t(t,r)),this.#t(t,r)}}this.#e(),this.#r(),this.#a()}attributeChangedCallback(e){this.isConnected&&(e==="trend"?this.#e():e==="loading"&&this.#r())}#t(e,t){let r=!!t&&t.assignedNodes({flatten:!0}).some(o=>o.nodeType===Node.ELEMENT_NODE||o.nodeType===Node.TEXT_NODE&&o.textContent.trim().length>0);this.setState(`has-${e}`,r)}#e(){let e=(this.getAttribute("trend")||"").toLowerCase();for(let t of u)this.setState(`trend-${t}`,t===e)}#r(){this.setState("loading",this.hasAttribute("loading"))}#a(){let e=this.closest("a[href]");this.setState("interactive",!!e)}};d("score-card",i);export{i as ScoreCard};
+//# sourceMappingURL=score-card.js.map

package/dist/cdn/components/selection-menu.js

@@ -1,2 +1,2 @@
-var d=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&(this.setAttribute("data-upgraded",""),this.dispatchEvent(new CustomEvent(`${this.localName}:upgraded`,{bubbles:!0})))}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,i,s){e.addEventListener(t,i,s),this.#e.push(()=>e.removeEventListener(t,i,s))}setup(){}teardown(){}};var p=window.matchMedia("(prefers-reduced-motion: reduce)");var u=new Map;function h(o,e,t={}){let i=t.priority??10,s={impl:e,bundle:t.bundle,contract:t.contract,priority:i},n=u.get(o);if(customElements.get(o)){if(!n||n.priority>=i){n&&n.priority===i&&n.impl!==e&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=i){n.priority===i&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${n.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}u.set(o,s),customElements.define(o,e)}var f=8,l=8,a=class extends d{#e=null;#t=new Set;#n=!1;setup(){this.hidden=!0,this.#o(),this.listen(document,"pointerup",this.#s),this.listen(document,"pointerdown",this.#d),this.listen(document,"keydown",this.#l),this.id&&new MutationObserver(()=>this.#o()).observe(document.body,{childList:!0,subtree:!0,attributeFilter:["data-selection-menu"]})}getSelection(){return this.#e?{...this.#e}:null}dismiss(){this.#i()}#o(){this.#t.clear();let e=this.getAttribute("for");if(e){let t=document.getElementById(e);t&&(this.#t.add(t),t.hasAttribute("data-selection-menu")||t.setAttribute("data-selection-menu",this.id||""))}this.id&&document.querySelectorAll(`[data-selection-menu="${this.id}"]`).forEach(t=>{this.#t.add(t)})}#s=()=>{requestAnimationFrame(()=>{this.isConnected&&this.#r()})};#r(){let e=window.getSelection();if(!e||e.isCollapsed||!e.toString().trim())return;let t=e.getRangeAt(0),i=t.commonAncestorContainer,s=i.nodeType===Node.ELEMENT_NODE?i:i.parentElement,n=null;for(let c of this.#t)if(c.contains(s)){n=c;break}if(!n)return;let r=e.toString().trim();this.#e={range:t.cloneRange(),text:r,target:n},this.dispatchEvent(new CustomEvent("selection-menu:select",{detail:{range:this.#e.range,text:r,target:n},bubbles:!0})),this.#c(t.getBoundingClientRect())}#c(e){this.hidden=!1,this.#n=!0,requestAnimationFrame(()=>{let t=this.getBoundingClientRect(),i=t.width||200,s=t.height||40,n=e.top-s-f,r=e.left+e.width/2-i/2;n<l&&(n=e.bottom+f);let c=window.innerWidth-i-l;r=Math.max(l,Math.min(r,c)),this.style.top=`${n}px`,this.style.left=`${r}px`})}#i(){this.hidden=!0,this.#n=!1,this.#e=null,this.dispatchEvent(new CustomEvent("selection-menu:dismiss",{bubbles:!0}))}#d=e=>{this.#n&&(this.contains(e.target)||this.#i())};#l=e=>{e.key==="Escape"&&this.#n&&this.#i()}};h("selection-menu",a);
+var c=class extends HTMLElement{#e=[];#s;connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&(this.setAttribute("data-upgraded",""),queueMicrotask(()=>{this.dispatchEvent(new CustomEvent(`${this.localName}:upgraded`,{bubbles:!0}))}))}disconnectedCallback(){for(let t of this.#e)t();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,s,i){t.addEventListener(e,s,i),this.#e.push(()=>t.removeEventListener(e,s,i))}setup(){}teardown(){}setState(t,e){this.#s||(this.#s=this.attachInternals());let s=this.#s.states;try{e?s.add(t):s.delete(t)}catch{let i=`--${t}`;e?s.add(i):s.delete(i)}}_adoptInternals(t){this.#s||(this.#s=t)}};var w=window.matchMedia("(prefers-reduced-motion: reduce)");var f=new Map;function h(r,t,e={}){let s=e.priority??10,i={impl:t,bundle:e.bundle,contract:e.contract,priority:s},o=f.get(r);if(customElements.get(r)){if(!o||o.priority>=s){o&&o.priority===s&&o.impl!==t&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${o.bundle}" (priority ${o.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${r}> defined by "${o.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(o&&o.priority>=s){o.priority===s&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${o.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}f.set(r,i),customElements.define(r,t)}var l=CSS.supports("anchor-name","--x"),b=CSS.supports("position-area","bottom"),g=0,d=class extends c{#e=null;#s=null;#o=null;#t=null;setup(){this.id||(this.id=`pop-over-${++g}`);let t=this.dataset.mode||"auto";this.hasAttribute("popover")||this.setAttribute("popover",t),this.#n(),this.#a(),this.#o=e=>{let s=e.newState==="open"?"show":"hide";this.dispatchEvent(new CustomEvent(`pop-over:${s}`,{detail:{state:e.newState},bubbles:!0,composed:!0})),!l&&e.newState==="open"&&this.#e&&this.#r()},this.listen(this,"beforetoggle",this.#o),l||(this.#t=()=>{this.matches(":popover-open")&&this.#e&&this.#r()},this.listen(window,"resize",this.#t),this.listen(window,"scroll",this.#t,{capture:!0,passive:!0}))}show(){this.matches(":popover-open")||this.showPopover()}hide(){this.matches(":popover-open")&&this.hidePopover()}toggle(){this.matches(":popover-open")?this.hide():this.show()}get open(){return this.matches(":popover-open")}#n(){let t=this.dataset.anchor;t?this.#e=document.getElementById(t)||document.querySelector(t):this.#e=document.querySelector(`[popovertarget="${CSS.escape(this.id)}"]`)}#a(){if(!(!this.#e||!l)&&(this.#s=`--pop-over-anchor-${this.id}`,this.#e.style.setProperty("anchor-name",this.#s),this.style.setProperty("position-anchor",this.#s),this.setAttribute("data-anchor-name",this.#s||""),!b)){let t=this.dataset.position||"bottom";this.#c(t)}}#c(t){let e="var(--_pop-over-offset, var(--size-xs))",s={top:{bottom:`calc(anchor(top) + ${e})`,left:"anchor(left)"},bottom:{top:`calc(anchor(bottom) + ${e})`,left:"anchor(left)"},left:{right:`calc(anchor(left) + ${e})`,top:"anchor(top)"},right:{left:`calc(anchor(right) + ${e})`,top:"anchor(top)"}},i=t.split("-")[0],o=s[i]||s.bottom;Object.entries(o).forEach(([a,n])=>this.style.setProperty(a,n))}#r(){if(!this.#e)return;let t=this.#e.getBoundingClientRect(),e=this.dataset.position||"bottom",s=this.#i(),i,o;switch(e.split("-")[0]){case"top":i=t.top-this.offsetHeight-s,o=t.left;break;case"left":i=t.top,o=t.left-this.offsetWidth-s;break;case"right":i=t.top,o=t.right+s;break;default:i=t.bottom+s,o=t.left;break}e.endsWith("-end")&&(e.startsWith("top")||e.startsWith("bottom")?o=t.right-this.offsetWidth:i=t.bottom-this.offsetHeight),this.style.position="fixed",this.style.top=`${Math.round(i)}px`,this.style.left=`${Math.round(o)}px`,this.style.margin="0"}#i(){let t={none:0,xs:4,s:8,m:16,l:24};return t[this.dataset.offset]??t.xs}};h("pop-over",d);var m=8,u=8,y=0,p=class extends c{#e=null;#s=new Set;#o=!1;#t;setup(){let t=this.querySelector(":scope > pop-over[data-selection-menu-host]");if(t)this.#t=t;else{this.#t=document.createElement("pop-over"),this.#t.setAttribute("data-selection-menu-host",""),this.#t.dataset.mode="manual",this.#t.id=`selection-menu-${++y}`;let e=[...this.children];for(let s of e)s!==this.#t&&this.#t.appendChild(s);this.appendChild(this.#t)}this.hidden=!1,this.#n(),this.listen(document,"pointerup",this.#a),this.listen(document,"pointerdown",this.#h),this.listen(document,"keydown",this.#l),this.id&&new MutationObserver(()=>this.#n()).observe(document.body,{childList:!0,subtree:!0,attributeFilter:["data-selection-menu"]})}getSelection(){return this.#e?{...this.#e}:null}dismiss(){this.#i()}get actions(){return[...(this.#t||this).children].map(e=>({tag:e.tagName.toLowerCase(),attrs:Object.fromEntries([...e.attributes].map(s=>[s.name,s.value])),html:e.innerHTML||void 0}))}set actions(t){let e=Array.isArray(t)?t:[],s=this.#t||this;for(;s.firstChild;)s.firstChild.remove();for(let i of e){if(i instanceof Element){s.appendChild(i);continue}if(!i?.tag)continue;let o=document.createElement(i.tag);if(i.attrs)for(let[a,n]of Object.entries(i.attrs))n==null||n===!1||o.setAttribute(a,n===!0?"":String(n));i.html&&(o.innerHTML=i.html),s.appendChild(o)}this.dispatchEvent(new CustomEvent("selection-menu:actions-changed",{detail:{actions:this.actions,source:"property"},bubbles:!0}))}#n(){this.#s.clear();let t=this.getAttribute("for");if(t){let e=document.getElementById(t);e&&(this.#s.add(e),e.hasAttribute("data-selection-menu")||e.setAttribute("data-selection-menu",this.id||""))}this.id&&document.querySelectorAll(`[data-selection-menu="${this.id}"]`).forEach(e=>{this.#s.add(e)})}#a=()=>{requestAnimationFrame(()=>{this.isConnected&&this.#c()})};#c(){let t=window.getSelection();if(!t||t.isCollapsed||!t.toString().trim())return;let e=t.getRangeAt(0),s=e.commonAncestorContainer,i=s.nodeType===Node.ELEMENT_NODE?s:s.parentElement,o=null;for(let n of this.#s)if(n.contains(i)){o=n;break}if(!o)return;let a=t.toString().trim();this.#e={range:e.cloneRange(),text:a,target:o},this.dispatchEvent(new CustomEvent("selection-menu:select",{detail:{range:this.#e.range,text:a,target:o},bubbles:!0})),this.#r(e.getBoundingClientRect())}#r(t){this.#t&&(this.#t.show(),this.#o=!0,requestAnimationFrame(()=>{let e=this.#t.getBoundingClientRect(),s=e.width||200,i=e.height||40,o=t.top-i-m,a=t.left+t.width/2-s/2;o<u&&(o=t.bottom+m);let n=window.innerWidth-s-u;a=Math.max(u,Math.min(a,n)),this.#t.style.top=`${o}px`,this.#t.style.left=`${a}px`}))}#i(){this.#t&&this.#t.hide(),this.#o=!1,this.#e=null,this.dispatchEvent(new CustomEvent("selection-menu:dismiss",{bubbles:!0}))}#h=t=>{this.#o&&(this.#t?.contains(t.target)||this.contains(t.target)||this.#i())};#l=t=>{t.key==="Escape"&&this.#o&&this.#i()}};h("selection-menu",p);
 //# sourceMappingURL=selection-menu.js.map