@nulib/clover 4.5.1 → 4.5.2

package/dist/web-components/viewer/{MediaBody-byvlUB_B.mjs → MediaBody-CSzkjuJn.mjs}

@@ -1 +1 @@
-import{q as V,e as O,y as w,T as P,c0 as Ke,u as h,ab as _,k as Re,s as Ve,a9 as Te,bX as Be,A as F,aJ as Pe,r as je,c1 as De,c2 as ye,bR as He,c3 as me,aV as xe}from"./viewer-B7xAOtQD.mjs";import{u as be}from"./EntryThumbnail-DpP82iU_.mjs";import{a as _e}from"./styles-BjjJM8OS.mjs";import{T as We}from"./Transport-Qi3YTaFs.mjs";import{l as Ze,v as Ge,d as Je}from"./vtt-BRwEspJw.mjs";import"./MediaBody-BgBDbfHg.mjs";const we=["play","pause","ended","timeupdate","durationchange","loadedmetadata","volumechange","progress","seeked"];function Ue(e,o){const c=V(t=>{const y=t&&Number.isFinite(t.duration)&&t.duration>0?t.duration:o??0;let L=0;return t&&t.buffered.length&&(L=t.buffered.end(t.buffered.length-1)),{paused:(t==null?void 0:t.paused)??true,currentTime:(t==null?void 0:t.currentTime)??0,duration:y,muted:(t==null?void 0:t.muted)??false,volume:(t==null?void 0:t.volume)??1,buffered:L}},[o]),[r,i]=O(()=>c(e));w(()=>{if(i(c(e)),!e)return;const t=()=>i(c(e));return we.forEach(y=>e.addEventListener(y,t)),()=>we.forEach(y=>e.removeEventListener(y,t))},[e,c]);const l=V(()=>{var t,y;(y=(t=e==null?void 0:e.play())==null?void 0:t.catch)==null||y.call(t,()=>{})},[e]),s=V(()=>e==null?void 0:e.pause(),[e]),v=V(()=>e!=null&&e.paused?l():s(),[e,l,s]),C=V(t=>{if(!e)return;const y=Number.isFinite(e.duration)?e.duration:r.duration;e.currentTime=Math.max(0,Math.min(y||t,t))},[e,r.duration]),b=V(t=>e&&C(e.currentTime+t),[e,C]),g=V(t=>{e&&(e.volume=Math.max(0,Math.min(1,t)),e.muted=e.volume===0)},[e]),m=V(()=>{e&&(e.muted=!e.muted)},[e]);return{...r,play:l,toggle:v,seek:C,skip:b,setVolume:g,toggleMute:m}}_e(15,"components/Canvas/media/Player",'@layer clover{.clover-canvas[data-player]{--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas[data-player]>.clover-canvas-scrim{display:none}.clover-canvas[data-player]>.clover-canvas-controls>*{opacity:1;translate:none}.clover-canvas[data-player]:has(>.clover-canvas-viewport:focus-visible)>.clover-canvas-media:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 0 2px var(--clover-color-primary, #1a1d1e),inset 0 0 0 5px var(--clover-color-accent, #0065c3),inset 0 0 0 7px var(--clover-color-secondary, #fff)}.clover-canvas-player{--clover-player-pad: var(--clover-space-l);--clover-player-text: var(--clover-color-control-glyph, #fff);--clover-player-muted: color-mix( in srgb, var(--clover-player-text) 80%, transparent );--clover-player-dark: var(--clover-color-control, #1a1d1e);--clover-player-top: calc( var(--clover-canvas-controls-inset, var(--clover-space-l)) + var(--clover-control) + var(--clover-space-s) );--clover-player-bottom: calc( var(--clover-transport-room, 0px) + 2.7 * var(--clover-cue-size, var(--clover-text-s)) + 2 * var(--clover-space-2xs) + var(--clover-space-s) );--clover-player-art-height: max( 0px, calc(100cqb - var(--clover-player-top) - var(--clover-player-bottom)) );position:absolute;inset:0;isolation:isolate;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--clover-space-l);padding:var(--clover-player-top) var(--clover-player-pad) var(--clover-player-bottom);color:var(--clover-player-text)}.clover-canvas-player-ground{--clover-player-depth: color-mix( in srgb, var(--clover-player-dark) 82%, var(--clover-player-text) );--clover-player-glow: color-mix( in srgb, var(--clover-player-text) 61.8%, #0000 );--clover-player-shade: color-mix( in srgb, var(--clover-player-dark) 61.8%, #0000 );position:absolute;inset:0;z-index:-1;overflow:hidden;isolation:isolate;background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 23.6%,var(--clover-player-dark))}.clover-canvas-player-ground>img{position:absolute;inset:-24%;z-index:0;width:148%;height:148%;object-fit:cover;filter:blur(var(--clover-space-2xl)) saturate(2.618)}.clover-canvas-player-ground[data-art]:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(61.8% 85% at 23.6% 23.6%,var(--clover-player-glow),#0000 70%),radial-gradient(50% 70% at 85% 76.4%,var(--clover-player-glow),#0000 70%);mix-blend-mode:soft-light}.clover-canvas-player-ground[data-art]:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(61.8% 76.4% at 0% 100%,var(--clover-player-shade),#0000 100%),radial-gradient(50% 61.8% at 100% 0%,var(--clover-player-shade),#0000 100%),var(--clover-player-depth);mix-blend-mode:multiply}.clover-canvas-player>.clover-canvas-transport:before{background:linear-gradient(to top,color-mix(in srgb,var(--clover-player-dark) 38.2%,#0000),#0000)}.clover-canvas-player-art{flex:none;display:grid;place-items:center;overflow:hidden;width:min(calc(var(--clover-player-art-height) * var(--clover-player-art-ratio, 1)),40cqi,12rem);aspect-ratio:var(--clover-player-art-ratio, 1);border-radius:calc(2 * var(--clover-radius, 3px));background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 40%,var(--clover-player-dark));box-shadow:0 .618rem 1.618rem color-mix(in srgb,var(--clover-player-dark) 45%,#0000)}.clover-canvas-player-art>img{display:block;width:100%;height:100%;object-fit:cover;opacity:0}.clover-canvas-player-art[data-loaded]>img{opacity:1}.clover-canvas-player-note{width:38.2%;height:38.2%;fill:currentColor;opacity:.85}.clover-canvas-player-head{flex:0 1 auto;max-width:38rem;min-width:0}.clover-canvas-player-title,.clover-canvas-player-part-of{margin:0;overflow-wrap:break-word}.clover-canvas-player-title{font-size:inherit;font-weight:700;line-height:1.25;text-wrap:balance}.clover-canvas-player-part-of{margin-top:var(--clover-space-xs);color:var(--clover-player-muted);font-size:var(--clover-text-s);line-height:1.35}.clover-canvas-player-cues{display:contents}@container (max-width: 30rem){.clover-canvas-player{--clover-player-pad: var(--clover-space-m)}}@container (max-height: 24rem){.clover-canvas-player{--clover-player-room: calc( 100cqb - 2 * var(--clover-canvas-controls-inset) );--clover-player-art-height: clamp( var(--clover-player-art-least, 7.416rem), var(--clover-player-room), 12rem );--clover-player-centering: max( 0px, (var(--clover-player-room) - var(--clover-player-art-height)) / 2 );display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr auto auto;align-content:end;gap:0 var(--clover-player-pad);padding:calc(var(--clover-canvas-controls-inset) + var(--clover-player-centering)) var(--clover-canvas-controls-inset)}.clover-canvas-player-art{grid-row:1 / -1;align-self:end;width:min(calc(var(--clover-player-art-height) * var(--clover-player-art-ratio, 1)),38.2cqi,12rem)}.clover-canvas-player-head,.clover-canvas-player-cues,.clover-canvas-player .clover-canvas-transport-seek-area,.clover-canvas-player .clover-canvas-transport-bar{grid-column:2}.clover-canvas-player-head{grid-row:1;max-width:none;margin-inline-end:calc(var(--clover-canvas-controls-width, var(--clover-control)) + var(--clover-space-s))}.clover-canvas-player-cues{grid-row:2;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--clover-space-2xs);padding:var(--clover-space-xs) 0 calc(var(--clover-space-2xs) + var(--clover-transport-marks-room, 0px));pointer-events:none}.clover-canvas-player-cues>.clover-canvas-captions{position:static;align-items:flex-start;padding:0;transition:none}.clover-canvas-player-cues .clover-canvas-captions-cue{max-width:100%;text-align:start}.clover-canvas-player>.clover-canvas-transport{display:contents}.clover-canvas-player>.clover-canvas-transport:before{display:none}.clover-canvas-player .clover-canvas-transport-seek-area{grid-row:3;z-index:2}.clover-canvas-player .clover-canvas-transport-bar{grid-row:4;z-index:2}.clover-canvas-player :is(.clover-canvas-transport-seek-area:is(:hover,:focus-within),.clover-canvas-transport-bar:has([aria-expanded=true],:focus-visible)){z-index:4}.clover-canvas-player-title,.clover-canvas-player-part-of{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.clover-canvas-player-part-of{-webkit-line-clamp:1}}@container (max-height: 24rem) and (max-width: 37.5rem){.clover-canvas-player{--clover-player-art-height: var(--clover-space-2xl);--clover-player-centering: 0px}.clover-canvas-player-art{grid-row:1;align-self:center}.clover-canvas-player-head{align-self:center}.clover-canvas-player-cues,.clover-canvas-player .clover-canvas-transport-seek-area,.clover-canvas-player .clover-canvas-transport-bar{grid-column:1 / -1}}@container (max-height: 15.236rem){.clover-canvas-player:has(>.clover-canvas-player-cues>.clover-canvas-captions)>.clover-canvas-player-head{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@container (max-height: 15.236rem) and (min-width: 38.5rem){.clover-canvas-player-cues .clover-canvas-captions-cue{font-size:var(--clover-text-s)}}@container (max-height: 15.236rem) and (min-width: 44rem){.clover-canvas-player-cues .clover-canvas-captions-cue{font-size:inherit}}@container (max-height: 15.236rem) and (min-width: 47.5rem){.clover-canvas-player-cues .clover-canvas-captions-cue{font-size:var(--clover-text-m)}}@container (max-height: 15.236rem) and (max-width: 37.5rem){.clover-canvas-player:has(>.clover-canvas-player-cues>.clover-canvas-captions)>.clover-canvas-player-art{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}}@media (prefers-reduced-motion: no-preference){.clover-canvas-player-art>img{transition:opacity 382ms ease}}@media (forced-colors: active){.clover-canvas-player-ground{display:none}.clover-canvas-player{color:CanvasText}}}');const qe=1200,Fe=32;function Xe(e,o){const c=Ve(e);if(!c)return null;const r=Number(e.width),i=Number(e.height),l=Te(e.label,o);return{source:c,ratio:r>0&&i>0?r/i:void 0,alt:l.text?l:void 0}}const Ye=()=>h("svg",{"aria-hidden":"true",className:"clover-canvas-player-note",focusable:"false",viewBox:"0 0 24 24",children:[h("path",{d:"M9 18V5l11-2v13",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"}),h("circle",{cx:"6",cy:"18",r:"3"}),h("circle",{cx:"17",cy:"16",r:"3"})]});function Qe({player:e,started:o,request:c,language:r}){var I,A;const{canvas:i,title:l,partOf:s}=e,v=i.placeholderContainer??i.accompanyingContainer,C=i.accompanyingContainer??i.placeholderContainer,b=o?C:v,g=P(()=>{if(b)return Xe(b,r);const{thumbnail:K}=i,a=Ke({thumbnail:K});return a?{source:a}:null},[b,i,r]),m=be(g==null?void 0:g.source,qe,c,true),t=be(g==null?void 0:g.source,Fe,c,true),[y,L]=O();return h(Re,{children:[h("div",{className:"clover-canvas-player-ground","data-art":t?"":void 0,"aria-hidden":"true",children:t&&h("img",{alt:"",decoding:"async",src:t})}),h("div",{className:"clover-canvas-player-art","data-loaded":m&&y===m?"":void 0,style:{"--clover-player-art-ratio":(g==null?void 0:g.ratio)??1},children:m?h("img",{alt:((I=g==null?void 0:g.alt)==null?void 0:I.text)??"",..._(((A=g==null?void 0:g.alt)==null?void 0:A.lang)||void 0),decoding:"async",onLoad:()=>L(m),src:m},m):h(Ye,{})}),h("div",{className:"clover-canvas-player-head",children:[(l==null?void 0:l.text)&&h("p",{className:"clover-canvas-player-title","aria-hidden":"true",..._(l.lang||void 0),children:l.text}),(s==null?void 0:s.text)&&h("p",{className:"clover-canvas-player-part-of",..._(s.lang||void 0),children:s.text})]})]})}const ke=["webkitbeginfullscreen","webkitendfullscreen","enterpictureinpicture","leavepictureinpicture","webkitpresentationmodechanged"],U=[],q=e=>e.kind==="captions"||e.kind==="subtitles";function $e(e,o){if(o==="webkitbeginfullscreen"||o==="enterpictureinpicture")return true;const c=o!=="webkitendfullscreen"&&!!e.webkitDisplayingFullscreen,r=o!=="leavepictureinpicture"&&(e.webkitPresentationMode==="picture-in-picture"||typeof document<"u"&&document.pictureInPictureElement===e);return c||r}function er(e,o,c){const r=o.length,i=r?0:-1,[l,s]=O({choice:i,picked:false,key:c});l.key!==c&&s({choice:i,picked:false,key:c});const{choice:v,picked:C}=l,[b,g]=O(U),[m,t]=O(false);w(()=>{var f,M;const a=e==null?void 0:e.textTracks;if(!a){g(U);return}const x=()=>{const k=Array.from(a).slice(r).filter(q);g(E=>E.length===k.length&&E.every((j,R)=>j===k[R])?E:k.length?k:U)};return x(),(f=a.addEventListener)==null||f.call(a,"addtrack",x),(M=a.addEventListener)==null||M.call(a,"removetrack",x),()=>{var k,E;(k=a.removeEventListener)==null||k.call(a,"addtrack",x),(E=a.removeEventListener)==null||E.call(a,"removetrack",x)}},[e,r]),w(()=>{if(t(false),!e)return;const a=e,x=f=>t($e(a,f.type));return ke.forEach(f=>a.addEventListener(f,x)),()=>ke.forEach(f=>a.removeEventListener(f,x))},[e]),w(()=>{var R;const a=e==null?void 0:e.textTracks;if(!a)return;const x=()=>Array.from(a),f=p=>typeof v=="number"?v>=0?p[v]:void 0:p.includes(v)?v:void 0,M=()=>{const p=x(),T=f(p);p.forEach((S,W)=>{const D=S===T?m?"showing":"hidden":W<r?"hidden":q(S)?"disabled":null;D&&S.mode!==D&&(S.mode=D)})},k=()=>{if(C||r||v!==-1)return false;const p=x().slice(r).find(T=>q(T)&&T.mode==="showing");return p?(s({choice:p,picked:false,key:c}),true):false},E=()=>{const p=x(),T=p.findIndex((S,W)=>(W<r||q(S))&&S.mode==="showing");p[T]!==f(p)&&s({choice:T<0?-1:T<r?T:p[T],picked:true,key:c})};(m||!k())&&M();const j=()=>{m?E():k()||M()};return(R=a.addEventListener)==null||R.call(a,"change",j),()=>{var p;return(p=a.removeEventListener)==null?void 0:p.call(a,"change",j)}},[e,v,C,m,r,c,b]);const y=P(()=>[...o,...b.map((a,x)=>({label:a.label||a.language||String(o.length+x+1),labelLang:a.label&&a.language||void 0,language:a.language||void 0}))],[o,b]),L=typeof v=="number"?-1:b.indexOf(v),I=typeof v=="number"?v:L<0?-1:r+L,A=typeof v=="number"?v>=0?Array.from((e==null?void 0:e.textTracks)??U)[v]:void 0:b[L];return{options:y,active:I,select:a=>s({choice:a<0?-1:a<r?a:b[a-r]??-1,picked:true,key:c}),track:A}}function Se(e,o,c){const r=Te(e.label,c);return r.text?{text:r.text,lang:r.lang}:{text:e.language||String(o+1)}}function rr(e,{request:o,language:c}){const[r,i]=O(null),l=JSON.stringify(e.captions),s=JSON.stringify(e.segments??null),v=e.poster?e.poster.src??e.poster.service??"":"",C=Be(o),b=F(o);b.current=o;const g=F(c);return g.current=c,w(()=>{let m=false;const t=document.createElement("video");t.playsInline=true,t.preload="metadata",t.className="clover-canvas-media-element";const y=e.poster;y!=null&&y.src?t.poster=y.src:y&&je(y,De,b.current).then(a=>{!m&&a&&(t.poster=a)});let L=null,I=Promise.resolve();ye(e.src,e.format)?I=import("../hls-CdKrthkC.mjs").then(({default:a})=>{if(m)return;if(!a.isSupported()){t.src=e.src;return}const x=new a({xhrSetup:f=>{var M;f.withCredentials=C;for(const[k,E]of Object.entries(((M=b.current)==null?void 0:M.headers)??{}))f.setRequestHeader(k,E)}});x.loadSource(e.src),x.attachMedia(t),L=x}).catch(()=>{m||(t.src=e.src)}):t.src=e.src,e.captions.forEach((a,x)=>{const f=document.createElement("track");f.kind=a.kind,a.language&&(f.srclang=a.language),f.label=Se(a,x,g.current).text,t.appendChild(f),Promise.all([Ze(a.id,b.current),I]).then(([M])=>{m||(Ee(f.track,M),ar(f,()=>{var k,E;!m&&!((E=(k=f.track)==null?void 0:k.cues)!=null&&E.length)&&Ee(f.track,M)}))}).catch(()=>{})});for(const a of Array.from(t.textTracks??[]))a.mode="hidden";const A=e.segments;let K;return A&&A.length>1&&!A.some(a=>ye(a.src,a.format))?import("../sequence-C28xoNmD.mjs").then(({playInSequence:a})=>{m||(K=a(t,A,e.duration),i(t))}):i(t),()=>{m=true,t.pause(),K==null||K(),L==null||L.destroy(),t.removeAttribute("src"),t.load(),t.remove(),i(null)}},[e.src,e.format,v,l,s,Pe(o)]),r}function ar(e,o){e.readyState>=HTMLTrackElement.LOADED||(e.addEventListener("load",o,{once:true}),e.addEventListener("error",o,{once:true}))}function Ee(e,o){if(!(!e||typeof VTTCue>"u"))for(const{id:c,start:r,end:i,settings:l,raw:s}of Ge(o)){const v=new VTTCue(r,i,s);v.id=c,tr(v,l),e.addCue(v)}}function tr(e,o){for(const c of o.split(" ")){const[r,i=""]=c.split(":"),[l,s]=i.split(",");try{r==="vertical"?e.vertical=l:r==="align"?e.align=l:r==="size"?e.size=parseFloat(l):r==="position"?(e.position=parseFloat(l),s&&(e.positionAlign=s)):r==="line"&&(e.snapToLines=!l.endsWith("%"),e.line=parseFloat(l),s&&(e.lineAlign=s))}catch{}}}const Le=10,or=3,gr=({media:e,request:o,fillable:c=false,surface:r,instance:i,onElement:l,onFit:s,onEnded:v,onCaptionChange:C,caption:b,navigable:g=true,fullscreen:m=false,isFullscreen:t=false,autoPlay:y=false,chapters:L,highlightedChapter:I,onChapterHighlight:A,language:K,notes:a,marked:x,selectedAnnotation:f,onAnnotationSelect:M,onAnnotationActivate:k,player:E})=>{var he,ge;const j=(he=He())==null?void 0:he.language,R=K??j,p=rr(e,{request:o,language:R}),T=Ue(p,e.duration),[S,W]=O(false),D=F(S);D.current=S;const G=V(n=>{if(!me(r))return;if(!D.current)return r.home(n);const d=r.getHomeBounds(),u=r.host;!d||!(u!=null&&u.clientWidth)||!u.clientHeight||r.fitBounds(sr(d,u.clientWidth/u.clientHeight),n)},[r]),re=F(true);w(()=>{if(re.current){re.current=false;return}c&&G(false)},[S,c,G]),w(()=>{if(!c||!S||!me(r))return;const n=()=>G(true),d=new ResizeObserver(n);d.observe(r.host);const u=r.on("open",n),z=r.on("change",n);return()=>{d.disconnect(),u(),z()}},[c,S,r,G]);const Ne=P(()=>c?{filled:S,onToggle:()=>W(n=>!n)}:void 0,[c,S]),ae=nr(p),Ce=P(()=>e.captions.map((n,d)=>{const u=Se(n,d,R);return{label:u.text,labelLang:u.lang,language:n.language}}),[e.captions,R]),B=er(p,Ce,e.id),{active:te,select:Me}=B;w(()=>{if(!b||te<0)return;const n=e.captions.findIndex(d=>d.id===b);n>=0&&n!==te&&Me(n)},[b,e.captions]);const[X,oe]=O([]);w(()=>(l(p),()=>l(null)),[p,l]);const Y=cr(e.kind==="video"?p:null),ne=P(()=>Y&&ir(e.placement,Y),[e.placement,Y]);w(()=>(s==null||s(ne),()=>s==null?void 0:s(null)),[ne,s]),w(()=>{if(!(!p||!v))return p.addEventListener("ended",v),()=>p.removeEventListener("ended",v)},[p,v]);const{play:ce,toggle:J,toggleMute:se,skip:Q}=T;w(()=>{y&&ce()},[y,ce]),w(()=>{r.setGestures({clickToZoom:false,dblClickToZoom:true,navigable:g});const n=r.on("tap",()=>J());return()=>{n(),r.setGestures({})}},[r,J,g]),w(()=>{const n=r.host,d=u=>{if(u.target!==n||u.altKey||u.metaKey||u.ctrlKey)return;const z=u.key.toLowerCase();if(z===" "||z==="k")J();else if(z==="m")se();else if(z==="j")Q(-Le);else if(z==="l")Q(Le);else return;u.preventDefault()};return n.addEventListener("keydown",d),()=>n.removeEventListener("keydown",d)},[r,J,se,Q]);const{track:Z}=B;w(()=>{if(oe([]),!Z)return;const n=()=>oe(Array.from(Z.activeCues??[]).map(d=>{var z,N;const u=d;return((N=(z=u.getCueAsHTML)==null?void 0:z.call(u))==null?void 0:N.textContent)??Je(u.text??"")}));return Z.addEventListener("cuechange",n),n(),()=>Z.removeEventListener("cuechange",n)},[Z]);const ze=P(()=>B.options.map(({label:n,labelLang:d,language:u})=>({label:n,lang:d,language:u})),[B.options]),$=(ge=B.options[B.active])==null?void 0:ge.language,[Ae,ie]=O(false);w(()=>ie(false),[e.id]);const{paused:le}=T;w(()=>{le||ie(true)},[le]);const{currentTime:ee}=T,ve=P(()=>(a??[]).filter(n=>n.label&&ee>=n.start&&ee<(n.end??n.start+or)),[a,ee]),de=P(()=>{var u,z;const n=new Map,d=[];for(const N of[...a??[],...(x??[]).filter(H=>{var fe;return(fe=H.track)==null?void 0:fe.length})]){const H="start"in N?N.start:(z=(u=N.track)==null?void 0:u[0])==null?void 0:z.start;H===void 0||!N.label||n.has(N.id)||(n.set(N.id,N),d.push({id:N.id,start:H,label:N.label,lang:N.lang}))}return d.sort((N,H)=>N.start-H.start),{marks:d,byId:n}},[a,x]),pe=h(We,{instance:i,controller:T,kind:e.kind,captions:ze,activeCaption:B.active,onCaptionChange:n=>{B.select(n);const d=e.captions[n];C==null||C(d?{id:d.id,language:d.language}:null)},fullscreen:m,isFullscreen:t,video:e.kind==="video"?p:null,chapters:L,highlightedChapter:I,onChapterHighlight:A,request:o,fill:Ne,marks:de.marks,selectedMark:f,onMarkSelect:M&&(n=>{const d=de.byId.get(n);d&&M(d)}),onMarkActivate:k}),Oe=ve.map(n=>h("span",{className:"clover-canvas-captions-cue","data-kind":"annotation",children:[n.page&&h("span",{className:"clover-canvas-captions-cue-label",..._(n.page.lang),children:n.page.text}),h("span",{..._(n.lang),children:n.label})]},n.id)),ue=X.map((n,d)=>h("span",{className:"clover-canvas-captions-cue",..._($&&$!=="none"?$:void 0),children:n},d)),Ie=X.length+ve.length>0&&h("div",{className:"clover-canvas-captions","aria-live":"off",children:[Oe,ue]});return E?h("div",{className:"clover-canvas-media","data-kind":e.kind,"data-player":"","data-testid":"clover-canvas-media",children:h("div",{className:"clover-canvas-player",children:[h(Qe,{player:E,started:Ae,request:o,language:R}),h("div",{className:"clover-canvas-player-cues",children:X.length>0&&h("div",{className:"clover-canvas-captions","aria-live":"off",children:ue})}),pe,h(xe,{kind:e.kind,shown:ae,room:true})]})}):h("div",{className:"clover-canvas-media","data-kind":e.kind,"data-testid":"clover-canvas-media",children:[pe,Ie,h(xe,{kind:e.kind,shown:ae,room:true})]})};function nr(e){const[o,c]=O(false);return w(()=>{if(c(!!(e!=null&&e.error)),!e)return;const r=()=>c(!!e.error),i=()=>c(false);return e.addEventListener("error",r),e.addEventListener("loadstart",i),()=>{e.removeEventListener("error",r),e.removeEventListener("loadstart",i)}},[e]),o}function cr(e){const[o,c]=O(null);return w(()=>{if(c(null),!e)return;const r=()=>{const{videoWidth:i,videoHeight:l}=e;i>0&&l>0&&c(s=>(s==null?void 0:s.width)===i&&s.height===l?s:{width:i,height:l})};return r(),e.addEventListener("loadedmetadata",r),e.addEventListener("resize",r),()=>{e.removeEventListener("loadedmetadata",r),e.removeEventListener("resize",r)}},[e]),o}function sr(e,o){return e.width/e.height>o?{x:e.x+(e.width-e.height*o)/2,y:e.y,width:e.height*o,height:e.height}:{x:e.x,y:e.y+(e.height-e.width/o)/2,width:e.width,height:e.width/o}}function ir(e,o){if(!o)return e;if(!e.width||!e.height)return{x:e.x,y:e.y,width:o.width,height:o.height};const c=Math.min(e.width/o.width,e.height/o.height),r=o.width*c,i=o.height*c;return{x:e.x+(e.width-r)/2,y:e.y+(e.height-i)/2,width:r,height:i}}export{ir as containAspect,gr as default,sr as fillRect};
+import{q as V,e as O,y as w,T as P,c0 as Ke,u as h,ab as _,k as Re,s as Ve,a9 as Te,bX as Be,A as F,aJ as Pe,r as je,c1 as De,c2 as ye,bR as He,c3 as me,aV as xe}from"./viewer-4EayGlH3.mjs";import{u as be}from"./EntryThumbnail-CHc7jDuf.mjs";import{a as _e}from"./styles-BjjJM8OS.mjs";import{T as We}from"./Transport-DFssphP9.mjs";import{l as Ze,v as Ge,d as Je}from"./vtt-CMfIBDAL.mjs";import"./MediaBody-BgBDbfHg.mjs";const we=["play","pause","ended","timeupdate","durationchange","loadedmetadata","volumechange","progress","seeked"];function Ue(e,o){const c=V(t=>{const y=t&&Number.isFinite(t.duration)&&t.duration>0?t.duration:o??0;let L=0;return t&&t.buffered.length&&(L=t.buffered.end(t.buffered.length-1)),{paused:(t==null?void 0:t.paused)??true,currentTime:(t==null?void 0:t.currentTime)??0,duration:y,muted:(t==null?void 0:t.muted)??false,volume:(t==null?void 0:t.volume)??1,buffered:L}},[o]),[r,i]=O(()=>c(e));w(()=>{if(i(c(e)),!e)return;const t=()=>i(c(e));return we.forEach(y=>e.addEventListener(y,t)),()=>we.forEach(y=>e.removeEventListener(y,t))},[e,c]);const l=V(()=>{var t,y;(y=(t=e==null?void 0:e.play())==null?void 0:t.catch)==null||y.call(t,()=>{})},[e]),s=V(()=>e==null?void 0:e.pause(),[e]),v=V(()=>e!=null&&e.paused?l():s(),[e,l,s]),C=V(t=>{if(!e)return;const y=Number.isFinite(e.duration)?e.duration:r.duration;e.currentTime=Math.max(0,Math.min(y||t,t))},[e,r.duration]),b=V(t=>e&&C(e.currentTime+t),[e,C]),g=V(t=>{e&&(e.volume=Math.max(0,Math.min(1,t)),e.muted=e.volume===0)},[e]),m=V(()=>{e&&(e.muted=!e.muted)},[e]);return{...r,play:l,toggle:v,seek:C,skip:b,setVolume:g,toggleMute:m}}_e(15,"components/Canvas/media/Player",'@layer clover{.clover-canvas[data-player]{--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas[data-player]>.clover-canvas-scrim{display:none}.clover-canvas[data-player]>.clover-canvas-controls>*{opacity:1;translate:none}.clover-canvas[data-player]:has(>.clover-canvas-viewport:focus-visible)>.clover-canvas-media:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 0 2px var(--clover-color-primary, #1a1d1e),inset 0 0 0 5px var(--clover-color-accent, #0065c3),inset 0 0 0 7px var(--clover-color-secondary, #fff)}.clover-canvas-player{--clover-player-pad: var(--clover-space-l);--clover-player-text: var(--clover-color-control-glyph, #fff);--clover-player-muted: color-mix( in srgb, var(--clover-player-text) 80%, transparent );--clover-player-dark: var(--clover-color-control, #1a1d1e);--clover-player-top: calc( var(--clover-canvas-controls-inset, var(--clover-space-l)) + var(--clover-control) + var(--clover-space-s) );--clover-player-bottom: calc( var(--clover-transport-room, 0px) + 2.7 * var(--clover-cue-size, var(--clover-text-s)) + 2 * var(--clover-space-2xs) + var(--clover-space-s) );--clover-player-art-height: max( 0px, calc(100cqb - var(--clover-player-top) - var(--clover-player-bottom)) );position:absolute;inset:0;isolation:isolate;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--clover-space-l);padding:var(--clover-player-top) var(--clover-player-pad) var(--clover-player-bottom);color:var(--clover-player-text)}.clover-canvas-player-ground{--clover-player-depth: color-mix( in srgb, var(--clover-player-dark) 82%, var(--clover-player-text) );--clover-player-glow: color-mix( in srgb, var(--clover-player-text) 61.8%, #0000 );--clover-player-shade: color-mix( in srgb, var(--clover-player-dark) 61.8%, #0000 );position:absolute;inset:0;z-index:-1;overflow:hidden;isolation:isolate;background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 23.6%,var(--clover-player-dark))}.clover-canvas-player-ground>img{position:absolute;inset:-24%;z-index:0;width:148%;height:148%;object-fit:cover;filter:blur(var(--clover-space-2xl)) saturate(2.618)}.clover-canvas-player-ground[data-art]:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(61.8% 85% at 23.6% 23.6%,var(--clover-player-glow),#0000 70%),radial-gradient(50% 70% at 85% 76.4%,var(--clover-player-glow),#0000 70%);mix-blend-mode:soft-light}.clover-canvas-player-ground[data-art]:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(61.8% 76.4% at 0% 100%,var(--clover-player-shade),#0000 100%),radial-gradient(50% 61.8% at 100% 0%,var(--clover-player-shade),#0000 100%),var(--clover-player-depth);mix-blend-mode:multiply}.clover-canvas-player>.clover-canvas-transport:before{background:linear-gradient(to top,color-mix(in srgb,var(--clover-player-dark) 38.2%,#0000),#0000)}.clover-canvas-player-art{flex:none;display:grid;place-items:center;overflow:hidden;width:min(calc(var(--clover-player-art-height) * var(--clover-player-art-ratio, 1)),40cqi,12rem);aspect-ratio:var(--clover-player-art-ratio, 1);border-radius:calc(2 * var(--clover-radius, 3px));background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 40%,var(--clover-player-dark));box-shadow:0 .618rem 1.618rem color-mix(in srgb,var(--clover-player-dark) 45%,#0000)}.clover-canvas-player-art>img{display:block;width:100%;height:100%;object-fit:cover;opacity:0}.clover-canvas-player-art[data-loaded]>img{opacity:1}.clover-canvas-player-note{width:38.2%;height:38.2%;fill:currentColor;opacity:.85}.clover-canvas-player-head{flex:0 1 auto;max-width:38rem;min-width:0}.clover-canvas-player-title,.clover-canvas-player-part-of{margin:0;overflow-wrap:break-word}.clover-canvas-player-title{font-size:inherit;font-weight:700;line-height:1.25;text-wrap:balance}.clover-canvas-player-part-of{margin-top:var(--clover-space-xs);color:var(--clover-player-muted);font-size:var(--clover-text-s);line-height:1.35}.clover-canvas-player-cues{display:contents}@container (max-width: 30rem){.clover-canvas-player{--clover-player-pad: var(--clover-space-m)}}@container (max-height: 24rem){.clover-canvas-player{--clover-player-room: calc( 100cqb - 2 * var(--clover-canvas-controls-inset) );--clover-player-art-height: clamp( var(--clover-player-art-least, 7.416rem), var(--clover-player-room), 12rem );--clover-player-centering: max( 0px, (var(--clover-player-room) - var(--clover-player-art-height)) / 2 );display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr auto auto;align-content:end;gap:0 var(--clover-player-pad);padding:calc(var(--clover-canvas-controls-inset) + var(--clover-player-centering)) var(--clover-canvas-controls-inset)}.clover-canvas-player-art{grid-row:1 / -1;align-self:end;width:min(calc(var(--clover-player-art-height) * var(--clover-player-art-ratio, 1)),38.2cqi,12rem)}.clover-canvas-player-head,.clover-canvas-player-cues,.clover-canvas-player .clover-canvas-transport-seek-area,.clover-canvas-player .clover-canvas-transport-bar{grid-column:2}.clover-canvas-player-head{grid-row:1;max-width:none;margin-inline-end:calc(var(--clover-canvas-controls-width, var(--clover-control)) + var(--clover-space-s))}.clover-canvas-player-cues{grid-row:2;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--clover-space-2xs);padding:var(--clover-space-xs) 0 calc(var(--clover-space-2xs) + var(--clover-transport-marks-room, 0px));pointer-events:none}.clover-canvas-player-cues>.clover-canvas-captions{position:static;align-items:flex-start;padding:0;transition:none}.clover-canvas-player-cues .clover-canvas-captions-cue{max-width:100%;text-align:start}.clover-canvas-player>.clover-canvas-transport{display:contents}.clover-canvas-player>.clover-canvas-transport:before{display:none}.clover-canvas-player .clover-canvas-transport-seek-area{grid-row:3;z-index:2}.clover-canvas-player .clover-canvas-transport-bar{grid-row:4;z-index:2}.clover-canvas-player :is(.clover-canvas-transport-seek-area:is(:hover,:focus-within),.clover-canvas-transport-bar:has([aria-expanded=true],:focus-visible)){z-index:4}.clover-canvas-player-title,.clover-canvas-player-part-of{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.clover-canvas-player-part-of{-webkit-line-clamp:1}}@container (max-height: 24rem) and (max-width: 37.5rem){.clover-canvas-player{--clover-player-art-height: var(--clover-space-2xl);--clover-player-centering: 0px}.clover-canvas-player-art{grid-row:1;align-self:center}.clover-canvas-player-head{align-self:center}.clover-canvas-player-cues,.clover-canvas-player .clover-canvas-transport-seek-area,.clover-canvas-player .clover-canvas-transport-bar{grid-column:1 / -1}}@container (max-height: 15.236rem){.clover-canvas-player:has(>.clover-canvas-player-cues>.clover-canvas-captions)>.clover-canvas-player-head{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@container (max-height: 15.236rem) and (min-width: 38.5rem){.clover-canvas-player-cues .clover-canvas-captions-cue{font-size:var(--clover-text-s)}}@container (max-height: 15.236rem) and (min-width: 44rem){.clover-canvas-player-cues .clover-canvas-captions-cue{font-size:inherit}}@container (max-height: 15.236rem) and (min-width: 47.5rem){.clover-canvas-player-cues .clover-canvas-captions-cue{font-size:var(--clover-text-m)}}@container (max-height: 15.236rem) and (max-width: 37.5rem){.clover-canvas-player:has(>.clover-canvas-player-cues>.clover-canvas-captions)>.clover-canvas-player-art{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}}@media (prefers-reduced-motion: no-preference){.clover-canvas-player-art>img{transition:opacity 382ms ease}}@media (forced-colors: active){.clover-canvas-player-ground{display:none}.clover-canvas-player{color:CanvasText}}}');const qe=1200,Fe=32;function Xe(e,o){const c=Ve(e);if(!c)return null;const r=Number(e.width),i=Number(e.height),l=Te(e.label,o);return{source:c,ratio:r>0&&i>0?r/i:void 0,alt:l.text?l:void 0}}const Ye=()=>h("svg",{"aria-hidden":"true",className:"clover-canvas-player-note",focusable:"false",viewBox:"0 0 24 24",children:[h("path",{d:"M9 18V5l11-2v13",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"}),h("circle",{cx:"6",cy:"18",r:"3"}),h("circle",{cx:"17",cy:"16",r:"3"})]});function Qe({player:e,started:o,request:c,language:r}){var I,A;const{canvas:i,title:l,partOf:s}=e,v=i.placeholderContainer??i.accompanyingContainer,C=i.accompanyingContainer??i.placeholderContainer,b=o?C:v,g=P(()=>{if(b)return Xe(b,r);const{thumbnail:K}=i,a=Ke({thumbnail:K});return a?{source:a}:null},[b,i,r]),m=be(g==null?void 0:g.source,qe,c,true),t=be(g==null?void 0:g.source,Fe,c,true),[y,L]=O();return h(Re,{children:[h("div",{className:"clover-canvas-player-ground","data-art":t?"":void 0,"aria-hidden":"true",children:t&&h("img",{alt:"",decoding:"async",src:t})}),h("div",{className:"clover-canvas-player-art","data-loaded":m&&y===m?"":void 0,style:{"--clover-player-art-ratio":(g==null?void 0:g.ratio)??1},children:m?h("img",{alt:((I=g==null?void 0:g.alt)==null?void 0:I.text)??"",..._(((A=g==null?void 0:g.alt)==null?void 0:A.lang)||void 0),decoding:"async",onLoad:()=>L(m),src:m},m):h(Ye,{})}),h("div",{className:"clover-canvas-player-head",children:[(l==null?void 0:l.text)&&h("p",{className:"clover-canvas-player-title","aria-hidden":"true",..._(l.lang||void 0),children:l.text}),(s==null?void 0:s.text)&&h("p",{className:"clover-canvas-player-part-of",..._(s.lang||void 0),children:s.text})]})]})}const ke=["webkitbeginfullscreen","webkitendfullscreen","enterpictureinpicture","leavepictureinpicture","webkitpresentationmodechanged"],U=[],q=e=>e.kind==="captions"||e.kind==="subtitles";function $e(e,o){if(o==="webkitbeginfullscreen"||o==="enterpictureinpicture")return true;const c=o!=="webkitendfullscreen"&&!!e.webkitDisplayingFullscreen,r=o!=="leavepictureinpicture"&&(e.webkitPresentationMode==="picture-in-picture"||typeof document<"u"&&document.pictureInPictureElement===e);return c||r}function er(e,o,c){const r=o.length,i=r?0:-1,[l,s]=O({choice:i,picked:false,key:c});l.key!==c&&s({choice:i,picked:false,key:c});const{choice:v,picked:C}=l,[b,g]=O(U),[m,t]=O(false);w(()=>{var f,M;const a=e==null?void 0:e.textTracks;if(!a){g(U);return}const x=()=>{const k=Array.from(a).slice(r).filter(q);g(E=>E.length===k.length&&E.every((j,R)=>j===k[R])?E:k.length?k:U)};return x(),(f=a.addEventListener)==null||f.call(a,"addtrack",x),(M=a.addEventListener)==null||M.call(a,"removetrack",x),()=>{var k,E;(k=a.removeEventListener)==null||k.call(a,"addtrack",x),(E=a.removeEventListener)==null||E.call(a,"removetrack",x)}},[e,r]),w(()=>{if(t(false),!e)return;const a=e,x=f=>t($e(a,f.type));return ke.forEach(f=>a.addEventListener(f,x)),()=>ke.forEach(f=>a.removeEventListener(f,x))},[e]),w(()=>{var R;const a=e==null?void 0:e.textTracks;if(!a)return;const x=()=>Array.from(a),f=p=>typeof v=="number"?v>=0?p[v]:void 0:p.includes(v)?v:void 0,M=()=>{const p=x(),T=f(p);p.forEach((S,W)=>{const D=S===T?m?"showing":"hidden":W<r?"hidden":q(S)?"disabled":null;D&&S.mode!==D&&(S.mode=D)})},k=()=>{if(C||r||v!==-1)return false;const p=x().slice(r).find(T=>q(T)&&T.mode==="showing");return p?(s({choice:p,picked:false,key:c}),true):false},E=()=>{const p=x(),T=p.findIndex((S,W)=>(W<r||q(S))&&S.mode==="showing");p[T]!==f(p)&&s({choice:T<0?-1:T<r?T:p[T],picked:true,key:c})};(m||!k())&&M();const j=()=>{m?E():k()||M()};return(R=a.addEventListener)==null||R.call(a,"change",j),()=>{var p;return(p=a.removeEventListener)==null?void 0:p.call(a,"change",j)}},[e,v,C,m,r,c,b]);const y=P(()=>[...o,...b.map((a,x)=>({label:a.label||a.language||String(o.length+x+1),labelLang:a.label&&a.language||void 0,language:a.language||void 0}))],[o,b]),L=typeof v=="number"?-1:b.indexOf(v),I=typeof v=="number"?v:L<0?-1:r+L,A=typeof v=="number"?v>=0?Array.from((e==null?void 0:e.textTracks)??U)[v]:void 0:b[L];return{options:y,active:I,select:a=>s({choice:a<0?-1:a<r?a:b[a-r]??-1,picked:true,key:c}),track:A}}function Se(e,o,c){const r=Te(e.label,c);return r.text?{text:r.text,lang:r.lang}:{text:e.language||String(o+1)}}function rr(e,{request:o,language:c}){const[r,i]=O(null),l=JSON.stringify(e.captions),s=JSON.stringify(e.segments??null),v=e.poster?e.poster.src??e.poster.service??"":"",C=Be(o),b=F(o);b.current=o;const g=F(c);return g.current=c,w(()=>{let m=false;const t=document.createElement("video");t.playsInline=true,t.preload="metadata",t.className="clover-canvas-media-element";const y=e.poster;y!=null&&y.src?t.poster=y.src:y&&je(y,De,b.current).then(a=>{!m&&a&&(t.poster=a)});let L=null,I=Promise.resolve();ye(e.src,e.format)?I=import("../hls-CdKrthkC.mjs").then(({default:a})=>{if(m)return;if(!a.isSupported()){t.src=e.src;return}const x=new a({xhrSetup:f=>{var M;f.withCredentials=C;for(const[k,E]of Object.entries(((M=b.current)==null?void 0:M.headers)??{}))f.setRequestHeader(k,E)}});x.loadSource(e.src),x.attachMedia(t),L=x}).catch(()=>{m||(t.src=e.src)}):t.src=e.src,e.captions.forEach((a,x)=>{const f=document.createElement("track");f.kind=a.kind,a.language&&(f.srclang=a.language),f.label=Se(a,x,g.current).text,t.appendChild(f),Promise.all([Ze(a.id,b.current),I]).then(([M])=>{m||(Ee(f.track,M),ar(f,()=>{var k,E;!m&&!((E=(k=f.track)==null?void 0:k.cues)!=null&&E.length)&&Ee(f.track,M)}))}).catch(()=>{})});for(const a of Array.from(t.textTracks??[]))a.mode="hidden";const A=e.segments;let K;return A&&A.length>1&&!A.some(a=>ye(a.src,a.format))?import("../sequence-C28xoNmD.mjs").then(({playInSequence:a})=>{m||(K=a(t,A,e.duration),i(t))}):i(t),()=>{m=true,t.pause(),K==null||K(),L==null||L.destroy(),t.removeAttribute("src"),t.load(),t.remove(),i(null)}},[e.src,e.format,v,l,s,Pe(o)]),r}function ar(e,o){e.readyState>=HTMLTrackElement.LOADED||(e.addEventListener("load",o,{once:true}),e.addEventListener("error",o,{once:true}))}function Ee(e,o){if(!(!e||typeof VTTCue>"u"))for(const{id:c,start:r,end:i,settings:l,raw:s}of Ge(o)){const v=new VTTCue(r,i,s);v.id=c,tr(v,l),e.addCue(v)}}function tr(e,o){for(const c of o.split(" ")){const[r,i=""]=c.split(":"),[l,s]=i.split(",");try{r==="vertical"?e.vertical=l:r==="align"?e.align=l:r==="size"?e.size=parseFloat(l):r==="position"?(e.position=parseFloat(l),s&&(e.positionAlign=s)):r==="line"&&(e.snapToLines=!l.endsWith("%"),e.line=parseFloat(l),s&&(e.lineAlign=s))}catch{}}}const Le=10,or=3,gr=({media:e,request:o,fillable:c=false,surface:r,instance:i,onElement:l,onFit:s,onEnded:v,onCaptionChange:C,caption:b,navigable:g=true,fullscreen:m=false,isFullscreen:t=false,autoPlay:y=false,chapters:L,highlightedChapter:I,onChapterHighlight:A,language:K,notes:a,marked:x,selectedAnnotation:f,onAnnotationSelect:M,onAnnotationActivate:k,player:E})=>{var he,ge;const j=(he=He())==null?void 0:he.language,R=K??j,p=rr(e,{request:o,language:R}),T=Ue(p,e.duration),[S,W]=O(false),D=F(S);D.current=S;const G=V(n=>{if(!me(r))return;if(!D.current)return r.home(n);const d=r.getHomeBounds(),u=r.host;!d||!(u!=null&&u.clientWidth)||!u.clientHeight||r.fitBounds(sr(d,u.clientWidth/u.clientHeight),n)},[r]),re=F(true);w(()=>{if(re.current){re.current=false;return}c&&G(false)},[S,c,G]),w(()=>{if(!c||!S||!me(r))return;const n=()=>G(true),d=new ResizeObserver(n);d.observe(r.host);const u=r.on("open",n),z=r.on("change",n);return()=>{d.disconnect(),u(),z()}},[c,S,r,G]);const Ne=P(()=>c?{filled:S,onToggle:()=>W(n=>!n)}:void 0,[c,S]),ae=nr(p),Ce=P(()=>e.captions.map((n,d)=>{const u=Se(n,d,R);return{label:u.text,labelLang:u.lang,language:n.language}}),[e.captions,R]),B=er(p,Ce,e.id),{active:te,select:Me}=B;w(()=>{if(!b||te<0)return;const n=e.captions.findIndex(d=>d.id===b);n>=0&&n!==te&&Me(n)},[b,e.captions]);const[X,oe]=O([]);w(()=>(l(p),()=>l(null)),[p,l]);const Y=cr(e.kind==="video"?p:null),ne=P(()=>Y&&ir(e.placement,Y),[e.placement,Y]);w(()=>(s==null||s(ne),()=>s==null?void 0:s(null)),[ne,s]),w(()=>{if(!(!p||!v))return p.addEventListener("ended",v),()=>p.removeEventListener("ended",v)},[p,v]);const{play:ce,toggle:J,toggleMute:se,skip:Q}=T;w(()=>{y&&ce()},[y,ce]),w(()=>{r.setGestures({clickToZoom:false,dblClickToZoom:true,navigable:g});const n=r.on("tap",()=>J());return()=>{n(),r.setGestures({})}},[r,J,g]),w(()=>{const n=r.host,d=u=>{if(u.target!==n||u.altKey||u.metaKey||u.ctrlKey)return;const z=u.key.toLowerCase();if(z===" "||z==="k")J();else if(z==="m")se();else if(z==="j")Q(-Le);else if(z==="l")Q(Le);else return;u.preventDefault()};return n.addEventListener("keydown",d),()=>n.removeEventListener("keydown",d)},[r,J,se,Q]);const{track:Z}=B;w(()=>{if(oe([]),!Z)return;const n=()=>oe(Array.from(Z.activeCues??[]).map(d=>{var z,N;const u=d;return((N=(z=u.getCueAsHTML)==null?void 0:z.call(u))==null?void 0:N.textContent)??Je(u.text??"")}));return Z.addEventListener("cuechange",n),n(),()=>Z.removeEventListener("cuechange",n)},[Z]);const ze=P(()=>B.options.map(({label:n,labelLang:d,language:u})=>({label:n,lang:d,language:u})),[B.options]),$=(ge=B.options[B.active])==null?void 0:ge.language,[Ae,ie]=O(false);w(()=>ie(false),[e.id]);const{paused:le}=T;w(()=>{le||ie(true)},[le]);const{currentTime:ee}=T,ve=P(()=>(a??[]).filter(n=>n.label&&ee>=n.start&&ee<(n.end??n.start+or)),[a,ee]),de=P(()=>{var u,z;const n=new Map,d=[];for(const N of[...a??[],...(x??[]).filter(H=>{var fe;return(fe=H.track)==null?void 0:fe.length})]){const H="start"in N?N.start:(z=(u=N.track)==null?void 0:u[0])==null?void 0:z.start;H===void 0||!N.label||n.has(N.id)||(n.set(N.id,N),d.push({id:N.id,start:H,label:N.label,lang:N.lang}))}return d.sort((N,H)=>N.start-H.start),{marks:d,byId:n}},[a,x]),pe=h(We,{instance:i,controller:T,kind:e.kind,captions:ze,activeCaption:B.active,onCaptionChange:n=>{B.select(n);const d=e.captions[n];C==null||C(d?{id:d.id,language:d.language}:null)},fullscreen:m,isFullscreen:t,video:e.kind==="video"?p:null,chapters:L,highlightedChapter:I,onChapterHighlight:A,request:o,fill:Ne,marks:de.marks,selectedMark:f,onMarkSelect:M&&(n=>{const d=de.byId.get(n);d&&M(d)}),onMarkActivate:k}),Oe=ve.map(n=>h("span",{className:"clover-canvas-captions-cue","data-kind":"annotation",children:[n.page&&h("span",{className:"clover-canvas-captions-cue-label",..._(n.page.lang),children:n.page.text}),h("span",{..._(n.lang),children:n.label})]},n.id)),ue=X.map((n,d)=>h("span",{className:"clover-canvas-captions-cue",..._($&&$!=="none"?$:void 0),children:n},d)),Ie=X.length+ve.length>0&&h("div",{className:"clover-canvas-captions","aria-live":"off",children:[Oe,ue]});return E?h("div",{className:"clover-canvas-media","data-kind":e.kind,"data-player":"","data-testid":"clover-canvas-media",children:h("div",{className:"clover-canvas-player",children:[h(Qe,{player:E,started:Ae,request:o,language:R}),h("div",{className:"clover-canvas-player-cues",children:X.length>0&&h("div",{className:"clover-canvas-captions","aria-live":"off",children:ue})}),pe,h(xe,{kind:e.kind,shown:ae,room:true})]})}):h("div",{className:"clover-canvas-media","data-kind":e.kind,"data-testid":"clover-canvas-media",children:[pe,Ie,h(xe,{kind:e.kind,shown:ae,room:true})]})};function nr(e){const[o,c]=O(false);return w(()=>{if(c(!!(e!=null&&e.error)),!e)return;const r=()=>c(!!e.error),i=()=>c(false);return e.addEventListener("error",r),e.addEventListener("loadstart",i),()=>{e.removeEventListener("error",r),e.removeEventListener("loadstart",i)}},[e]),o}function cr(e){const[o,c]=O(null);return w(()=>{if(c(null),!e)return;const r=()=>{const{videoWidth:i,videoHeight:l}=e;i>0&&l>0&&c(s=>(s==null?void 0:s.width)===i&&s.height===l?s:{width:i,height:l})};return r(),e.addEventListener("loadedmetadata",r),e.addEventListener("resize",r),()=>{e.removeEventListener("loadedmetadata",r),e.removeEventListener("resize",r)}},[e]),o}function sr(e,o){return e.width/e.height>o?{x:e.x+(e.width-e.height*o)/2,y:e.y,width:e.height*o,height:e.height}:{x:e.x,y:e.y+(e.height-e.width/o)/2,width:e.width,height:e.width/o}}function ir(e,o){if(!o)return e;if(!e.width||!e.height)return{x:e.x,y:e.y,width:o.width,height:o.height};const c=Math.min(e.width/o.width,e.height/o.height),r=o.width*c,i=o.height*c;return{x:e.x+(e.width-r)/2,y:e.y+(e.height-i)/2,width:r,height:i}}export{ir as containAspect,gr as default,sr as fillRect};

package/dist/web-components/viewer/{NavDate-DpToOfYG.mjs → NavDate-1vpKxZK1.mjs}

@@ -1 +1 @@
-import{ag as i,bU as m,u as g,ab as s,bq as u}from"./viewer-B7xAOtQD.mjs";const c={year:{year:"numeric"},month:{year:"numeric",month:"long"},day:{dateStyle:"long"},time:{dateStyle:"long",timeStyle:"short"}};function d({at:t,precision:e},a){const n={...c[e],timeZone:"UTC"};try{return new Intl.DateTimeFormat(a,n).format(t)}catch{return new Intl.DateTimeFormat("en",n).format(t)}}function f({at:t,precision:e},a){const n=t.getUTCFullYear();if(e==="time"||n<0)return(a==null?void 0:a.trim())||t.toISOString();const r=o=>String(o).padStart(2,"0");return[String(n).padStart(4,"0"),...e==="year"?[]:[r(t.getUTCMonth()+1)],...e==="day"?[r(t.getUTCDate())]:[]].join("-")}function y({value:t,className:e,within:a}){const{i18n:n,hostLanguage:r}=i(),o=m(t);if(!o)return null;const l=n.language;return g("time",{className:e,dateTime:f(o,String(t)),...s(u(l,a??r)),children:d(o,l)})}const T=Object.freeze(Object.defineProperty({__proto__:null,NavDate:y},Symbol.toStringTag,{value:"Module"}));export{y as N,T as a,f as d,d as f};
+import{ag as i,bU as m,u as g,ab as s,bq as u}from"./viewer-4EayGlH3.mjs";const c={year:{year:"numeric"},month:{year:"numeric",month:"long"},day:{dateStyle:"long"},time:{dateStyle:"long",timeStyle:"short"}};function d({at:t,precision:e},a){const n={...c[e],timeZone:"UTC"};try{return new Intl.DateTimeFormat(a,n).format(t)}catch{return new Intl.DateTimeFormat("en",n).format(t)}}function f({at:t,precision:e},a){const n=t.getUTCFullYear();if(e==="time"||n<0)return(a==null?void 0:a.trim())||t.toISOString();const r=o=>String(o).padStart(2,"0");return[String(n).padStart(4,"0"),...e==="year"?[]:[r(t.getUTCMonth()+1)],...e==="day"?[r(t.getUTCDate())]:[]].join("-")}function y({value:t,className:e,within:a}){const{i18n:n,hostLanguage:r}=i(),o=m(t);if(!o)return null;const l=n.language;return g("time",{className:e,dateTime:f(o,String(t)),...s(u(l,a??r)),children:d(o,l)})}const T=Object.freeze(Object.defineProperty({__proto__:null,NavDate:y},Symbol.toStringTag,{value:"Module"}));export{y as N,T as a,f as d,d as f};

package/dist/web-components/viewer/{Navigator-UVu84RyI.mjs → Navigator-CSlUlVI-.mjs}

@@ -1 +1 @@
-var x=Object.defineProperty;var z=(s,t,e)=>t in s?x(s,t,{enumerable:true,configurable:true,writable:true,value:e}):s[t]=e;var r=(s,t,e)=>z(s,typeof t!="symbol"?t+"":t,e);import{Canvas2DBackend as P}from"./Canvas2DBackend-CRMajv3c.mjs";import{ch as M,ci as y,c7 as l,cj as b}from"./viewer-B7xAOtQD.mjs";class N{constructor(t,e){r(this,"canvas");r(this,"region");r(this,"painter");r(this,"camera",null);r(this,"size",{width:0,height:0});r(this,"drawnVersion",-1);r(this,"resized",true);r(this,"dragging",null);r(this,"observer",null);r(this,"onPointerDown",t2=>{var i,a;if(t2.pointerType==="mouse"&&t2.button!==0)return;t2.preventDefault(),t2.stopPropagation(),this.dragging=t2.pointerId,(a=(i=this.element).setPointerCapture)==null||a.call(i,t2.pointerId);const e2=this.worldAt(t2);e2&&this.onNavigate(e2,false)});r(this,"onPointerMove",t2=>{if(this.dragging!==t2.pointerId)return;const e2=this.worldAt(t2);e2&&this.onNavigate(e2,true)});r(this,"onPointerUp",t2=>{var e2,i;this.dragging===t2.pointerId&&(this.dragging=null,(i=(e2=this.element).releasePointerCapture)==null||i.call(e2,t2.pointerId))});this.element=t,this.onNavigate=e,this.canvas=document.createElement("canvas"),this.canvas.className="clover-canvas-navigator-image",this.canvas.setAttribute("aria-hidden","true"),this.region=document.createElement("div"),this.region.className="clover-canvas-navigator-region",t.append(this.canvas,this.region),this.painter=P.create(this.canvas),this.measure(),typeof ResizeObserver<"u"&&(this.observer=new ResizeObserver(()=>this.measure()),this.observer.observe(t)),t.addEventListener("pointerdown",this.onPointerDown),t.addEventListener("pointermove",this.onPointerMove),t.addEventListener("pointerup",this.onPointerUp),t.addEventListener("pointercancel",this.onPointerUp)}render(t,e,i,a,u,c){if(!e)return;const{width:d,height:p}=this.size;if(this.camera=M(e,this.size),this.painter&&(this.resized||c!==this.drawnVersion)){this.drawnVersion=c,this.resized=false,this.painter.resize(d,p,a);const f=y({items:t,camera:this.camera,viewport:this.size,pixelRatio:a,getTile:u});this.painter.begin();for(const n of f.draws)this.painter.draw({key:n.url,source:n.image.source,width:n.image.width,height:n.image.height,transform:n.transform,crop:n.crop,opacity:1,bleed:n.bleed});this.painter.end()}const o=l(this.camera,this.size,{x:i.x,y:i.y}),h=l(this.camera,this.size,{x:i.x+i.width,y:i.y+i.height}),m=Math.max(0,Math.min(o.x,h.x)),g=Math.max(0,Math.min(o.y,h.y)),v=Math.min(d,Math.max(o.x,h.x)),w=Math.min(p,Math.max(o.y,h.y));Object.assign(this.region.style,{transform:`translate(${m}px, ${g}px)`,width:`${Math.max(0,v-m)}px`,height:`${Math.max(0,w-g)}px`})}measure(){const t=this.element.getBoundingClientRect(),e=Math.max(1,t.width),i=Math.max(1,t.height);e===this.size.width&&i===this.size.height||(this.size={width:e,height:i},this.resized=true)}dispose(){var e,i;(e=this.observer)==null||e.disconnect();const t=this.element;t.removeEventListener("pointerdown",this.onPointerDown),t.removeEventListener("pointermove",this.onPointerMove),t.removeEventListener("pointerup",this.onPointerUp),t.removeEventListener("pointercancel",this.onPointerUp),(i=this.painter)==null||i.dispose(),this.canvas.remove(),this.region.remove()}worldAt(t){if(!this.camera)return null;const e=this.element.getBoundingClientRect();return b(this.camera,this.size,{x:t.clientX-e.left,y:t.clientY-e.top})}}export{N as Navigator};
+var x=Object.defineProperty;var z=(s,t,e)=>t in s?x(s,t,{enumerable:true,configurable:true,writable:true,value:e}):s[t]=e;var r=(s,t,e)=>z(s,typeof t!="symbol"?t+"":t,e);import{Canvas2DBackend as P}from"./Canvas2DBackend-mmhuXqdi.mjs";import{ch as M,ci as y,c7 as l,cj as b}from"./viewer-4EayGlH3.mjs";class N{constructor(t,e){r(this,"canvas");r(this,"region");r(this,"painter");r(this,"camera",null);r(this,"size",{width:0,height:0});r(this,"drawnVersion",-1);r(this,"resized",true);r(this,"dragging",null);r(this,"observer",null);r(this,"onPointerDown",t2=>{var i,a;if(t2.pointerType==="mouse"&&t2.button!==0)return;t2.preventDefault(),t2.stopPropagation(),this.dragging=t2.pointerId,(a=(i=this.element).setPointerCapture)==null||a.call(i,t2.pointerId);const e2=this.worldAt(t2);e2&&this.onNavigate(e2,false)});r(this,"onPointerMove",t2=>{if(this.dragging!==t2.pointerId)return;const e2=this.worldAt(t2);e2&&this.onNavigate(e2,true)});r(this,"onPointerUp",t2=>{var e2,i;this.dragging===t2.pointerId&&(this.dragging=null,(i=(e2=this.element).releasePointerCapture)==null||i.call(e2,t2.pointerId))});this.element=t,this.onNavigate=e,this.canvas=document.createElement("canvas"),this.canvas.className="clover-canvas-navigator-image",this.canvas.setAttribute("aria-hidden","true"),this.region=document.createElement("div"),this.region.className="clover-canvas-navigator-region",t.append(this.canvas,this.region),this.painter=P.create(this.canvas),this.measure(),typeof ResizeObserver<"u"&&(this.observer=new ResizeObserver(()=>this.measure()),this.observer.observe(t)),t.addEventListener("pointerdown",this.onPointerDown),t.addEventListener("pointermove",this.onPointerMove),t.addEventListener("pointerup",this.onPointerUp),t.addEventListener("pointercancel",this.onPointerUp)}render(t,e,i,a,u,c){if(!e)return;const{width:d,height:p}=this.size;if(this.camera=M(e,this.size),this.painter&&(this.resized||c!==this.drawnVersion)){this.drawnVersion=c,this.resized=false,this.painter.resize(d,p,a);const f=y({items:t,camera:this.camera,viewport:this.size,pixelRatio:a,getTile:u});this.painter.begin();for(const n of f.draws)this.painter.draw({key:n.url,source:n.image.source,width:n.image.width,height:n.image.height,transform:n.transform,crop:n.crop,opacity:1,bleed:n.bleed});this.painter.end()}const o=l(this.camera,this.size,{x:i.x,y:i.y}),h=l(this.camera,this.size,{x:i.x+i.width,y:i.y+i.height}),m=Math.max(0,Math.min(o.x,h.x)),g=Math.max(0,Math.min(o.y,h.y)),v=Math.min(d,Math.max(o.x,h.x)),w=Math.min(p,Math.max(o.y,h.y));Object.assign(this.region.style,{transform:`translate(${m}px, ${g}px)`,width:`${Math.max(0,v-m)}px`,height:`${Math.max(0,w-g)}px`})}measure(){const t=this.element.getBoundingClientRect(),e=Math.max(1,t.width),i=Math.max(1,t.height);e===this.size.width&&i===this.size.height||(this.size={width:e,height:i},this.resized=true)}dispose(){var e,i;(e=this.observer)==null||e.disconnect();const t=this.element;t.removeEventListener("pointerdown",this.onPointerDown),t.removeEventListener("pointermove",this.onPointerMove),t.removeEventListener("pointerup",this.onPointerUp),t.removeEventListener("pointercancel",this.onPointerUp),(i=this.painter)==null||i.dispose(),this.canvas.remove(),this.region.remove()}worldAt(t){if(!this.camera)return null;const e=this.element.getBoundingClientRect();return b(this.camera,this.size,{x:t.clientX-e.left,y:t.clientY-e.top})}}export{N as Navigator};

package/dist/web-components/viewer/{PagerLayout-C3HEM9Ev.mjs → PagerLayout-CeqR69iN.mjs}

@@ -1 +1 @@
-import{ag as C,ah as I,u as t,ai as T,aj as y,ak as L,ab as O,v as R,p as S,al as w,am as j,an as B,ao as H,ap as k}from"./viewer-B7xAOtQD.mjs";import"./styles-BjjJM8OS.mjs";import{C as _}from"./CountMenu-C8_qWHK5.mjs";const M={"left-to-right":0,"right-to-left":180,"top-to-bottom":90,"bottom-to-top":270};function $({rotate:e,size:a=16}){return t("svg",{"aria-hidden":"true",focusable:"false",width:a,height:a,viewBox:"0 0 16 16",className:"clover-pager-icon",children:t("path",{d:"M6 3l5 5-5 5",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",transform:`rotate(${e} 8 8)`})})}const x=L(function({steps:a,step:o,small:n=false,className:r,disabled:g,onClick:i,...l},u){const{t:p,langOf:m}=C(),{position:d,total:s,direction:N}=a;if(s<2)return null;const v=o==="next",f=v?d+1<s:d>0,h=M[N]+(v?0:180),c=v?"commonNext":"commonPrevious",b=p(c);return t("button",{ref:u,type:"button",className:T(n?"clover-steps-step":`clover-pager-${o}`,r),"data-step":n?o:void 0,"data-direction":N,...O(m(c)),disabled:g,"aria-disabled":!f||void 0,tabIndex:f?void 0:-1,onClick:P=>{f&&(i==null||i(P),P.defaultPrevented||a.step(v?1:-1,P))},...l,children:[t($,{rotate:h,size:n?12:16}),t("span",{style:R,children:b}),t(S,{label:b})]})});L(function({of:a="views",...o},n){const r=w(a,"Previous");return t(x,{ref:n,...o,steps:r,step:"previous"})});L(function({of:a="views",...o},n){const r=w(a,"Next");return t(x,{ref:n,...o,steps:r,step:"next"})});function q({steps:e,as:a="nav",className:o,forwardedRef:n,hostLanguage:r,position:g,nameKey:i="itemsLabel",size:l="large",...u}){const{t:p,langOf:m}=C(void 0,r),d=I(p(i),m(i),u["aria-label"]!==void 0||u["aria-labelledby"]!==void 0,r);if(e.total<2)return null;const s=e.direction==="right-to-left";return t(a,{ref:n,...d.props,className:T("clover-items clover-pager",o),"data-layout":"pager","data-direction":e.direction,"data-size":l==="small"?"small":void 0,...u,children:[d.node,!s&&(g??t(y,{steps:e})),t(x,{steps:e,step:s?"next":"previous",small:l==="small"}),t(x,{steps:e,step:s?"previous":"next",small:l==="small"}),s&&(g??t(y,{steps:e}))]})}function E({steps:e,forwardedRef:a,layout:o,orientation:n,thumbnailSize:r,renderItem:g,header:i,headingLevel:l,request:u,language:p,navigation:m,of:d,secondary:s,labels:N,singleItem:v,highContrast:f,...h}){const c=j(a,h.lang),b=B(f);return t(k.Provider,{value:c.hostLanguage,children:t(q,{...H(b),...h,steps:e,forwardedRef:c.ref,hostLanguage:c.hostLanguage})})}export{_ as CountMenu,E as default};
+import{ag as C,ah as I,u as t,ai as T,aj as y,ak as L,ab as O,v as R,p as S,al as w,am as j,an as B,ao as H,ap as k}from"./viewer-4EayGlH3.mjs";import"./styles-BjjJM8OS.mjs";import{C as _}from"./CountMenu-CgQWpBDd.mjs";const M={"left-to-right":0,"right-to-left":180,"top-to-bottom":90,"bottom-to-top":270};function $({rotate:e,size:a=16}){return t("svg",{"aria-hidden":"true",focusable:"false",width:a,height:a,viewBox:"0 0 16 16",className:"clover-pager-icon",children:t("path",{d:"M6 3l5 5-5 5",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",transform:`rotate(${e} 8 8)`})})}const x=L(function({steps:a,step:o,small:n=false,className:r,disabled:g,onClick:i,...l},u){const{t:p,langOf:m}=C(),{position:d,total:s,direction:N}=a;if(s<2)return null;const v=o==="next",f=v?d+1<s:d>0,h=M[N]+(v?0:180),c=v?"commonNext":"commonPrevious",b=p(c);return t("button",{ref:u,type:"button",className:T(n?"clover-steps-step":`clover-pager-${o}`,r),"data-step":n?o:void 0,"data-direction":N,...O(m(c)),disabled:g,"aria-disabled":!f||void 0,tabIndex:f?void 0:-1,onClick:P=>{f&&(i==null||i(P),P.defaultPrevented||a.step(v?1:-1,P))},...l,children:[t($,{rotate:h,size:n?12:16}),t("span",{style:R,children:b}),t(S,{label:b})]})});L(function({of:a="views",...o},n){const r=w(a,"Previous");return t(x,{ref:n,...o,steps:r,step:"previous"})});L(function({of:a="views",...o},n){const r=w(a,"Next");return t(x,{ref:n,...o,steps:r,step:"next"})});function q({steps:e,as:a="nav",className:o,forwardedRef:n,hostLanguage:r,position:g,nameKey:i="itemsLabel",size:l="large",...u}){const{t:p,langOf:m}=C(void 0,r),d=I(p(i),m(i),u["aria-label"]!==void 0||u["aria-labelledby"]!==void 0,r);if(e.total<2)return null;const s=e.direction==="right-to-left";return t(a,{ref:n,...d.props,className:T("clover-items clover-pager",o),"data-layout":"pager","data-direction":e.direction,"data-size":l==="small"?"small":void 0,...u,children:[d.node,!s&&(g??t(y,{steps:e})),t(x,{steps:e,step:s?"next":"previous",small:l==="small"}),t(x,{steps:e,step:s?"previous":"next",small:l==="small"}),s&&(g??t(y,{steps:e}))]})}function E({steps:e,forwardedRef:a,layout:o,orientation:n,thumbnailSize:r,renderItem:g,header:i,headingLevel:l,request:u,language:p,navigation:m,of:d,secondary:s,labels:N,singleItem:v,highContrast:f,...h}){const c=j(a,h.lang),b=B(f);return t(k.Provider,{value:c.hostLanguage,children:t(q,{...H(b),...h,steps:e,forwardedRef:c.ref,hostLanguage:c.hostLanguage})})}export{_ as CountMenu,E as default};

package/dist/web-components/viewer/PanelPart-BCQo2YZ-.mjs

@@ -0,0 +1 @@
+import{u as r,a0 as t}from"./viewer-4EayGlH3.mjs";function n(a){return r(t,{...a})}export{n as default};

package/dist/web-components/viewer/{PartOfManifest-CAG-54_j.mjs → PartOfManifest-BBTld3mZ.mjs}

@@ -1 +1 @@
-import{ag as m,a as O,f as M,bz as $,t as y,u as t,ab as s,a9 as C}from"./viewer-B7xAOtQD.mjs";import"./styles-BjjJM8OS.mjs";function x({manifest:o,headingLevel:u,onOpened:d}){const{t:l,langOf:i}=m(),{clover:b,language:f}=O("About"),n=M(),c=[].concat(o.partOf??[]).filter(e=>(e==null?void 0:e.id)&&(!e.type||e.type==="Manifest"));if(!$(o)||!c.length)return null;const g=o.items[0].id,{as:v,title:h,group:p}=y(u,`${n}-title`);return t("section",{className:"clover-about-section",...p,children:[t(v,{className:"clover-about-heading",...s(i("aboutPartOf")),...h,children:l("aboutPartOf")}),t("ul",{className:"clover-about-part-of",children:c.map((e,r)=>{const a=C(e.label,f);return t("li",{children:[a.text&&t("span",{id:`${n}-${r}`,...s(a.lang),children:a.text}),t("button",{type:"button",className:"clover-about-open",...s(i("aboutOpenManifest")),"aria-describedby":a.text?`${n}-${r}`:void 0,onClick:()=>void b.goToManifest(e.id,g).then(d),children:l("aboutOpenManifest")})]},e.id)})})]})}export{x as default};
+import{ag as m,a as O,f as M,bz as $,t as y,u as t,ab as s,a9 as C}from"./viewer-4EayGlH3.mjs";import"./styles-BjjJM8OS.mjs";function x({manifest:o,headingLevel:u,onOpened:d}){const{t:l,langOf:i}=m(),{clover:b,language:f}=O("About"),n=M(),c=[].concat(o.partOf??[]).filter(e=>(e==null?void 0:e.id)&&(!e.type||e.type==="Manifest"));if(!$(o)||!c.length)return null;const g=o.items[0].id,{as:v,title:h,group:p}=y(u,`${n}-title`);return t("section",{className:"clover-about-section",...p,children:[t(v,{className:"clover-about-heading",...s(i("aboutPartOf")),...h,children:l("aboutPartOf")}),t("ul",{className:"clover-about-part-of",children:c.map((e,r)=>{const a=C(e.label,f);return t("li",{children:[a.text&&t("span",{id:`${n}-${r}`,...s(a.lang),children:a.text}),t("button",{type:"button",className:"clover-about-open",...s(i("aboutOpenManifest")),"aria-describedby":a.text?`${n}-${r}`:void 0,onClick:()=>void b.goToManifest(e.id,g).then(d),children:l("aboutOpenManifest")})]},e.id)})})]})}export{x as default};

package/dist/web-components/viewer/{PlaceBox-4kYT5bX0.mjs → PlaceBox-jyu7a0on.mjs}

@@ -1 +1 @@
-import{ag as m,b$ as u,a9 as v,ah as f,u as e,aT as b,cd as g,ab as x,v as h}from"./viewer-B7xAOtQD.mjs";import{GivenMap as y}from"./MapView-DG-ZUI7R.mjs";function P({id:l,open:o,onClose:n,feature:p,name:d,language:t}){const{t:c,langOf:r}=m();u(o,()=>n(false));const a=v(d,t),i=f(c("mapLabel"),r("mapLabel"),!!a.text);return e("div",{className:"clover-canvas-caption clover-canvas-place","data-open":o,"data-testid":"clover-canvas-place",id:l,role:"group","aria-labelledby":a.text?`${l}-name`:void 0,...i.props,onKeyDown:s=>{s.key==="Escape"&&(s.preventDefault(),s.stopPropagation(),n(true))},children:[e(b,{className:"clover-canvas-caption-close",id:`close-${l}`,label:c("commonClose"),lang:r("commonClose"),onClick:()=>n(true),children:e(g,{})}),i.node,a.text&&e("p",{id:`${l}-name`,style:h,...x(a.lang),children:a.text}),o&&e(y,{navPlace:p,forwardedRef:null,landmark:false,list:false,language:t})]})}export{P as default};
+import{ag as m,b$ as u,a9 as v,ah as f,u as e,aT as b,cd as g,ab as x,v as h}from"./viewer-4EayGlH3.mjs";import{GivenMap as y}from"./MapView-DJ0uaPAX.mjs";function P({id:l,open:o,onClose:n,feature:p,name:d,language:t}){const{t:c,langOf:r}=m();u(o,()=>n(false));const a=v(d,t),i=f(c("mapLabel"),r("mapLabel"),!!a.text);return e("div",{className:"clover-canvas-caption clover-canvas-place","data-open":o,"data-testid":"clover-canvas-place",id:l,role:"group","aria-labelledby":a.text?`${l}-name`:void 0,...i.props,onKeyDown:s=>{s.key==="Escape"&&(s.preventDefault(),s.stopPropagation(),n(true))},children:[e(b,{className:"clover-canvas-caption-close",id:`close-${l}`,label:c("commonClose"),lang:r("commonClose"),onClick:()=>n(true),children:e(g,{})}),i.node,a.text&&e("p",{id:`${l}-name`,style:h,...x(a.lang),children:a.text}),o&&e(y,{navPlace:p,forwardedRef:null,landmark:false,list:false,language:t})]})}export{P as default};

package/dist/web-components/viewer/{Placeholder-BGtNqkT3.mjs → Placeholder-CedWZbsU.mjs}

@@ -1 +1 @@
-import{ag as h,u as l,ce as m,cf as f,cg as g,aT as y,k as C,ab as S,e as w,y as b,c1 as k}from"./viewer-B7xAOtQD.mjs";import"./styles-BjjJM8OS.mjs";function P(a,o){const[e,n]=w(a.src),r=a.src??a.service??a.fallback;return b(()=>{if(a.src)return n(a.src);let d=true;return import("./viewer-B7xAOtQD.mjs").then(s=>s.cw).then(({resolveThumbnail:s})=>s(a,k,o)).then(s=>d&&n(s)),()=>{d=false}},[r]),e}function T({still:a,request:o,style:e}){const n=P(a.source,o);return n?l("img",{alt:a.alt,...S(a.alt?a.lang:void 0),src:n,style:e}):l("span",{style:e})}function E({instance:a,media:o,active:e,onToggle:n,more:r=false}){const{t:d,langOf:s}=h(),p=`placeholder-${a}`,u=o?"playerPlay":r?e?"canvasExpandControls":"canvasCollapseControls":e?"imageViewerOpen":"imageViewerClose";return l(y,{className:"clover-canvas-placeholder-toggle",id:p,label:d(u),lang:s(u),expanded:r&&!o?!e:void 0,controls:r&&!o?`more-${a}-list`:void 0,onClick:i=>{const v=document.activeElement===i.currentTarget,t=i.currentTarget.closest(".clover-canvas");n(),v&&requestAnimationFrame(()=>{var c;return(c=document.getElementById(p)??(t==null?void 0:t.querySelector('.clover-canvas-transport :is([data-button="pause"], [data-button="play"])'))??(t==null?void 0:t.querySelector(".clover-canvas-viewport")))==null?void 0:c.focus()})},children:o?l(m,{}):e?l(f,{}):l(g,{})})}const I=({instance:a,stills:o,vertical:e,media:n,active:r,lingering:d,onToggle:s,request:p})=>{const u=o.map(({width:t,height:c})=>e?c/t:t/c),i=u.reduce((t,c)=>t+c,0),v=e?1/i:i;return l(C,{children:[n&&r&&l(E,{instance:a,media:true,active:true,onToggle:s}),(r||d||!n)&&l("div",{"aria-hidden":r?void 0:true,className:"clover-canvas-placeholder","data-hidden":!r&&!d,"data-lingering":!r&&d,"data-media":n,"data-testid":"clover-canvas-placeholder","data-vertical":e,onClick:r?s:void 0,children:l("div",{className:"clover-canvas-placeholder-frame",style:{"--ratio":v},children:o.map((t,c)=>l(T,{still:t,request:p,style:{[e?"height":"width"]:`${u[c]/i*100}%`}},c))})})]})};export{E as PlaceholderToggle,I as default};
+import{ag as h,u as l,ce as m,cf as f,cg as g,aT as y,k as C,ab as S,e as w,y as b,c1 as k}from"./viewer-4EayGlH3.mjs";import"./styles-BjjJM8OS.mjs";function P(a,o){const[e,n]=w(a.src),r=a.src??a.service??a.fallback;return b(()=>{if(a.src)return n(a.src);let d=true;return import("./viewer-4EayGlH3.mjs").then(s=>s.cw).then(({resolveThumbnail:s})=>s(a,k,o)).then(s=>d&&n(s)),()=>{d=false}},[r]),e}function T({still:a,request:o,style:e}){const n=P(a.source,o);return n?l("img",{alt:a.alt,...S(a.alt?a.lang:void 0),src:n,style:e}):l("span",{style:e})}function E({instance:a,media:o,active:e,onToggle:n,more:r=false}){const{t:d,langOf:s}=h(),p=`placeholder-${a}`,u=o?"playerPlay":r?e?"canvasExpandControls":"canvasCollapseControls":e?"imageViewerOpen":"imageViewerClose";return l(y,{className:"clover-canvas-placeholder-toggle",id:p,label:d(u),lang:s(u),expanded:r&&!o?!e:void 0,controls:r&&!o?`more-${a}-list`:void 0,onClick:i=>{const v=document.activeElement===i.currentTarget,t=i.currentTarget.closest(".clover-canvas");n(),v&&requestAnimationFrame(()=>{var c;return(c=document.getElementById(p)??(t==null?void 0:t.querySelector('.clover-canvas-transport :is([data-button="pause"], [data-button="play"])'))??(t==null?void 0:t.querySelector(".clover-canvas-viewport")))==null?void 0:c.focus()})},children:o?l(m,{}):e?l(f,{}):l(g,{})})}const I=({instance:a,stills:o,vertical:e,media:n,active:r,lingering:d,onToggle:s,request:p})=>{const u=o.map(({width:t,height:c})=>e?c/t:t/c),i=u.reduce((t,c)=>t+c,0),v=e?1/i:i;return l(C,{children:[n&&r&&l(E,{instance:a,media:true,active:true,onToggle:s}),(r||d||!n)&&l("div",{"aria-hidden":r?void 0:true,className:"clover-canvas-placeholder","data-hidden":!r&&!d,"data-lingering":!r&&d,"data-media":n,"data-testid":"clover-canvas-placeholder","data-vertical":e,onClick:r?s:void 0,children:l("div",{className:"clover-canvas-placeholder-frame",style:{"--ratio":v},children:o.map((t,c)=>l(T,{still:t,request:p,style:{[e?"height":"width"]:`${u[c]/i*100}%`}},c))})})]})};export{E as PlaceholderToggle,I as default};

package/dist/web-components/viewer/{Search-lYKOtFBO.mjs → Search-D_hveAZH.mjs}

@@ -1 +1 @@
-import{ak as se,ag as ne,a as re,N as v,bb as ce,ac as oe,C as ae,f as ie,e as k,y as h,A as d,bc as le,u as a,ab as D,ai as ue,a9 as he,aa as de}from"./viewer-B7xAOtQD.mjs";import{b as fe,s as ve}from"../bringIntoView-CQH5ZgMM.mjs";import{F as ge}from"./FieldPill-BSdPIm-Q.mjs";import"./styles-BjjJM8OS.mjs";const O=40,Se=se(function({headingLevel:K=3,sticky:y=false,size:L="large",as:T="div",className:U,...j},B){const{t:V,langOf:G}=ne(),{clover:r,language:J}=re("Search"),b=v(e=>{var s;return((s=ce(e.manifest))==null?void 0:s.id)??null}),t=v(e=>e.search),Q=v(e=>oe(e.manifest).canvases),i=v(e=>e.annotationId),$=v(e=>e.canvasId),W=ae(r.highlight.subscribe,r.highlight.get,r.highlight.get),I=ie(),[P,S]=k(t.query);h(()=>S(t.query),[t.query]);const l=d(null),g=le(),R=d(0),q=d(false),w=d(null);h(()=>{if(t.status!=="ready"||!t.set||w.current===t.set||(w.current=t.set,t.hits.some(c=>i&&c.entryIds.includes(i))))return;const n=t.hits.find(c=>c.canvasId===$)??t.hits[0];n&&r.selectAnnotation(n.entryIds[0])},[r,t.status,t.set,t.hits,i,$]),h(()=>{var c;const e=(c=l.current)==null?void 0:c.closest(".clover-content-search-field"),s=e==null?void 0:e.parentElement;if(!y||!e||!s||typeof ResizeObserver>"u")return;const n=new ResizeObserver(()=>s.style.setProperty("--clover-content-search-field",`${e.offsetHeight}px`));return n.observe(e),()=>{n.disconnect(),s.style.removeProperty("--clover-content-search-field")}},[y,b]),h(()=>{var s,n;if(!q.current)return;q.current=false;const e=(n=(s=l.current)==null?void 0:s.closest(".clover-content-search"))==null?void 0:n.querySelector('.clover-content-search-hit[aria-current="true"]');e&&fe(e,"nearest")},[i]);const[z,X]=k({set:null,count:O}),A=z.set===t.set?z.count:O,N=()=>X({set:t.set,count:A+O}),E=d(null),M=i?t.hits.findIndex(e=>e.entryIds.includes(i)):-1,x=typeof IntersectionObserver<"u",u=x?Math.min(t.hits.length,Math.max(A,M+1)):t.hits.length,F=d(N);if(F.current=N,h(()=>{const e=E.current;if(!e||!x||u>=t.hits.length)return;const s=new IntersectionObserver(n=>{n.some(c=>c.isIntersecting)&&F.current()},{root:ve(e),rootMargin:"0px 0px 400px 0px"});return s.observe(e),()=>s.disconnect()},[x,u,t.hits.length]),h(()=>{!g||g===R.current||!l.current||(R.current=g,l.current.focus())},[g,b]),!b)return null;const H={position:M,total:t.hits.length,step:e=>{const s=t.hits[H.position+e];s&&(q.current=true,r.selectAnnotation(s.entryIds[0]))}},m=[];t.hits.slice(0,u).forEach((e,s)=>{const n=m[m.length-1];(n==null?void 0:n.canvasId)===e.canvasId?n.hits.push({hit:e,index:s}):m.push({canvasId:e.canvasId,hits:[{hit:e,index:s}]})});const Y=de(K),f=t.hits.length,p=t.status==="loading"?"contentSearchLoading":t.status==="error"?"contentSearchError":t.status==="ready"?f===0?"contentSearchResultsNone":f===1?"contentSearchResult":"contentSearchResults":null,Z=p?V(p,{count:f}):"",_=t.status==="ready"?H:null,ee=a("p",{className:"clover-content-search-status",role:"status","data-status":t.status,...D(p?G(p):void 0),children:Z});return a(T,{ref:B,className:ue("clover-content-search",U),"data-status":t.status,"data-sticky":y||void 0,...j,children:[a("div",{className:"clover-content-search-field",children:a(ge,{ref:l,id:`${I}-query`,value:P,onChange:e=>{S(e),!e&&t.query&&r.search("")},onSubmit:()=>void r.search(P),onClear:()=>{var e;S(""),t.query&&r.search(""),(e=l.current)==null||e.focus()},results:_,size:L,classes:{form:"clover-content-search-form",query:"clover-content-search-query",clear:"clover-content-search-clear",submit:"clover-content-search-submit"}})}),ee,m.map(({canvasId:e,hits:s},n)=>{const c=Q.find(o=>o.id===e),C=he(c==null?void 0:c.label,J);return a("section",{className:"clover-content-search-group","aria-labelledby":`${I}-${n}`,children:[a(Y,{id:`${I}-${n}`,className:"clover-content-search-canvas",...D(C.text?C.lang:void 0),children:C.text||e}),a("ol",{className:"clover-content-search-hits",children:s.map(({hit:o,index:te})=>a("li",{children:a("button",{type:"button",className:"clover-content-search-hit","aria-current":i&&o.entryIds.includes(i)?"true":void 0,"data-highlighted":o.entryIds.includes(W??""),onClick:()=>r.selectAnnotation(o.entryIds[0]),onPointerEnter:()=>r.highlight.emit(o.entryIds[0]),onPointerLeave:()=>r.highlight.emit(null),onFocus:()=>{r.highlight.emit(o.entryIds[0]),u<f&&te>=u-5&&N()},onBlur:()=>r.highlight.emit(null),children:[o.before,a("mark",{children:o.match}),o.after]})},o.id))})]},`${e}-${n}`)}),u<f&&a("div",{ref:E,className:"clover-content-search-more","aria-hidden":"true"})]})});export{Se as Search};
+import{ak as se,ag as ne,a as re,N as v,bb as ce,ac as oe,C as ae,f as ie,e as k,y as h,A as d,bc as le,u as a,ab as D,ai as ue,a9 as he,aa as de}from"./viewer-4EayGlH3.mjs";import{b as fe,s as ve}from"../bringIntoView-CQH5ZgMM.mjs";import{F as ge}from"./FieldPill-CeO1-KpF.mjs";import"./styles-BjjJM8OS.mjs";const O=40,Se=se(function({headingLevel:K=3,sticky:y=false,size:L="large",as:T="div",className:U,...j},B){const{t:V,langOf:G}=ne(),{clover:r,language:J}=re("Search"),b=v(e=>{var s;return((s=ce(e.manifest))==null?void 0:s.id)??null}),t=v(e=>e.search),Q=v(e=>oe(e.manifest).canvases),i=v(e=>e.annotationId),$=v(e=>e.canvasId),W=ae(r.highlight.subscribe,r.highlight.get,r.highlight.get),I=ie(),[P,S]=k(t.query);h(()=>S(t.query),[t.query]);const l=d(null),g=le(),R=d(0),q=d(false),w=d(null);h(()=>{if(t.status!=="ready"||!t.set||w.current===t.set||(w.current=t.set,t.hits.some(c=>i&&c.entryIds.includes(i))))return;const n=t.hits.find(c=>c.canvasId===$)??t.hits[0];n&&r.selectAnnotation(n.entryIds[0])},[r,t.status,t.set,t.hits,i,$]),h(()=>{var c;const e=(c=l.current)==null?void 0:c.closest(".clover-content-search-field"),s=e==null?void 0:e.parentElement;if(!y||!e||!s||typeof ResizeObserver>"u")return;const n=new ResizeObserver(()=>s.style.setProperty("--clover-content-search-field",`${e.offsetHeight}px`));return n.observe(e),()=>{n.disconnect(),s.style.removeProperty("--clover-content-search-field")}},[y,b]),h(()=>{var s,n;if(!q.current)return;q.current=false;const e=(n=(s=l.current)==null?void 0:s.closest(".clover-content-search"))==null?void 0:n.querySelector('.clover-content-search-hit[aria-current="true"]');e&&fe(e,"nearest")},[i]);const[z,X]=k({set:null,count:O}),A=z.set===t.set?z.count:O,N=()=>X({set:t.set,count:A+O}),E=d(null),M=i?t.hits.findIndex(e=>e.entryIds.includes(i)):-1,x=typeof IntersectionObserver<"u",u=x?Math.min(t.hits.length,Math.max(A,M+1)):t.hits.length,F=d(N);if(F.current=N,h(()=>{const e=E.current;if(!e||!x||u>=t.hits.length)return;const s=new IntersectionObserver(n=>{n.some(c=>c.isIntersecting)&&F.current()},{root:ve(e),rootMargin:"0px 0px 400px 0px"});return s.observe(e),()=>s.disconnect()},[x,u,t.hits.length]),h(()=>{!g||g===R.current||!l.current||(R.current=g,l.current.focus())},[g,b]),!b)return null;const H={position:M,total:t.hits.length,step:e=>{const s=t.hits[H.position+e];s&&(q.current=true,r.selectAnnotation(s.entryIds[0]))}},m=[];t.hits.slice(0,u).forEach((e,s)=>{const n=m[m.length-1];(n==null?void 0:n.canvasId)===e.canvasId?n.hits.push({hit:e,index:s}):m.push({canvasId:e.canvasId,hits:[{hit:e,index:s}]})});const Y=de(K),f=t.hits.length,p=t.status==="loading"?"contentSearchLoading":t.status==="error"?"contentSearchError":t.status==="ready"?f===0?"contentSearchResultsNone":f===1?"contentSearchResult":"contentSearchResults":null,Z=p?V(p,{count:f}):"",_=t.status==="ready"?H:null,ee=a("p",{className:"clover-content-search-status",role:"status","data-status":t.status,...D(p?G(p):void 0),children:Z});return a(T,{ref:B,className:ue("clover-content-search",U),"data-status":t.status,"data-sticky":y||void 0,...j,children:[a("div",{className:"clover-content-search-field",children:a(ge,{ref:l,id:`${I}-query`,value:P,onChange:e=>{S(e),!e&&t.query&&r.search("")},onSubmit:()=>void r.search(P),onClear:()=>{var e;S(""),t.query&&r.search(""),(e=l.current)==null||e.focus()},results:_,size:L,classes:{form:"clover-content-search-form",query:"clover-content-search-query",clear:"clover-content-search-clear",submit:"clover-content-search-submit"}})}),ee,m.map(({canvasId:e,hits:s},n)=>{const c=Q.find(o=>o.id===e),C=he(c==null?void 0:c.label,J);return a("section",{className:"clover-content-search-group","aria-labelledby":`${I}-${n}`,children:[a(Y,{id:`${I}-${n}`,className:"clover-content-search-canvas",...D(C.text?C.lang:void 0),children:C.text||e}),a("ol",{className:"clover-content-search-hits",children:s.map(({hit:o,index:te})=>a("li",{children:a("button",{type:"button",className:"clover-content-search-hit","aria-current":i&&o.entryIds.includes(i)?"true":void 0,"data-highlighted":o.entryIds.includes(W??""),onClick:()=>r.selectAnnotation(o.entryIds[0]),onPointerEnter:()=>r.highlight.emit(o.entryIds[0]),onPointerLeave:()=>r.highlight.emit(null),onFocus:()=>{r.highlight.emit(o.entryIds[0]),u<f&&te>=u-5&&N()},onBlur:()=>r.highlight.emit(null),children:[o.before,a("mark",{children:o.match}),o.after]})},o.id))})]},`${e}-${n}`)}),u<f&&a("div",{ref:E,className:"clover-content-search-more","aria-hidden":"true"})]})});export{Se as Search};

package/dist/web-components/viewer/{SeekMarks-By4ZSK6u.mjs → SeekMarks-YIQFWYfI.mjs}

@@ -1 +1 @@
-import{ag as A,A as C,e as B,_ as O,T as W,u as c,bY as q,ab as P,cu as Y,k as _}from"./viewer-B7xAOtQD.mjs";import{b as z}from"./Transport-B-GTF-rz.mjs";import{S as j}from"./Steps-BOB1n3WM.mjs";const H=12;function G(e,s,l,d){const f=i=>H/2+(l-H)*(i.start/s),h=[];for(const i of e){const m=h[h.length-1];(m?l>0?f(i)-f(m[0])<d:i.start===m[0].start:false)?m.push(i):h.push([i])}return h}const J={ArrowDown:e=>parseFloat(getComputedStyle(e).lineHeight)||16,ArrowUp:e=>-(parseFloat(getComputedStyle(e).lineHeight)||16),PageDown:e=>e.clientHeight,PageUp:e=>-e.clientHeight};function Q(e){const s=e.currentTarget.querySelector(".clover-canvas-transport-mark-words"),l=J[e.key];if(!s||!l||e.altKey||e.ctrlKey||e.metaKey)return false;const d=l(s);return(d>0?s.scrollHeight-s.clientHeight-s.scrollTop:s.scrollTop)<1?false:(e.preventDefault(),s.scrollBy({top:d}),true)}function tt({marks:e,duration:s,selected:l,onSelect:d,onActivate:f}){const{t:h,langOf:i}=A(),m=C(null),[u,D]=B({width:0,target:0,from:0});O(()=>{const t=m.current;if(!t)return;const n=t.closest(".clover-canvas-media"),r=()=>{const p=t.querySelector(".clover-canvas-transport-mark"),g={width:t.clientWidth,target:(p==null?void 0:p.offsetWidth)??0,from:n?t.getBoundingClientRect().left-n.getBoundingClientRect().left:0};D(v=>v.width===g.width&&v.target===g.target&&v.from===g.from?v:g)};r();const o=new ResizeObserver(r);return o.observe(t),n&&o.observe(n),()=>o.disconnect()},[]);const y=W(()=>G(e,s,u.width,u.target),[e,s,u]),[M,E]=B({}),K=t=>{const n=t.findIndex(r=>r.id===l);return n>=0?n:Math.min(M[t[0].id]??0,t.length-1)},[$,I]=B(null),[L,R]=B(null),k=t=>{R(t),f==null||f(t)},T=C([]),x=C(new Set);if(!e.length||!(s>0))return null;const b=(t,n)=>!!n&&t.some(r=>r.id===n),F=Math.max(0,y.findIndex(t=>b(t,$??l))),S=t=>{var r;const n=Math.min(y.length-1,Math.max(0,t));(r=T.current[n])==null||r.focus()},N=t=>z(t[0].start/s*100),U=t=>`${u.from+H/2+(u.width-H)*(t[0].start/s)}px`;return c(_,{children:[c("span",{className:"clover-canvas-transport-points","aria-hidden":"true",children:y.map(t=>c("span",{className:"clover-canvas-transport-mark-point","data-active":b(t,L)||b(t,l)?"true":void 0,style:{left:N(t)}},t[0].id))}),c("div",{ref:m,className:"clover-canvas-transport-marks",role:"toolbar","aria-label":h("informationPanelTabsAnnotations"),lang:i("informationPanelTabsAnnotations"),onKeyDown:t=>{const n=T.current.findIndex(o=>o===document.activeElement);if(n<0)return;const r=getComputedStyle(t.currentTarget).direction==="rtl"?-1:1;if(t.key==="ArrowRight")S(n+r);else if(t.key==="ArrowLeft")S(n-r);else if(t.key==="Home")S(0);else if(t.key==="End")S(y.length-1);else return;t.preventDefault()},children:y.map((t,n)=>{const r=K(t),o=t[r],p=q(o.start),g=t.length>1?` ${r+1} / ${t.length}`:"",v=a=>{E(w=>({...w,[t[0].id]:a})),k(t[a].id),d(t[a].id)};return c("div",{className:"clover-canvas-transport-mark-group",style:{left:N(t),...u.width>0&&{"--clover-mark-x":U(t)}},onPointerEnter:()=>{x.current.delete(t[0].id),k(o.id)},onPointerLeave:()=>k(null),onFocus:()=>{x.current.delete(t[0].id),I(o.id),k(o.id)},onBlur:a=>{a.currentTarget.contains(a.relatedTarget)||k(null)},onKeyDown:a=>{if(a.defaultPrevented||Q(a)||a.key!=="Escape"||x.current.has(t[0].id))return;a.preventDefault(),x.current.add(t[0].id);const w=T.current[n];w&&document.activeElement!==w&&w.focus(),Y(a.currentTarget,"tipHidden",["pointerenter","focusin"])},children:[c("button",{ref:a=>{T.current[n]=a},type:"button",className:"clover-canvas-transport-mark",tabIndex:n===F?0:-1,"aria-label":`${p} ${o.label}${g}`,...P(o.lang),"aria-current":b(t,l)?"true":void 0,"data-active":b(t,l)?"true":void 0,onClick:()=>d(o.id)}),c("span",{className:"clover-tip clover-canvas-transport-mark-tip",children:[c("span",{className:"clover-canvas-transport-mark-words","aria-hidden":"true",...P(o.lang),children:[c("span",{className:"clover-tip-lead",children:p}),o.label]}),t.length>1&&c(j,{steps:{position:r,total:t.length,step:a=>v(r+a)}})]})]},t[0].id)})})]})}export{tt as SeekMarks,G as groupMarks};
+import{ag as A,A as C,e as B,_ as O,T as W,u as c,bY as q,ab as P,cu as Y,k as _}from"./viewer-4EayGlH3.mjs";import{b as z}from"./Transport-C_pFOBzJ.mjs";import{S as j}from"./Steps-BLXeVvHo.mjs";const H=12;function G(e,s,l,d){const f=i=>H/2+(l-H)*(i.start/s),h=[];for(const i of e){const m=h[h.length-1];(m?l>0?f(i)-f(m[0])<d:i.start===m[0].start:false)?m.push(i):h.push([i])}return h}const J={ArrowDown:e=>parseFloat(getComputedStyle(e).lineHeight)||16,ArrowUp:e=>-(parseFloat(getComputedStyle(e).lineHeight)||16),PageDown:e=>e.clientHeight,PageUp:e=>-e.clientHeight};function Q(e){const s=e.currentTarget.querySelector(".clover-canvas-transport-mark-words"),l=J[e.key];if(!s||!l||e.altKey||e.ctrlKey||e.metaKey)return false;const d=l(s);return(d>0?s.scrollHeight-s.clientHeight-s.scrollTop:s.scrollTop)<1?false:(e.preventDefault(),s.scrollBy({top:d}),true)}function tt({marks:e,duration:s,selected:l,onSelect:d,onActivate:f}){const{t:h,langOf:i}=A(),m=C(null),[u,D]=B({width:0,target:0,from:0});O(()=>{const t=m.current;if(!t)return;const n=t.closest(".clover-canvas-media"),r=()=>{const p=t.querySelector(".clover-canvas-transport-mark"),g={width:t.clientWidth,target:(p==null?void 0:p.offsetWidth)??0,from:n?t.getBoundingClientRect().left-n.getBoundingClientRect().left:0};D(v=>v.width===g.width&&v.target===g.target&&v.from===g.from?v:g)};r();const o=new ResizeObserver(r);return o.observe(t),n&&o.observe(n),()=>o.disconnect()},[]);const y=W(()=>G(e,s,u.width,u.target),[e,s,u]),[M,E]=B({}),K=t=>{const n=t.findIndex(r=>r.id===l);return n>=0?n:Math.min(M[t[0].id]??0,t.length-1)},[$,I]=B(null),[L,R]=B(null),k=t=>{R(t),f==null||f(t)},T=C([]),x=C(new Set);if(!e.length||!(s>0))return null;const b=(t,n)=>!!n&&t.some(r=>r.id===n),F=Math.max(0,y.findIndex(t=>b(t,$??l))),S=t=>{var r;const n=Math.min(y.length-1,Math.max(0,t));(r=T.current[n])==null||r.focus()},N=t=>z(t[0].start/s*100),U=t=>`${u.from+H/2+(u.width-H)*(t[0].start/s)}px`;return c(_,{children:[c("span",{className:"clover-canvas-transport-points","aria-hidden":"true",children:y.map(t=>c("span",{className:"clover-canvas-transport-mark-point","data-active":b(t,L)||b(t,l)?"true":void 0,style:{left:N(t)}},t[0].id))}),c("div",{ref:m,className:"clover-canvas-transport-marks",role:"toolbar","aria-label":h("informationPanelTabsAnnotations"),lang:i("informationPanelTabsAnnotations"),onKeyDown:t=>{const n=T.current.findIndex(o=>o===document.activeElement);if(n<0)return;const r=getComputedStyle(t.currentTarget).direction==="rtl"?-1:1;if(t.key==="ArrowRight")S(n+r);else if(t.key==="ArrowLeft")S(n-r);else if(t.key==="Home")S(0);else if(t.key==="End")S(y.length-1);else return;t.preventDefault()},children:y.map((t,n)=>{const r=K(t),o=t[r],p=q(o.start),g=t.length>1?` ${r+1} / ${t.length}`:"",v=a=>{E(w=>({...w,[t[0].id]:a})),k(t[a].id),d(t[a].id)};return c("div",{className:"clover-canvas-transport-mark-group",style:{left:N(t),...u.width>0&&{"--clover-mark-x":U(t)}},onPointerEnter:()=>{x.current.delete(t[0].id),k(o.id)},onPointerLeave:()=>k(null),onFocus:()=>{x.current.delete(t[0].id),I(o.id),k(o.id)},onBlur:a=>{a.currentTarget.contains(a.relatedTarget)||k(null)},onKeyDown:a=>{if(a.defaultPrevented||Q(a)||a.key!=="Escape"||x.current.has(t[0].id))return;a.preventDefault(),x.current.add(t[0].id);const w=T.current[n];w&&document.activeElement!==w&&w.focus(),Y(a.currentTarget,"tipHidden",["pointerenter","focusin"])},children:[c("button",{ref:a=>{T.current[n]=a},type:"button",className:"clover-canvas-transport-mark",tabIndex:n===F?0:-1,"aria-label":`${p} ${o.label}${g}`,...P(o.lang),"aria-current":b(t,l)?"true":void 0,"data-active":b(t,l)?"true":void 0,onClick:()=>d(o.id)}),c("span",{className:"clover-tip clover-canvas-transport-mark-tip",children:[c("span",{className:"clover-canvas-transport-mark-words","aria-hidden":"true",...P(o.lang),children:[c("span",{className:"clover-tip-lead",children:p}),o.label]}),t.length>1&&c(j,{steps:{position:r,total:t.length,step:a=>v(r+a)}})]})]},t[0].id)})})]})}export{tt as SeekMarks,G as groupMarks};

package/dist/web-components/viewer/{StandaloneItems-NfsSxROI.mjs → StandaloneItems-DcLGj-VV.mjs}

@@ -1 +1 @@
-import{e as b,A as I,y as L,a1 as V,T as k,a2 as F,a3 as M,u as p,a4 as P,a5 as R,a6 as T,a7 as j}from"./viewer-B7xAOtQD.mjs";function z({iiifContent:t,items:e,navigation:w,onSelect:n,request:c,header:x=true,forwardedRef:i,...g}){var O;const[a,A]=b(null),[h,m]=b(0),v=typeof t=="string"?t:t==null?void 0:t.id,l=I({iiifContent:t,request:c});l.current={iiifContent:t,request:c},L(()=>{if(e||l.current.iiifContent===void 0)return;const s=new AbortController;return V(l.current.iiifContent,{request:l.current.request,signal:s.signal}).then(o=>{s.signal.aborted||A(o)}).catch(()=>{}),()=>s.abort()},[v,e]);const r=k(()=>F(e||a),[e,a]);if(!r.length)return null;const f=!e&&(a==null?void 0:a.type)==="Manifest",d=M(a==null?void 0:a.viewingDirection),y=w??(f?"id":"homepage");if(g.layout==="pager")return p(R,{...g,forwardedRef:i,steps:P(r,h,d,(s,o)=>{n==null||n(s,o),m(r.indexOf(s))})});const u=(O=a==null?void 0:a.homepage)==null?void 0:O[0],D=u==null?void 0:u.id;return p(j,{...g,forwardedRef:i,items:r,selected:y==="id"?h:-1,navigation:y,rtl:d==="right-to-left",request:c,showSummary:!f,heading:x&&a?{label:a.label,summary:a.summary,homepage:D,homepageLang:T(u)}:void 0,onActivate:(s,o)=>{n==null||n(s,o),m(r.indexOf(s))},followFocus:s=>m(r.indexOf(s))})}export{z as default};
+import{e as b,A as I,y as L,a1 as V,T as k,a2 as F,a3 as M,u as p,a4 as P,a5 as R,a6 as T,a7 as j}from"./viewer-4EayGlH3.mjs";function z({iiifContent:t,items:e,navigation:w,onSelect:n,request:c,header:x=true,forwardedRef:i,...g}){var O;const[a,A]=b(null),[h,m]=b(0),v=typeof t=="string"?t:t==null?void 0:t.id,l=I({iiifContent:t,request:c});l.current={iiifContent:t,request:c},L(()=>{if(e||l.current.iiifContent===void 0)return;const s=new AbortController;return V(l.current.iiifContent,{request:l.current.request,signal:s.signal}).then(o=>{s.signal.aborted||A(o)}).catch(()=>{}),()=>s.abort()},[v,e]);const r=k(()=>F(e||a),[e,a]);if(!r.length)return null;const f=!e&&(a==null?void 0:a.type)==="Manifest",d=M(a==null?void 0:a.viewingDirection),y=w??(f?"id":"homepage");if(g.layout==="pager")return p(R,{...g,forwardedRef:i,steps:P(r,h,d,(s,o)=>{n==null||n(s,o),m(r.indexOf(s))})});const u=(O=a==null?void 0:a.homepage)==null?void 0:O[0],D=u==null?void 0:u.id;return p(j,{...g,forwardedRef:i,items:r,selected:y==="id"?h:-1,navigation:y,rtl:d==="right-to-left",request:c,showSummary:!f,heading:x&&a?{label:a.label,summary:a.summary,homepage:D,homepageLang:T(u)}:void 0,onActivate:(s,o)=>{n==null||n(s,o),m(r.indexOf(s))},followFocus:s=>m(r.indexOf(s))})}export{z as default};

package/dist/web-components/viewer/{Steps-BOB1n3WM.mjs → Steps-BLXeVvHo.mjs}

@@ -1 +1 @@
-import{ag as c,u as e,ai as h,ab as p,v as u,p as v}from"./viewer-B7xAOtQD.mjs";import"./styles-BjjJM8OS.mjs";function b({steps:o,sentence:t,className:r}){const{t:l,langOf:n}=c(),{position:a,total:i}=o;if(i<1)return null;const s=a+1;return e("div",{className:h("clover-steps",r),children:[e("span",{"aria-live":"polite",className:"clover-steps-position",children:[e("span",{"aria-hidden":t?"true":void 0,children:[s>0?s:"\u2013"," / ",i]}),e("span",{className:"clover-steps-room","aria-hidden":"true",hidden:true,children:[i," / ",i]}),t&&s>0&&e("span",{style:u,...p(n(t)),children:l(t,{index:s,total:i})})]}),e(d,{steps:o,step:"previous"}),e(d,{steps:o,step:"next"})]})}function d({steps:o,step:t}){const{t:r,langOf:l}=c(),n=t==="next",a=n?o.position+1<o.total:o.position>0,i=n?"commonNext":"commonPrevious";return e("button",{type:"button",className:"clover-steps-step","data-step":t,...p(l(i)),"aria-disabled":!a||void 0,tabIndex:a?void 0:-1,onClick:()=>{a&&o.step(n?1:-1)},children:[e("svg",{"aria-hidden":"true",focusable:"false",width:"12",height:"12",viewBox:"0 0 16 16",children:e("path",{d:n?"M6 3l5 5-5 5":"M10 3L5 8l5 5",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),e("span",{style:u,children:r(i)}),e(v,{label:r(i)})]})}export{b as S};
+import{ag as c,u as e,ai as h,ab as p,v as u,p as v}from"./viewer-4EayGlH3.mjs";import"./styles-BjjJM8OS.mjs";function b({steps:o,sentence:t,className:r}){const{t:l,langOf:n}=c(),{position:a,total:i}=o;if(i<1)return null;const s=a+1;return e("div",{className:h("clover-steps",r),children:[e("span",{"aria-live":"polite",className:"clover-steps-position",children:[e("span",{"aria-hidden":t?"true":void 0,children:[s>0?s:"\u2013"," / ",i]}),e("span",{className:"clover-steps-room","aria-hidden":"true",hidden:true,children:[i," / ",i]}),t&&s>0&&e("span",{style:u,...p(n(t)),children:l(t,{index:s,total:i})})]}),e(d,{steps:o,step:"previous"}),e(d,{steps:o,step:"next"})]})}function d({steps:o,step:t}){const{t:r,langOf:l}=c(),n=t==="next",a=n?o.position+1<o.total:o.position>0,i=n?"commonNext":"commonPrevious";return e("button",{type:"button",className:"clover-steps-step","data-step":t,...p(l(i)),"aria-disabled":!a||void 0,tabIndex:a?void 0:-1,onClick:()=>{a&&o.step(n?1:-1)},children:[e("svg",{"aria-hidden":"true",focusable:"false",width:"12",height:"12",viewBox:"0 0 16 16",children:e("path",{d:n?"M6 3l5 5-5 5":"M10 3L5 8l5 5",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),e("span",{style:u,children:r(i)}),e(v,{label:r(i)})]})}export{b as S};

package/dist/web-components/viewer/{TargetItems-vP03hWU8.mjs → TargetItems-BNor7HFs.mjs}

@@ -1 +1 @@
-import{a as g,u as d,a4 as h,a5 as x,a7 as y,N as u,a8 as p,a9 as f,aa as b,ab as w,T as v,e as M,y as C,ac as N}from"./viewer-B7xAOtQD.mjs";import{C as S}from"./CountMenu-C8_qWHK5.mjs";import{f as P,r as q}from"./fetchManifest-C-_la_Ym.mjs";import{S as A}from"./Steps-BOB1n3WM.mjs";import"./styles-BjjJM8OS.mjs";function I({onSelect:s,forwardedRef:t,...i}){const{clover:l,language:n}=g("Items"),{items:a,position:e}=z(),r=(o,c)=>{s==null||s(o,c);const m=a.findIndex(T=>T.id===o.id);m>=0&&l.goToTarget(m)};return i.layout==="pager"?d(x,{...i,forwardedRef:t,steps:h(a,e,"left-to-right",r),nameKey:"informationPanelTabsTargets",position:d(S,{position:e,total:a.length,list:o=>d(I,{layout:"list",forwardedRef:null,onSelect:o})})}):d(y,{...i,forwardedRef:t,items:a,selected:e,navigation:"id",language:n,request:l.request,showSummary:true,onActivate:r})}function z(){const{language:s}=g("Items"),t=u(e=>e.targets),i=u(e=>e.manifest),l=u(e=>p(e.targets,e.targetIndex,e.manifest,e.canvasId)),n=B(t==null?void 0:t.items,i);return{items:v(()=>((t==null?void 0:t.items)??[]).map(e=>F(e,n.get(e.manifestId)??(e.manifestAs?n.get(e.manifestAs):void 0),s)),[t,n,s]),position:l}}function B(s,t){const{clover:i}=g("Items"),l=v(()=>[...new Set((s??[]).map(e=>e.manifestId))],[s]),[n,a]=M(new Map);return C(()=>{let e=true;return Promise.all(l.map(async r=>[r,await P(i,r)])).then(r=>{e&&a(new Map(r.filter(o=>!!o[1])))}),()=>{e=false}},[i,l]),v(()=>{const e=new Map(n);return t&&e.set(t.id,t),e},[n,t])}function F(s,t,i){const l=t?N(t).canvases:[],n=l.find(m=>m.id===s.canvasId)??l[0],a=t==null?void 0:t.label,e=n==null?void 0:n.label,r=f(e,i).text?e:a,o=a&&r!==a&&f(a,i).text!==f(r,i).text?a:void 0,c=n&&s.region?q(n,s.region):void 0;return{id:s.id,label:r,summary:o,parts:[{id:s.id,type:"Canvas",label:r,resource:n??{id:s.canvasId??s.manifestId},...c?{source:c}:{}}]}}function k({headingLevel:s=3}){const{clover:t,language:i}=g("Items"),l=u(o=>{var c;return(c=o.targets)==null?void 0:c.label}),n=u(o=>{var c;return((c=o.targets)==null?void 0:c.items.length)??0}),a=u(o=>p(o.targets,o.targetIndex,o.manifest,o.canvasId));if(n<2)return null;const e=f(l,i),r=b(s);return d("div",{className:"clover-about clover-collection clover-targets",children:[d("div",{className:"clover-targets-head",children:[e.text&&d(r,{className:"clover-collection-title clover-title",...w(e.lang),children:e.text}),d(A,{className:"clover-targets-steps",steps:{position:a,total:n,step:o=>{const c=a+o;c>=0&&c<n&&t.goToTarget(c)}}})]}),d(I,{layout:"list",forwardedRef:null})]})}export{k as TargetsSection,I as default,z as useTargetItems};
+import{a as g,u as d,a4 as h,a5 as x,a7 as y,N as u,a8 as p,a9 as f,aa as b,ab as w,T as v,e as M,y as C,ac as N}from"./viewer-4EayGlH3.mjs";import{C as S}from"./CountMenu-CgQWpBDd.mjs";import{f as P,r as q}from"./fetchManifest-D3mfpSBh.mjs";import{S as A}from"./Steps-BLXeVvHo.mjs";import"./styles-BjjJM8OS.mjs";function I({onSelect:s,forwardedRef:t,...i}){const{clover:l,language:n}=g("Items"),{items:a,position:e}=z(),r=(o,c)=>{s==null||s(o,c);const m=a.findIndex(T=>T.id===o.id);m>=0&&l.goToTarget(m)};return i.layout==="pager"?d(x,{...i,forwardedRef:t,steps:h(a,e,"left-to-right",r),nameKey:"informationPanelTabsTargets",position:d(S,{position:e,total:a.length,list:o=>d(I,{layout:"list",forwardedRef:null,onSelect:o})})}):d(y,{...i,forwardedRef:t,items:a,selected:e,navigation:"id",language:n,request:l.request,showSummary:true,onActivate:r})}function z(){const{language:s}=g("Items"),t=u(e=>e.targets),i=u(e=>e.manifest),l=u(e=>p(e.targets,e.targetIndex,e.manifest,e.canvasId)),n=B(t==null?void 0:t.items,i);return{items:v(()=>((t==null?void 0:t.items)??[]).map(e=>F(e,n.get(e.manifestId)??(e.manifestAs?n.get(e.manifestAs):void 0),s)),[t,n,s]),position:l}}function B(s,t){const{clover:i}=g("Items"),l=v(()=>[...new Set((s??[]).map(e=>e.manifestId))],[s]),[n,a]=M(new Map);return C(()=>{let e=true;return Promise.all(l.map(async r=>[r,await P(i,r)])).then(r=>{e&&a(new Map(r.filter(o=>!!o[1])))}),()=>{e=false}},[i,l]),v(()=>{const e=new Map(n);return t&&e.set(t.id,t),e},[n,t])}function F(s,t,i){const l=t?N(t).canvases:[],n=l.find(m=>m.id===s.canvasId)??l[0],a=t==null?void 0:t.label,e=n==null?void 0:n.label,r=f(e,i).text?e:a,o=a&&r!==a&&f(a,i).text!==f(r,i).text?a:void 0,c=n&&s.region?q(n,s.region):void 0;return{id:s.id,label:r,summary:o,parts:[{id:s.id,type:"Canvas",label:r,resource:n??{id:s.canvasId??s.manifestId},...c?{source:c}:{}}]}}function k({headingLevel:s=3}){const{clover:t,language:i}=g("Items"),l=u(o=>{var c;return(c=o.targets)==null?void 0:c.label}),n=u(o=>{var c;return((c=o.targets)==null?void 0:c.items.length)??0}),a=u(o=>p(o.targets,o.targetIndex,o.manifest,o.canvasId));if(n<2)return null;const e=f(l,i),r=b(s);return d("div",{className:"clover-about clover-collection clover-targets",children:[d("div",{className:"clover-targets-head",children:[e.text&&d(r,{className:"clover-collection-title clover-title",...w(e.lang),children:e.text}),d(A,{className:"clover-targets-steps",steps:{position:a,total:n,step:o=>{const c=a+o;c>=0&&c<n&&t.goToTarget(c)}}})]}),d(I,{layout:"list",forwardedRef:null})]})}export{k as TargetsSection,I as default,z as useTargetItems};

package/dist/web-components/viewer/{Transcript-CCn5yqeZ.mjs → Transcript-Crl3zPhV.mjs}

@@ -1 +1 @@
-import{ak as Ie,ag as $e,a as we,N as Me,bd as Re,be as le,bf as ue,T as de,e as C,bg as Se,y as m,bh as Ae,C as Ee,A as L,f as Pe,bi as ze,ah as Fe,bj as Ve,u as s,a9 as Ge,k as pe,ab as w,v as He,p as Ke,$ as je,ai as qe,b9 as De}from"./viewer-B7xAOtQD.mjs";import{l as Ue,a as Xe,p as Be,b as Je,c as Qe}from"./vtt-BRwEspJw.mjs";import{G as We}from"./GlobeGlyph-CI64v0-v.mjs";import{b as ge,s as Ye}from"../bringIntoView-CQH5ZgMM.mjs";import{C as Ze}from"./Cue-BwJDU9Vs.mjs";import{F as _e}from"./FieldPill-BSdPIm-Q.mjs";import{l as et}from"../languageCode-cCpiU0b0.mjs";import"./styles-BjjJM8OS.mjs";const K=40,j=n=>n.toLocaleLowerCase();function tt(n,l){if(!l)return n;const h=j(n),f=[];let a=0;for(let p=h.indexOf(l);p>=0;p=h.indexOf(l,p+l.length))p>a&&f.push(n.slice(a,p)),f.push(s("mark",{children:n.slice(p,p+l.length)},p)),a=p+l.length;return a<n.length&&f.push(n.slice(a)),f}const M=n=>n.read==="cues"&&n.kind!=="transcript",pt=Ie(function({as:l="div",follow:h=true,find:f=true,sticky:a=false,size:p="large",className:fe,...me},he){const{t:q,langOf:D}=$e(),{clover:o,language:U}=we("Transcript"),T=Me(e=>Re(e.manifest,e.canvasId)).find(e=>le(e).length>0||ue(e).length>0),i=de(()=>T?[...le(T).map(e=>({...e,read:"cues"})),...ue(T).map(e=>({...e,read:"text"}))]:[],[T]),[X,R]=C(0),u=i[X]??i[0],O=Se(),S=(O==null?void 0:O.chosen)??U;m(()=>{if(!S)return;const e=i.findIndex(r=>r.language&&r.language!=="none"&&Ae(r.language,S));if(e<0)return;R(e);const t=i[e];M(t)&&o.captions.get()!==t.id&&o.captions.emit(t.id)},[S,i,o]),m(()=>{const e=t=>{const r=i.findIndex(d=>M(d)&&d.id===t);r>=0&&R(r)};return e(o.captions.get()),o.captions.subscribe(e)},[o,i]);const[c,B]=C([]),[ve,J]=C([]);m(()=>{if(B([]),J([]),!u)return;let e=true;return(u.read==="cues"?Ue(u.id,o.request).then(t=>e&&B(Be(t))):Xe(u.id,o.request).then(t=>e&&J(Je(t)))).catch(()=>{}),()=>{e=false}},[u,o]);const v=Ee(o.media.subscribe,o.media.get,o.media.get),N=st(v,c),A=L(null);m(()=>{var t;if(!h||N<0||!v||v.paused)return;const e=(t=A.current)==null?void 0:t.children[N];e&&ge(e,"nearest")},[N,h,v]);const[Q,W]=C(""),g=j(Q.trim()),b=de(()=>g?c.flatMap((e,t)=>j(e.text).includes(g)?[t]:[]):[],[c,g]),[E,be]=C({query:"",at:0}),x=E.query===g?E.at:0,P=L(null),z=L(false),[Y,Ce]=C({cues:[],count:K}),Z=Y.cues===c?Y.count:K,F=()=>Ce({cues:c,count:Z+K}),_=L(F);_.current=F;const V=typeof IntersectionObserver<"u",y=V?Math.min(c.length,Math.max(Z,N+1,(b[x]??-1)+1)):c.length,ee=L(null);m(()=>{const e=ee.current;if(!e||!V||y>=c.length)return;const t=new IntersectionObserver(r=>{r.some(d=>d.isIntersecting)&&_.current()},{root:Ye(e),rootMargin:"0px 0px 400px 0px"});return t.observe(e),()=>t.disconnect()},[V,y,c.length]);const I=b[x];m(()=>{var t;if(I===void 0)return;const e=(t=A.current)==null?void 0:t.children[I];e&&ge(e,"nearest"),z.current=false},[I,g]);const Te=c.length>0;m(()=>{var d;const e=(d=P.current)==null?void 0:d.closest(".clover-transcript-find"),t=e==null?void 0:e.parentElement;if(!a||!e||!t||typeof ResizeObserver>"u")return;const r=new ResizeObserver(()=>t.style.setProperty("--clover-transcript-find",`${e.offsetHeight}px`));return r.observe(e),()=>{r.disconnect(),t.style.removeProperty("--clover-transcript-find")}},[a,Te,f]);const G=Pe(),te=ze(),se=i.every(M)?"playerCaptions":"transcriptLabel",ne=Fe(q(se),D(se));if(!T||!u)return null;const xe=i.filter(e=>e.read==="text").length,re=i.map(e=>{const t=et(e.language);return e.read==="cues"?t:xe>1&&t?`TXT ${t}`:"TXT"}),ye=re.map(e=>e&&re.filter(t=>t===e).length===1?e:void 0),ae=u.language&&u.language!=="none"?u.language:void 0,ce=i.some(e=>e.read==="text"),Ne=Ve(O,i.map(e=>e.language)),H=i.length>1&&(ce||!Ne)&&s(pe,{children:[ne.node,s("fieldset",{...ne.props,className:"clover-transcript-languages",children:[!ce&&s("span",{className:"clover-languages-glyph","aria-hidden":"true",children:s(We,{})}),i.map((e,t)=>{const r=Ge(e.label,U),d=ye[t],Oe=r.text||e.language||String(t+1);return s("label",{className:"clover-transcript-language",children:[s("input",{type:"radio",name:`${G}-language`,checked:t===X,onChange:()=>{R(t),M(e)&&o.captions.emit(e.id)}}),d&&s(pe,{children:[s("span",{className:"clover-transcript-code",children:d})," "]}),s("span",{style:d?He:void 0,...w(r.text?r.lang:void 0),children:Oe}),d&&r.text&&s(Ke,{label:r.text,lang:r.lang})]},e.id)})]})]}),oe=(e,t=true)=>{if(v){t?De(v,e.start):v.currentTime=e.start;return}o.goTo(T.id,{time:e.start,...t&&{autoplay:true}})},ie=e=>{const t=c[b[e]];t&&(z.current=true,be({query:g,at:e}),oe(t,false))},ke={position:b.length?x:-1,total:b.length,step:e=>ie(x+e)},k=b.length,$=g?k===0?"contentSearchResultsNone":k===1?"contentSearchResult":"contentSearchResults":null,Le=f&&u.read==="cues"&&c.length>0&&s("div",{className:"clover-transcript-find",children:[s(_e,{ref:P,id:`${G}-find`,value:Q,onChange:W,onSubmit:()=>{if(!k)return;const e=E.query===g&&z.current;ie(e?(x+1)%k:x)},onClear:()=>{var e;W(""),(e=P.current)==null||e.focus()},results:g?ke:null,size:p,classes:{form:"clover-transcript-find-field"}}),s("p",{className:"clover-transcript-find-status",role:"status",...w($?D($):void 0),children:$?q($,{count:k}):""})]});return s(l,{ref:he,className:qe("clover-transcript",fe),"data-sticky":a||void 0,...me,children:[H&&(te?je(H,te):H),Le,u.read==="text"?s("div",{className:"clover-transcript-body",...w(ae),children:ve.map((e,t)=>s("p",{children:e},t))}):s("ol",{ref:A,className:"clover-transcript-cues",id:`${G}-cues`,...w(ae),children:c.slice(0,y).map((e,t)=>s("li",{className:"clover-transcript-cue","aria-current":t===N?"true":void 0,"data-match":g&&b.includes(t)?t===I?"current":"true":void 0,children:s("button",{type:"button",onClick:()=>oe(e),onFocus:()=>{y<c.length&&t>=y-5&&F()},children:[s(Ze,{start:e.start,className:"clover-transcript-time"}),s("span",{className:"clover-transcript-text clover-cue-text",children:[e.voice&&s("span",{className:"clover-transcript-voice",children:[e.voice,":"," "]}),tt(e.text,g)]})]})},`${e.start}-${t}`))}),u.read==="cues"&&y<c.length&&s("div",{ref:ee,className:"clover-transcript-more","aria-hidden":"true"})]})});function st(n,l){const[h,f]=C(-1);return m(()=>{if(!n||!l.length){f(-1);return}const a=()=>f(Qe(l,n.currentTime));return a(),n.addEventListener("timeupdate",a),n.addEventListener("seeked",a),()=>{n.removeEventListener("timeupdate",a),n.removeEventListener("seeked",a)}},[n,l]),h}export{pt as Transcript};
+import{ak as Ie,ag as $e,a as we,N as Me,bd as Re,be as le,bf as ue,T as de,e as C,bg as Se,y as m,bh as Ae,C as Ee,A as L,f as Pe,bi as ze,ah as Fe,bj as Ve,u as s,a9 as Ge,k as pe,ab as w,v as He,p as Ke,$ as je,ai as qe,b9 as De}from"./viewer-4EayGlH3.mjs";import{l as Ue,a as Xe,p as Be,b as Je,c as Qe}from"./vtt-CMfIBDAL.mjs";import{G as We}from"./GlobeGlyph-XyW874Xa.mjs";import{b as ge,s as Ye}from"../bringIntoView-CQH5ZgMM.mjs";import{C as Ze}from"./Cue-DuP2wssL.mjs";import{F as _e}from"./FieldPill-CeO1-KpF.mjs";import{l as et}from"../languageCode-cCpiU0b0.mjs";import"./styles-BjjJM8OS.mjs";const K=40,j=n=>n.toLocaleLowerCase();function tt(n,l){if(!l)return n;const h=j(n),f=[];let a=0;for(let p=h.indexOf(l);p>=0;p=h.indexOf(l,p+l.length))p>a&&f.push(n.slice(a,p)),f.push(s("mark",{children:n.slice(p,p+l.length)},p)),a=p+l.length;return a<n.length&&f.push(n.slice(a)),f}const M=n=>n.read==="cues"&&n.kind!=="transcript",pt=Ie(function({as:l="div",follow:h=true,find:f=true,sticky:a=false,size:p="large",className:fe,...me},he){const{t:q,langOf:D}=$e(),{clover:o,language:U}=we("Transcript"),T=Me(e=>Re(e.manifest,e.canvasId)).find(e=>le(e).length>0||ue(e).length>0),i=de(()=>T?[...le(T).map(e=>({...e,read:"cues"})),...ue(T).map(e=>({...e,read:"text"}))]:[],[T]),[X,R]=C(0),u=i[X]??i[0],O=Se(),S=(O==null?void 0:O.chosen)??U;m(()=>{if(!S)return;const e=i.findIndex(r=>r.language&&r.language!=="none"&&Ae(r.language,S));if(e<0)return;R(e);const t=i[e];M(t)&&o.captions.get()!==t.id&&o.captions.emit(t.id)},[S,i,o]),m(()=>{const e=t=>{const r=i.findIndex(d=>M(d)&&d.id===t);r>=0&&R(r)};return e(o.captions.get()),o.captions.subscribe(e)},[o,i]);const[c,B]=C([]),[ve,J]=C([]);m(()=>{if(B([]),J([]),!u)return;let e=true;return(u.read==="cues"?Ue(u.id,o.request).then(t=>e&&B(Be(t))):Xe(u.id,o.request).then(t=>e&&J(Je(t)))).catch(()=>{}),()=>{e=false}},[u,o]);const v=Ee(o.media.subscribe,o.media.get,o.media.get),N=st(v,c),A=L(null);m(()=>{var t;if(!h||N<0||!v||v.paused)return;const e=(t=A.current)==null?void 0:t.children[N];e&&ge(e,"nearest")},[N,h,v]);const[Q,W]=C(""),g=j(Q.trim()),b=de(()=>g?c.flatMap((e,t)=>j(e.text).includes(g)?[t]:[]):[],[c,g]),[E,be]=C({query:"",at:0}),x=E.query===g?E.at:0,P=L(null),z=L(false),[Y,Ce]=C({cues:[],count:K}),Z=Y.cues===c?Y.count:K,F=()=>Ce({cues:c,count:Z+K}),_=L(F);_.current=F;const V=typeof IntersectionObserver<"u",y=V?Math.min(c.length,Math.max(Z,N+1,(b[x]??-1)+1)):c.length,ee=L(null);m(()=>{const e=ee.current;if(!e||!V||y>=c.length)return;const t=new IntersectionObserver(r=>{r.some(d=>d.isIntersecting)&&_.current()},{root:Ye(e),rootMargin:"0px 0px 400px 0px"});return t.observe(e),()=>t.disconnect()},[V,y,c.length]);const I=b[x];m(()=>{var t;if(I===void 0)return;const e=(t=A.current)==null?void 0:t.children[I];e&&ge(e,"nearest"),z.current=false},[I,g]);const Te=c.length>0;m(()=>{var d;const e=(d=P.current)==null?void 0:d.closest(".clover-transcript-find"),t=e==null?void 0:e.parentElement;if(!a||!e||!t||typeof ResizeObserver>"u")return;const r=new ResizeObserver(()=>t.style.setProperty("--clover-transcript-find",`${e.offsetHeight}px`));return r.observe(e),()=>{r.disconnect(),t.style.removeProperty("--clover-transcript-find")}},[a,Te,f]);const G=Pe(),te=ze(),se=i.every(M)?"playerCaptions":"transcriptLabel",ne=Fe(q(se),D(se));if(!T||!u)return null;const xe=i.filter(e=>e.read==="text").length,re=i.map(e=>{const t=et(e.language);return e.read==="cues"?t:xe>1&&t?`TXT ${t}`:"TXT"}),ye=re.map(e=>e&&re.filter(t=>t===e).length===1?e:void 0),ae=u.language&&u.language!=="none"?u.language:void 0,ce=i.some(e=>e.read==="text"),Ne=Ve(O,i.map(e=>e.language)),H=i.length>1&&(ce||!Ne)&&s(pe,{children:[ne.node,s("fieldset",{...ne.props,className:"clover-transcript-languages",children:[!ce&&s("span",{className:"clover-languages-glyph","aria-hidden":"true",children:s(We,{})}),i.map((e,t)=>{const r=Ge(e.label,U),d=ye[t],Oe=r.text||e.language||String(t+1);return s("label",{className:"clover-transcript-language",children:[s("input",{type:"radio",name:`${G}-language`,checked:t===X,onChange:()=>{R(t),M(e)&&o.captions.emit(e.id)}}),d&&s(pe,{children:[s("span",{className:"clover-transcript-code",children:d})," "]}),s("span",{style:d?He:void 0,...w(r.text?r.lang:void 0),children:Oe}),d&&r.text&&s(Ke,{label:r.text,lang:r.lang})]},e.id)})]})]}),oe=(e,t=true)=>{if(v){t?De(v,e.start):v.currentTime=e.start;return}o.goTo(T.id,{time:e.start,...t&&{autoplay:true}})},ie=e=>{const t=c[b[e]];t&&(z.current=true,be({query:g,at:e}),oe(t,false))},ke={position:b.length?x:-1,total:b.length,step:e=>ie(x+e)},k=b.length,$=g?k===0?"contentSearchResultsNone":k===1?"contentSearchResult":"contentSearchResults":null,Le=f&&u.read==="cues"&&c.length>0&&s("div",{className:"clover-transcript-find",children:[s(_e,{ref:P,id:`${G}-find`,value:Q,onChange:W,onSubmit:()=>{if(!k)return;const e=E.query===g&&z.current;ie(e?(x+1)%k:x)},onClear:()=>{var e;W(""),(e=P.current)==null||e.focus()},results:g?ke:null,size:p,classes:{form:"clover-transcript-find-field"}}),s("p",{className:"clover-transcript-find-status",role:"status",...w($?D($):void 0),children:$?q($,{count:k}):""})]});return s(l,{ref:he,className:qe("clover-transcript",fe),"data-sticky":a||void 0,...me,children:[H&&(te?je(H,te):H),Le,u.read==="text"?s("div",{className:"clover-transcript-body",...w(ae),children:ve.map((e,t)=>s("p",{children:e},t))}):s("ol",{ref:A,className:"clover-transcript-cues",id:`${G}-cues`,...w(ae),children:c.slice(0,y).map((e,t)=>s("li",{className:"clover-transcript-cue","aria-current":t===N?"true":void 0,"data-match":g&&b.includes(t)?t===I?"current":"true":void 0,children:s("button",{type:"button",onClick:()=>oe(e),onFocus:()=>{y<c.length&&t>=y-5&&F()},children:[s(Ze,{start:e.start,className:"clover-transcript-time"}),s("span",{className:"clover-transcript-text clover-cue-text",children:[e.voice&&s("span",{className:"clover-transcript-voice",children:[e.voice,":"," "]}),tt(e.text,g)]})]})},`${e.start}-${t}`))}),u.read==="cues"&&y<c.length&&s("div",{ref:ee,className:"clover-transcript-more","aria-hidden":"true"})]})});function st(n,l){const[h,f]=C(-1);return m(()=>{if(!n||!l.length){f(-1);return}const a=()=>f(Qe(l,n.currentTime));return a(),n.addEventListener("timeupdate",a),n.addEventListener("seeked",a),()=>{n.removeEventListener("timeupdate",a),n.removeEventListener("seeked",a)}},[n,l]),h}export{pt as Transcript};

package/dist/web-components/viewer/{Transport-B-GTF-rz.mjs → Transport-C_pFOBzJ.mjs}

@@ -1 +1 @@
-import{ag as g,u as o,ab as b,p as m,_ as x,b0 as f,b1 as k}from"./viewer-B7xAOtQD.mjs";import{a as y}from"./styles-BjjJM8OS.mjs";function z({words:r,button:e,shortcut:t,disabled:n,pressed:c,onClick:a,buttonRef:s,children:v}){const{t:i,langOf:h}=g(),d=i(r);return o("button",{"aria-label":d,...b(h(r)),"aria-keyshortcuts":t==null?void 0:t.keys,"aria-disabled":n||void 0,"aria-pressed":c,className:"clover-canvas-transport-button","data-button":e,onClick:a,ref:s,type:"button",children:[v,o(m,{label:d,shortcut:t})]})}function M(r){x(()=>{const e=r.current,t=e==null?void 0:e.closest(".clover-canvas");if(!e||!t)return;const n=()=>{const a=e.offsetHeight;a&&t.style.setProperty("--clover-transport-bar-height",`${a}px`)};n();const c=new ResizeObserver(n);return c.observe(e),()=>{c.disconnect(),t.style.removeProperty("--clover-transport-bar-height")}},[r])}const p=r=>`var(--clover-transport-thumb) / 2 + (100% - var(--clover-transport-thumb)) * ${r/100}`,q=r=>`calc(${p(r)})`,T=r=>`calc((100% - var(--clover-transport-thumb)) * ${r/100})`;function B(r){const e="var(--clover-transport-gap) / 2";return`linear-gradient(to right, ${[...r.flatMap(n=>[`#000 0 calc(${p(n)} - ${e})`,`transparent 0 calc(${p(n)} + ${e})`]),"#000 0"].join(", ")})`}function F(r,e){if(!(e>0))return[];const t=(a,s)=>Math.abs(a-s)<.05,n=[],c=a=>{a>0&&a<e&&!n.some(s=>t(s,a))&&n.push(a)};for(const a of r)c(a.start);for(const a of r)a.end!==void 0&&Number.isFinite(a.end)&&!r.some(s=>t(s.start,a.end))&&c(a.end);return n.sort((a,s)=>a-s).map(a=>a/e*100)}function H(r,e){const t=r.querySelector("input")??r,n=t.getBoundingClientRect(),c=parseFloat(getComputedStyle(t).getPropertyValue("--clover-transport-thumb"))||0,a=n.width-c;return a>0?Math.min(1,Math.max(0,(e-n.left-c/2)/a)):0}function P(r,e,t,n){const c=n.getBoundingClientRect(),a=c.height-(t.getBoundingClientRect().bottom-e.getBoundingClientRect().top);r.style.setProperty("--clover-transport-menu-above",`${a}px`),r.style.removeProperty("--clover-transport-menu-shift");const s=r.getBoundingClientRect(),v=parseFloat(getComputedStyle(t).paddingRight)||0,i=Math.max(c.left+v-s.left,Math.min(0,c.right-v-s.right));i&&r.style.setProperty("--clover-transport-menu-shift",`${i}px`)}const l={xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 512 512","aria-hidden":true,focusable:false},$=()=>o("svg",{...l,children:o("path",{d:"M133 440a35.37 35.37 0 01-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V111c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0135.77.45l247.85 148.36a36 36 0 010 61.11L151.23 435a35.5 35.5 0 01-18.23 5z"})}),L=()=>o("svg",{...l,children:o("path",{d:"M224 432h-80V80h80zm144 0h-80V80h80z"})}),I=()=>o("svg",{...l,children:[o("path",{d:"M232 416a23.88 23.88 0 01-14.2-4.68 8.27 8.27 0 01-.66-.51L125.76 336H56a24 24 0 01-24-24V200a24 24 0 0124-24h69.75l91.37-74.81a8.27 8.27 0 01.66-.51A24 24 0 01256 120v272a24 24 0 01-24 24z"}),o("path",{d:"M320 336a16 16 0 01-14.29-23.16c8.34-16.63 12.29-34.5 12.29-56.84s-3.95-40.21-12.29-56.84a16 16 0 0128.58-14.32C345.06 205.86 350 228.13 350 256s-4.94 50.14-15.71 71.16A16 16 0 01320 336zM368 384a16 16 0 01-13.87-24C373.85 325.75 384 292.28 384 256c0-36.28-10.15-69.75-29.87-104a16 16 0 0127.74-16C404.19 174.71 416 214.17 416 256s-11.81 81.29-34.13 120A16 16 0 01368 384z",fillOpacity:"0.85"})]}),S=()=>o("svg",{...l,children:[o("path",{d:"M232 416a23.88 23.88 0 01-14.2-4.68 8.27 8.27 0 01-.66-.51L125.76 336H56a24 24 0 01-24-24V200a24 24 0 0124-24h69.75l91.37-74.81a8.27 8.27 0 01.66-.51A24 24 0 01256 120v272a24 24 0 01-24 24z"}),o("path",{d:"M320 196l128 120M448 196L320 316",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"32"})]}),V=({on:r=false})=>o("svg",{...l,"data-on":r||void 0,className:"clover-captions-icon",children:[r?o("rect",{x:"22",y:"86",width:"468",height:"340",rx:"74",fill:"currentColor"}):o("rect",{x:"40",y:"104",width:"432",height:"304",rx:"56",fill:"none",stroke:"currentColor",strokeWidth:"36"}),o("path",{className:"clover-captions-icon-letters",d:"M228 216a48 48 0 1 0 0 80M356 216a48 48 0 1 0 0 80",fill:"none",stroke:r?"var(--clover-color-control, #1a1d1e)":"currentColor",strokeLinecap:"round",strokeWidth:"36"})]}),u=()=>o("rect",{x:"40",y:"104",width:"432",height:"304",rx:"56",fill:"none",stroke:"currentColor",strokeWidth:"36"}),R=()=>o("svg",{...l,children:[o(u,{}),o("path",{d:"M204 208l-48 48 48 48M308 208l48 48-48 48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"36"})]}),j=()=>o("svg",{...l,children:[o(u,{}),o("path",{d:"M140 208l48 48-48 48M372 208l-48 48 48 48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"36"})]}),W=()=>o("svg",{...l,children:o(k,{})}),O=()=>o("svg",{...l,children:o(f,{})});y(14,"components/Canvas/media/Transport",'@layer clover{.clover-canvas-transport{position:absolute;inset:auto 0 0;z-index:2;display:flex;flex-direction:column;padding:var(--clover-space-xl) var(--clover-canvas-controls-inset) var(--clover-canvas-controls-inset);--clover-controls-edge: 1;--clover-transport-thumb: 12px;--clover-transport-track: var(--clover-space-xs);-webkit-user-select:none;user-select:none;--clover-transport-menu-room: calc( 100cqb - var(--clover-canvas-controls-inset) - var(--clover-control) - var(--clover-space-s) - var(--clover-space-xs) )}.clover-canvas-transport:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#000000c7,#0009 calc(100% - var(--clover-space-xl)),#0000);pointer-events:none;content:""}.clover-canvas-transport:has([aria-expanded=true],:focus-visible,>.clover-canvas-transport-seek-area:hover){z-index:4}.clover-canvas-transport-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-xs) var(--clover-space-s);min-width:0}.clover-canvas-transport-bar>*{flex-shrink:0}.clover-canvas-transport-bar>:is(:hover,:active,:focus-within){z-index:1}.clover-canvas-transport-bar>.clover-canvas-transport-status{display:flex;flex:1 1 0;align-items:center;gap:var(--clover-space-s);min-width:min-content}.clover-canvas-transport-end{display:flex;gap:var(--clover-space-s);margin-inline-start:auto}@container (max-width: 37.5rem){.clover-canvas-transport-bar:has([data-button=chapters])>.clover-canvas-transport-status{order:-1;flex-basis:100%}}@container (max-width: 28rem){.clover-canvas-transport-bar>.clover-canvas-transport-status{order:-1;flex-basis:100%}}.clover-canvas-transport-button svg{fill:currentColor;stroke:none}.clover-canvas-transport-button svg [stroke]{fill:none}.clover-canvas-transport-button:hover,.clover-canvas-transport-button:focus-visible{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas-transport-button:is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas-transport-button:hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}button.clover-canvas-transport-button[aria-pressed=true]:after{content:"";position:absolute;inset-inline:var(--clover-space-s);bottom:var(--clover-space-2xs);border-bottom:2px solid;border-radius:1px}.clover-canvas-transport-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--clover-color-secondary, #fff),0 0 0 4px var(--clover-color-accent, #0065c3)}.clover-canvas-transport-seek-area{position:relative;display:flex;margin-bottom:var(--clover-space-xs);--clover-transport-gap: var(--clover-space-2xs)}.clover-canvas-transport-points,.clover-canvas-transport-marks{--clover-transport-mark: var(--clover-space-s);position:absolute;inset:0;pointer-events:none}.clover-canvas-transport-points{z-index:0}.clover-canvas-transport-seek{position:relative;z-index:1}.clover-canvas-transport-marks{z-index:2}.clover-canvas-transport-mark-point{position:absolute;top:calc(50% - var(--clover-transport-track) / 2 - var(--clover-space-s) - (var(--clover-transport-mark) + 2 * 3px) / 2);box-sizing:content-box;width:var(--clover-transport-mark);height:var(--clover-transport-mark);border:2px solid var(--clover-color-secondary, #fff);border-radius:50%;background-color:var(--clover-color-accent, #0065c3);box-shadow:0 0 0 1px var(--clover-color-primary, #1a1d1e);translate:-50% -50%}.clover-canvas-transport-mark-point:after{position:absolute;top:calc(100% + 3px);left:50%;width:3px;height:calc(var(--clover-space-s) + var(--clover-transport-track));translate:-50% 0;background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 38.2%,transparent);-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000);content:""}.clover-canvas-transport-mark-point[data-active=true]{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 3px var(--clover-color-primary, #1a1d1e)}.clover-canvas-transport-mark-group{position:absolute;top:calc(50% - var(--clover-transport-track) / 2 - var(--clover-space-l));width:max(24px,var(--clover-space-l));height:max(24px,var(--clover-space-l));translate:-50% 0;pointer-events:var(--clover-controls-events, auto)}.clover-canvas-transport-mark{display:block;width:100%;height:100%;margin:0;padding:0;border:none;border-radius:50%;background:none;cursor:pointer}.clover-canvas-transport-mark:focus-visible{outline:none}.clover-canvas-transport-mark-group:is(:hover,:focus-within){z-index:1}.clover-canvas-transport-mark-group>.clover-tip.clover-canvas-transport-mark-tip{text-align:start;--clover-tip-x: clamp( var(--clover-space-xs) - var(--clover-mark-x, 50cqw), -50%, 100cqw - var(--clover-space-xs) - var(--clover-mark-x, 50cqw) - 100% );display:flex;flex-direction:column;max-width:min(18rem,100cqw - 2 * var(--clover-space-xs));max-height:calc(100cqh - var(--clover-canvas-controls-inset) - var(--clover-transport-bar-height, var(--clover-control)) - var(--clover-space-xs) - var(--clover-space-l) / 2 - var(--clover-transport-track) / 2 - var(--clover-space-l) - 3 * var(--clover-space-xs));transform:translate(calc(var(--clover-tip-x) + 50%))}.clover-canvas-transport-mark-group:focus-within:not([data-tip-hidden])>.clover-tip.clover-canvas-transport-mark-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.clover-canvas:has(.clover-canvas-transport-marks){--clover-transport-marks-room: calc( 2 * var(--clover-space-s) + 2 * 3px - (var(--clover-space-l) - var(--clover-space-xs)) / 2 )}.clover-canvas-transport-mark-words{min-height:0;overflow-y:auto}.clover-canvas-transport-mark-tip{--clover-color-primary-muted: var(--clover-color-secondary-alt, #c1c8cd);color:var(--clover-color-secondary-alt, #c1c8cd)}.clover-canvas-transport-mark-group .clover-canvas-transport-mark-tip>.clover-steps{flex:none;margin-top:var(--clover-space-xs)}.clover-canvas-transport input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:max(24px,var(--clover-space-l));margin:0;background:transparent;cursor:pointer;touch-action:none}.clover-canvas-transport input.clover-canvas-transport-volume{width:var(--clover-space-2xl)}@container (max-width: 28rem){.clover-canvas-transport input.clover-canvas-transport-volume{width:var(--clover-space-xl)}.clover-canvas-transport-bar,.clover-canvas-transport-end{column-gap:var(--clover-space-xs)}}.clover-canvas-transport input[type=range]::-webkit-slider-runnable-track{height:var(--clover-transport-track);border-radius:var(--clover-radius, 3px);background:linear-gradient(to right,var(--clover-color-accent, #0065c3) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-loaded, 0%),var(--clover-player-track, rgb(255 255 255 / 65%)) var(--clover-transport-loaded, 0%));box-shadow:var(--clover-player-track-shadow, none)}.clover-canvas-transport input[type=range]::-moz-range-track{height:var(--clover-transport-track);border-radius:var(--clover-radius, 3px);background:linear-gradient(to right,var(--clover-color-accent, #0065c3) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-loaded, 0%),var(--clover-player-track, rgb(255 255 255 / 65%)) var(--clover-transport-loaded, 0%));box-shadow:var(--clover-player-track-shadow, none)}.clover-canvas-transport input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--clover-transport-thumb);height:var(--clover-transport-thumb);margin-top:calc((var(--clover-transport-track) - var(--clover-transport-thumb)) / 2);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-player-text, #fff)}.clover-canvas-transport input[type=range]::-moz-range-thumb{width:var(--clover-transport-thumb);height:var(--clover-transport-thumb);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-player-text, #fff)}.clover-canvas-transport input[type=range]:focus-visible{outline:none}.clover-canvas-transport input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 4px var(--clover-player-text, #fff),0 0 0 6px #0009}.clover-canvas-transport input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 4px var(--clover-player-text, #fff),0 0 0 6px #0009}.clover-canvas-transport-time{display:flex;align-items:center;gap:var(--clover-space-xs);color:var(--clover-player-text, #fff);font-size:var(--clover-text-s);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 90%)}.clover-canvas-transport-frames{position:relative;display:flex}button.clover-canvas-transport-time{margin:0;padding:var(--clover-space-2xs) var(--clover-space-xs);border:0;border-radius:var(--clover-radius, 3px);background:none;font:inherit;font-size:var(--clover-text-s);cursor:pointer}button.clover-canvas-transport-time:is(:hover,[aria-expanded=true]){background-color:#0006}button.clover-canvas-transport-time:focus-visible{outline:2px solid var(--clover-player-text, #fff)}.clover-canvas-transport-place{display:inline-grid;justify-items:end;font-variant-numeric:tabular-nums}.clover-canvas-transport-place>*{grid-area:1 / 1}.clover-canvas-transport-place>.clover-canvas-transport-place-room[hidden]{display:block;visibility:hidden}.clover-canvas-transport-frames>.clover-canvas-menu{right:0;bottom:calc(100% + var(--clover-space-s));left:auto;max-width:min(20rem,100cqi - 2 * var(--clover-canvas-controls-inset));max-height:min(24rem,var(--clover-transport-menu-room),var(--clover-transport-menu-above, 100cqb) - var(--clover-space-s) - var(--clover-space-xs));translate:var(--clover-transport-menu-shift, 0px) 0}.clover-canvas-transport-menu{position:relative;display:flex}.clover-canvas-transport-options{position:absolute;right:0;bottom:calc(100% + var(--clover-space-s));display:flex;flex-direction:column;box-sizing:border-box;min-width:min(11rem,100cqi - 2 * var(--clover-canvas-controls-inset));max-width:calc(100cqi - 2 * var(--clover-canvas-controls-inset));max-height:min(16rem,var(--clover-transport-menu-room),var(--clover-transport-menu-above, 100cqb) - var(--clover-space-s) - var(--clover-space-xs));translate:var(--clover-transport-menu-shift, 0px) 0;margin:0;padding:var(--clover-space-xs);border:none;border-radius:var(--clover-radius, 3px);background-color:var(--clover-player-menu-surface, #151718);color:var(--clover-player-text, #fff);overflow-y:auto}.clover-canvas-transport-option{display:flex;flex:none;align-items:center;gap:var(--clover-space-xs);min-height:max(24px,var(--clover-space-l));padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 3px);font-size:var(--clover-text-s);cursor:pointer}.clover-canvas-transport-option:hover{background-color:var(--clover-player-menu-hover, #26292b)}.clover-canvas-transport-option:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 24%,transparent);font-weight:600}.clover-canvas-transport-option:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--clover-player-text, #fff)}.clover-canvas-transport-code{flex:none;min-width:var(--clover-space-l);color:color-mix(in srgb,currentColor 72%,transparent);font-size:var(--clover-text-xs);font-weight:600;line-height:1}.clover-canvas-transport-options:has(.clover-canvas-transport-code),.clover-canvas-transport-menu:has([data-button=chapters]) .clover-canvas-transport-options{min-width:min(16rem,100cqi - 2 * var(--clover-canvas-controls-inset))}.clover-canvas-transport-option:has(>.clover-entry-thumbnail){display:grid;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:var(--clover-space-2xs) var(--clover-space-s);padding-block-end:var(--clover-space-s)}.clover-canvas-transport-options.clover-canvas-menu{border-radius:var(--clover-radius, 6px);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}.clover-canvas-menu>.clover-canvas-transport-option{align-items:baseline;gap:var(--clover-space-s);font-size:inherit}.clover-canvas-menu>.clover-canvas-transport-option:hover{background-color:var(--clover-color-secondary-muted, #e6e8eb)}@media (forced-colors: none){.clover-canvas-menu>.clover-canvas-transport-option:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}}.clover-canvas-menu>.clover-canvas-transport-option:has(input:focus-visible){box-shadow:none;outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:-2px}.clover-canvas-transport-option input{position:absolute;opacity:0;pointer-events:none}@media (forced-colors: active){.clover-canvas-transport button.clover-canvas-transport-button{border:1px solid ButtonText}.clover-canvas-transport input[type=range]{forced-color-adjust:none}.clover-canvas-transport input[type=range]::-webkit-slider-runnable-track{border:1px solid CanvasText;background:linear-gradient(to right,Highlight var(--clover-transport-progress, 0%),Canvas var(--clover-transport-progress, 0%));box-shadow:none}.clover-canvas-transport input[type=range]::-moz-range-track{border:1px solid CanvasText;background:linear-gradient(to right,Highlight var(--clover-transport-progress, 0%),Canvas var(--clover-transport-progress, 0%));box-shadow:none}.clover-canvas-transport input[type=range]::-webkit-slider-thumb,.clover-canvas-transport input[type=range]:focus-visible::-webkit-slider-thumb{background-color:CanvasText;box-shadow:0 0 0 2px Canvas}.clover-canvas-transport input[type=range]::-moz-range-thumb,.clover-canvas-transport input[type=range]:focus-visible::-moz-range-thumb{background-color:CanvasText;box-shadow:0 0 0 2px Canvas}.clover-canvas-transport input[type=range]:focus-visible{outline:2px solid CanvasText;outline-offset:2px}.clover-canvas-transport-button:focus-visible{outline:3px solid CanvasText;outline-offset:2px;box-shadow:none}.clover-canvas-transport-button:is([data-active],[aria-pressed=true]),.clover-canvas-transport-option:has(input:checked){background-color:Highlight;color:HighlightText}.clover-captions-icon[data-on] .clover-captions-icon-letters{stroke:ButtonFace}.clover-canvas-transport-button[data-active] .clover-captions-icon[data-on] .clover-captions-icon-letters{stroke:Highlight}}@media (prefers-reduced-motion: reduce){.clover-canvas-transport,.clover-canvas-transport-button,.clover-canvas-transport-button svg{transition:none}}.clover-canvas-transport-seek[data-gaps]{--clover-transport-disk: calc(var(--clover-transport-thumb) / 2 + 1px);-webkit-mask-image:radial-gradient(circle at calc(var(--clover-transport-thumb) / 2 + (100% - var(--clover-transport-thumb)) * var(--clover-transport-at, 0)) 50%,#000 var(--clover-transport-disk),transparent var(--clover-transport-disk)),var(--clover-transport-gaps);mask-image:radial-gradient(circle at calc(var(--clover-transport-thumb) / 2 + (100% - var(--clover-transport-thumb)) * var(--clover-transport-at, 0)) 50%,#000 var(--clover-transport-disk),transparent var(--clover-transport-disk)),var(--clover-transport-gaps)}.clover-canvas-transport-seek[data-gaps]:focus-visible{--clover-transport-disk: calc(var(--clover-transport-thumb) / 2 + 6px)}.clover-canvas-transport-chapter-span{position:absolute;z-index:1;top:50%;box-sizing:border-box;border-inline:calc(var(--clover-transport-gap) / 2) solid transparent;background-clip:padding-box;height:var(--clover-space-s);translate:0 -50%;border-radius:var(--clover-radius, 3px);background-color:var(--clover-player-text, #fff);opacity:.5;pointer-events:none}.clover-canvas-transport-seek-area>.clover-tip{left:var(--clover-transport-preview, 50%)}.clover-canvas-transport-seek-area>.clover-tip:has(>.clover-tip-image){padding:var(--clover-space-s)}.clover-canvas-transport-seek-area>.clover-tip .clover-tip-image{width:var(--clover-picture);max-height:none;margin-block-end:var(--clover-space-xs)}.clover-canvas-transport-seek-area:is(:hover,:has(>input:focus-visible)):not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}@media (forced-colors: active){.clover-canvas-transport-mark-point:after{position:absolute;top:calc(100% + 3px);left:50%;width:3px;height:calc(var(--clover-space-s) + var(--clover-transport-track));translate:-50% 0;background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 38.2%,transparent);content:""}.clover-canvas-transport-mark-point[data-active=true]{outline:2px solid Highlight;outline-offset:1px}.clover-canvas-transport-chapter-span{background-color:Highlight;opacity:1}}.clover-canvas-transport-status>.clover-canvas-transport-chapter{flex:1 1 auto;overflow:hidden;width:0;min-width:0;color:color-mix(in srgb,var(--clover-player-text, #fff) 85%,transparent);font-size:var(--clover-text-s);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 90%)}}');export{V as C,O as E,j as F,$ as P,z as T,S as V,B as a,q as b,L as c,I as d,R as e,W as f,F as g,T as l,P as p,H as s,M as u};
+import{ag as g,u as o,ab as b,p as m,_ as x,b0 as f,b1 as k}from"./viewer-4EayGlH3.mjs";import{a as y}from"./styles-BjjJM8OS.mjs";function z({words:r,button:e,shortcut:t,disabled:n,pressed:c,onClick:a,buttonRef:s,children:v}){const{t:i,langOf:h}=g(),d=i(r);return o("button",{"aria-label":d,...b(h(r)),"aria-keyshortcuts":t==null?void 0:t.keys,"aria-disabled":n||void 0,"aria-pressed":c,className:"clover-canvas-transport-button","data-button":e,onClick:a,ref:s,type:"button",children:[v,o(m,{label:d,shortcut:t})]})}function M(r){x(()=>{const e=r.current,t=e==null?void 0:e.closest(".clover-canvas");if(!e||!t)return;const n=()=>{const a=e.offsetHeight;a&&t.style.setProperty("--clover-transport-bar-height",`${a}px`)};n();const c=new ResizeObserver(n);return c.observe(e),()=>{c.disconnect(),t.style.removeProperty("--clover-transport-bar-height")}},[r])}const p=r=>`var(--clover-transport-thumb) / 2 + (100% - var(--clover-transport-thumb)) * ${r/100}`,q=r=>`calc(${p(r)})`,T=r=>`calc((100% - var(--clover-transport-thumb)) * ${r/100})`;function B(r){const e="var(--clover-transport-gap) / 2";return`linear-gradient(to right, ${[...r.flatMap(n=>[`#000 0 calc(${p(n)} - ${e})`,`transparent 0 calc(${p(n)} + ${e})`]),"#000 0"].join(", ")})`}function F(r,e){if(!(e>0))return[];const t=(a,s)=>Math.abs(a-s)<.05,n=[],c=a=>{a>0&&a<e&&!n.some(s=>t(s,a))&&n.push(a)};for(const a of r)c(a.start);for(const a of r)a.end!==void 0&&Number.isFinite(a.end)&&!r.some(s=>t(s.start,a.end))&&c(a.end);return n.sort((a,s)=>a-s).map(a=>a/e*100)}function H(r,e){const t=r.querySelector("input")??r,n=t.getBoundingClientRect(),c=parseFloat(getComputedStyle(t).getPropertyValue("--clover-transport-thumb"))||0,a=n.width-c;return a>0?Math.min(1,Math.max(0,(e-n.left-c/2)/a)):0}function P(r,e,t,n){const c=n.getBoundingClientRect(),a=c.height-(t.getBoundingClientRect().bottom-e.getBoundingClientRect().top);r.style.setProperty("--clover-transport-menu-above",`${a}px`),r.style.removeProperty("--clover-transport-menu-shift");const s=r.getBoundingClientRect(),v=parseFloat(getComputedStyle(t).paddingRight)||0,i=Math.max(c.left+v-s.left,Math.min(0,c.right-v-s.right));i&&r.style.setProperty("--clover-transport-menu-shift",`${i}px`)}const l={xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 512 512","aria-hidden":true,focusable:false},$=()=>o("svg",{...l,children:o("path",{d:"M133 440a35.37 35.37 0 01-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V111c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0135.77.45l247.85 148.36a36 36 0 010 61.11L151.23 435a35.5 35.5 0 01-18.23 5z"})}),L=()=>o("svg",{...l,children:o("path",{d:"M224 432h-80V80h80zm144 0h-80V80h80z"})}),I=()=>o("svg",{...l,children:[o("path",{d:"M232 416a23.88 23.88 0 01-14.2-4.68 8.27 8.27 0 01-.66-.51L125.76 336H56a24 24 0 01-24-24V200a24 24 0 0124-24h69.75l91.37-74.81a8.27 8.27 0 01.66-.51A24 24 0 01256 120v272a24 24 0 01-24 24z"}),o("path",{d:"M320 336a16 16 0 01-14.29-23.16c8.34-16.63 12.29-34.5 12.29-56.84s-3.95-40.21-12.29-56.84a16 16 0 0128.58-14.32C345.06 205.86 350 228.13 350 256s-4.94 50.14-15.71 71.16A16 16 0 01320 336zM368 384a16 16 0 01-13.87-24C373.85 325.75 384 292.28 384 256c0-36.28-10.15-69.75-29.87-104a16 16 0 0127.74-16C404.19 174.71 416 214.17 416 256s-11.81 81.29-34.13 120A16 16 0 01368 384z",fillOpacity:"0.85"})]}),S=()=>o("svg",{...l,children:[o("path",{d:"M232 416a23.88 23.88 0 01-14.2-4.68 8.27 8.27 0 01-.66-.51L125.76 336H56a24 24 0 01-24-24V200a24 24 0 0124-24h69.75l91.37-74.81a8.27 8.27 0 01.66-.51A24 24 0 01256 120v272a24 24 0 01-24 24z"}),o("path",{d:"M320 196l128 120M448 196L320 316",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"32"})]}),V=({on:r=false})=>o("svg",{...l,"data-on":r||void 0,className:"clover-captions-icon",children:[r?o("rect",{x:"22",y:"86",width:"468",height:"340",rx:"74",fill:"currentColor"}):o("rect",{x:"40",y:"104",width:"432",height:"304",rx:"56",fill:"none",stroke:"currentColor",strokeWidth:"36"}),o("path",{className:"clover-captions-icon-letters",d:"M228 216a48 48 0 1 0 0 80M356 216a48 48 0 1 0 0 80",fill:"none",stroke:r?"var(--clover-color-control, #1a1d1e)":"currentColor",strokeLinecap:"round",strokeWidth:"36"})]}),u=()=>o("rect",{x:"40",y:"104",width:"432",height:"304",rx:"56",fill:"none",stroke:"currentColor",strokeWidth:"36"}),R=()=>o("svg",{...l,children:[o(u,{}),o("path",{d:"M204 208l-48 48 48 48M308 208l48 48-48 48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"36"})]}),j=()=>o("svg",{...l,children:[o(u,{}),o("path",{d:"M140 208l48 48-48 48M372 208l-48 48 48 48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"36"})]}),W=()=>o("svg",{...l,children:o(k,{})}),O=()=>o("svg",{...l,children:o(f,{})});y(14,"components/Canvas/media/Transport",'@layer clover{.clover-canvas-transport{position:absolute;inset:auto 0 0;z-index:2;display:flex;flex-direction:column;padding:var(--clover-space-xl) var(--clover-canvas-controls-inset) var(--clover-canvas-controls-inset);--clover-controls-edge: 1;--clover-transport-thumb: 12px;--clover-transport-track: var(--clover-space-xs);-webkit-user-select:none;user-select:none;--clover-transport-menu-room: calc( 100cqb - var(--clover-canvas-controls-inset) - var(--clover-control) - var(--clover-space-s) - var(--clover-space-xs) )}.clover-canvas-transport:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#000000c7,#0009 calc(100% - var(--clover-space-xl)),#0000);pointer-events:none;content:""}.clover-canvas-transport:has([aria-expanded=true],:focus-visible,>.clover-canvas-transport-seek-area:hover){z-index:4}.clover-canvas-transport-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-xs) var(--clover-space-s);min-width:0}.clover-canvas-transport-bar>*{flex-shrink:0}.clover-canvas-transport-bar>:is(:hover,:active,:focus-within){z-index:1}.clover-canvas-transport-bar>.clover-canvas-transport-status{display:flex;flex:1 1 0;align-items:center;gap:var(--clover-space-s);min-width:min-content}.clover-canvas-transport-end{display:flex;gap:var(--clover-space-s);margin-inline-start:auto}@container (max-width: 37.5rem){.clover-canvas-transport-bar:has([data-button=chapters])>.clover-canvas-transport-status{order:-1;flex-basis:100%}}@container (max-width: 28rem){.clover-canvas-transport-bar>.clover-canvas-transport-status{order:-1;flex-basis:100%}}.clover-canvas-transport-button svg{fill:currentColor;stroke:none}.clover-canvas-transport-button svg [stroke]{fill:none}.clover-canvas-transport-button:hover,.clover-canvas-transport-button:focus-visible{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas-transport-button:is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas-transport-button:hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}button.clover-canvas-transport-button[aria-pressed=true]:after{content:"";position:absolute;inset-inline:var(--clover-space-s);bottom:var(--clover-space-2xs);border-bottom:2px solid;border-radius:1px}.clover-canvas-transport-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--clover-color-secondary, #fff),0 0 0 4px var(--clover-color-accent, #0065c3)}.clover-canvas-transport-seek-area{position:relative;display:flex;margin-bottom:var(--clover-space-xs);--clover-transport-gap: var(--clover-space-2xs)}.clover-canvas-transport-points,.clover-canvas-transport-marks{--clover-transport-mark: var(--clover-space-s);position:absolute;inset:0;pointer-events:none}.clover-canvas-transport-points{z-index:0}.clover-canvas-transport-seek{position:relative;z-index:1}.clover-canvas-transport-marks{z-index:2}.clover-canvas-transport-mark-point{position:absolute;top:calc(50% - var(--clover-transport-track) / 2 - var(--clover-space-s) - (var(--clover-transport-mark) + 2 * 3px) / 2);box-sizing:content-box;width:var(--clover-transport-mark);height:var(--clover-transport-mark);border:2px solid var(--clover-color-secondary, #fff);border-radius:50%;background-color:var(--clover-color-accent, #0065c3);box-shadow:0 0 0 1px var(--clover-color-primary, #1a1d1e);translate:-50% -50%}.clover-canvas-transport-mark-point:after{position:absolute;top:calc(100% + 3px);left:50%;width:3px;height:calc(var(--clover-space-s) + var(--clover-transport-track));translate:-50% 0;background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 38.2%,transparent);-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000);content:""}.clover-canvas-transport-mark-point[data-active=true]{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 3px var(--clover-color-primary, #1a1d1e)}.clover-canvas-transport-mark-group{position:absolute;top:calc(50% - var(--clover-transport-track) / 2 - var(--clover-space-l));width:max(24px,var(--clover-space-l));height:max(24px,var(--clover-space-l));translate:-50% 0;pointer-events:var(--clover-controls-events, auto)}.clover-canvas-transport-mark{display:block;width:100%;height:100%;margin:0;padding:0;border:none;border-radius:50%;background:none;cursor:pointer}.clover-canvas-transport-mark:focus-visible{outline:none}.clover-canvas-transport-mark-group:is(:hover,:focus-within){z-index:1}.clover-canvas-transport-mark-group>.clover-tip.clover-canvas-transport-mark-tip{text-align:start;--clover-tip-x: clamp( var(--clover-space-xs) - var(--clover-mark-x, 50cqw), -50%, 100cqw - var(--clover-space-xs) - var(--clover-mark-x, 50cqw) - 100% );display:flex;flex-direction:column;max-width:min(18rem,100cqw - 2 * var(--clover-space-xs));max-height:calc(100cqh - var(--clover-canvas-controls-inset) - var(--clover-transport-bar-height, var(--clover-control)) - var(--clover-space-xs) - var(--clover-space-l) / 2 - var(--clover-transport-track) / 2 - var(--clover-space-l) - 3 * var(--clover-space-xs));transform:translate(calc(var(--clover-tip-x) + 50%))}.clover-canvas-transport-mark-group:focus-within:not([data-tip-hidden])>.clover-tip.clover-canvas-transport-mark-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.clover-canvas:has(.clover-canvas-transport-marks){--clover-transport-marks-room: calc( 2 * var(--clover-space-s) + 2 * 3px - (var(--clover-space-l) - var(--clover-space-xs)) / 2 )}.clover-canvas-transport-mark-words{min-height:0;overflow-y:auto}.clover-canvas-transport-mark-tip{--clover-color-primary-muted: var(--clover-color-secondary-alt, #c1c8cd);color:var(--clover-color-secondary-alt, #c1c8cd)}.clover-canvas-transport-mark-group .clover-canvas-transport-mark-tip>.clover-steps{flex:none;margin-top:var(--clover-space-xs)}.clover-canvas-transport input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:max(24px,var(--clover-space-l));margin:0;background:transparent;cursor:pointer;touch-action:none}.clover-canvas-transport input.clover-canvas-transport-volume{width:var(--clover-space-2xl)}@container (max-width: 28rem){.clover-canvas-transport input.clover-canvas-transport-volume{width:var(--clover-space-xl)}.clover-canvas-transport-bar,.clover-canvas-transport-end{column-gap:var(--clover-space-xs)}}.clover-canvas-transport input[type=range]::-webkit-slider-runnable-track{height:var(--clover-transport-track);border-radius:var(--clover-radius, 3px);background:linear-gradient(to right,var(--clover-color-accent, #0065c3) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-loaded, 0%),var(--clover-player-track, rgb(255 255 255 / 65%)) var(--clover-transport-loaded, 0%));box-shadow:var(--clover-player-track-shadow, none)}.clover-canvas-transport input[type=range]::-moz-range-track{height:var(--clover-transport-track);border-radius:var(--clover-radius, 3px);background:linear-gradient(to right,var(--clover-color-accent, #0065c3) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-loaded, 0%),var(--clover-player-track, rgb(255 255 255 / 65%)) var(--clover-transport-loaded, 0%));box-shadow:var(--clover-player-track-shadow, none)}.clover-canvas-transport input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--clover-transport-thumb);height:var(--clover-transport-thumb);margin-top:calc((var(--clover-transport-track) - var(--clover-transport-thumb)) / 2);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-player-text, #fff)}.clover-canvas-transport input[type=range]::-moz-range-thumb{width:var(--clover-transport-thumb);height:var(--clover-transport-thumb);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-player-text, #fff)}.clover-canvas-transport input[type=range]:focus-visible{outline:none}.clover-canvas-transport input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 4px var(--clover-player-text, #fff),0 0 0 6px #0009}.clover-canvas-transport input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 4px var(--clover-player-text, #fff),0 0 0 6px #0009}.clover-canvas-transport-time{display:flex;align-items:center;gap:var(--clover-space-xs);color:var(--clover-player-text, #fff);font-size:var(--clover-text-s);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 90%)}.clover-canvas-transport-frames{position:relative;display:flex}button.clover-canvas-transport-time{margin:0;padding:var(--clover-space-2xs) var(--clover-space-xs);border:0;border-radius:var(--clover-radius, 3px);background:none;font:inherit;font-size:var(--clover-text-s);cursor:pointer}button.clover-canvas-transport-time:is(:hover,[aria-expanded=true]){background-color:#0006}button.clover-canvas-transport-time:focus-visible{outline:2px solid var(--clover-player-text, #fff)}.clover-canvas-transport-place{display:inline-grid;justify-items:end;font-variant-numeric:tabular-nums}.clover-canvas-transport-place>*{grid-area:1 / 1}.clover-canvas-transport-place>.clover-canvas-transport-place-room[hidden]{display:block;visibility:hidden}.clover-canvas-transport-frames>.clover-canvas-menu{right:0;bottom:calc(100% + var(--clover-space-s));left:auto;max-width:min(20rem,100cqi - 2 * var(--clover-canvas-controls-inset));max-height:min(24rem,var(--clover-transport-menu-room),var(--clover-transport-menu-above, 100cqb) - var(--clover-space-s) - var(--clover-space-xs));translate:var(--clover-transport-menu-shift, 0px) 0}.clover-canvas-transport-menu{position:relative;display:flex}.clover-canvas-transport-options{position:absolute;right:0;bottom:calc(100% + var(--clover-space-s));display:flex;flex-direction:column;box-sizing:border-box;min-width:min(11rem,100cqi - 2 * var(--clover-canvas-controls-inset));max-width:calc(100cqi - 2 * var(--clover-canvas-controls-inset));max-height:min(16rem,var(--clover-transport-menu-room),var(--clover-transport-menu-above, 100cqb) - var(--clover-space-s) - var(--clover-space-xs));translate:var(--clover-transport-menu-shift, 0px) 0;margin:0;padding:var(--clover-space-xs);border:none;border-radius:var(--clover-radius, 3px);background-color:var(--clover-player-menu-surface, #151718);color:var(--clover-player-text, #fff);overflow-y:auto}.clover-canvas-transport-option{display:flex;flex:none;align-items:center;gap:var(--clover-space-xs);min-height:max(24px,var(--clover-space-l));padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 3px);font-size:var(--clover-text-s);cursor:pointer}.clover-canvas-transport-option:hover{background-color:var(--clover-player-menu-hover, #26292b)}.clover-canvas-transport-option:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 24%,transparent);font-weight:600}.clover-canvas-transport-option:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--clover-player-text, #fff)}.clover-canvas-transport-code{flex:none;min-width:var(--clover-space-l);color:color-mix(in srgb,currentColor 72%,transparent);font-size:var(--clover-text-xs);font-weight:600;line-height:1}.clover-canvas-transport-options:has(.clover-canvas-transport-code),.clover-canvas-transport-menu:has([data-button=chapters]) .clover-canvas-transport-options{min-width:min(16rem,100cqi - 2 * var(--clover-canvas-controls-inset))}.clover-canvas-transport-option:has(>.clover-entry-thumbnail){display:grid;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:var(--clover-space-2xs) var(--clover-space-s);padding-block-end:var(--clover-space-s)}.clover-canvas-transport-options.clover-canvas-menu{border-radius:var(--clover-radius, 6px);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}.clover-canvas-menu>.clover-canvas-transport-option{align-items:baseline;gap:var(--clover-space-s);font-size:inherit}.clover-canvas-menu>.clover-canvas-transport-option:hover{background-color:var(--clover-color-secondary-muted, #e6e8eb)}@media (forced-colors: none){.clover-canvas-menu>.clover-canvas-transport-option:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}}.clover-canvas-menu>.clover-canvas-transport-option:has(input:focus-visible){box-shadow:none;outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:-2px}.clover-canvas-transport-option input{position:absolute;opacity:0;pointer-events:none}@media (forced-colors: active){.clover-canvas-transport button.clover-canvas-transport-button{border:1px solid ButtonText}.clover-canvas-transport input[type=range]{forced-color-adjust:none}.clover-canvas-transport input[type=range]::-webkit-slider-runnable-track{border:1px solid CanvasText;background:linear-gradient(to right,Highlight var(--clover-transport-progress, 0%),Canvas var(--clover-transport-progress, 0%));box-shadow:none}.clover-canvas-transport input[type=range]::-moz-range-track{border:1px solid CanvasText;background:linear-gradient(to right,Highlight var(--clover-transport-progress, 0%),Canvas var(--clover-transport-progress, 0%));box-shadow:none}.clover-canvas-transport input[type=range]::-webkit-slider-thumb,.clover-canvas-transport input[type=range]:focus-visible::-webkit-slider-thumb{background-color:CanvasText;box-shadow:0 0 0 2px Canvas}.clover-canvas-transport input[type=range]::-moz-range-thumb,.clover-canvas-transport input[type=range]:focus-visible::-moz-range-thumb{background-color:CanvasText;box-shadow:0 0 0 2px Canvas}.clover-canvas-transport input[type=range]:focus-visible{outline:2px solid CanvasText;outline-offset:2px}.clover-canvas-transport-button:focus-visible{outline:3px solid CanvasText;outline-offset:2px;box-shadow:none}.clover-canvas-transport-button:is([data-active],[aria-pressed=true]),.clover-canvas-transport-option:has(input:checked){background-color:Highlight;color:HighlightText}.clover-captions-icon[data-on] .clover-captions-icon-letters{stroke:ButtonFace}.clover-canvas-transport-button[data-active] .clover-captions-icon[data-on] .clover-captions-icon-letters{stroke:Highlight}}@media (prefers-reduced-motion: reduce){.clover-canvas-transport,.clover-canvas-transport-button,.clover-canvas-transport-button svg{transition:none}}.clover-canvas-transport-seek[data-gaps]{--clover-transport-disk: calc(var(--clover-transport-thumb) / 2 + 1px);-webkit-mask-image:radial-gradient(circle at calc(var(--clover-transport-thumb) / 2 + (100% - var(--clover-transport-thumb)) * var(--clover-transport-at, 0)) 50%,#000 var(--clover-transport-disk),transparent var(--clover-transport-disk)),var(--clover-transport-gaps);mask-image:radial-gradient(circle at calc(var(--clover-transport-thumb) / 2 + (100% - var(--clover-transport-thumb)) * var(--clover-transport-at, 0)) 50%,#000 var(--clover-transport-disk),transparent var(--clover-transport-disk)),var(--clover-transport-gaps)}.clover-canvas-transport-seek[data-gaps]:focus-visible{--clover-transport-disk: calc(var(--clover-transport-thumb) / 2 + 6px)}.clover-canvas-transport-chapter-span{position:absolute;z-index:1;top:50%;box-sizing:border-box;border-inline:calc(var(--clover-transport-gap) / 2) solid transparent;background-clip:padding-box;height:var(--clover-space-s);translate:0 -50%;border-radius:var(--clover-radius, 3px);background-color:var(--clover-player-text, #fff);opacity:.5;pointer-events:none}.clover-canvas-transport-seek-area>.clover-tip{left:var(--clover-transport-preview, 50%)}.clover-canvas-transport-seek-area>.clover-tip:has(>.clover-tip-image){padding:var(--clover-space-s)}.clover-canvas-transport-seek-area>.clover-tip .clover-tip-image{width:var(--clover-picture);max-height:none;margin-block-end:var(--clover-space-xs)}.clover-canvas-transport-seek-area:is(:hover,:has(>input:focus-visible)):not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}@media (forced-colors: active){.clover-canvas-transport-mark-point:after{position:absolute;top:calc(100% + 3px);left:50%;width:3px;height:calc(var(--clover-space-s) + var(--clover-transport-track));translate:-50% 0;background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 38.2%,transparent);content:""}.clover-canvas-transport-mark-point[data-active=true]{outline:2px solid Highlight;outline-offset:1px}.clover-canvas-transport-chapter-span{background-color:Highlight;opacity:1}}.clover-canvas-transport-status>.clover-canvas-transport-chapter{flex:1 1 auto;overflow:hidden;width:0;min-width:0;color:color-mix(in srgb,var(--clover-player-text, #fff) 85%,transparent);font-size:var(--clover-text-s);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 90%)}}');export{V as C,O as E,j as F,$ as P,z as T,S as V,B as a,q as b,L as c,I as d,R as e,W as f,F as g,T as l,P as p,H as s,M as u};

package/dist/web-components/viewer/{Transport-Qi3YTaFs.mjs → Transport-DFssphP9.mjs}

@@ -1 +1 @@
-import{b6 as Ee,ag as Ce,aH as Pe,A as h,e as R,_ as X,T as we,u as e,V as Fe,W as $e,bY as B,p as ge,aP as ie,ab as P,v as de,a$ as Ie,ah as Me,b$ as Oe,y as Be,ai as Re,k as pe}from"./viewer-B7xAOtQD.mjs";import{u as Ve,g as xe,a as Ae,b as ve,l as Ke,s as De,T as L,P as Le,c as ze,V as Ue,d as _e,C as qe,F as je,e as He,E as We,f as Xe,p as Ye}from"./Transport-B-GTF-rz.mjs";import{u as Ze,P as Ge,E as Je}from"./EntryThumbnail-DpP82iU_.mjs";import{l as me}from"../languageCode-cCpiU0b0.mjs";import"./styles-BjjJM8OS.mjs";const Qe=$e(()=>import("./SeekMarks-By4ZSK6u.mjs").then(({SeekMarks:a})=>({default:a}))),en=".clover-canvas-transport-marks",nn=a=>typeof(a==null?void 0:a.thumbnail)=="string"?{src:a.thumbnail}:Ee(a==null?void 0:a.thumbnail);function fe(a,i){var y;let f=-1;a.forEach((w,k)=>{w.start<=i&&(f=k)});const g=(y=a[f])==null?void 0:y.end;return g!==void 0&&i>=g?-1:f}let W;function tn(){if(W===void 0){if(typeof document>"u")return true;const a=document.createElement("video");a.volume=.5,W=a.volume===.5}return W}function an({id:a,label:i,labelLang:f,button:g,icon:y,active:w,current:k,options:F,selected:V,onSelect:c,request:z,asMenu:$=false}){const[d,p]=R(false),T=h(null),I=h(null),M=h(null),O=h(false),b=Me(i,f),N=F.some(r=>me(r.language));Oe(d,()=>p(false));const x=()=>{var r;p(false),(r=I.current)==null||r.focus()};return Be(()=>{if(!d)return;const r=s=>{var o,t,S;if(s instanceof KeyboardEvent){if(s.key!=="Escape")return;(o=T.current)!=null&&o.contains(document.activeElement)&&(s.preventDefault(),(t=I.current)==null||t.focus())}else if((S=T.current)!=null&&S.contains(s.target))return;p(false)};return document.addEventListener("pointerdown",r),document.addEventListener("keydown",r,true),()=>{document.removeEventListener("pointerdown",r),document.removeEventListener("keydown",r,true)}},[d]),X(()=>{const r=M.current,s=T.current,o=s==null?void 0:s.closest(".clover-canvas-transport"),t=s==null?void 0:s.closest(".clover-canvas-media");if(!d||!r||!s||!o||!t)return;const S=()=>Ye(r,s,o,t);S();const v=new ResizeObserver(S);return v.observe(t),v.observe(o),v.observe(r),()=>v.disconnect()},[d]),e("div",{className:"clover-canvas-transport-menu",ref:T,onBlur:r=>{var o;const s=r.relatedTarget;d&&s instanceof Node&&!((o=T.current)!=null&&o.contains(s))&&p(false)},children:[e("button",{"aria-controls":a,"aria-describedby":k?`${a}-current`:void 0,"aria-expanded":d,"aria-label":i,...P(f),className:"clover-canvas-transport-button","data-active":w?"":void 0,"data-button":g,onClick:()=>p(r=>!r),ref:I,type:"button",children:[y,e(ge,{label:i})]}),k&&e("span",{hidden:true,id:`${a}-current`,...P(k.lang),children:k.label}),d&&b.node,d&&e("fieldset",{...b.props,className:Re("clover-canvas-transport-options",$&&"clover-canvas-menu"),id:a,ref:M,children:F.map((r,s)=>{const o=me(r.language);return e("label",{className:"clover-canvas-transport-option",onPointerDown:()=>{O.current=true},children:[e("input",{checked:V===s,name:a,onChange:()=>c(s),onClick:()=>{O.current&&x()},onKeyDown:t=>{O.current=false,t.key==="Enter"&&(t.preventDefault(),c(s),x())},type:"radio"}),r.time&&e(pe,{children:[e("span",{className:"clover-cue-time",children:r.time})," "]}),N&&(o?e(pe,{children:[e("span",{className:"clover-canvas-transport-code",children:o})," "]}):e("span",{className:"clover-canvas-transport-code","aria-hidden":"true"})),e("span",{className:"clover-cue-text",...P(r.lang),children:r.label}),V===s&&e(Je,{source:r.thumbnail,request:z,large:true})]},s)})})]})}const rn=a=>a.querySelector(":scope > .clover-tip"),sn=a=>{try{return a.matches(":focus-visible")}catch{return false}},pn=({instance:a,controller:i,kind:f,captions:g,activeCaption:y,onCaptionChange:w,fullscreen:k=false,isFullscreen:F=false,video:V,chapters:c=[],highlightedChapter:z=null,onChapterHighlight:$,request:d,fill:p,marks:T=[],selectedMark:I,onMarkSelect:M,onMarkActivate:O})=>{var se,oe;const{t:b,langOf:N}=Ce(),x=Pe()||f==="video",r=h(null);Ve(r);const{paused:s,currentTime:o,duration:t,buffered:S,muted:v,volume:A}=i,E=fe(c,o),[U,ye]=R(-1),[Y,be]=R(0),Z=h(-1),_=n=>{var l;Z.current!==n&&(Z.current=n,ye(n),$==null||$(((l=c[n])==null?void 0:l.id)??null))},[G,J]=R(false),[K,q]=R(false),m=K?U:G?E:-1,Q=(K||G)&&t>0,he=Ze(nn(c[m]),Ge,d),j=U>=0?U:c.findIndex(n=>n.id!==void 0&&n.id===z),ee=h(null);X(()=>{const n=ee.current,l=n==null?void 0:n.closest(".clover-canvas"),u=n&&m>=0?rn(n):null;if(!l||!u)return;const le="--clover-transport-preview-top",ce=()=>l.style.setProperty(le,`${l.getBoundingClientRect().bottom-u.getBoundingClientRect().top}px`);ce();const ue=new ResizeObserver(ce);return ue.observe(u),()=>{ue.disconnect(),l.style.removeProperty(le)}},[m]);const D=n=>{const{start:l,end:u=t}=c[n];return{left:l/t*100,width:(u-l)/t*100}},ke=s?"playerPlay":"playerPause",ne={label:b("playerCaptionsOff"),lang:N("playerCaptionsOff")},Te=v?"playerUnmute":"playerMute",Ne=F?"imageExitFullScreen":"imageFullScreen",te=t?o/t*100:0,H=we(()=>{const n=xe(c,t);return n.length?Ae(n):void 0},[c,t]),Se=t?S/t*100:0,ae=k&&x,C=h(null),re=h(null);return X(()=>{var u;const n=C.current;if(!n||n.isConnected)return;C.current=null;const l=document.activeElement;(!l||l===document.body)&&((u=re.current)==null||u.focus())}),e("div",{className:"clover-canvas-transport","data-kind":f,"data-testid":"clover-canvas-transport",onFocus:n=>{C.current=n.target},onBlur:n=>{const l=n.target,u=n.relatedTarget;if(u instanceof Node){n.currentTarget.contains(u)||(C.current=null);return}queueMicrotask(()=>{C.current===l&&l.isConnected&&(C.current=null)})},children:[e("div",{ref:ee,className:"clover-canvas-transport-seek-area",onPointerMove:n=>{const l=n.target;if(l.closest(en)){q(false),_(-1);return}if(!t||l.closest(".clover-tip"))return;const u=De(n.currentTarget,n.clientX)*t;q(true),be(Math.floor(u)),_(fe(c,u))},onPointerLeave:()=>{q(false),_(-1)},style:Q?{"--clover-transport-preview":ve(m>=0?D(m).left+D(m).width/2:(K?Y:o)/t*100)}:void 0,children:[M&&T.length>0&&e(Fe,{fallback:null,children:e(Qe,{marks:T,duration:t,selected:I,onSelect:M,onActivate:O})}),e("input",{"aria-label":b("playerSeek"),lang:N("playerSeek"),"aria-valuetext":`${B(o)} / ${B(t)}${E>=0?`, ${c[E].label}`:""}`,className:"clover-canvas-transport-seek",onFocus:n=>J(sn(n.currentTarget)),onBlur:()=>J(false),max:t||0,min:0,onChange:n=>i.seek(Number(n.target.value)),step:"any","data-gaps":H?"":void 0,style:{"--clover-transport-progress":`${te}%`,"--clover-transport-loaded":`${Se}%`,...H&&{"--clover-transport-gaps":H,"--clover-transport-at":te/100}},type:"range",value:o}),j>=0&&t>0&&e("span",{"aria-hidden":"true",className:"clover-canvas-transport-chapter-span",style:{left:ve(D(j).left),width:Ke(D(j).width)}}),Q&&e(ge,{lead:B(K?Y:o),label:((se=c[m])==null?void 0:se.label)??"",lang:(oe=c[m])==null?void 0:oe.lang,image:m>=0?he:void 0},m)]}),e("div",{className:"clover-canvas-transport-bar",ref:r,children:[e(L,{words:ke,button:s?"play":"pause",shortcut:ie.play,onClick:i.toggle,buttonRef:re,children:s?e(Le,{}):e(ze,{})}),e(L,{words:Te,button:"mute",shortcut:ie.mute,onClick:i.toggleMute,children:v||A===0?e(Ue,{}):e(_e,{})}),tn()&&e("input",{"aria-label":b("playerVolume"),lang:N("playerVolume"),className:"clover-canvas-transport-volume",max:1,min:0,onChange:n=>i.setVolume(Number(n.target.value)),step:.05,style:{"--clover-transport-progress":`${(v?0:A)*100}%`},type:"range",value:v?0:A,"aria-valuetext":`${Math.round((v?0:A)*100)}%`}),e("span",{className:"clover-canvas-transport-status",children:[e("span",{className:"clover-canvas-transport-time",children:[e("span",{children:[e("span",{style:de,...P(N("playerCurrentTime")),children:[b("playerCurrentTime")," "]}),B(o)]}),e("span",{"aria-hidden":"true",children:" / "}),e("span",{children:[e("span",{style:de,...P(N("playerDuration")),children:[b("playerDuration")," "]}),B(t)]})]}),E>=0&&e("span",{className:"clover-canvas-transport-chapter",...P(c[E].lang),children:c[E].label})]}),(g.length>0||ae||p)&&e("div",{className:"clover-canvas-transport-end",children:[g.length>0&&e(an,{id:`${a}-captions`,label:b("playerCaptions"),labelLang:N("playerCaptions"),button:"captions",icon:e(qe,{on:y>=0}),active:y>=0,current:g[y]??ne,options:[ne,...g],selected:y+1,onSelect:n=>w(n-1)}),p&&e(L,{words:p.filled?"playerFit":"playerFill",button:"fill",onClick:p.onToggle,children:p.filled?e(je,{}):e(He,{})}),ae&&e(L,{words:Ne,button:"fullscreen",onClick:n=>void Ie(n.currentTarget,V),children:F?e(We,{}):e(Xe,{})})]})]})]})};export{pn as T,nn as a,fe as c};
+import{b6 as Ee,ag as Ce,aH as Pe,A as h,e as R,_ as X,T as we,u as e,V as Fe,W as $e,bY as B,p as ge,aP as ie,ab as P,v as de,a$ as Ie,ah as Me,b$ as Oe,y as Be,ai as Re,k as pe}from"./viewer-4EayGlH3.mjs";import{u as Ve,g as xe,a as Ae,b as ve,l as Ke,s as De,T as L,P as Le,c as ze,V as Ue,d as _e,C as qe,F as je,e as He,E as We,f as Xe,p as Ye}from"./Transport-C_pFOBzJ.mjs";import{u as Ze,P as Ge,E as Je}from"./EntryThumbnail-CHc7jDuf.mjs";import{l as me}from"../languageCode-cCpiU0b0.mjs";import"./styles-BjjJM8OS.mjs";const Qe=$e(()=>import("./SeekMarks-YIQFWYfI.mjs").then(({SeekMarks:a})=>({default:a}))),en=".clover-canvas-transport-marks",nn=a=>typeof(a==null?void 0:a.thumbnail)=="string"?{src:a.thumbnail}:Ee(a==null?void 0:a.thumbnail);function fe(a,i){var y;let f=-1;a.forEach((w,k)=>{w.start<=i&&(f=k)});const g=(y=a[f])==null?void 0:y.end;return g!==void 0&&i>=g?-1:f}let W;function tn(){if(W===void 0){if(typeof document>"u")return true;const a=document.createElement("video");a.volume=.5,W=a.volume===.5}return W}function an({id:a,label:i,labelLang:f,button:g,icon:y,active:w,current:k,options:F,selected:V,onSelect:c,request:z,asMenu:$=false}){const[d,p]=R(false),T=h(null),I=h(null),M=h(null),O=h(false),b=Me(i,f),N=F.some(r=>me(r.language));Oe(d,()=>p(false));const x=()=>{var r;p(false),(r=I.current)==null||r.focus()};return Be(()=>{if(!d)return;const r=s=>{var o,t,S;if(s instanceof KeyboardEvent){if(s.key!=="Escape")return;(o=T.current)!=null&&o.contains(document.activeElement)&&(s.preventDefault(),(t=I.current)==null||t.focus())}else if((S=T.current)!=null&&S.contains(s.target))return;p(false)};return document.addEventListener("pointerdown",r),document.addEventListener("keydown",r,true),()=>{document.removeEventListener("pointerdown",r),document.removeEventListener("keydown",r,true)}},[d]),X(()=>{const r=M.current,s=T.current,o=s==null?void 0:s.closest(".clover-canvas-transport"),t=s==null?void 0:s.closest(".clover-canvas-media");if(!d||!r||!s||!o||!t)return;const S=()=>Ye(r,s,o,t);S();const v=new ResizeObserver(S);return v.observe(t),v.observe(o),v.observe(r),()=>v.disconnect()},[d]),e("div",{className:"clover-canvas-transport-menu",ref:T,onBlur:r=>{var o;const s=r.relatedTarget;d&&s instanceof Node&&!((o=T.current)!=null&&o.contains(s))&&p(false)},children:[e("button",{"aria-controls":a,"aria-describedby":k?`${a}-current`:void 0,"aria-expanded":d,"aria-label":i,...P(f),className:"clover-canvas-transport-button","data-active":w?"":void 0,"data-button":g,onClick:()=>p(r=>!r),ref:I,type:"button",children:[y,e(ge,{label:i})]}),k&&e("span",{hidden:true,id:`${a}-current`,...P(k.lang),children:k.label}),d&&b.node,d&&e("fieldset",{...b.props,className:Re("clover-canvas-transport-options",$&&"clover-canvas-menu"),id:a,ref:M,children:F.map((r,s)=>{const o=me(r.language);return e("label",{className:"clover-canvas-transport-option",onPointerDown:()=>{O.current=true},children:[e("input",{checked:V===s,name:a,onChange:()=>c(s),onClick:()=>{O.current&&x()},onKeyDown:t=>{O.current=false,t.key==="Enter"&&(t.preventDefault(),c(s),x())},type:"radio"}),r.time&&e(pe,{children:[e("span",{className:"clover-cue-time",children:r.time})," "]}),N&&(o?e(pe,{children:[e("span",{className:"clover-canvas-transport-code",children:o})," "]}):e("span",{className:"clover-canvas-transport-code","aria-hidden":"true"})),e("span",{className:"clover-cue-text",...P(r.lang),children:r.label}),V===s&&e(Je,{source:r.thumbnail,request:z,large:true})]},s)})})]})}const rn=a=>a.querySelector(":scope > .clover-tip"),sn=a=>{try{return a.matches(":focus-visible")}catch{return false}},pn=({instance:a,controller:i,kind:f,captions:g,activeCaption:y,onCaptionChange:w,fullscreen:k=false,isFullscreen:F=false,video:V,chapters:c=[],highlightedChapter:z=null,onChapterHighlight:$,request:d,fill:p,marks:T=[],selectedMark:I,onMarkSelect:M,onMarkActivate:O})=>{var se,oe;const{t:b,langOf:N}=Ce(),x=Pe()||f==="video",r=h(null);Ve(r);const{paused:s,currentTime:o,duration:t,buffered:S,muted:v,volume:A}=i,E=fe(c,o),[U,ye]=R(-1),[Y,be]=R(0),Z=h(-1),_=n=>{var l;Z.current!==n&&(Z.current=n,ye(n),$==null||$(((l=c[n])==null?void 0:l.id)??null))},[G,J]=R(false),[K,q]=R(false),m=K?U:G?E:-1,Q=(K||G)&&t>0,he=Ze(nn(c[m]),Ge,d),j=U>=0?U:c.findIndex(n=>n.id!==void 0&&n.id===z),ee=h(null);X(()=>{const n=ee.current,l=n==null?void 0:n.closest(".clover-canvas"),u=n&&m>=0?rn(n):null;if(!l||!u)return;const le="--clover-transport-preview-top",ce=()=>l.style.setProperty(le,`${l.getBoundingClientRect().bottom-u.getBoundingClientRect().top}px`);ce();const ue=new ResizeObserver(ce);return ue.observe(u),()=>{ue.disconnect(),l.style.removeProperty(le)}},[m]);const D=n=>{const{start:l,end:u=t}=c[n];return{left:l/t*100,width:(u-l)/t*100}},ke=s?"playerPlay":"playerPause",ne={label:b("playerCaptionsOff"),lang:N("playerCaptionsOff")},Te=v?"playerUnmute":"playerMute",Ne=F?"imageExitFullScreen":"imageFullScreen",te=t?o/t*100:0,H=we(()=>{const n=xe(c,t);return n.length?Ae(n):void 0},[c,t]),Se=t?S/t*100:0,ae=k&&x,C=h(null),re=h(null);return X(()=>{var u;const n=C.current;if(!n||n.isConnected)return;C.current=null;const l=document.activeElement;(!l||l===document.body)&&((u=re.current)==null||u.focus())}),e("div",{className:"clover-canvas-transport","data-kind":f,"data-testid":"clover-canvas-transport",onFocus:n=>{C.current=n.target},onBlur:n=>{const l=n.target,u=n.relatedTarget;if(u instanceof Node){n.currentTarget.contains(u)||(C.current=null);return}queueMicrotask(()=>{C.current===l&&l.isConnected&&(C.current=null)})},children:[e("div",{ref:ee,className:"clover-canvas-transport-seek-area",onPointerMove:n=>{const l=n.target;if(l.closest(en)){q(false),_(-1);return}if(!t||l.closest(".clover-tip"))return;const u=De(n.currentTarget,n.clientX)*t;q(true),be(Math.floor(u)),_(fe(c,u))},onPointerLeave:()=>{q(false),_(-1)},style:Q?{"--clover-transport-preview":ve(m>=0?D(m).left+D(m).width/2:(K?Y:o)/t*100)}:void 0,children:[M&&T.length>0&&e(Fe,{fallback:null,children:e(Qe,{marks:T,duration:t,selected:I,onSelect:M,onActivate:O})}),e("input",{"aria-label":b("playerSeek"),lang:N("playerSeek"),"aria-valuetext":`${B(o)} / ${B(t)}${E>=0?`, ${c[E].label}`:""}`,className:"clover-canvas-transport-seek",onFocus:n=>J(sn(n.currentTarget)),onBlur:()=>J(false),max:t||0,min:0,onChange:n=>i.seek(Number(n.target.value)),step:"any","data-gaps":H?"":void 0,style:{"--clover-transport-progress":`${te}%`,"--clover-transport-loaded":`${Se}%`,...H&&{"--clover-transport-gaps":H,"--clover-transport-at":te/100}},type:"range",value:o}),j>=0&&t>0&&e("span",{"aria-hidden":"true",className:"clover-canvas-transport-chapter-span",style:{left:ve(D(j).left),width:Ke(D(j).width)}}),Q&&e(ge,{lead:B(K?Y:o),label:((se=c[m])==null?void 0:se.label)??"",lang:(oe=c[m])==null?void 0:oe.lang,image:m>=0?he:void 0},m)]}),e("div",{className:"clover-canvas-transport-bar",ref:r,children:[e(L,{words:ke,button:s?"play":"pause",shortcut:ie.play,onClick:i.toggle,buttonRef:re,children:s?e(Le,{}):e(ze,{})}),e(L,{words:Te,button:"mute",shortcut:ie.mute,onClick:i.toggleMute,children:v||A===0?e(Ue,{}):e(_e,{})}),tn()&&e("input",{"aria-label":b("playerVolume"),lang:N("playerVolume"),className:"clover-canvas-transport-volume",max:1,min:0,onChange:n=>i.setVolume(Number(n.target.value)),step:.05,style:{"--clover-transport-progress":`${(v?0:A)*100}%`},type:"range",value:v?0:A,"aria-valuetext":`${Math.round((v?0:A)*100)}%`}),e("span",{className:"clover-canvas-transport-status",children:[e("span",{className:"clover-canvas-transport-time",children:[e("span",{children:[e("span",{style:de,...P(N("playerCurrentTime")),children:[b("playerCurrentTime")," "]}),B(o)]}),e("span",{"aria-hidden":"true",children:" / "}),e("span",{children:[e("span",{style:de,...P(N("playerDuration")),children:[b("playerDuration")," "]}),B(t)]})]}),E>=0&&e("span",{className:"clover-canvas-transport-chapter",...P(c[E].lang),children:c[E].label})]}),(g.length>0||ae||p)&&e("div",{className:"clover-canvas-transport-end",children:[g.length>0&&e(an,{id:`${a}-captions`,label:b("playerCaptions"),labelLang:N("playerCaptions"),button:"captions",icon:e(qe,{on:y>=0}),active:y>=0,current:g[y]??ne,options:[ne,...g],selected:y+1,onSelect:n=>w(n-1)}),p&&e(L,{words:p.filled?"playerFit":"playerFill",button:"fill",onClick:p.onToggle,children:p.filled?e(je,{}):e(He,{})}),ae&&e(L,{words:Ne,button:"fullscreen",onClick:n=>void Ie(n.currentTarget,V),children:F?e(We,{}):e(Xe,{})})]})]})]})};export{pn as T,nn as a,fe as c};

package/dist/web-components/viewer/{annotation-collection-CqFki-7M.mjs → annotation-collection-BLtyEjru.mjs}

@@ -1 +1 @@
-import{az as l,bH as g,bD as u,bI as y,bE as f}from"./viewer-B7xAOtQD.mjs";const w=100;async function p(t,n,i){if(typeof t=="string")return await f(n,t,i);const e=t;return e!=null&&e.id&&e.type==="AnnotationPage"&&!e.items?await f(n,e.id,i):e}async function b(t,n,i){const e=String((t==null?void 0:t.type)??(t==null?void 0:t["@type"])??""),c=/AnnotationCollection/.test(e),o=c?[]:[t],r=new Set(c?[]:[t.id]);let a=c?t.first:t.next;for(;a&&o.length<w;){const s=typeof a=="string"?a:a.id;if(r.has(s??a))break;r.add(s??a);const d=await p(a,n,i);o.push(d),a=d.next}return o}async function A(t,{request:n,signal:i}={}){const e=[];for(const c of l(t)){const o=await p(c,n,i);for(const r of await b(o,n,i)){const a=await g(r),s=a.id??`added-${e.length}`,d=u(a,s);d.length&&e.push({id:s,label:y(a,r===o?c:void 0)??o.label,source:"added",entries:d})}}return e}export{A as loadAnnotationSets};
+import{az as l,bH as g,bD as u,bI as y,bE as f}from"./viewer-4EayGlH3.mjs";const w=100;async function p(t,n,i){if(typeof t=="string")return await f(n,t,i);const e=t;return e!=null&&e.id&&e.type==="AnnotationPage"&&!e.items?await f(n,e.id,i):e}async function b(t,n,i){const e=String((t==null?void 0:t.type)??(t==null?void 0:t["@type"])??""),c=/AnnotationCollection/.test(e),o=c?[]:[t],r=new Set(c?[]:[t.id]);let a=c?t.first:t.next;for(;a&&o.length<w;){const s=typeof a=="string"?a:a.id;if(r.has(s??a))break;r.add(s??a);const d=await p(a,n,i);o.push(d),a=d.next}return o}async function A(t,{request:n,signal:i}={}){const e=[];for(const c of l(t)){const o=await p(c,n,i);for(const r of await b(o,n,i)){const a=await g(r),s=a.id??`added-${e.length}`,d=u(a,s);d.length&&e.push({id:s,label:y(a,r===o?c:void 0)??o.label,source:"added",entries:d})}}return e}export{A as loadAnnotationSets};

package/dist/web-components/viewer/{annotation-name-z-zyEc1-.mjs → annotation-name-mRcTA1c1.mjs}

@@ -1 +1 @@
-import{a9 as d,bM as u,bN as p,bO as v,bP as T}from"./viewer-B7xAOtQD.mjs";const c=n=>n.language&&n.language!=="none"?n.language:"none";function b(n,e){const o=T([...new Set(n.map(c))],e);return n.find(r=>c(r)===o)}function w(n,e){const o=(t,a)=>t?{text:t,...a?{lang:a}:{}}:{},r=n.filter(t=>{var a;return(a=t.value)==null?void 0:a.trim()});if(!r.length){const t=n.find(i=>(i.image||i.place)&&i.label);if(!t)return{};const{text:a,lang:x}=d(t.label,e);return o(u(a).trim(),x)}const s=b(r,e),l=s.value,g=p(s.format,l),f=g==="markdown"?v(l):g==="html"?u(l):l,m=c(s);return o(f.trim(),m==="none"?void 0:m)}export{w as a,b};
+import{a9 as d,bM as u,bN as p,bO as v,bP as T}from"./viewer-4EayGlH3.mjs";const c=n=>n.language&&n.language!=="none"?n.language:"none";function b(n,e){const o=T([...new Set(n.map(c))],e);return n.find(r=>c(r)===o)}function w(n,e){const o=(t,a)=>t?{text:t,...a?{lang:a}:{}}:{},r=n.filter(t=>{var a;return(a=t.value)==null?void 0:a.trim()});if(!r.length){const t=n.find(i=>(i.image||i.place)&&i.label);if(!t)return{};const{text:a,lang:x}=d(t.label,e);return o(u(a).trim(),x)}const s=b(r,e),l=s.value,g=p(s.format,l),f=g==="markdown"?v(l):g==="html"?u(l):l,m=c(s);return o(f.trim(),m==="none"?void 0:m)}export{w as a,b};

package/dist/web-components/viewer/{annotations-content-xp-O7sy-.mjs → annotations-content-DBQgx1j7.mjs}

@@ -1 +1 @@
-import{loadAnnotationSets as f}from"./annotation-collection-CqFki-7M.mjs";import{ae as i,bG as l,bw as c}from"./viewer-B7xAOtQD.mjs";async function b(n,a){const r={id:String(n.id??""),type:/Collection/.test(String(n.type??n["@type"]))?"AnnotationCollection":"AnnotationPage",...n.label?{label:n.label}:{}},o=(await f(n,a)).map(t=>({...t,content:r})),s=o.flatMap(t=>t.entries),e=s.find(t=>a.manifestId&&i(t.annotation)===a.manifestId)??s.find(t=>i(t.annotation));if(!e)throw new l("The annotations name no Manifest");return{manifest:await c({id:i(e.annotation),type:"Manifest"},a),target:{canvasId:e.canvasId},annotationSets:o,pick:e.id}}export{b as annotationsContent};
+import{loadAnnotationSets as f}from"./annotation-collection-BLtyEjru.mjs";import{ae as i,bG as l,bw as c}from"./viewer-4EayGlH3.mjs";async function b(n,a){const r={id:String(n.id??""),type:/Collection/.test(String(n.type??n["@type"]))?"AnnotationCollection":"AnnotationPage",...n.label?{label:n.label}:{}},o=(await f(n,a)).map(t=>({...t,content:r})),s=o.flatMap(t=>t.entries),e=s.find(t=>a.manifestId&&i(t.annotation)===a.manifestId)??s.find(t=>i(t.annotation));if(!e)throw new l("The annotations name no Manifest");return{manifest:await c({id:i(e.annotation),type:"Manifest"},a),target:{canvasId:e.canvasId},annotationSets:o,pick:e.id}}export{b as annotationsContent};

package/dist/web-components/viewer/{cloverEngine-BSk-sfvP.mjs → cloverEngine-BF_4X8lm.mjs}

@@ -1,4 +1,4 @@
-import{c as ne,F as ae,i as se,M as ie}from"./Connected-KiqCyCyf.mjs";import{aJ as ce,bZ as ue}from"./viewer-B7xAOtQD.mjs";const le=["KHR_materials_unlit","KHR_materials_ior","KHR_materials_specular","KHR_mesh_quantization"],Q=1179937895,fe=1313821514,de=5130562;function me(e){const s=new DataView(e);if(s.getUint32(0,true)!==Q)throw new Error("This is not a GLB.");if(s.getUint32(4,true)!==2)throw new Error("Only glTF 2.0 is drawn.");let o,t;const n=Math.min(s.getUint32(8,true),e.byteLength);for(let a=12;a+8<=n;){const i=s.getUint32(a,true),l=s.getUint32(a+4,true),c=a+8;l===fe?o=JSON.parse(new TextDecoder().decode(new Uint8Array(e,c,i))):l===de&&(t=e.slice(c,c+i)),a=c+i}if(!o)throw new Error("The GLB has no JSON chunk.");return{json:o,bin:t}}async function z(e,s,o){const t=new URL(e,s).href,n=t.startsWith("data:")?await fetch(t):await ue(o,t);if(!n.ok)throw new Error(`${t} answered ${n.status}`);return n.arrayBuffer()}const $=new WeakMap;function ve(e,s,o){const t=(s==null?void 0:s.fetch)??globalThis.fetch,n=$.get(t)??new Map;$.set(t,n);const a=`${ce(s)} ${o??""} ${e}`;let i=n.get(a);return i||(i=he(e,s,o).finally(()=>n.delete(a)),n.set(a,i)),i}async function he(e,s,o){const t=await z(e,location.href,s),n=new DataView(t).getUint32(0,true)===Q,{json:a,bin:i}=n?me(t):{json:JSON.parse(new TextDecoder().decode(t))},l=(a.extensionsRequired??[]).filter(f=>!le.includes(f));if(l.length)throw new Error(`Clover's renderer cannot draw this model: it requires ${l.join(", ")}.`);const c=await Promise.all((a.buffers??[]).map((f,r)=>{if(f.uri!==void 0)return z(f.uri,e,s);if(r===0&&i)return i;throw new Error("A buffer of the model has no data.")})),u=await Promise.all((a.images??[]).map(async f=>{try{let r;if(f.bufferView!==void 0){const d=a.bufferViews[f.bufferView];r=new Blob([new Uint8Array(c[d.buffer],d.byteOffset??0,d.byteLength)],{type:f.mimeType})}else if(f.uri!==void 0)r=new Blob([await z(f.uri,e,s)],{type:f.mimeType});else return null;const m={premultiplyAlpha:"none",colorSpaceConversion:"none"};return await pe(await createImageBitmap(r,m),o,m)}catch{return null}}));return{json:a,buffers:c,images:u}}async function pe(e,s,o){const t=Math.max(e.width,e.height);if(!s||t<=s)return e;const n=s/t,a=await createImageBitmap(e,{...o,resizeWidth:Math.max(1,Math.floor(e.width*n)),resizeHeight:Math.max(1,Math.floor(e.height*n)),resizeQuality:"high"});return e.close(),a}const we={SCALAR:1,VEC2:2,VEC3:3,VEC4:4,MAT2:4,MAT3:9,MAT4:16},Ee={5120:1,5121:1,5122:2,5123:2,5125:4,5126:4},q=e=>we[e];function Te(e,s){const o=e.json.accessors[s],t=q(o.type),n=new Float32Array(o.count*t);if(o.bufferView===void 0)return n;const a=e.json.bufferViews[o.bufferView],i=Ee[o.componentType],l=a.byteStride||i*t,c=new DataView(e.buffers[a.buffer],(a.byteOffset??0)+(o.byteOffset??0)),u={5120:r=>c.getInt8(r),5121:r=>c.getUint8(r),5122:r=>c.getInt16(r,true),5123:r=>c.getUint16(r,true),5125:r=>c.getUint32(r,true),5126:r=>c.getFloat32(r,true)}[o.componentType]??(()=>0),f=o.normalized?{5120:127,5121:255,5122:32767,5123:65535}[o.componentType]:void 0;for(let r=0;r<o.count;r++)for(let m=0;m<t;m++){const d=u(r*l+m*i);n[r*t+m]=f?Math.max(d/f,-1):d}return n}const ee=()=>new Float32Array([1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]);function I(e,s){const o=new Float32Array(16);for(let t=0;t<4;t++)for(let n=0;n<4;n++){let a=0;for(let i=0;i<4;i++)a+=e[i*4+n]*s[t*4+i];o[t*4+n]=a}return o}function X([e,s,o],[t,n,a,i],[l,c,u]){const f=t+t,r=n+n,m=a+a,d=t*f,M=t*r,p=t*m,w=n*r,S=n*m,y=a*m,k=i*f,L=i*r,O=i*m;return new Float32Array([(1-(w+y))*l,(M+O)*l,(p-L)*l,0,(M-O)*c,(1-(d+y))*c,(S+k)*c,0,(p+L)*u,(S-k)*u,(1-(d+w))*u,0,e,s,o,1])}const K=e=>X(e,[0,0,0,1],[1,1,1]),xe=e=>X([0,0,0],[0,0,0,1],e);function be([e,s,o]){const t=(n,a)=>{const i=a*Math.PI/180,l=Math.cos(i),c=Math.sin(i),u=ee(),[f,r]=n===0?[1,2]:n===1?[2,0]:[0,1];return u[f*4+f]=l,u[f*4+r]=c,u[r*4+f]=-c,u[r*4+r]=l,u};return I(t(2,o),I(t(1,s),t(0,e)))}function ye(e,s,o,t){const n=1/Math.tan(e/2),a=1/(o-t);return new Float32Array([n/s,0,0,0,0,n,0,0,0,0,(t+o)*a,-1,0,0,2*t*o*a,0])}function Ae(e,s){const o=c=>{const u=Math.hypot(...c)||1;return[c[0]/u,c[1]/u,c[2]/u]},t=(c,u)=>[c[1]*u[2]-c[2]*u[1],c[2]*u[0]-c[0]*u[2],c[0]*u[1]-c[1]*u[0]],n=(c,u)=>c[0]*u[0]+c[1]*u[1]+c[2]*u[2],a=o([e[0]-s[0],e[1]-s[1],e[2]-s[2]]),i=o(t([0,1,0],a)),l=t(a,i);return new Float32Array([i[0],l[0],a[0],0,i[1],l[1],a[1],0,i[2],l[2],a[2],0,-n(i,e),-n(l,e),-n(a,e),1])}function Re(e){const[s,o,t,,n,a,i,,l,c,u]=e,f=a*u-i*c,r=i*l-n*u,m=n*c-a*l,d=s*f+o*r+t*m||1;return new Float32Array([f/d,r/d,m/d,(t*c-o*u)/d,(s*u-t*l)/d,(o*l-s*c)/d,(o*i-t*a)/d,(t*n-s*i)/d,(s*a-o*n)/d])}const Me=()=>({min:[1/0,1/0,1/0],max:[-1/0,-1/0,-1/0]});function _e(e){for(let s=0;s<3;s++){let o=0;for(let t=0;t<3;t++)Math.abs(e[s*4+t])>1e-6&&o++;if(o>1)return false}return true}function Ne(e,s,o,t){const n=s.json.accessors[o];let a;if(_e(t)&&n.min&&n.max&&!n.normalized){const[l,c]=[n.min,n.max];a=Array.from({length:8},(u,f)=>[f&1?c[0]:l[0],f&2?c[1]:l[1],f&4?c[2]:l[2]]).flat()}else a=Te(s,o);const i=t;for(let l=0;l+2<a.length;l+=3){const c=a[l],u=a[l+1],f=a[l+2];for(let r=0;r<3;r++){const m=i[r]*c+i[4+r]*u+i[8+r]*f+i[12+r];m<e.min[r]&&(e.min[r]=m),m>e.max[r]&&(e.max[r]=m)}}return e}const C={normals:1,normalMap:2,unlit:4,mask:8},Y={POSITION:0,NORMAL:1,TEXCOORD_0:2,COLOR_0:3},J=["uBaseTexture","uMetalRoughTexture","uNormalTexture","uOcclusionTexture","uEmissiveTexture"],Se=`#version 300 es
+import{c as ne,F as ae,i as se,M as ie}from"./Connected-C1NtY97-.mjs";import{aJ as ce,bZ as ue}from"./viewer-4EayGlH3.mjs";const le=["KHR_materials_unlit","KHR_materials_ior","KHR_materials_specular","KHR_mesh_quantization"],Q=1179937895,fe=1313821514,de=5130562;function me(e){const s=new DataView(e);if(s.getUint32(0,true)!==Q)throw new Error("This is not a GLB.");if(s.getUint32(4,true)!==2)throw new Error("Only glTF 2.0 is drawn.");let o,t;const n=Math.min(s.getUint32(8,true),e.byteLength);for(let a=12;a+8<=n;){const i=s.getUint32(a,true),l=s.getUint32(a+4,true),c=a+8;l===fe?o=JSON.parse(new TextDecoder().decode(new Uint8Array(e,c,i))):l===de&&(t=e.slice(c,c+i)),a=c+i}if(!o)throw new Error("The GLB has no JSON chunk.");return{json:o,bin:t}}async function z(e,s,o){const t=new URL(e,s).href,n=t.startsWith("data:")?await fetch(t):await ue(o,t);if(!n.ok)throw new Error(`${t} answered ${n.status}`);return n.arrayBuffer()}const $=new WeakMap;function ve(e,s,o){const t=(s==null?void 0:s.fetch)??globalThis.fetch,n=$.get(t)??new Map;$.set(t,n);const a=`${ce(s)} ${o??""} ${e}`;let i=n.get(a);return i||(i=he(e,s,o).finally(()=>n.delete(a)),n.set(a,i)),i}async function he(e,s,o){const t=await z(e,location.href,s),n=new DataView(t).getUint32(0,true)===Q,{json:a,bin:i}=n?me(t):{json:JSON.parse(new TextDecoder().decode(t))},l=(a.extensionsRequired??[]).filter(f=>!le.includes(f));if(l.length)throw new Error(`Clover's renderer cannot draw this model: it requires ${l.join(", ")}.`);const c=await Promise.all((a.buffers??[]).map((f,r)=>{if(f.uri!==void 0)return z(f.uri,e,s);if(r===0&&i)return i;throw new Error("A buffer of the model has no data.")})),u=await Promise.all((a.images??[]).map(async f=>{try{let r;if(f.bufferView!==void 0){const d=a.bufferViews[f.bufferView];r=new Blob([new Uint8Array(c[d.buffer],d.byteOffset??0,d.byteLength)],{type:f.mimeType})}else if(f.uri!==void 0)r=new Blob([await z(f.uri,e,s)],{type:f.mimeType});else return null;const m={premultiplyAlpha:"none",colorSpaceConversion:"none"};return await pe(await createImageBitmap(r,m),o,m)}catch{return null}}));return{json:a,buffers:c,images:u}}async function pe(e,s,o){const t=Math.max(e.width,e.height);if(!s||t<=s)return e;const n=s/t,a=await createImageBitmap(e,{...o,resizeWidth:Math.max(1,Math.floor(e.width*n)),resizeHeight:Math.max(1,Math.floor(e.height*n)),resizeQuality:"high"});return e.close(),a}const we={SCALAR:1,VEC2:2,VEC3:3,VEC4:4,MAT2:4,MAT3:9,MAT4:16},Ee={5120:1,5121:1,5122:2,5123:2,5125:4,5126:4},q=e=>we[e];function Te(e,s){const o=e.json.accessors[s],t=q(o.type),n=new Float32Array(o.count*t);if(o.bufferView===void 0)return n;const a=e.json.bufferViews[o.bufferView],i=Ee[o.componentType],l=a.byteStride||i*t,c=new DataView(e.buffers[a.buffer],(a.byteOffset??0)+(o.byteOffset??0)),u={5120:r=>c.getInt8(r),5121:r=>c.getUint8(r),5122:r=>c.getInt16(r,true),5123:r=>c.getUint16(r,true),5125:r=>c.getUint32(r,true),5126:r=>c.getFloat32(r,true)}[o.componentType]??(()=>0),f=o.normalized?{5120:127,5121:255,5122:32767,5123:65535}[o.componentType]:void 0;for(let r=0;r<o.count;r++)for(let m=0;m<t;m++){const d=u(r*l+m*i);n[r*t+m]=f?Math.max(d/f,-1):d}return n}const ee=()=>new Float32Array([1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]);function I(e,s){const o=new Float32Array(16);for(let t=0;t<4;t++)for(let n=0;n<4;n++){let a=0;for(let i=0;i<4;i++)a+=e[i*4+n]*s[t*4+i];o[t*4+n]=a}return o}function X([e,s,o],[t,n,a,i],[l,c,u]){const f=t+t,r=n+n,m=a+a,d=t*f,M=t*r,p=t*m,w=n*r,S=n*m,y=a*m,k=i*f,L=i*r,O=i*m;return new Float32Array([(1-(w+y))*l,(M+O)*l,(p-L)*l,0,(M-O)*c,(1-(d+y))*c,(S+k)*c,0,(p+L)*u,(S-k)*u,(1-(d+w))*u,0,e,s,o,1])}const K=e=>X(e,[0,0,0,1],[1,1,1]),xe=e=>X([0,0,0],[0,0,0,1],e);function be([e,s,o]){const t=(n,a)=>{const i=a*Math.PI/180,l=Math.cos(i),c=Math.sin(i),u=ee(),[f,r]=n===0?[1,2]:n===1?[2,0]:[0,1];return u[f*4+f]=l,u[f*4+r]=c,u[r*4+f]=-c,u[r*4+r]=l,u};return I(t(2,o),I(t(1,s),t(0,e)))}function ye(e,s,o,t){const n=1/Math.tan(e/2),a=1/(o-t);return new Float32Array([n/s,0,0,0,0,n,0,0,0,0,(t+o)*a,-1,0,0,2*t*o*a,0])}function Ae(e,s){const o=c=>{const u=Math.hypot(...c)||1;return[c[0]/u,c[1]/u,c[2]/u]},t=(c,u)=>[c[1]*u[2]-c[2]*u[1],c[2]*u[0]-c[0]*u[2],c[0]*u[1]-c[1]*u[0]],n=(c,u)=>c[0]*u[0]+c[1]*u[1]+c[2]*u[2],a=o([e[0]-s[0],e[1]-s[1],e[2]-s[2]]),i=o(t([0,1,0],a)),l=t(a,i);return new Float32Array([i[0],l[0],a[0],0,i[1],l[1],a[1],0,i[2],l[2],a[2],0,-n(i,e),-n(l,e),-n(a,e),1])}function Re(e){const[s,o,t,,n,a,i,,l,c,u]=e,f=a*u-i*c,r=i*l-n*u,m=n*c-a*l,d=s*f+o*r+t*m||1;return new Float32Array([f/d,r/d,m/d,(t*c-o*u)/d,(s*u-t*l)/d,(o*l-s*c)/d,(o*i-t*a)/d,(t*n-s*i)/d,(s*a-o*n)/d])}const Me=()=>({min:[1/0,1/0,1/0],max:[-1/0,-1/0,-1/0]});function _e(e){for(let s=0;s<3;s++){let o=0;for(let t=0;t<3;t++)Math.abs(e[s*4+t])>1e-6&&o++;if(o>1)return false}return true}function Ne(e,s,o,t){const n=s.json.accessors[o];let a;if(_e(t)&&n.min&&n.max&&!n.normalized){const[l,c]=[n.min,n.max];a=Array.from({length:8},(u,f)=>[f&1?c[0]:l[0],f&2?c[1]:l[1],f&4?c[2]:l[2]]).flat()}else a=Te(s,o);const i=t;for(let l=0;l+2<a.length;l+=3){const c=a[l],u=a[l+1],f=a[l+2];for(let r=0;r<3;r++){const m=i[r]*c+i[4+r]*u+i[8+r]*f+i[12+r];m<e.min[r]&&(e.min[r]=m),m>e.max[r]&&(e.max[r]=m)}}return e}const C={normals:1,normalMap:2,unlit:4,mask:8},Y={POSITION:0,NORMAL:1,TEXCOORD_0:2,COLOR_0:3},J=["uBaseTexture","uMetalRoughTexture","uNormalTexture","uOcclusionTexture","uEmissiveTexture"],Se=`#version 300 es
 layout(location = 0) in vec3 aPosition;
 layout(location = 1) in vec3 aNormal;
 layout(location = 2) in vec2 aUv;

package/dist/web-components/viewer/{content-state-reader-DL-mMGZi.mjs → content-state-reader-Bmd-lwNd.mjs}

@@ -1 +1 @@
-import{az as l,bv as g}from"./viewer-B7xAOtQD.mjs";function b(t){const e=t.replace(/-/g,"+").replace(/_/g,"/"),n=e+"=".repeat((4-e.length%4)%4),o=atob(n);try{return decodeURIComponent(o)}catch{const a=Uint8Array.from(o,s=>s.charCodeAt(0));return new TextDecoder().decode(a)}}function I(t){const e=t.trim();for(const n of[()=>JSON.parse(e),()=>JSON.parse(b(e))])try{const o=n();if(o&&typeof o=="object")return o}catch{}return null}function v(t){if(!t)return;const e=Number(t.split(",")[0]);return Number.isFinite(e)?e:void 0}const u=t=>l(t==null?void 0:t.partOf).find(e=>(e==null?void 0:e.id)&&e.type==="Collection");function h(t){const e=t.type==="Annotation"?l(t.target):[t],n=e[0]?m(e[0],t):null;if(!n||e.length<2)return n;const o=typeof t.id=="string"?t.id:"content-state",a=e.flatMap((s,d)=>{var y,p,f;const i=d===0?n:m(s,t),r=(i==null?void 0:i.type)==="Manifest"?i.id:i==null?void 0:i.manifestId;return!i||!r?[]:[{id:`${o}#target-${d+1}`,manifestId:r,...((y=i.target)==null?void 0:y.canvasId)&&{canvasId:i.target.canvasId},...((p=i.target)==null?void 0:p.region)&&{region:i.target.region},...((f=i.target)==null?void 0:f.time)!==void 0&&{time:i.target.time}}]});return a.length>1?{...n,targets:{id:o,...t.label&&typeof t.label=="object"?{label:t.label}:{},items:a}}:n}function m(t,e){const n=g(t),o=typeof t=="string"?{id:n.id}:t.type==="SpecificResource"?typeof t.source=="string"?{id:t.source}:t.source??{}:t,a=o.type;if(a==="Manifest"||a==="Collection"){const c=a==="Manifest"?u(o):void 0;return c?{id:c.id,type:"Collection",manifestId:n.id}:{id:n.id,type:a}}const s=l(t.selector).find(c=>(c==null?void 0:c.type)==="PointSelector"&&c.t!=null),d={canvasId:n.id};n.rect&&(d.region=n.rect);const i=(s==null?void 0:s.t)??v(n.t);i!==void 0&&(d.time=Number(i));const r=l(o.partOf).find(c=>(c==null?void 0:c.id)&&(!c.type||c.type==="Manifest")),y=u(r),p=e.type==="Annotation"&&l(e.body).length?{id:e.id??`${n.id}#content-state`,type:"Annotation",motivation:l(e.motivation),body:e.body,target:t}:void 0,f=p?{annotation:p}:{};return y&&r?{id:y.id,type:"Collection",manifestId:r.id,target:d,...f}:r?{id:r.id,type:"Manifest",target:d,...f}:{id:n.id,type:a??"Canvas",target:d,...f}}export{I as decodeContentState,h as resolveContentState};
+import{az as l,bv as g}from"./viewer-4EayGlH3.mjs";function b(t){const e=t.replace(/-/g,"+").replace(/_/g,"/"),n=e+"=".repeat((4-e.length%4)%4),o=atob(n);try{return decodeURIComponent(o)}catch{const a=Uint8Array.from(o,s=>s.charCodeAt(0));return new TextDecoder().decode(a)}}function I(t){const e=t.trim();for(const n of[()=>JSON.parse(e),()=>JSON.parse(b(e))])try{const o=n();if(o&&typeof o=="object")return o}catch{}return null}function v(t){if(!t)return;const e=Number(t.split(",")[0]);return Number.isFinite(e)?e:void 0}const u=t=>l(t==null?void 0:t.partOf).find(e=>(e==null?void 0:e.id)&&e.type==="Collection");function h(t){const e=t.type==="Annotation"?l(t.target):[t],n=e[0]?m(e[0],t):null;if(!n||e.length<2)return n;const o=typeof t.id=="string"?t.id:"content-state",a=e.flatMap((s,d)=>{var y,p,f;const i=d===0?n:m(s,t),r=(i==null?void 0:i.type)==="Manifest"?i.id:i==null?void 0:i.manifestId;return!i||!r?[]:[{id:`${o}#target-${d+1}`,manifestId:r,...((y=i.target)==null?void 0:y.canvasId)&&{canvasId:i.target.canvasId},...((p=i.target)==null?void 0:p.region)&&{region:i.target.region},...((f=i.target)==null?void 0:f.time)!==void 0&&{time:i.target.time}}]});return a.length>1?{...n,targets:{id:o,...t.label&&typeof t.label=="object"?{label:t.label}:{},items:a}}:n}function m(t,e){const n=g(t),o=typeof t=="string"?{id:n.id}:t.type==="SpecificResource"?typeof t.source=="string"?{id:t.source}:t.source??{}:t,a=o.type;if(a==="Manifest"||a==="Collection"){const c=a==="Manifest"?u(o):void 0;return c?{id:c.id,type:"Collection",manifestId:n.id}:{id:n.id,type:a}}const s=l(t.selector).find(c=>(c==null?void 0:c.type)==="PointSelector"&&c.t!=null),d={canvasId:n.id};n.rect&&(d.region=n.rect);const i=(s==null?void 0:s.t)??v(n.t);i!==void 0&&(d.time=Number(i));const r=l(o.partOf).find(c=>(c==null?void 0:c.id)&&(!c.type||c.type==="Manifest")),y=u(r),p=e.type==="Annotation"&&l(e.body).length?{id:e.id??`${n.id}#content-state`,type:"Annotation",motivation:l(e.motivation),body:e.body,target:t}:void 0,f=p?{annotation:p}:{};return y&&r?{id:y.id,type:"Collection",manifestId:r.id,target:d,...f}:r?{id:r.id,type:"Manifest",target:d,...f}:{id:n.id,type:a??"Canvas",target:d,...f}}export{I as decodeContentState,h as resolveContentState};