vanilla-breeze 0.1.0

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

@@ -0,0 +1,2 @@
+function o(i){return document.startViewTransition?document.startViewTransition(i):i()}var p=window.matchMedia("(prefers-reduced-motion: reduce)");var u=new Map;function d(i,e,r={}){let n=r.priority??10,t={impl:e,bundle:r.bundle,contract:r.contract,priority:n},s=u.get(i);if(customElements.get(i)){if(!s||s.priority>=n){s&&s.priority===n&&s.impl!==e&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${r.bundle}".`);return}console.warn(`[VB Bundle] Tag <${i}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${r.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=n){s.priority===n&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${s.bundle}". Skipping "${r.bundle}" (first wins at equal priority).`);return}u.set(i,t),customElements.define(i,e)}var a=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,r,n,t){e.addEventListener(r,n,t),this.#e.push(()=>e.removeEventListener(r,n,t))}setup(){}teardown(){}};var h=0,c=class extends a{#e=[];#t=[];#n=[];#r=!1;setup(){if(this.#e=[...this.querySelectorAll(":scope > details")],this.#t=this.#e.map(e=>e.querySelector("summary")),this.#e.length===0)return!1;this.#i(),this.#a(),this.#o()}teardown(){this.#e=[],this.#t=[],this.#n=[],this.#r=!1}#i(){this.#n=this.#e.map(e=>{let r=e.querySelector("summary");if(!r)return null;let n=[...e.children].filter(t=>t!==r);if(n.length===1)return n[0];if(n.length>1){let t=document.createElement("div");for(let s of n)t.appendChild(s);return e.appendChild(t),t}return null})}#o(){if(!this.hasAttribute("transition")||!document.startViewTransition)return;this.#r=!0;let e=++h,r=this.getAttribute("transition")||"fade",n=r==="slide"?"vt-accordion-slide":r==="scale"?"vt-accordion-scale":"vt-accordion";this.#n.forEach((t,s)=>{t&&(t.style.viewTransitionName=`accordion-${e}-${s}`,t.style.viewTransitionClass=n)})}#s(e){o(()=>{e.open=!e.open})}#a(){this.#e.forEach((e,r)=>{let n=this.#t[r],t=this.#n[r];if(n){if(t){let s=n.id||`accordion-heading-${crypto.randomUUID().slice(0,8)}`,l=t.id||`accordion-panel-${crypto.randomUUID().slice(0,8)}`;n.id=s,t.id=l,n.setAttribute("aria-expanded",e.open?"true":"false"),n.setAttribute("aria-controls",l),t.setAttribute("aria-labelledby",s),t.setAttribute("role","region")}else n.setAttribute("aria-expanded",e.open?"true":"false");this.listen(n,"click",s=>{this.#r&&(s.preventDefault(),this.#s(e))}),this.listen(n,"keydown",s=>this.#l(s,r)),this.listen(e,"toggle",()=>this.#c(e,r))}})}#c(e,r){this.#t[r].setAttribute("aria-expanded",e.open?"true":"false"),this.hasAttribute("single")&&e.open&&this.#e.forEach((t,s)=>{s!==r&&t.open&&(t.open=!1,this.#t[s].setAttribute("aria-expanded","false"))}),this.dispatchEvent(new CustomEvent("accordion-wc:toggle",{detail:{index:r,open:e.open},bubbles:!0}))}#l(e,r){let{key:n}=e,t;switch(n){case"ArrowDown":t=(r+1)%this.#e.length;break;case"ArrowUp":t=(r-1+this.#e.length)%this.#e.length;break;case"Home":t=0;break;case"End":t=this.#e.length-1;break;default:return}e.preventDefault(),this.#t[t].focus()}open(e){e<0||e>=this.#e.length||(this.#r&&!this.#e[e].open?o(()=>{this.#e[e].open=!0}):this.#e[e].open=!0)}close(e){e<0||e>=this.#e.length||(this.#r&&this.#e[e].open?o(()=>{this.#e[e].open=!1}):this.#e[e].open=!1)}toggle(e){e<0||e>=this.#e.length||(this.#r?this.#s(this.#e[e]):this.#e[e].open=!this.#e[e].open)}openAll(){this.hasAttribute("single")||this.#e.forEach(e=>{e.open=!0})}closeAll(){this.#e.forEach(e=>{e.open=!1})}};d("accordion-wc",c);export{c as AccordionWc};
+//# sourceMappingURL=accordion-wc.js.map

package/dist/cdn/components/audio-player.js

@@ -0,0 +1,340 @@
+var c=window.matchMedia("(prefers-reduced-motion: reduce)");var u=new Map;function d(s,e,t={}){let r=t.priority??10,i={impl:e,bundle:t.bundle,contract:t.contract,priority:r},a=u.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}u.set(s,i),customElements.define(s,e)}var n=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,i){e.addEventListener(t,r,i),this.#e.push(()=>e.removeEventListener(t,r,i))}setup(){}teardown(){}};var l=class extends n{#e=null;#t=null;#i=!1;#v=null;#a=null;#s=null;#u=null;#r=null;#d=null;#c=null;#o=null;#h=null;setup(){if(this.#e=this.querySelector("audio"),!this.#e)return!1;this.#t=this.querySelector(".track-list"),this.#e.removeAttribute("controls");let e=!this.shadowRoot;this.#f(),e&&(this.#y(),this.#g(),this.#x()),this.#p(),this.hasAttribute("autoplay")&&this.#e.play().catch(()=>{}),this.#h=()=>{let t=this.shadowRoot?.querySelector(".player");t&&(t.style.display="none",t.offsetHeight,t.style.display="")},this.listen(window,"vb:theme-change",this.#h)}teardown(){this.#e&&this.#e.setAttribute("controls","")}#f(){if(this.shadowRoot)return;let e=this.attachShadow({mode:"open"});e.innerHTML=`
+      <style>${this.#b()}</style>
+      <div part="player" class="player">
+        <div part="controls" class="controls" role="group" aria-label="Audio controls">
+          <button part="play-button" class="play-btn" type="button" aria-label="Play">
+            <svg class="icon-play" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" width="20" height="20">
+              <path d="M8 5v14l11-7z"/>
+            </svg>
+            <svg class="icon-pause" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" width="20" height="20">
+              <path d="M6 19h4V5H6zm8-14v14h4V5z"/>
+            </svg>
+          </button>
+          <div class="timeline-group">
+            <div part="track-info" class="track-info">
+              <span class="track-title"></span>
+              <span class="time-display">
+                <time class="current-time">0:00</time>
+                <span class="time-sep"> / </span>
+                <time class="duration">0:00</time>
+              </span>
+            </div>
+            <div class="timeline-wrap">
+              <input part="timeline" type="range" class="timeline"
+                     min="0" max="100" value="0" step="0.1"
+                     aria-label="Seek">
+              <div class="timeline-fill"></div>
+            </div>
+          </div>
+          <div class="volume-wrap">
+            <button class="mute-btn" type="button" aria-label="Mute">
+              <svg class="icon-vol" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" width="16" height="16">
+                <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02z"/>
+              </svg>
+              <svg class="icon-muted" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" width="16" height="16">
+                <path d="M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4 9.91 6.09 12 8.18V4z"/>
+              </svg>
+            </button>
+            <input part="volume" type="range" class="volume"
+                   min="0" max="1" value="1" step="0.01"
+                   aria-label="Volume">
+          </div>
+        </div>
+        <slot></slot>
+      </div>
+    `,this.#v=e.querySelector(".controls"),this.#a=e.querySelector(".play-btn"),this.#s=e.querySelector(".timeline"),this.#u=e.querySelector(".timeline-fill"),this.#r=e.querySelector(".volume"),this.#d=e.querySelector(".current-time"),this.#c=e.querySelector(".duration"),this.#o=e.querySelector(".track-title")}#b(){return`
+      :host {
+        display: block;
+        --_accent: var(--audio-player-accent, var(--color-primary, oklch(55% 0.2 260)));
+        --_bg: var(--audio-player-bg, var(--color-surface, #fff));
+        --_radius: var(--audio-player-radius, var(--radius-m, 0.5rem));
+        --_text: var(--audio-player-text, var(--color-text, inherit));
+        --_border: var(--audio-player-border, var(--color-border, #ddd));
+        --_shadow: var(--audio-player-shadow, none);
+        --_padding: var(--audio-player-padding, var(--size-xs, 0.5rem) var(--size-s, 0.75rem));
+      }
+
+      .player {
+        background: var(--_bg);
+        color: var(--_text);
+        border: var(--border-width-thin, 1px) solid var(--_border);
+        border-radius: var(--_radius);
+        box-shadow: var(--_shadow);
+        overflow: hidden;
+      }
+
+      .controls {
+        display: flex;
+        align-items: center;
+        gap: var(--size-xs, 0.5rem);
+        padding: var(--_padding);
+      }
+
+      /* \u2500\u2500 Play button \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 */
+      .play-btn {
+        all: unset;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 2.25rem;
+        height: 2.25rem;
+        border-radius: var(--radius-full, 50%);
+        background: var(--_accent);
+        color: var(--color-text-on-primary, white);
+        cursor: pointer;
+        flex-shrink: 0;
+        transition: background-color var(--duration-fast, 100ms) var(--ease-default, ease),
+                    transform var(--duration-fast, 100ms) var(--ease-default, ease);
+      }
+
+      .play-btn:hover {
+        background-color: var(--color-primary-hover, var(--_accent));
+        transform: scale(1.05);
+      }
+
+      .play-btn:active {
+        transform: scale(0.97);
+      }
+
+      .play-btn:focus-visible {
+        outline: var(--focus-ring-width, 2px) solid var(--color-focus-ring, var(--_accent));
+        outline-offset: 2px;
+      }
+
+      .icon-pause { display: none; }
+      :host([state="playing"]) .icon-play { display: none; }
+      :host([state="playing"]) .icon-pause { display: block; }
+
+      /* \u2500\u2500 Timeline group \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 */
+      .timeline-group {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        gap: var(--size-3xs, 2px);
+      }
+
+      .track-info {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: var(--size-xs, 0.5rem);
+        font-size: var(--font-size-xs, 0.75rem);
+        line-height: 1.2;
+      }
+
+      .track-title {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        flex: 1;
+        font-weight: 500;
+      }
+
+      .time-display {
+        flex-shrink: 0;
+        font-family: var(--font-mono, ui-monospace, monospace);
+        font-variant-numeric: tabular-nums;
+        color: var(--color-text-muted, #666);
+      }
+
+      .time-sep { opacity: 0.5; }
+
+      .timeline-wrap {
+        position: relative;
+        height: 1.25rem;
+        display: flex;
+        align-items: center;
+      }
+
+      .timeline-fill {
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        height: 4px;
+        background: var(--_accent);
+        pointer-events: none;
+        border-radius: var(--radius-full, 2px);
+        width: 0%;
+        transition: width var(--duration-instant, 50ms) linear;
+      }
+
+      .timeline {
+        width: 100%;
+        height: 1.25rem;
+        appearance: none;
+        background: transparent;
+        cursor: pointer;
+        position: relative;
+        z-index: 1;
+      }
+
+      .timeline::-webkit-slider-runnable-track {
+        height: 4px;
+        background: var(--_border);
+        border-radius: var(--radius-full, 2px);
+      }
+
+      .timeline::-moz-range-track {
+        height: 4px;
+        background: var(--_border);
+        border-radius: var(--radius-full, 2px);
+      }
+
+      .timeline::-webkit-slider-thumb {
+        -webkit-appearance: none;
+        width: 12px;
+        height: 12px;
+        border-radius: var(--radius-full, 50%);
+        background: var(--_accent);
+        border: var(--border-width-medium, 2px) solid var(--_bg);
+        box-shadow: var(--shadow-sm, 0 1px 3px oklch(0% 0 0 / 0.2));
+        cursor: pointer;
+        margin-top: -4px;
+        transition: transform var(--duration-fast, 100ms) var(--ease-default, ease);
+      }
+
+      .timeline:hover::-webkit-slider-thumb {
+        transform: scale(1.2);
+      }
+
+      .timeline::-moz-range-thumb {
+        width: 12px;
+        height: 12px;
+        border-radius: var(--radius-full, 50%);
+        background: var(--_accent);
+        border: var(--border-width-medium, 2px) solid var(--_bg);
+        box-shadow: var(--shadow-sm, 0 1px 3px oklch(0% 0 0 / 0.2));
+        cursor: pointer;
+      }
+
+      .timeline::-moz-range-progress {
+        height: 4px;
+        background: var(--_accent);
+        border-radius: var(--radius-full, 2px);
+      }
+
+      .timeline:focus-visible {
+        outline: var(--focus-ring-width, 2px) solid var(--color-focus-ring, var(--_accent));
+        outline-offset: 4px;
+        border-radius: var(--radius-s, 2px);
+      }
+
+      /* \u2500\u2500 Volume \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 */
+      .volume-wrap {
+        display: flex;
+        align-items: center;
+        gap: var(--size-2xs, 4px);
+        flex: 0 0 80px;
+        min-width: 0;
+      }
+
+      .mute-btn {
+        all: unset;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        color: var(--color-text-muted, #666);
+        flex-shrink: 0;
+        transition: color var(--duration-fast, 100ms) var(--ease-default, ease);
+      }
+
+      .mute-btn:hover {
+        color: var(--color-text, inherit);
+      }
+
+      .mute-btn:focus-visible {
+        outline: var(--focus-ring-width, 2px) solid var(--color-focus-ring, var(--_accent));
+        outline-offset: 2px;
+        border-radius: var(--radius-s, 2px);
+      }
+
+      .icon-muted { display: none; }
+      :host([muted]) .icon-vol { display: none; }
+      :host([muted]) .icon-muted { display: block; }
+
+      .volume {
+        flex: 1;
+        min-width: 0;
+        height: 1rem;
+        appearance: none;
+        background: transparent;
+        cursor: pointer;
+      }
+
+      .volume::-webkit-slider-runnable-track {
+        height: 3px;
+        background: linear-gradient(to right,
+          var(--_accent) calc(var(--_vol, 1) * 100%),
+          var(--_border) calc(var(--_vol, 1) * 100%));
+        border-radius: var(--radius-full, 2px);
+      }
+
+      .volume::-moz-range-track {
+        height: 3px;
+        background: var(--_border);
+        border-radius: var(--radius-full, 2px);
+      }
+
+      .volume::-moz-range-progress {
+        height: 3px;
+        background: var(--_accent);
+        border-radius: var(--radius-full, 2px);
+      }
+
+      .volume::-webkit-slider-thumb {
+        -webkit-appearance: none;
+        width: 10px;
+        height: 10px;
+        border-radius: var(--radius-full, 50%);
+        background: var(--_accent);
+        border: none;
+        cursor: pointer;
+        margin-top: -3.5px;
+        transition: transform var(--duration-fast, 100ms) var(--ease-default, ease);
+      }
+
+      .volume:hover::-webkit-slider-thumb {
+        transform: scale(1.3);
+      }
+
+      .volume::-moz-range-thumb {
+        width: 10px;
+        height: 10px;
+        border-radius: var(--radius-full, 50%);
+        background: var(--_accent);
+        border: none;
+        cursor: pointer;
+      }
+
+      .volume:focus-visible {
+        outline: var(--focus-ring-width, 2px) solid var(--color-focus-ring, var(--_accent));
+        outline-offset: 2px;
+        border-radius: var(--radius-s, 2px);
+      }
+
+      /* \u2500\u2500 Slot: hide native audio controls \u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+      ::slotted(audio) {
+        display: none !important;
+      }
+
+      /* \u2500\u2500 Reduced motion \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 */
+      @media (prefers-reduced-motion: reduce) {
+        .play-btn,
+        .timeline-fill,
+        .timeline::-webkit-slider-thumb,
+        .volume::-webkit-slider-thumb,
+        .mute-btn {
+          transition: none;
+        }
+        .play-btn:hover,
+        .play-btn:active,
+        .timeline:hover::-webkit-slider-thumb,
+        .volume:hover::-webkit-slider-thumb {
+          transform: none;
+        }
+      }
+    `}#y(){this.#e.addEventListener("timeupdate",()=>this.#k()),this.#e.addEventListener("loadedmetadata",()=>this.#E()),this.#e.addEventListener("play",()=>{this.#i=!0,this.setAttribute("state","playing"),this.#a.setAttribute("aria-label","Pause"),this.#l("audio-player:play",{currentTime:this.#e.currentTime,src:this.#e.currentSrc})}),this.#e.addEventListener("pause",()=>{this.#i=!1,this.setAttribute("state","paused"),this.#a.setAttribute("aria-label","Play"),this.#l("audio-player:pause",{currentTime:this.#e.currentTime})}),this.#e.addEventListener("ended",()=>{this.#i=!1,this.setAttribute("state","ended"),this.#a.setAttribute("aria-label","Play");let e=this.#t?.querySelector("li[data-audio-active]");e&&e.setAttribute("data-audio-played",""),this.#t&&this.#w(),this.#l("audio-player:ended",{src:this.#e.currentSrc})})}#g(){this.#a.addEventListener("click",()=>{this.#i?this.#e.pause():this.#e.play().catch(()=>{})}),this.#s.addEventListener("input",()=>{this.#e.duration&&(this.#e.currentTime=Number(this.#s.value)/100*this.#e.duration)}),this.#r.addEventListener("input",()=>{this.#e.volume=Number(this.#r.value),this.#e.muted=!1,this.removeAttribute("muted"),this.#r.style.setProperty("--_vol",this.#r.value)});let e=this.shadowRoot?.querySelector(".mute-btn");e&&(e.addEventListener("click",()=>{this.#e.muted=!this.#e.muted,this.toggleAttribute("muted",this.#e.muted),this.#r.style.setProperty("--_vol",this.#e.muted?"0":this.#r.value)}),this.addEventListener("keydown",t=>{let r=t.target;if(!(r?.tagName==="INPUT"||r?.tagName==="TEXTAREA"))switch(t.key){case" ":t.preventDefault(),this.#i?this.#e.pause():this.#e.play().catch(()=>{});break;case"ArrowLeft":t.preventDefault(),this.#e.currentTime=Math.max(0,this.#e.currentTime-10);break;case"ArrowRight":t.preventDefault(),this.#e.currentTime=Math.min(this.#e.duration||0,this.#e.currentTime+10);break;case"m":case"M":this.#e.muted=!this.#e.muted,this.toggleAttribute("muted",this.#e.muted),this.#r.style.setProperty("--_vol",this.#e.muted?"0":this.#r.value);break}}),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"))}#x(){this.#t&&this.#t.addEventListener("click",e=>{let r=e.target?.closest("a[href]");r&&(e.preventDefault(),this.#n(r.href,r.closest("li")))})}#n(e,t){if(!this.#t)return;this.#t.querySelectorAll("li").forEach(i=>i.removeAttribute("data-audio-active")),t&&t.setAttribute("data-audio-active",""),this.#e.src=e,this.#e.play().catch(()=>{}),this.#p(),this.#l("audio-player:track-change",{src:e,title:t?.querySelector("a")?.textContent??""})}#w(){if(!this.#t)return;let e=[...this.#t.querySelectorAll("li")],t=e.findIndex(i=>i.hasAttribute("data-audio-active"));if(this.hasAttribute("shuffle")){let i=e.filter((a,o)=>o!==t);if(i.length){let a=i[Math.floor(Math.random()*i.length)],o=a.querySelector("a[href]");o&&this.#n(o.href,a)}return}let r=t+1;if(r<e.length){let i=e[r].querySelector("a[href]");i&&this.#n(i.href,e[r])}else if(this.hasAttribute("loop")){let i=e[0]?.querySelector("a[href]");i&&this.#n(i.href,e[0])}}#k(){let e=this.#e.currentTime,t=this.#e.duration||0,r=t?e/t*100:0;this.#d.textContent=this.#m(e),this.#s.value=String(r),this.#u.style.width=`${r}%`}#E(){let e=this.#e.duration||0;this.#c.textContent=this.#m(e)}#p(){if(!this.#o)return;if(this.#t){let t=this.#t.querySelector("li[data-audio-active] a");if(t){this.#o.textContent=t.textContent;return}}let e=this.#e.currentSrc||this.#e.querySelector("source")?.src||"";if(e){let t=e.split("/").pop().split("?")[0];this.#o.textContent=t.replace(/\.[^.]+$/,"").replace(/[-_]/g," ")}}#m(e){if(!Number.isFinite(e))return"0:00";let t=Math.floor(e/60),r=Math.floor(e%60).toString().padStart(2,"0");return`${t}:${r}`}#l(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t}))}};d("audio-player",l);export{l as AudioPlayerElement};
+//# sourceMappingURL=audio-player.js.map

package/dist/cdn/components/audio-visualizer.js

@@ -0,0 +1,20 @@
+var S=window.matchMedia("(prefers-reduced-motion: reduce)");var v=new Map;function w(o,e,t={}){let n=t.priority??10,s={impl:e,bundle:t.bundle,contract:t.contract,priority:n},i=v.get(o);if(customElements.get(o)){if(!i||i.priority>=n){i&&i.priority===n&&i.impl!==e&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${i.bundle}" (priority ${i.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${i.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(i&&i.priority>=n){i.priority===n&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${i.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}v.set(o,s),customElements.define(o,e)}var u=class extends HTMLElement{#n=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#n)e();this.#n=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,n,s){e.addEventListener(t,n,s),this.#n.push(()=>e.removeEventListener(t,n,s))}setup(){}teardown(){}};var f=new Map;function E(){if(!f.has("default"))try{f.set("default",new AudioContext)}catch{return null}return f.get("default")}var m=new WeakMap;function k(o,e){if(m.has(o))return m.get(o);let t=e.createMediaElementSource(o);return m.set(o,t),t}var y=class extends u{#n=null;#E=null;#s=null;#t=null;#e=null;#l=null;#i=null;#c=null;#a=!0;#r=!1;#o=!1;#h=null;static get observedAttributes(){return["for","data-mode","data-fft-size"]}setup(){this.#o=window.matchMedia("(prefers-reduced-motion: reduce)").matches;let e=!this.shadowRoot;this.#m(),this.#u(),e&&(this.#w(),this.#M()),this.#h=()=>{let t=this.shadowRoot?.querySelector("canvas");t&&(t.style.display="none",t.offsetHeight,t.style.display="")},this.listen(window,"vb:theme-change",this.#h)}teardown(){this.#f(),this.#c?.disconnect()}attributeChangedCallback(e){e==="for"&&this.#u()}#m(){if(this.shadowRoot)return;let e=this.attachShadow({mode:"open"});e.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          --_color: var(--audio-visualizer-color, var(--color-primary, oklch(55% 0.2 260)));
+          --_bg: var(--audio-visualizer-bg, var(--color-surface-sunken, transparent));
+          --_height: var(--audio-visualizer-height, 80px);
+          --_radius: var(--audio-visualizer-radius, var(--radius-m, 0.5rem));
+        }
+        canvas {
+          display: block;
+          width: 100%;
+          height: var(--_height);
+          background: var(--_bg);
+          border-radius: var(--_radius);
+        }
+      </style>
+      <canvas aria-hidden="true"></canvas>
+    `,this.#n=e.querySelector("canvas")}#u(){let e=this.getAttribute("for");e&&(this.#s=document.getElementById(e),!(!this.#s||this.#s.tagName!=="AUDIO")&&(this.#r||this.#s.addEventListener("play",()=>this.#y(),{once:!0})))}#y(){if(this.#r||(this.#r=!0,this.#t=E(),!this.#t))return;this.#t.state==="suspended"&&this.#t.resume();let e=parseInt(this.getAttribute("data-fft-size")||"256",10);this.#e=this.#t.createAnalyser(),this.#e.fftSize=e,this.#e.smoothingTimeConstant=.8,this.#l=k(this.#s,this.#t),this.#l.connect(this.#e),this.#e.connect(this.#t.destination),this.#d()}#d(){if(this.#o)return;let e=()=>{if(!this.#a||this.#o){this.#i=null;return}this.#i=requestAnimationFrame(e),this.#b()};this.#i=requestAnimationFrame(e)}#f(){this.#i&&(cancelAnimationFrame(this.#i),this.#i=null)}#b(){let e=this.#n,t=e.getContext("2d");if(!t)return;let n=e.width=e.offsetWidth*(window.devicePixelRatio||1),s=e.height=e.offsetHeight*(window.devicePixelRatio||1),i=getComputedStyle(this),c=i.getPropertyValue("--_color").trim()||"oklch(55% 0.2 260)",a=i.getPropertyValue("--_bg").trim();if(t.clearRect(0,0,n,s),a&&a!=="transparent"&&(t.fillStyle=a,t.fillRect(0,0,n,s)),!this.#e)return;let d=this.getAttribute("data-mode")||"bars",l=this.#e.frequencyBinCount,r=new Uint8Array(l);d==="waveform"?(this.#e.getByteTimeDomainData(r),this.#g(t,n,s,c,r)):d==="circle"?(this.#e.getByteFrequencyData(r),this.#v(t,n,s,c,r)):(this.#e.getByteFrequencyData(r),this.#p(t,n,s,c,r))}#p(e,t,n,s,i){let c=Math.min(i.length,64),a=t/c-1;e.fillStyle=s;for(let d=0;d<c;d++){let r=i[d]/255*n,h=d*(t/c);e.fillRect(h,n-r,a,r)}}#g(e,t,n,s,i){let c=t/i.length;e.strokeStyle=s,e.lineWidth=2,e.beginPath();for(let a=0;a<i.length;a++){let l=i[a]/128*n/2;a===0?e.moveTo(0,l):e.lineTo(a*c,l)}e.stroke()}#v(e,t,n,s,i){let c=t/2,a=n/2,d=Math.min(t,n)*.25,l=i.length;e.strokeStyle=s,e.lineWidth=2,e.beginPath();for(let r=0;r<l;r++){let h=r/l*Math.PI*2,M=i[r]/255*(d*.8),b=d+M,p=c+b*Math.cos(h),g=a+b*Math.sin(h);r===0?e.moveTo(p,g):e.lineTo(p,g)}e.closePath(),e.stroke()}#w(){this.#c=new IntersectionObserver(([e])=>{this.#a=e.isIntersecting,this.#a&&this.#r&&!this.#i&&!this.#o&&this.#d()}),this.#c.observe(this)}#M(){window.matchMedia("(prefers-reduced-motion: reduce)").addEventListener("change",e=>{this.#o=e.matches,e.matches?this.#f():this.#r&&this.#a&&this.#d()})}};w("audio-visualizer",y);export{y as AudioVisualizerElement};
+//# sourceMappingURL=audio-visualizer.js.map

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

@@ -0,0 +1,3 @@
+var _=window.matchMedia("(prefers-reduced-motion: reduce)");var I=new Map;function B(a,e,s={}){let r=s.priority??10,n={impl:e,bundle:s.bundle,contract:s.contract,priority:r},t=I.get(a);if(customElements.get(a)){if(!t||t.priority>=r){t&&t.priority===r&&t.impl!==e&&console.warn(`[VB Bundle] Tag <${a}> already registered by "${t.bundle}" (priority ${t.priority}). Skipping "${s.bundle}".`);return}console.warn(`[VB Bundle] Tag <${a}> defined by "${t.bundle}" cannot be replaced (customElements.define is permanent). "${s.bundle}" has higher priority but arrived late.`);return}if(t&&t.priority>=r){t.priority===r&&console.warn(`[VB Bundle] Tag <${a}> already registered by "${t.bundle}". Skipping "${s.bundle}" (first wins at equal priority).`);return}I.set(a,n),customElements.define(a,e)}var k=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,s,r,n){e.addEventListener(s,r,n),this.#t.push(()=>e.removeEventListener(s,r,n))}setup(){}teardown(){}};function M(a){let e=a.getFullYear(),s=String(a.getMonth()+1).padStart(2,"0"),r=String(a.getDate()).padStart(2,"0");return`${e}-${s}-${r}`}function x(a){if(!a)return null;let[e,s,r]=a.split("-").map(Number);return new Date(e,s-1,r)}function O(a,e){return new Date(a,e+1,0).getDate()}function w(a,e){return a&&e&&a.getFullYear()===e.getFullYear()&&a.getMonth()===e.getMonth()&&a.getDate()===e.getDate()}function q(){try{let a=new Intl.Locale(navigator.language);if(a.weekInfo)return a.weekInfo.firstDay%7}catch{}return 0}function Y(a){return a?typeof a=="string"?[{label:a}]:Array.isArray(a)?a:typeof a=="object"?[a]:[]:[]}var H=["Su","Mo","Tu","We","Th","Fr","Sa"],P=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],z=Array.from({length:24},(a,e)=>{let s=e%12||12,r=e<12?"AM":"PM";return`${s}:00 ${r}`}),L=class extends k{#t;#e;#b;#f={};#C=new Set;#g=new Map;#y=null;#a=null;#s=null;#d=null;#i="none";#w="default";#E;#l;#h;#r;#n;#o;#c;#u=null;setup(){let e=new Date;this.#t=parseInt(this.getAttribute("data-month"),10)-1,isNaN(this.#t)&&(this.#t=e.getMonth()),this.#e=parseInt(this.getAttribute("data-year"),10),isNaN(this.#e)&&(this.#e=e.getFullYear()),this.#b=q(),this.#i=this.getAttribute("data-selection")||"none",this.#w=this.getAttribute("data-size")||"default";let s=this.getAttribute("data-events");if(s)try{this.#f=JSON.parse(s)}catch{}let r=this.getAttribute("data-disabled-dates");r&&r.split(",").forEach(t=>this.#C.add(t.trim()));let n=this.getAttribute("data-highlight-dates");n&&n.split(",").forEach(t=>{let[u,i]=t.trim().split(":");this.#g.set(u,i||null)}),this.#S(),this.#m()}#S(){this.#E=document.createElement("header"),this.#o=document.createElement("button"),this.#o.type="button",this.#o.setAttribute("aria-label","Previous month"),this.#o.textContent="\u2039",this.listen(this.#o,"click",()=>this.#v(-1)),this.#l=document.createElement("span"),this.#l.className="calendar-title",this.#l.setAttribute("aria-live","polite"),this.#h=document.createElement("span"),this.#h.className="calendar-month",this.#r=document.createElement("select"),this.#r.className="calendar-year",this.#r.setAttribute("aria-label","Year"),this.listen(this.#r,"change",()=>{this.#e=parseInt(this.#r.value,10),this.#m(),this.dispatchEvent(new CustomEvent("calendar:navigate",{bubbles:!0,detail:{year:this.#e,month:this.#t+1}}))});let e=document.createElement("span");e.className="calendar-year-wrap",e.appendChild(this.#r),this.#l.append(this.#h," ",e),this.#c=document.createElement("button"),this.#c.type="button",this.#c.setAttribute("aria-label","Next month"),this.#c.textContent="\u203A",this.listen(this.#c,"click",()=>this.#v(1)),this.#E.append(this.#o,this.#l,this.#c),this.appendChild(this.#E);let s=document.createElement("div");s.className="calendar-banner",s.setAttribute("aria-hidden","true"),this.appendChild(s),this.#n=document.createElement("table"),this.#n.setAttribute("role","grid");let r=document.createElement("thead"),n=document.createElement("tr");for(let t=0;t<7;t++){let u=(this.#b+t)%7,i=document.createElement("th");i.setAttribute("scope","col"),i.setAttribute("abbr",P[u]),i.textContent=H[u],n.appendChild(i)}r.appendChild(n),this.#n.appendChild(r),this.appendChild(this.#n),this.listen(this.#n,"keydown",t=>this.#k(t)),this.listen(this.#n,"click",t=>{let u=t.target.closest("button[data-date]");if(!u||u.disabled)return;let i=u.getAttribute("data-date");if(this.#i!=="none")this.#D(i);else{let E=Y(this.#f[i]);E.length&&this.#N(i,E)}}),this.#i==="range"&&this.listen(this.#n,"mouseover",t=>{let u=t.target.closest("button[data-date]");u&&this.#a&&!this.#s&&(this.#d=x(u.getAttribute("data-date")),this.#A())})}#x(){this.#r.innerHTML="";let e=new Date().getFullYear(),s=e-10,r=e+10;for(let n=s;n<=r;n++){let t=document.createElement("option");t.value=n,t.textContent=n,n===this.#e&&(t.selected=!0),this.#r.appendChild(t)}}#v(e){this.#t+=e,this.#t<0&&(this.#t=11,this.#e--),this.#t>11&&(this.#t=0,this.#e++),this.#m(),this.dispatchEvent(new CustomEvent("calendar:navigate",{bubbles:!0,detail:{year:this.#e,month:this.#t+1}}))}#D(e){if(this.#i==="none")return;let s=x(e);this.#i==="single"?(this.#y=s,this.#A(),this.dispatchEvent(new CustomEvent("calendar:select",{bubbles:!0,detail:{value:e,date:s}}))):this.#i==="range"&&(!this.#a||this.#s?(this.#a=s,this.#s=null,this.#d=null):(this.#s=s,this.#a>this.#s&&([this.#a,this.#s]=[this.#s,this.#a]),this.#d=null,this.dispatchEvent(new CustomEvent("calendar:select",{bubbles:!0,detail:{start:M(this.#a),end:M(this.#s),startDate:this.#a,endDate:this.#s}}))),this.#A())}#A(){let e=this.#n.querySelector("tbody");if(!e)return;let s=this.#a,r=this.#s||this.#d;for(let n of e.querySelectorAll("td")){let t=n.querySelector("button[data-date]");if(!t)continue;let u=t.getAttribute("data-date"),i=x(u);if(n.removeAttribute("data-selected"),n.removeAttribute("data-range-start"),n.removeAttribute("data-range-end"),n.removeAttribute("data-in-range"),t.removeAttribute("aria-selected"),this.#i==="single"&&w(i,this.#y)&&(n.setAttribute("data-selected",""),t.setAttribute("aria-selected","true")),this.#i==="range"&&s)if(r){let E=s<r?s:r,A=s<r?r:s;w(i,E)&&n.setAttribute("data-range-start",""),w(i,A)&&n.setAttribute("data-range-end",""),i>=E&&i<=A&&n.setAttribute("data-in-range","")}else w(i,s)&&n.setAttribute("data-range-start","")}}#m(){let e=new Date,s=O(this.#e,this.#t),r=this.#w==="large";try{let c=new Date(this.#e,this.#t,1),l=new Intl.DateTimeFormat(void 0,{month:"long"}).format(c);this.#h.textContent=l,this.#n.setAttribute("aria-label",`${l} ${this.#e}`)}catch{this.#h.textContent=String(this.#t+1)}this.#x(),this.setAttribute("data-month",String(this.#t+1)),this.setAttribute("data-year",String(this.#e));let n=this.#n.querySelector("tbody");n&&n.remove();let t=document.createElement("tbody"),u=1,i=document.createElement("tr");i.setAttribute("data-week",String(u));let A=(new Date(this.#e,this.#t,1).getDay()-this.#b+7)%7,N=O(this.#e,this.#t-1);for(let c=0;c<A;c++){let l=N-A+1+c,h=document.createElement("td");h.setAttribute("data-outside-month","");let o=document.createElement("button");o.type="button",o.disabled=!0,o.setAttribute("tabindex","-1"),o.setAttribute("data-day",String(l));let m=document.createElement("span");m.className="day-number",m.textContent=String(l),o.appendChild(m),h.appendChild(o),i.appendChild(h)}let d=this.#a,b=this.#s||this.#d;for(let c=1;c<=s;c++){let l=new Date(this.#e,this.#t,c),h=M(l),o=document.createElement("td"),m=document.createElement("button");m.type="button",m.setAttribute("data-date",h);let S=document.createElement("span");if(S.className="day-number",S.textContent=String(c),m.appendChild(S),m.setAttribute("data-day",String(c)),w(l,e)&&(m.setAttribute("aria-current","date"),o.setAttribute("data-today","")),this.#i==="single"&&w(l,this.#y)&&(m.setAttribute("aria-selected","true"),o.setAttribute("data-selected","")),this.#i==="range"&&d&&b){let C=d<b?d:b,p=d<b?b:d;w(l,C)&&o.setAttribute("data-range-start",""),w(l,p)&&o.setAttribute("data-range-end",""),l>=C&&l<=p&&o.setAttribute("data-in-range","")}else this.#i==="range"&&d&&w(l,d)&&o.setAttribute("data-range-start","");this.#C.has(h)&&(m.setAttribute("aria-disabled","true"),m.disabled=!0),this.#g.has(h)&&m.setAttribute("data-highlight",this.#g.get(h)||"");let y=Y(this.#f[h]);if(y.length){if(o.setAttribute("data-events",""),o.setAttribute("data-event-count",String(y.length)),r){let p=document.createElement("span");p.className="event-list";let v=2;if(y.slice(0,v).forEach(f=>{let D=document.createElement("span");if(D.className="event-item",f.color&&D.style.setProperty("--event-color",f.color),f.icon){let $=document.createElement("icon-wc");$.setAttribute("name",f.icon),$.setAttribute("size","xs"),D.appendChild($)}let T=document.createElement("span");T.textContent=f.time?`${f.time} ${f.label}`:f.label,D.appendChild(T),p.appendChild(D)}),y.length>v){let f=document.createElement("span");f.className="event-more",f.textContent=`+${y.length-v} more`,p.appendChild(f)}m.appendChild(p)}else{let p=document.createElement("span");p.className="event-dots",p.setAttribute("aria-hidden","true");let v=Math.min(y.length,3);for(let f=0;f<v;f++){let D=document.createElement("span");D.setAttribute("data-event-dot",""),y[f].color&&D.style.setProperty("--event-color",y[f].color),p.appendChild(D)}o.appendChild(p)}let C=y.map(p=>p.time?`${p.time} \u2014 ${p.label}`:p.label);m.setAttribute("title",C.join(`
+`))}let F=c===1||w(l,e);m.setAttribute("tabindex",F?"0":"-1"),o.insertBefore(m,o.firstChild),i.appendChild(o),(A+c)%7===0&&(t.appendChild(i),u++,i=document.createElement("tr"),i.setAttribute("data-week",String(u)))}let g=(A+s)%7;if(g>0){for(let c=1;c<=7-g;c++){let l=document.createElement("td");l.setAttribute("data-outside-month","");let h=document.createElement("button");h.type="button",h.disabled=!0,h.setAttribute("tabindex","-1"),h.setAttribute("data-day",String(c));let o=document.createElement("span");o.className="day-number",o.textContent=String(c),h.appendChild(o),l.appendChild(h),i.appendChild(l)}t.appendChild(i)}this.#n.appendChild(t)}#N(e,s){this.#p();let r=x(e),n=document.createElement("div");n.className="day-detail",n.setAttribute("role","dialog"),n.setAttribute("aria-label",`Events for ${e}`);let t=document.createElement("header"),u=document.createElement("h3");try{u.textContent=new Intl.DateTimeFormat(void 0,{weekday:"long",month:"long",day:"numeric",year:"numeric"}).format(r)}catch{u.textContent=e}let i=document.createElement("button");i.type="button",i.setAttribute("aria-label","Close"),i.textContent="\xD7",i.addEventListener("click",()=>this.#p()),t.append(u,i),n.appendChild(t);let E=document.createElement("ul");if(s.forEach(d=>{let b=document.createElement("li");d.color&&b.style.setProperty("--event-color",d.color);let g=document.createElement("span");g.className="detail-dot";let c=document.createElement("span");if(c.className="detail-content",d.icon){let o=document.createElement("icon-wc");o.setAttribute("name",d.icon),o.setAttribute("size","sm"),c.appendChild(o)}let l=document.createElement("span");l.className="detail-label",l.textContent=d.label||"";let h=d.time?document.createElement("span"):null;h&&(h.className="detail-time",h.textContent=d.time),c.append(l),h&&b.append(h),b.append(g,c),E.appendChild(b)}),n.appendChild(E),s.some(d=>d.time)){let d=document.createElement("div");d.className="day-hours";let b=new Map;if(s.forEach(g=>{if(!g.time)return;let c=parseInt(g.time.split(":")[0],10);b.has(c)||b.set(c,[]),b.get(c).push(g)}),b.size>0){let g=document.createElement("div");g.className="hour-grid";let c=[...b.keys()].sort((o,m)=>o-m),l=Math.max(0,c[0]-1),h=Math.min(23,c[c.length-1]+1);for(let o=l;o<=h;o++){let m=document.createElement("div");m.className="hour-row";let S=document.createElement("span");S.className="hour-label",S.textContent=z[o];let y=document.createElement("span");y.className="hour-content",(b.get(o)||[]).forEach(C=>{let p=document.createElement("span");if(p.className="hour-event",C.color&&p.style.setProperty("--event-color",C.color),C.icon){let v=document.createElement("icon-wc");v.setAttribute("name",C.icon),v.setAttribute("size","xs"),p.appendChild(v)}p.append(C.label||""),y.appendChild(p)}),m.append(S,y),g.appendChild(m)}d.appendChild(g),n.appendChild(d)}}this.appendChild(n),this.#u=n;let A=d=>{d.key==="Escape"&&this.#p()},N=d=>{n.contains(d.target)||this.#p()};this._detailCleanup=()=>{document.removeEventListener("keydown",A),document.removeEventListener("mousedown",N)},document.addEventListener("keydown",A),requestAnimationFrame(()=>{document.addEventListener("mousedown",N)}),this.dispatchEvent(new CustomEvent("calendar:day-open",{bubbles:!0,detail:{date:e,events:s}}))}#p(){this.#u&&(this._detailCleanup?.(),this._detailCleanup=null,this.#u.remove(),this.#u=null)}#k(e){let s=this.#n.querySelector('button[tabindex="0"]');if(!s)return;let r=s.getAttribute("data-date"),n=x(r);if(!n)return;let t;switch(e.key){case"ArrowRight":t=new Date(n),t.setDate(n.getDate()+1);break;case"ArrowLeft":t=new Date(n),t.setDate(n.getDate()-1);break;case"ArrowDown":t=new Date(n),t.setDate(n.getDate()+7);break;case"ArrowUp":t=new Date(n),t.setDate(n.getDate()-7);break;case"Enter":case" ":e.preventDefault(),s.disabled||this.#D(r);return;default:return}e.preventDefault(),(t.getMonth()!==this.#t||t.getFullYear()!==this.#e)&&(this.#t=t.getMonth(),this.#e=t.getFullYear(),this.#m());let u=M(t),i=this.#n.querySelector(`button[data-date="${u}"]`);i&&(this.#n.querySelectorAll('button[tabindex="0"]').forEach(E=>E.setAttribute("tabindex","-1")),i.setAttribute("tabindex","0"),i.focus())}};B("calendar-wc",L);export{L as CalendarWc};
+//# sourceMappingURL=calendar-wc.js.map

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

@@ -0,0 +1,2 @@
+function l(o){if(!o||typeof o!="string")return"";let e=document.createElement("template");return e.innerHTML=o,e.content.querySelectorAll("script, iframe, object, embed, form, base, link, meta, noscript").forEach(n=>n.remove()),e.content.querySelectorAll("*").forEach(n=>{for(let i of[...n.attributes]){if(i.name.startsWith("on")){n.removeAttribute(i.name);continue}if(["href","src","action","formaction","xlink:href"].includes(i.name)){let a=i.value.trim().toLowerCase();(a.startsWith("javascript:")||a.startsWith("data:text/html"))&&n.removeAttribute(i.name);continue}(i.name==="srcdoc"||i.name==="data"&&n.tagName==="OBJECT")&&n.removeAttribute(i.name)}}),e.innerHTML}var A=window.matchMedia("(prefers-reduced-motion: reduce)");var f=new Map;function h(o,e,r={}){let t=r.priority??10,n={impl:e,bundle:r.bundle,contract:r.contract,priority:t},i=f.get(o);if(customElements.get(o)){if(!i||i.priority>=t){i&&i.priority===t&&i.impl!==e&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${i.bundle}" (priority ${i.priority}). Skipping "${r.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${i.bundle}" cannot be replaced (customElements.define is permanent). "${r.bundle}" has higher priority but arrived late.`);return}if(i&&i.priority>=t){i.priority===t&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${i.bundle}". Skipping "${r.bundle}" (first wins at equal priority).`);return}f.set(o,n),customElements.define(o,e)}var c=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,r,t,n){e.addEventListener(r,t,n),this.#t.push(()=>e.removeEventListener(r,t,n))}setup(){}teardown(){}};var p=/^[a-zA-Z_$][a-zA-Z0-9_$]*(\.[a-zA-Z_$][a-zA-Z0-9_$]*|\[\d+\])*$/;function m(o){return!o||typeof o!="string"?!1:p.test(o.trim())}function s(o,e){if(!m(e)){console.warn(`[card-list] Unsafe property path rejected: "${e}"`);return}let t=e.replace(/\[(\d+)\]/g,".$1").split("."),n=o;for(let i of t){if(n==null)return;n=n[i]}return n}function b(o){return o?o.split(",").map(e=>{let[r,t]=e.split(":").map(n=>n.trim());return{attr:r,path:t}}).filter(({attr:e,path:r})=>e&&r):[]}var d=class extends c{#t=null;#e=[];#n="id";static get observedAttributes(){return["src","data-items","data-key"]}setup(){if(this.#t=this.querySelector("template"),!this.#t)return console.warn("[card-list] No template found"),!1;this.#n=this.getAttribute("data-key")||"id";let e=this.getAttribute("data-items");if(e){try{this.#e=JSON.parse(e),this.#r()}catch(t){console.error("[card-list] Invalid JSON in data-items:",t)}return}let r=this.getAttribute("src");r&&this.#i(r)}attributeChangedCallback(e,r,t){if(r!==t)if(e==="data-items"&&t)try{this.#e=JSON.parse(t),this.#r()}catch(n){console.error("[card-list] Invalid JSON in data-items:",n)}else e==="src"&&t?this.#i(t):e==="data-key"&&(this.#n=t||"id",this.#r())}async#i(e){try{this.setAttribute("data-loading","");let r=await fetch(e);if(!r.ok)throw new Error(`HTTP ${r.status}`);let t=await r.json();this.#e=Array.isArray(t)?t:t.items||t.data||[],this.#r()}catch(r){console.error("[card-list] Fetch error:",r),this.setAttribute("data-error",r.message)}finally{this.removeAttribute("data-loading")}}#r(){if(!this.#t)return;this.querySelectorAll(":scope > :not(template)").forEach(t=>t.remove());let r=document.createDocumentFragment();for(let t of this.#e){let n=this.#t.content.cloneNode(!0);this.#o(n,t),r.appendChild(n)}this.appendChild(r),this.dispatchEvent(new CustomEvent("card-list:rendered",{detail:{count:this.#e.length},bubbles:!0}))}#o(e,r){e.querySelectorAll("[data-field]").forEach(t=>{let n=t.getAttribute("data-field"),i=s(r,n);t.textContent=i??""}),e.querySelectorAll("[data-field-attr]").forEach(t=>{let n=b(t.getAttribute("data-field-attr"));for(let{attr:i,path:a}of n){if(!m(a))continue;let u=s(r,a);u!=null&&t.setAttribute(i,u)}}),e.querySelectorAll("[data-field-html]").forEach(t=>{let n=t.getAttribute("data-field-html"),i=s(r,n);t.innerHTML=l(i)}),e.querySelectorAll("[data-field-if]").forEach(t=>{let n=t.getAttribute("data-field-if");s(r,n)||t.remove()}),e.querySelectorAll("[data-field-unless]").forEach(t=>{let n=t.getAttribute("data-field-unless");s(r,n)&&t.remove()})}setItems(e){this.#e=Array.isArray(e)?e:[],this.#r()}getItems(){return[...this.#e]}};h("card-list",d);export{d as CardList,s as getValueByPath,m as isValidPath,l as sanitizeHTML};
+//# sourceMappingURL=card-list.js.map

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

@@ -0,0 +1,2 @@
+var I=Object.defineProperty;var N=(t,e)=>()=>(t&&(e=t(t=0)),e);var Y=(t,e)=>{for(var i in e)I(t,i,{get:e[i],enumerable:!0})};var S={};Y(S,{addDialogDismiss:()=>P,addLongPress:()=>$,addPullToRefresh:()=>B,addSwipeListener:()=>k,haptic:()=>E,initGestures:()=>C,makeSwipeable:()=>M});function k(t,e={}){let i=e.threshold??50,r=e.restraint??100,n=e.timeout??300,s,o,a;function c(h){h.isPrimary&&(s=h.clientX,o=h.clientY,a=Date.now())}function p(h){if(!h.isPrimary)return;let f=h.clientX-s,l=h.clientY-o,v=Date.now()-a;if(v>n)return;let m=Math.abs(f),u=Math.abs(l),d;if(m>=i&&u<=r?d=f<0?"left":"right":u>=i&&m<=r&&(d=l<0?"up":"down"),d){let b=d==="left"||d==="right"?m:u;t.dispatchEvent(new CustomEvent(`swipe-${d}`,{bubbles:!0,detail:{distance:b,duration:v}}))}}return t.addEventListener("pointerdown",c,{passive:!0}),t.addEventListener("pointerup",p,{passive:!0}),()=>{t.removeEventListener("pointerdown",c),t.removeEventListener("pointerup",p)}}function M(t,e={}){let i=e.threshold??100,r=e.direction??"horizontal",n=e.removeOnDismiss??!0,s=r==="horizontal",o=0,a=0,c=!1;function p(u){!u.isPrimary||t.hasAttribute("data-dismissed")||(u.preventDefault(),c=!0,o=s?u.clientX:u.clientY,a=0,t.setPointerCapture(u.pointerId),t.setAttribute("data-swiping",""))}function h(u){if(!c||!u.isPrimary)return;a=(s?u.clientX:u.clientY)-o;let b=1-Math.min(Math.abs(a)/i,1)*.5;s?t.style.transform=`translateX(${a}px)`:t.style.transform=`translateY(${a}px)`,t.style.opacity=String(b)}function f(u){!c||!u.isPrimary||(c=!1,t.releasePointerCapture(u.pointerId),t.removeAttribute("data-swiping"),Math.abs(a)>=i?v(a>0?"right":"left"):m())}function l(u){!c||!u.isPrimary||(c=!1,t.releasePointerCapture(u.pointerId),t.removeAttribute("data-swiping"),m())}function v(u){let d=u==="right"?"100%":"-100%";t.style.transition="transform 0.2s ease-out, opacity 0.2s ease-out",t.style.transform=s?`translateX(${d})`:`translateY(${d})`,t.style.opacity="0",t.setAttribute("data-dismissed",""),E.dismiss(),t.dispatchEvent(new CustomEvent("swipe-dismiss",{bubbles:!0,detail:{direction:u,distance:Math.abs(a)}})),n&&t.addEventListener("transitionend",()=>t.remove(),{once:!0})}function m(){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",h),t.addEventListener("pointerup",f),t.addEventListener("pointercancel",l),()=>{t.removeEventListener("pointerdown",p),t.removeEventListener("pointermove",h),t.removeEventListener("pointerup",f),t.removeEventListener("pointercancel",l)}}function B(t,e,i={}){let r=i.threshold??70,n=i.maxPull??120,s=document.createElement("div");s.setAttribute("data-pull-indicator",""),s.setAttribute("aria-hidden","true");let o=document.createElement("div");o.setAttribute("data-pull-spinner",""),s.appendChild(o),t.prepend(s);let a=0,c=!1,p=!1;function h(d){!d.isPrimary||p||t.scrollTop<=0&&(a=d.clientY,c=!0)}function f(d){if(!c||!d.isPrimary||p)return;let b=d.clientY-a;if(b<=0){s.style.transform="",s.style.opacity="";return}let g=Math.min(b,n),A=g/r;s.style.transform=`translateY(${g}px)`,s.style.opacity=String(Math.min(A,1)),A>=1?s.setAttribute("data-pull-ready",""):s.removeAttribute("data-pull-ready")}function l(d){!c||!d.isPrimary||(c=!1,s.hasAttribute("data-pull-ready")&&!p?m():u())}function v(d){!c||!d.isPrimary||(c=!1,u())}async function m(){p=!0,s.removeAttribute("data-pull-ready"),s.setAttribute("data-pull-loading",""),s.style.transform=`translateY(${r}px)`,s.style.opacity="1";try{await e()}finally{p=!1,s.removeAttribute("data-pull-loading"),u()}}function u(){s.style.transition="transform 0.3s ease, opacity 0.3s ease",s.style.transform="",s.style.opacity="",s.removeAttribute("data-pull-ready"),s.addEventListener("transitionend",()=>{s.style.transition=""},{once:!0})}return t.addEventListener("pointerdown",h,{passive:!0}),t.addEventListener("pointermove",f,{passive:!0}),t.addEventListener("pointerup",l,{passive:!0}),t.addEventListener("pointercancel",v,{passive:!0}),()=>{t.removeEventListener("pointerdown",h),t.removeEventListener("pointermove",f),t.removeEventListener("pointerup",l),t.removeEventListener("pointercancel",v),s.remove()}}function $(t,e,i={}){let r=i.duration??500,n=i.hapticFeedback??!0,s=i.blockContextMenu??!0,o=null;function a(h){h.isPrimary&&(o=setTimeout(()=>{n&&E.tap(),e(h),o=null},r))}function c(){o&&(clearTimeout(o),o=null)}function p(h){s&&h.preventDefault()}return t.addEventListener("pointerdown",a,{passive:!0}),t.addEventListener("pointermove",c,{passive:!0}),t.addEventListener("pointerup",c,{passive:!0}),t.addEventListener("pointercancel",c,{passive:!0}),t.addEventListener("contextmenu",p),()=>{c(),t.removeEventListener("pointerdown",a),t.removeEventListener("pointermove",c),t.removeEventListener("pointerup",c),t.removeEventListener("pointercancel",c),t.removeEventListener("contextmenu",p)}}function P(t,e={}){let i=e.threshold??80,r=0,n=0,s=!1;function o(l){if(!l.isPrimary||!t.open)return;let v=l.target;v.closest("a, button, input, select, textarea, [contenteditable]")&&!v.closest("header")||(s=!0,r=l.clientY,n=0,t.setPointerCapture(l.pointerId),t.style.transition="none")}function a(l){if(!s||!l.isPrimary)return;if(n=l.clientY-r,n<=0){t.style.transform="",t.style.opacity="";return}let m=1-Math.min(n/i,1)*.4;t.style.transform=`translateY(${n}px)`,t.style.opacity=String(m)}function c(l){!s||!l.isPrimary||(s=!1,t.releasePointerCapture(l.pointerId),n>=i?h():f())}function p(l){!s||!l.isPrimary||(s=!1,t.releasePointerCapture(l.pointerId),f())}function h(){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 f(){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",o),t.addEventListener("pointermove",a),t.addEventListener("pointerup",c),t.addEventListener("pointercancel",p),()=>{t.removeEventListener("pointerdown",o),t.removeEventListener("pointermove",a),t.removeEventListener("pointerup",c),t.removeEventListener("pointercancel",p)}}function C(t=document){let e=[];for(let i of t.querySelectorAll('[data-gesture="swipe"]'))e.push(k(i));for(let i of t.querySelectorAll('[data-gesture="dismiss"]'))e.push(M(i));for(let i of t.querySelectorAll('[data-gesture="long-press"]'))e.push($(i,()=>{i.dispatchEvent(new CustomEvent("long-press",{bubbles:!0}))}));for(let i of t.querySelectorAll('dialog[data-gesture="dismiss-down"]'))e.push(P(i));return()=>e.forEach(i=>i())}var E,D=N(()=>{E={tap:()=>navigator.vibrate?.(8),confirm:()=>navigator.vibrate?.([8,40,8]),error:()=>navigator.vibrate?.([30,60,30]),dismiss:()=>navigator.vibrate?.(15)};C()});var X=window.matchMedia("(prefers-reduced-motion: reduce)");var L=new Map;function x(t,e,i={}){let r=i.priority??10,n={impl:e,bundle:i.bundle,contract:i.contract,priority:r},s=L.get(t);if(customElements.get(t)){if(!s||s.priority>=r){s&&s.priority===r&&s.impl!==e&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${i.bundle}".`);return}console.warn(`[VB Bundle] Tag <${t}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${i.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=r){s.priority===r&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${s.bundle}". Skipping "${i.bundle}" (first wins at equal priority).`);return}L.set(t,n),customElements.define(t,e)}var y=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,r,n){e.addEventListener(i,r,n),this.#t.push(()=>e.removeEventListener(i,r,n))}setup(){}teardown(){}};function T(t){return document.startViewTransition?document.startViewTransition(t):t()}var q=0,w=class extends y{#t;#e=[];#i;#r;#n;#o;#u;#c=null;#s=0;#l=!1;#a=!1;#h=null;get currentIndex(){return this.#s}get slideCount(){return this.#e.length}get playing(){return this.#c!==null}setup(){let e=[...this.children];if(e.length===0)return!1;if(this.#l=window.matchMedia("(prefers-reduced-motion: reduce)").matches,this.#a=this.hasAttribute("transition")&&!!document.startViewTransition,this.setAttribute("role","region"),this.setAttribute("aria-roledescription","carousel"),this.hasAttribute("aria-label")||this.setAttribute("aria-label","Carousel"),this.#t=document.createElement("div"),this.#t.className="carousel-track",this.#t.setAttribute("tabindex","0"),this.#t.setAttribute("aria-label","Slides"),e.forEach((s,o)=>{s.setAttribute("role","group"),s.setAttribute("aria-roledescription","slide"),s.setAttribute("aria-label",`${o+1} of ${e.length}`),this.#t.appendChild(s)}),this.#e=[...this.#t.children],this.#i=document.createElement("button"),this.#i.className="carousel-prev",this.#i.setAttribute("aria-label","Previous slide"),this.#i.innerHTML='<icon-wc name="chevron-left" size="sm"></icon-wc>',this.#r=document.createElement("button"),this.#r.className="carousel-next",this.#r.setAttribute("aria-label","Next slide"),this.#r.innerHTML='<icon-wc name="chevron-right" size="sm"></icon-wc>',this.getAttribute("indicators")!=="false"&&(this.#n=document.createElement("div"),this.#n.className="carousel-indicators",this.#n.setAttribute("aria-label","Slide indicators"),this.#e.forEach((s,o)=>{let a=document.createElement("button");a.className="carousel-dot",a.setAttribute("aria-label",`Go to slide ${o+1}`),a.setAttribute("aria-current",o===0?"true":"false"),this.listen(a,"click",()=>this.goTo(o)),this.#n.appendChild(a)})),this.#o=document.createElement("div"),this.#o.className="carousel-live",this.#o.setAttribute("aria-live","polite"),this.#o.setAttribute("aria-atomic","true"),this.appendChild(this.#i),this.appendChild(this.#t),this.appendChild(this.#r),this.#n&&this.appendChild(this.#n),this.appendChild(this.#o),this.listen(this.#i,"click",()=>this.prev()),this.listen(this.#r,"click",()=>this.next()),this.listen(this.#t,"keydown",this.#m),this.#a){let s=++q,o=this.getAttribute("transition")||"fade",a=o==="slide"?"vt-carousel-slide":o==="scale"?"vt-carousel-scale":"vt-carousel";this.#t.style.viewTransitionName=`carousel-${s}`,this.#t.style.viewTransitionClass=a}this.#a&&Promise.resolve().then(()=>(D(),S)).then(({addSwipeListener:s})=>{this.#h=s(this.#t,{threshold:40}),this.listen(this.#t,"swipe-left",()=>this.next()),this.listen(this.#t,"swipe-right",()=>this.prev())}),this.#a||(this.#u=new IntersectionObserver(this.#v,{root:this.#t,threshold:.5}),this.#e.forEach(s=>this.#u.observe(s)));let n=this.#y()??(Number(this.getAttribute("start"))||0);if(this.#a){let s=n>0&&n<this.#e.length?n:0;this.#e.forEach((o,a)=>{o.hidden=a!==s}),this.#d(s)}else n>0&&n<this.#e.length&&this.goTo(n,!1);this.#f(),this.hasAttribute("autoplay")&&!this.#l&&this.#b()}teardown(){this.pause(),this.#u&&(this.#u.disconnect(),this.#u=null),this.#h&&(this.#h(),this.#h=null),this.#e=[],this.#a=!1}next(){let e=this.hasAttribute("loop");this.#s<this.#e.length-1?this.goTo(this.#s+1):e&&this.goTo(0)}prev(){let e=this.hasAttribute("loop");this.#s>0?this.goTo(this.#s-1):e&&this.goTo(this.#e.length-1)}goTo(e,i=!0){if(!(e<0||e>=this.#e.length)){if(this.#a)if(i&&e!==this.#s){let r=e>this.#s?"forward":"backward";document.documentElement.dataset.vtDirection=r,T(()=>{this.#p(e)}).finished?.then(()=>{delete document.documentElement.dataset.vtDirection})}else this.#p(e);else{let r=this.#e[e].offsetLeft-this.#t.offsetLeft,n=i&&!this.#l?"smooth":"instant";this.#t.scrollTo({left:r,behavior:n})}this.#d(e)}}#p(e){this.#e.forEach((i,r)=>{i.hidden=r!==e})}play(){if(this.#c||this.#l)return;let e=Number(this.getAttribute("autoplay-delay"))||5e3;this.#c=setInterval(()=>this.next(),e),this.dispatchEvent(new CustomEvent("carousel-wc:play",{bubbles:!0}))}pause(){this.#c&&(clearInterval(this.#c),this.#c=null,this.dispatchEvent(new CustomEvent("carousel-wc:pause",{bubbles:!0})))}reset(){let e=Number(this.getAttribute("start"))||0;this.goTo(e,!1),this.#w()}#d(e){this.#s=e,this.#f(),this.#E(),this.#o&&(this.#o.textContent=`Slide ${e+1} of ${this.#e.length}`),this.dispatchEvent(new CustomEvent("carousel-wc:change",{detail:{index:e,slide:this.#e[e]},bubbles:!0}))}#f(){let e=this.hasAttribute("loop"),i=this.#s===0,r=this.#s===this.#e.length-1;if(this.#i&&(this.#i.disabled=!e&&i),this.#r&&(this.#r.disabled=!e&&r),this.#n){let n=this.#n.children;for(let s=0;s<n.length;s++){let o=s===this.#s;n[s].setAttribute("aria-current",o?"true":"false"),o?n[s].setAttribute("data-active",""):n[s].removeAttribute("data-active")}}}#v=e=>{for(let i of e)if(i.isIntersecting){let r=this.#e.indexOf(i.target);r!==-1&&r!==this.#s&&this.#d(r)}};#m=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.prev();break;case"ArrowRight":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.goTo(0);break;case"End":e.preventDefault(),this.goTo(this.#e.length-1);break}};#b(){this.play(),this.listen(this,"mouseenter",()=>this.pause()),this.listen(this,"mouseleave",()=>{this.hasAttribute("autoplay")&&this.play()}),this.listen(this,"focusin",()=>this.pause()),this.listen(this,"focusout",e=>{!this.contains(e.relatedTarget)&&this.hasAttribute("autoplay")&&this.play()}),this.listen(this,"touchstart",()=>this.pause(),{passive:!0})}#y(){let e=this.getAttribute("persist");if(!e)return null;try{let i=localStorage.getItem(`carousel:${e}`);return i!==null?Number(i):null}catch{return null}}#E(){let e=this.getAttribute("persist");if(e)try{localStorage.setItem(`carousel:${e}`,String(this.#s))}catch{}}#w(){let e=this.getAttribute("persist");if(e)try{localStorage.removeItem(`carousel:${e}`)}catch{}}};x("carousel-wc",w);export{w as CarouselWc};
+//# sourceMappingURL=carousel-wc.js.map

package/dist/cdn/components/change-set.js

@@ -0,0 +1,12 @@
+var u=window.matchMedia("(prefers-reduced-motion: reduce)");var c=new Map;function d(o,e,n={}){let i=n.priority??10,r={impl:e,bundle:n.bundle,contract:n.contract,priority:i},t=c.get(o);if(customElements.get(o)){if(!t||t.priority>=i){t&&t.priority===i&&t.impl!==e&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${t.bundle}" (priority ${t.priority}). Skipping "${n.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${t.bundle}" cannot be replaced (customElements.define is permanent). "${n.bundle}" has higher priority but arrived late.`);return}if(t&&t.priority>=i){t.priority===i&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${t.bundle}". Skipping "${n.bundle}" (first wins at equal priority).`);return}c.set(o,r),customElements.define(o,e)}var s=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,n,i,r){e.addEventListener(n,i,r),this.#e.push(()=>e.removeEventListener(n,i,r))}setup(){}teardown(){}};var a=class extends s{setup(){this.querySelector("[data-controls]")||this.#e()}#e(){let e=document.createElement("nav");e.setAttribute("data-controls",""),e.setAttribute("aria-label","Change view controls"),e.innerHTML=`
+      <button type="button" data-action="tracking" aria-pressed="true">
+        Tracking
+      </button>
+      <button type="button" data-action="final" aria-pressed="false">
+        Final
+      </button>
+      <button type="button" data-action="original" aria-pressed="false">
+        Original
+      </button>
+    `,this.prepend(e),e.addEventListener("click",n=>{let r=n.target.closest("[data-action]")?.dataset.action;if(r){r==="tracking"?this.removeAttribute("view"):this.setAttribute("view",r);for(let t of e.querySelectorAll("button"))t.setAttribute("aria-pressed",t.dataset.action===r);this.dispatchEvent(new CustomEvent("change-set:view",{detail:{view:r},bubbles:!0}))}})}get view(){return this.getAttribute("view")??"tracking"}set view(e){e==="tracking"?this.removeAttribute("view"):this.setAttribute("view",e)}};d("change-set",a);export{a as ChangeSet};
+//# sourceMappingURL=change-set.js.map