@performant-software/core-data 2.2.23-beta.2 → 2.2.23-beta.3

package/dist/index.cjs97.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react"),he=require("./index.cjs151.js"),K=require("./index.cjs152.js"),Ze=require("./index.cjs153.js"),fe=require("./index.cjs154.js"),D=require("./index.cjs155.js"),Ue=require("./index.cjs156.js"),I=require("./index.cjs157.js"),W=require("./index.cjs158.js"),Xe=require("./index.cjs159.js"),H=require("./index.cjs160.js"),C=require("./index.cjs161.js"),re=require("./index.cjs162.js"),ve=require("./index.cjs163.js"),xe=require("./index.cjs164.js"),Ye=t=>{const n=t.toString().split(":"),a=Math.ceil(parseInt(n[0])),r=Math.ceil(parseInt(n[1])),i=Je(Math.ceil(parseInt(n[2])),2);let o=`${a!==0&&r<10?(r+"").padStart(2,"0"):r}:${i}`;return a!==0&&(o=`${a}:${o}`),o},be=t=>{const n=new Date(t*1e3).toISOString().substr(11,8);return Ye(n)},Ee=(t,n)=>{if(typeof t!="object"||t===null)return n;for(const a in n)typeof n[a]=="object"&&n[a]!==null&&!Array.isArray(n[a])?(t[a]||(t[a]={}),t[a]=Ee(t[a],n[a])):t[a]=n[a];return t},ye=(t,n)=>Object.hasOwn(t,n)?t[n].toString():void 0,Je=(t,n)=>String(t).padStart(n,"0"),_={background:"transparent",canvasBackgroundColor:"#6662",canvasHeight:"61.8vh",ignoreCaptionLabels:[],informationPanel:{open:!0,renderAbout:!0,renderSupplementing:!0,renderToggle:!0},openSeadragon:{},requestHeaders:{"Content-Type":"application/json"},showIIIFBadge:!0,showTitle:!0,withCredentials:!1};var ie;const q={activeCanvas:"",activeManifest:"",collection:{},configOptions:_,customDisplays:[],informationOpen:(ie=_==null?void 0:_.informationPanel)==null?void 0:ie.open,isLoaded:!1,vault:new he.Vault},we=e.createContext(q),Ce=e.createContext(q);function Ke(t,n){switch(n.type){case"updateActiveCanvas":return n.canvasId||(n.canvasId=""),{...t,activeCanvas:n.canvasId};case"updateActiveManifest":return{...t,activeManifest:n.manifestId};case"updateCollection":return{...t,collection:n.collection};case"updateConfigOptions":return{...t,configOptions:Ee(t.configOptions,n.configOptions)};case"updateInformationOpen":return{...t,informationOpen:n.informationOpen};case"updateIsLoaded":return{...t,isLoaded:n.isLoaded};default:throw new Error(`Unhandled action type: ${n.type}`)}}const Qe=({initialState:t=q,children:n})=>{const[a,r]=e.useReducer(Ke,t);return e.createElement(we.Provider,{value:a},e.createElement(Ce.Provider,{value:r},n))};function S(){const t=e.useContext(we);if(t===void 0)throw new Error("useViewerState must be used within a ViewerProvider");return t}function O(){const t=e.useContext(Ce);if(t===void 0)throw new Error("useViewerDispatch must be used within a ViewerProvider");return t}const ke=(t,n,a,r)=>{var i,o;const s={canvas:void 0,accompanyingCanvas:void 0,annotationPage:void 0,annotations:[]},l=c=>{if(c){if(!c.body||!c.motivation){console.error("Invalid annotation after Hyperion parsing: missing either 'body' or 'motivation'",c);return}let m=c.body;Array.isArray(m)&&(m=m[0]);const u=t.get(m.id);if(!u)return;switch(a){case"painting":return c.target===n.id&&c.motivation&&c.motivation[0]==="painting"&&r.includes(u.type)&&(c.body=u),!!c;case"supplementing":return;default:throw new Error("Invalid annotation motivation.")}}};if(s.canvas=t.get(n),s.canvas&&(s.annotationPage=t.get(s.canvas.items[0]),s.accompanyingCanvas=(i=s.canvas)!=null&&i.accompanyingCanvas?t.get((o=s.canvas)==null?void 0:o.accompanyingCanvas):void 0),s.annotationPage){const c=t.get(s.annotationPage.items).map(u=>({body:t.get(u.body[0].id),motivation:u.motivation,type:"Annotation"})),m=[];c.forEach(u=>{u.body.type==="Choice"?u.body.items.forEach(g=>m.push({...u,id:g.id,body:t.get(g.id)})):m.push(u)}),s.annotations=m.filter(l)}return s},P=(t,n="en")=>{if(!t)return"";if(!t[n]){const a=Object.getOwnPropertyNames(t);if(a.length>0)return t[a[0]]}return t[n]},j=(t,n)=>{const a=ke(t,{id:n,type:"Canvas"},"painting",["Image","Sound","Video"]);if(a.annotations.length!==0&&a.annotations&&a.annotations)return a.annotations.map(r=>r==null?void 0:r.body)},et=(t,n,a)=>{const r=t.get({id:n,type:"Canvas"});if(!(r!=null&&r.annotations)||!r.annotations[0])return[];const i=t.get(r.annotations[0]),o=t.get(i.items);return Array.isArray(o)?o.filter(s=>{var l;if(s.body&&(l=s.motivation)!=null&&l.includes("supplementing")){let c=s.body;Array.isArray(c)&&(c=c[0]);const m=t.get(c.id);if(m.format===a)return s.body=m,s}}).map(s=>s.body):[]},tt=(t,n,a,r)=>{const i=[];if(n.canvas&&n.canvas.thumbnail.length>0){const o=t.get(n.canvas.thumbnail[0]);i.push(o)}if(n.annotations[0]){if(n.annotations[0].thumbnail&&n.annotations[0].thumbnail.length>0){const s=t.get(n.annotations[0].thumbnail[0]);i.push(s)}if(!n.annotations[0].body)return;const o=n.annotations[0].body;o.type==="Image"&&i.push(o)}return i.length===0?void 0:{id:i[0].id,format:i[0].format,type:i[0].type,width:a,height:r}},Z=209,nt={colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:`hsl(${Z} 100% 38.2%)`,accentMuted:`hsl(${Z} 80% 61.8%)`,accentAlt:`hsl(${Z} 80% 30%)`,secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},Q={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:d,css:Aa,keyframes:ee,createTheme:Ma}=fe.createStitches({theme:nt,media:Q}),at=d("div",{display:"flex",flexDirection:"column",alignItems:"center"}),rt=d("p",{fontWeight:"bold",fontSize:"x-large"}),it=d("span",{fontSize:"medium"}),ot=({error:t})=>{const{message:n}=t;return e.createElement(at,{role:"alert"},e.createElement(rt,{"data-testid":"headline"},"Something went wrong"),n&&e.createElement(it,null,`Error message: ${n}`," "))},Se=d("div",{position:"relative",zIndex:"0"}),$e=d("div",{display:"flex",flexDirection:"row",overflow:"hidden","@sm":{flexDirection:"column"}}),Ie=d("div",{display:"flex",flexDirection:"column",flexGrow:"1",flexShrink:"1",width:"61.8%","@sm":{width:"100%"}}),Ae=d(K.Trigger,{display:"none",border:"none",padding:"0",transition:"$all",opacity:"1",background:"#6663",margin:"1rem 0",borderRadius:"6px","&[data-information-panel='false']":{opacity:"0",marginTop:"-59px"},"@sm":{display:"flex","> span":{display:"flex",flexGrow:"1",fontSize:"0.8333em",justifyContent:"center",padding:"0.5rem",fontFamily:"inherit"}}}),Me=d(K.Content,{width:"100%",display:"flex"}),lt=d("aside",{display:"flex",flexGrow:"1",flexShrink:"0",width:"38.2%",maxHeight:"100%","@sm":{width:"100%"}}),st=d("div",{display:"flex",flexDirection:"column",fontSmooth:"auto",webkitFontSmoothing:"antialiased","> div":{display:"flex",flexDirection:"column",flexGrow:"1",justifyContent:"flex-start","@sm":{[`& ${$e}`]:{flexGrow:"1"},[`& ${Ie}`]:{flexGrow:"0"}}},"@sm":{padding:"0"},"&[data-information-panel-open='true']":{"@sm":{position:"fixed",height:"100%",width:"100%",top:"0",left:"0",zIndex:"2500000000",[`& ${Se}`]:{display:"none"},[`& ${Ae}`]:{margin:"1rem"},[`& ${Me}`]:{height:"100%"}}}}),ct=d(D.Root,{display:"flex",flexDirection:"column",width:"100%",height:"100%",flexGrow:"1",flexShrink:"0",position:"relative",zIndex:"1",maskImage:"linear-gradient(180deg, rgba(0, 0, 0, 1) calc(100% - 2rem), transparent 100%)","@sm":{marginTop:"0.5rem",boxShadow:"none"}}),dt=d(D.List,{display:"flex",flexGrow:"0",margin:"0 1.618rem",borderBottom:"4px solid #6663","@sm":{margin:"0 1rem"}}),oe=d(D.Trigger,{display:"flex",position:"relative",padding:"0.5rem 1rem",background:"none",backgroundColor:"transparent",fontFamily:"inherit",border:"none",opacity:"0.7",fontSize:"1rem",marginRight:"1rem",lineHeight:"1rem",whiteSpace:"nowrap",cursor:"pointer",fontWeight:400,transition:"$all","&::after":{width:"0",height:"4px",content:"",position:"absolute",bottom:"-4px",left:"0",transition:"$all"},"&[data-state='active']":{opacity:"1",fontWeight:700,"&::after":{width:"100%",backgroundColor:"$accent"}}}),le=d(D.Content,{display:"flex",flexGrow:"1",flexShrink:"0",position:"absolute",top:"0",left:"0","&[data-state='active']":{width:"100%",height:"calc(100% - 2rem)",padding:"1.618rem 0"}}),mt=d("div",{position:"relative",height:"100%",width:"100%",overflowY:"scroll"}),ut=d("div",{padding:" 0 1.618rem 2rem",display:"flex",flexDirection:"column",overflow:"scroll",position:"absolute",fontWeight:"400",fontSize:"1rem",zIndex:"0",img:{maxWidth:"100px",maxHeight:"100px",objectFit:"contain",color:"transparent",margin:"0 0 1rem",borderRadius:"3px",backgroundColor:"$secondaryMuted"},video:{display:"none"},"a, a:visited":{color:"$accent"},p:{fontSize:"1rem",lineHeight:"1.45em",margin:"0"},dl:{margin:"0",dt:{fontWeight:"700",margin:"1rem 0 0.25rem"},dd:{margin:"0"}},".manifest-property-title":{fontWeight:"700",margin:"1rem 0 0.25rem"},"ul, ol":{padding:"0",margin:"0",li:{fontSize:"1rem",lineHeight:"1.45em",listStyle:"none",margin:"0.25rem 0 0.25rem"}}}),pt=d("div",{position:"relative",width:"100%",height:"100%",zIndex:"0"}),ze=(t,n="none")=>{if(!t)return null;if(typeof t=="string")return[t];if(!t[n]){const a=Object.getOwnPropertyNames(t);if(a.length>0)return t[a[0]]}return!t[n]||!Array.isArray(t[n])?null:t[n]},M=(t,n="none",a=", ")=>{const r=ze(t,n);return Array.isArray(r)?r.join(`${a}`):r};function gt(t){return{__html:ht(t)}}function A(t,n){const a=Object.keys(t).filter(i=>n.includes(i)?null:i),r=new Object;return a.forEach(i=>{r[i]=t[i]}),r}function ht(t){return Ue(t,{allowedAttributes:{a:["href"],img:["alt","src","height","width"]},allowedSchemes:["http","https","mailto"],allowedTags:["a","b","br","i","img","p","small","span","sub","sup"]})}const ft=d("span",{}),T=t=>{const{as:n,label:a}=t,r=A(t,["as","label"]);return e.createElement(ft,{as:n,...r},M(a,r.lang))},vt=(t,n="200,",a="full")=>{Array.isArray(t)&&(t=t[0]);const{id:r,service:i}=t;let o;if(!i)return r;if(Array.isArray(t.service)&&t.service.length>0&&(o=i[0]),o){if(o["@id"])return`${o["@id"]}/${a}/${n}/0/default.jpg`;if(o.id)return`${o.id}/${a}/${n}/0/default.jpg`}},se=d("img",{objectFit:"cover"}),xt=t=>{const n=e.useRef(null),{contentResource:a,altAsLabel:r,region:i="full"}=t;let o;r&&(o=M(r));const s=A(t,["contentResource","altAsLabel"]),{type:l,id:c,width:m=200,height:u=200,duration:g}=a;e.useEffect(()=>{if(!c&&!n.current||["Image"].includes(l)||!c.includes("m3u8"))return;const p=new I.Hls;return n.current&&(p.attachMedia(n.current),p.on(I.Hls.Events.MEDIA_ATTACHED,function(){p.loadSource(c)})),p.on(I.Hls.Events.ERROR,function(f,h){if(h.fatal)switch(h.type){case I.Hls.ErrorTypes.NETWORK_ERROR:console.error(`fatal ${f} network error encountered, try to recover`),p.startLoad();break;case I.Hls.ErrorTypes.MEDIA_ERROR:console.error(`fatal ${f} media error encountered, try to recover`),p.recoverMediaError();break;default:p.destroy();break}}),()=>{p&&(p.detachMedia(),p.destroy())}},[c,l]);const v=e.useCallback(()=>{if(!n.current)return;let p=0,f=30;if(g&&(f=g),!c.split("#t=")&&g&&(p=g*.1),c.split("#t=").pop()){const b=c.split("#t=").pop();b&&(p=parseInt(b.split(",")[0]))}const h=n.current;h.autoplay=!0,h.currentTime=p,setTimeout(()=>v(),f*1e3)},[g,c]);e.useEffect(()=>v(),[v]);const x=vt(a,`${m},${u}`,i);switch(l){case"Image":return e.createElement(se,{as:"img",alt:o,css:{width:m,height:u},key:c,src:x,...s});case"Video":return e.createElement(se,{as:"video",css:{width:m,height:u},disablePictureInPicture:!0,key:c,loop:!0,muted:!0,onPause:v,ref:n,src:c});default:return console.warn(`Resource type: ${l} is not valid or not yet supported in Primitives.`),e.createElement(e.Fragment,null)}},bt=d("a",{}),Et=t=>{const{children:n,homepage:a}=t,r=A(t,["children","homepage"]);return e.createElement(e.Fragment,null,a&&a.map(i=>{const o=M(i.label,r.lang);return e.createElement(bt,{"aria-label":n?o:void 0,href:i.id,key:i.id,...r},n||o)}))},yt={delimiter:", "},te=e.createContext(void 0),Te=()=>{const t=e.useContext(te);if(t===void 0)throw new Error("usePrimitivesContext must be used with a PrimitivesProvider");return t},ne=({children:t,initialState:n=yt})=>{const a=wt(n,"delimiter");return e.createElement(te.Provider,{value:{delimiter:a}},t)},wt=(t,n)=>Object.hasOwn(t,n)?t[n].toString():void 0,Ct=d("span",{}),ce=t=>{const{as:n,markup:a}=t,{delimiter:r}=Te();if(!a)return e.createElement(e.Fragment,null);const i=A(t,["as","markup"]),o=gt(M(a,i.lang,r));return e.createElement(Ct,{as:n,...i,dangerouslySetInnerHTML:o})},Le=t=>e.useContext(te)?e.createElement(ce,{...t}):e.createElement(ne,null,e.createElement(ce,{...t})),kt=({as:t="dd",lang:n,value:a})=>e.createElement(Le,{markup:a,as:t,lang:n}),St=d("span",{}),$t=({as:t="dd",customValueContent:n,lang:a,value:r})=>{var i;const{delimiter:o}=Te(),s=(i=ze(r,a))==null?void 0:i.map(l=>e.cloneElement(n,{value:l}));return e.createElement(St,{as:t,lang:a},s==null?void 0:s.map((l,c)=>[c>0&&`${o}`,e.createElement(e.Fragment,{key:c},l)]))},Re=t=>{var n;const{item:a,lang:r,customValueContent:i}=t,{label:o,value:s}=a,l=(n=M(o))==null?void 0:n.replace(" ","-").toLowerCase();return e.createElement("div",{role:"group","data-label":l},e.createElement(T,{as:"dt",label:o,lang:r}),i?e.createElement($t,{as:"dd",customValueContent:i,value:s,lang:r}):e.createElement(kt,{as:"dd",value:s,lang:r}))};function It(t,n){const a=n.filter(r=>{const{matchingLabel:i}=r,o=Object.keys(r.matchingLabel)[0],s=M(i,o);if(M(t,o)===s)return!0}).map(r=>r.Content);if(Array.isArray(a))return a[0]}const At=d("dl",{}),Mt=t=>{const{as:n,customValueContent:a,metadata:r}=t;if(!Array.isArray(r))return e.createElement(e.Fragment,null);const i=ye(t,"customValueDelimiter"),o=A(t,["as","customValueContent","customValueDelimiter","metadata"]);return e.createElement(ne,{...typeof i=="string"?{initialState:{delimiter:i}}:void 0},r.length>0&&e.createElement(At,{as:n,...o},r.map((s,l)=>{const c=a?It(s.label,a):void 0;return e.createElement(Re,{customValueContent:c,item:s,key:l,lang:o==null?void 0:o.lang})})))};d("li",{});d("ul",{});const zt=d("dl",{}),Tt=t=>{const{as:n,requiredStatement:a}=t;if(!a)return e.createElement(e.Fragment,null);const r=ye(t,"customValueDelimiter"),i=A(t,["as","customValueDelimiter","requiredStatement"]);return e.createElement(ne,{...typeof r=="string"?{initialState:{delimiter:r}}:void 0},e.createElement(zt,{as:n,...i},e.createElement(Re,{item:a,lang:i.lang})))},Lt=d("li",{}),Rt=d("ul",{}),Ft=t=>{const{as:n,seeAlso:a}=t,r=A(t,["as","seeAlso"]);return e.createElement(Rt,{as:n},a&&a.map(i=>{const o=M(i.label,r.lang);return e.createElement(Lt,{key:i.id},e.createElement("a",{href:i.id,...r},o||i.id))}))},Ht=t=>{const{as:n,summary:a}=t,r=A(t,["as","customValueDelimiter","summary"]);return e.createElement(Le,{as:n,markup:a,...r})},Fe=t=>{const{thumbnail:n,region:a}=t,r=A(t,["thumbnail"]);return e.createElement(e.Fragment,null,n&&n.map(i=>e.createElement(xt,{contentResource:i,key:i.id,region:a,...r})))},Ot=({homepage:t})=>(t==null?void 0:t.length)===0?e.createElement(e.Fragment,null):e.createElement(e.Fragment,null,e.createElement("span",{className:"manifest-property-title"},"Homepage"),e.createElement(Et,{homepage:t})),Pt=({id:t,htmlLabel:n,parent:a="manifest"})=>e.createElement(e.Fragment,null,e.createElement("span",{className:"manifest-property-title"},n),e.createElement("a",{href:t,target:"_blank",id:`iiif-${a}-id`},t)),Vt=({metadata:t,parent:n="manifest"})=>t?e.createElement(e.Fragment,null,e.createElement(Mt,{metadata:t,id:`iiif-${n}-metadata`})):e.createElement(e.Fragment,null),Bt=({requiredStatement:t,parent:n="manifest"})=>t?e.createElement(e.Fragment,null,e.createElement(Tt,{requiredStatement:t,id:`iiif-${n}-required-statement`})):e.createElement(e.Fragment,null),jt=({rights:t})=>t?e.createElement(e.Fragment,null,e.createElement("span",{className:"manifest-property-title"},"Rights"),e.createElement("a",{href:t,target:"_blank"},t)):e.createElement(e.Fragment,null),Dt=({seeAlso:t})=>(t==null?void 0:t.length)===0?e.createElement(e.Fragment,null):e.createElement(e.Fragment,null,e.createElement("span",{className:"manifest-property-title"},"See Also"),e.createElement(Ft,{seeAlso:t})),Wt=({summary:t,parent:n="manifest"})=>t?e.createElement(e.Fragment,null,e.createElement(Ht,{summary:t,as:"p",id:`iiif-${n}-summary`})):e.createElement(e.Fragment,null),qt=({label:t,thumbnail:n})=>(n==null?void 0:n.length)===0?e.createElement(e.Fragment,null):e.createElement(e.Fragment,null,e.createElement(Fe,{altAsLabel:t||{none:["resource"]},thumbnail:n,style:{backgroundColor:"#6663",objectFit:"cover"}})),Nt=()=>{const t=S(),{activeManifest:n,vault:a}=t,[r,i]=e.useState(),[o,s]=e.useState([]),[l,c]=e.useState([]),[m,u]=e.useState([]);return e.useEffect(()=>{var g,v,x;const p=a.get(n);i(p),((g=p.homepage)==null?void 0:g.length)>0&&s(a.get(p.homepage)),((v=p.seeAlso)==null?void 0:v.length)>0&&c(a.get(p.seeAlso)),((x=p.thumbnail)==null?void 0:x.length)>0&&u(a.get(p.thumbnail))},[n,a]),r?e.createElement(pt,null,e.createElement(ut,null,e.createElement(qt,{thumbnail:m,label:r.label}),e.createElement(Wt,{summary:r.summary}),e.createElement(Vt,{metadata:r.metadata}),e.createElement(Bt,{requiredStatement:r.requiredStatement}),e.createElement(jt,{rights:r.rights}),e.createElement(Ot,{homepage:o}),e.createElement(Dt,{seeAlso:l}),e.createElement(Pt,{id:r.id,htmlLabel:"IIIF Manifest"}))):e.createElement(e.Fragment,null)},Gt=()=>{function t(i){return i.map(o=>{const s=o.identifier||xe();return{...o,identifier:s}})}function n(i){var o;const s=[],l=[],c=t(i);for(const m of c){for(;l.length>0&&l[l.length-1].end<=m.start;)l.pop();l.length>0?(l[l.length-1].children||(l[l.length-1].children=[]),(o=l[l.length-1].children)==null||o.push(m),l.push(m)):(s.push(m),l.push(m))}return s}function a(i,o=[]){return o.some(s=>i.start>=s.start&&i.end<=s.end)}function r(i=[]){return i.sort((o,s)=>o.start-s.start)}return{addIdentifiersToParsedCues:t,createNestedCues:n,isChild:a,orderCuesByTime:r}},de=ee({from:{transform:"rotate(360deg)"},to:{transform:"rotate(0deg)"}}),_t=d(W.Root,{display:"flex",flexDirection:"column",width:"100%"}),He=d(W.Item,{position:"relative",cursor:"pointer",display:"flex",width:"100%",justifyContent:"space-between",textAlign:"left",margin:"0",padding:"0.5rem 1.618rem",fontFamily:"inherit",lineHeight:"1.25em",fontSize:"1rem",color:"inherit",border:"none",background:"none","@sm":{padding:"0.5rem 1rem",fontSize:"0.8333rem"},"&::before":{content:"",width:"12px",height:"12px",borderRadius:"12px",position:"absolute",backgroundColor:"$primaryMuted",opacity:"0",left:"8px",marginTop:"3px",boxSizing:"content-box","@sm":{content:"unset"}},"&::after":{content:"",width:"4px",height:"6px",position:"absolute",backgroundColor:"$secondary",opacity:"0",clipPath:"polygon(100% 50%, 0 100%, 0 0)",left:"13px",marginTop:"6px",boxSizing:"content-box","@sm":{content:"unset"}},strong:{marginLeft:"1rem"},"&:hover":{color:"$accent","&::before":{backgroundColor:"$accent",opacity:"1"},"&::after":{content:"",width:"4px",height:"6px",position:"absolute",backgroundColor:"$secondary",clipPath:"polygon(100% 50%, 0 100%, 0 0)",opacity:"1"}},"&[aria-checked='true']":{backgroundColor:"#6663","&::before":{content:"",width:"6px",height:"6px",position:"absolute",backgroundColor:"transparent",border:"3px solid $accentMuted",borderRadius:"12px",left:"8px",marginTop:"4px",opacity:"1",animation:"1s linear infinite",animationName:de,boxSizing:"content-box","@sm":{content:"unset"}},"&::after":{content:"",width:"6px",height:"6px",position:"absolute",backgroundColor:"transparent",border:"3px solid $accent",clipPath:"polygon(100% 0, 100% 100%, 0 0)",borderRadius:"12px",left:"8px",marginTop:"4px",opacity:"1",animation:"1.5s linear infinite",animationName:de,boxSizing:"content-box","@sm":{content:"unset"}}}}),Zt=({label:t,start:n,end:a})=>{const[r,i]=e.useState(!1),o=document.getElementById("clover-iiif-video");e.useEffect(()=>(o==null||o.addEventListener("timeupdate",()=>{const{currentTime:l}=o;i(n<=l&&l<a)}),()=>document.removeEventListener("timeupdate",()=>{})),[a,n,o]);const s=()=>{o&&(o.pause(),o.currentTime=n,o.play())};return e.createElement(He,{"aria-checked":r,"data-testid":"information-panel-cue",onClick:s,value:t},t,e.createElement("strong",null,be(n)))},Ut=d("ul",{listStyle:"none",paddingLeft:"1rem",position:"relative","&&:first-child":{paddingLeft:"0"},"& li ul":{[`& ${He}`]:{backgroundColor:"unset","&::before":{content:"none"},"&::after":{content:"none"}}},"&:first-child":{margin:"0 0 1.618rem"}}),Oe=({items:t})=>e.createElement(Ut,null,t.map(n=>{const{text:a,start:r,end:i,children:o,identifier:s}=n;return e.createElement("li",{key:s},e.createElement(Zt,{label:a,start:r,end:i}),o&&e.createElement(Oe,{items:o}))})),Xt=({resource:t})=>{const[n,a]=e.useState([]),{id:r,label:i}=t,{createNestedCues:o,orderCuesByTime:s}=Gt();return e.useEffect(()=>{r&&fetch(r,{headers:{"Content-Type":"text/plain",Accept:"application/json"}}).then(l=>l.text()).then(l=>{const c=Xe.nodeWebvtt.parse(l).cues,m=s(c),u=o(m);a(u)}).catch(l=>console.error(r,l.toString()))},[r]),e.createElement(_t,{"aria-label":`navigate ${P(i,"en")}`},e.createElement(Oe,{items:n}))},Yt=({activeCanvas:t,resources:n})=>{var a;const r=S(),{configOptions:i}=r,{informationPanel:o}=i,[s,l]=e.useState(),c=(o==null?void 0:o.renderAbout)||((a=i==null?void 0:i.informationPanel)==null?void 0:a.renderAbout),m=o==null?void 0:o.renderSupplementing;e.useEffect(()=>{c?l("manifest-about"):n&&(n==null?void 0:n.length)>0&&!c&&l(n[0].id)},[t,c,n]);const u=g=>{l(g)};return n?e.createElement(ct,{"data-testid":"information-panel",defaultValue:s,onValueChange:u,orientation:"horizontal",value:s,className:"clover-viewer-information-panel"},e.createElement(dt,{"aria-label":"select chapter","data-testid":"information-panel-list"},c&&e.createElement(oe,{value:"manifest-about"},"About"),m&&n&&n.map(({id:g,label:v})=>e.createElement(oe,{key:g,value:g},e.createElement(T,{label:v})))),e.createElement(mt,null,c&&e.createElement(le,{value:"manifest-about"},e.createElement(Nt,null)),m&&n&&n.map(g=>e.createElement(le,{key:g.id,value:g.id},e.createElement(Xt,{resource:g}))))):e.createElement(e.Fragment,null)},Pe=d("div",{position:"absolute",right:"1rem",top:"1rem",display:"flex",justifyContent:"flex-end",zIndex:"1"}),Jt=d("input",{flexGrow:"1",border:"none",backgroundColor:"$secondaryMuted",color:"$primary",marginRight:"1rem",height:"2rem",padding:"0 1rem",borderRadius:"2rem",fontFamily:"inherit",fontSize:"1rem",lineHeight:"1rem",boxShadow:"inset 1px 1px 2px #0003","&::placeholder":{color:"$primaryMuted"}}),U=d("button",{display:"flex",background:"none",border:"none",width:"2rem !important",height:"2rem !important",padding:"0",margin:"0",fontWeight:"700",borderRadius:"2rem",backgroundColor:"$accent",color:"$secondary",cursor:"pointer",boxSizing:"content-box !important",transition:"$all",svg:{height:"60%",width:"60%",padding:"20%",fill:"$secondary",stroke:"$secondary",opacity:"1",filter:"drop-shadow(5px 5px 5px #000D)",boxSizing:"inherit",transition:"$all"},"&:disabled":{backgroundColor:"transparent",boxShadow:"none",svg:{opacity:"0.25"}}}),Kt=d("div",{display:"flex",marginRight:"0.618rem",backgroundColor:"$accentAlt",borderRadius:"2rem",boxShadow:"5px 5px 5px #0003",color:"$secondary",alignItems:"center","> span":{display:"flex",margin:"0 0.5rem",fontSize:"0.7222rem"}}),Qt=d("div",{display:"flex",position:"relative",zIndex:"1",width:"100%",padding:"0",transition:"$all",variants:{isToggle:{true:{paddingTop:"2.618rem",[`& ${Pe}`]:{width:"calc(100% - 2rem)","@sm":{width:"calc(100% - 2rem)"}}}}}}),en=(t,n)=>{e.useEffect(()=>{function a(r){r.key===t&&n()}return window.addEventListener("keyup",a),()=>window.removeEventListener("keyup",a)},[])},tn=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("title",null,"Arrow Back"),e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M244 400L100 256l144-144M120 256h292"})),nn=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("title",null,"Arrow Forward"),e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M268 112l144 144-144 144M392 256H100"})),an=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("title",null,"Close"),e.createElement("path",{d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"})),rn=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("title",null,"Search"),e.createElement("path",{d:"M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z"})),on=({handleCanvasToggle:t,handleFilter:n,activeIndex:a,canvasLength:r})=>{const[i,o]=e.useState(!1),[s,l]=e.useState(!1),[c,m]=e.useState(!1);e.useEffect(()=>{m(a===0),a===r-1?l(!0):l(!1)},[a,r]),en("Escape",()=>{o(!1),n("")});const u=()=>{o(v=>!v),n("")},g=v=>n(v.target.value);return e.createElement(Qt,{isToggle:i},e.createElement(Pe,null,i&&e.createElement(Jt,{autoFocus:!0,onChange:g,placeholder:"Search"}),!i&&e.createElement(Kt,null,e.createElement(U,{onClick:()=>t(-1),disabled:c,type:"button"},e.createElement(tn,null)),e.createElement("span",null,a+1," of ",r),e.createElement(U,{onClick:()=>t(1),disabled:s,type:"button"},e.createElement(nn,null))),e.createElement(U,{onClick:u,type:"button"},i?e.createElement(an,null):e.createElement(rn,null))))},ln=d(W.Root,{display:"flex",flexDirection:"row",flexGrow:"1",padding:"1.618rem",overflowX:"scroll",position:"relative",zIndex:"0"}),sn=()=>e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"32",d:"M256 112v288M400 256H112"}),cn=()=>e.createElement(e.Fragment,null,e.createElement("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 24zm-106.18-80zm-.27-159.86zM320 336a16 16 0 01-14.29-23.19c9.49-18.87 14.3-38 14.3-56.81 0-19.38-4.66-37.94-14.25-56.73a16 16 0 0128.5-14.54C346.19 208.12 352 231.44 352 256c0 23.86-6 47.81-17.7 71.19A16 16 0 01320 336z"}),e.createElement("path",{d:"M368 384a16 16 0 01-13.86-24C373.05 327.09 384 299.51 384 256c0-44.17-10.93-71.56-29.82-103.94a16 16 0 0127.64-16.12C402.92 172.11 416 204.81 416 256c0 50.43-13.06 83.29-34.13 120a16 16 0 01-13.87 8z"}),e.createElement("path",{d:"M416 432a16 16 0 01-13.39-24.74C429.85 365.47 448 323.76 448 256c0-66.5-18.18-108.62-45.49-151.39a16 16 0 1127-17.22C459.81 134.89 480 181.74 480 256c0 64.75-14.66 113.63-50.6 168.74A16 16 0 01416 432z"})),dn=()=>e.createElement("path",{d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}),mn=()=>e.createElement("path",{d:"M416 64H96a64.07 64.07 0 00-64 64v256a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64V128a64.07 64.07 0 00-64-64zm-80 64a48 48 0 11-48 48 48.05 48.05 0 0148-48zM96 416a32 32 0 01-32-32v-67.63l94.84-84.3a48.06 48.06 0 0165.8 1.9l64.95 64.81L172.37 416zm352-32a32 32 0 01-32 32H217.63l121.42-121.42a47.72 47.72 0 0161.64-.16L448 333.84z"}),un=()=>e.createElement("path",{d:"M464 384.39a32 32 0 01-13-2.77 15.77 15.77 0 01-2.71-1.54l-82.71-58.22A32 32 0 01352 295.7v-79.4a32 32 0 0113.58-26.16l82.71-58.22a15.77 15.77 0 012.71-1.54 32 32 0 0145 29.24v192.76a32 32 0 01-32 32zM268 400H84a68.07 68.07 0 01-68-68V180a68.07 68.07 0 0168-68h184.48A67.6 67.6 0 01336 179.52V332a68.07 68.07 0 01-68 68z"}),Ve=d("svg",{display:"inline-flex",variants:{isLarge:{true:{height:"4rem",width:"4rem"}},isMedium:{true:{height:"2rem",width:"2rem"}},isSmall:{true:{height:"1rem",width:"1rem"}}}}),pn=({children:t})=>e.createElement("title",null,t),k=t=>e.createElement(Ve,{...t,"data-testid":"icon-svg",role:"img",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},t.children);k.Title=pn;k.Add=sn;k.Audio=cn;k.Close=dn;k.Image=mn;k.Video=un;const gn=ee({"0%":{opacity:0,transform:"translateY(1rem)"},"100%":{opacity:1,transform:"translateY(0)"}}),hn=ee({"0%":{opacity:0,transform:"translateY(1rem)"},"100%":{opacity:1,transform:"translateY(0)"}}),Be=d(H.Arrow,{fill:"$secondaryAlt"}),fn=d(H.Close,{position:"absolute",right:"0",top:"0",padding:"0.5rem",margin:"0",cursor:"pointer",border:"none",background:"none",fill:"inherit","&:hover":{opacity:"0.75"}}),vn=d(H.Content,{border:"none",backgroundColor:"white",fill:"inhrerit",padding:"1rem 2rem 1rem 1rem",width:"auto",minWidth:"200px",maxWidth:"350px",borderRadius:"3px",boxShadow:"5px 5px 13px #0002",animationDuration:"0.3s",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",'&[data-side="top"]':{animationName:hn},'&[data-side="bottom"]':{animationName:gn},'&[data-align="end"]':{[`& ${Be}`]:{margin:"0 0.7rem"}}}),xn=d(H.Trigger,{display:"inline-flex",padding:"0.5rem 0",margin:"0 0.5rem 0 0",cursor:"pointer",border:"none",background:"none","> button, > span":{margin:"0"}}),bn=d(H.Root,{boxSizing:"content-box"}),En=t=>e.createElement(xn,{...t},t.children),yn=t=>e.createElement(vn,{...t},e.createElement(Be,null),e.createElement(fn,null,e.createElement(k,{isSmall:!0},e.createElement(k.Close,null))),t.children),V=({children:t})=>e.createElement(bn,null,t);V.Trigger=En;V.Content=yn;const Y=d("div",{boxSizing:"border-box",display:"inline-flex",alignItems:"center",borderRadius:"5px",padding:"$1",marginBottom:"$2",marginRight:"$2",backgroundColor:"$lightGrey",color:"$richBlack50",textTransform:"uppercase",fontSize:"$2",objectFit:"contain",lineHeight:"1em !important","&:last-child":{marginRight:"0"},[`${Ve}`]:{position:"absolute",left:"$1",height:"$3",width:"$3"},variants:{isIcon:{true:{position:"relative",paddingLeft:"$5"}}}}),J=d("span",{display:"flex"}),wn=d("span",{display:"flex",width:"1.2111rem",height:"0.7222rem"}),Cn=d("span",{display:"inline-flex",marginLeft:"5px",marginBottom:"-1px"}),kn=d(W.Item,{display:"flex",flexShrink:"0",margin:"0 1.618rem 0 0",padding:"0",cursor:"pointer",background:"none",border:"none",fontFamily:"inherit",lineHeight:"1.25em",fontSize:"1rem",textAlign:"left","&:last-child":{marginRight:"1rem"},figure:{margin:"0",width:"161.8px","> div":{position:"relative",display:"flex",backgroundColor:"$secondaryAlt",width:"inherit",height:"100px",overflow:"hidden",borderRadius:"3px",transition:"$all",img:{width:"100%",height:"100%",objectFit:"cover",filter:"blur(0)",transform:"scale3d(1, 1, 1)",transition:"$all",color:"transparent"},[`& ${J}`]:{position:"absolute",right:"0",bottom:"0",[`& ${Y}`]:{margin:"0",paddingLeft:"0",fontSize:"0.7222rem",backgroundColor:"#000d",color:"$secondary",fill:"$secondary",borderBottomLeftRadius:"0",borderTopRightRadius:"0"}}},figcaption:{marginTop:"0.5rem",fontWeight:"400",fontSize:"0.8333rem",display:"-webkit-box",overflow:"hidden",MozBoxOrient:"vertical",WebkitBoxOrient:"vertical",WebkitLineClamp:"5","@sm":{fontSize:"0.8333rem"}}},"&[aria-checked='true']":{figure:{"> div":{backgroundColor:"$primaryAlt","&::before":{position:"absolute",zIndex:"1",color:"$secondaryMuted",content:"Active Item",textTransform:"uppercase",fontWeight:"700",fontSize:"0.6111rem",letterSpacing:"0.03rem",display:"flex",width:"100%",height:"100%",flexDirection:"column",justifyContent:"center",textAlign:"center",textShadow:"5px 5px 5px #0003"},img:{opacity:"0.3",transform:"scale3d(1.1, 1.1, 1.1)",filter:"blur(2px)"},[`& ${J}`]:{[`& ${Y}`]:{backgroundColor:"$accent"}}}},figcaption:{fontWeight:"700"}}}),Sn=({type:t})=>{switch(t){case"Sound":return e.createElement(k.Audio,null);case"Image":return e.createElement(k.Image,null);case"Video":return e.createElement(k.Video,null);default:return e.createElement(k.Image,null)}},$n=({canvas:t,canvasIndex:n,isActive:a,thumbnail:r,type:i,handleChange:o})=>e.createElement(kn,{"aria-checked":a,"data-testid":"media-thumbnail","data-canvas":n,onClick:()=>o(t.id),value:t.id},e.createElement("figure",null,e.createElement("div",null,(r==null?void 0:r.id)&&e.createElement("img",{src:r.id,alt:t!=null&&t.label?P(t.label):""}),e.createElement(J,null,e.createElement(Y,{isIcon:!0,"data-testid":"thumbnail-tag"},e.createElement(wn,null),e.createElement(k,{"aria-label":i},e.createElement(Sn,{type:i})),["Video","Sound"].includes(i)&&e.createElement(Cn,null,be(t.duration))))),(t==null?void 0:t.label)&&e.createElement("figcaption",{"data-testid":"fig-caption"},e.createElement(T,{label:t.label})))),In=t=>t.body?t.body.type:"Image",An=({items:t})=>{const n=O(),a=S(),{activeCanvas:r,vault:i}=a,[o,s]=e.useState(""),[l,c]=e.useState([]),[m,u]=e.useState(0),g=e.useRef(null),v="painting",x=h=>{r!==h&&n({type:"updateActiveCanvas",canvasId:h})};e.useEffect(()=>{if(!l.length){const h=["Image","Sound","Video"],b=t.map(E=>ke(i,E,v,h)).filter(E=>E.annotations.length>0);c(b)}},[t,l.length,i]),e.useEffect(()=>{l.forEach((h,b)=>{h!=null&&h.canvas&&h.canvas.id===r&&u(b)})},[r,l]),e.useEffect(()=>{const h=document.querySelector(`[data-canvas="${m}"]`);if(h instanceof HTMLElement&&g.current){const b=h.offsetLeft-g.current.offsetWidth/2+h.offsetWidth/2;g.current.scrollTo({left:b,behavior:"smooth"})}},[m]);const p=h=>s(h),f=h=>{const b=l[m+h];b!=null&&b.canvas&&x(b.canvas.id)};return e.createElement(e.Fragment,null,e.createElement(on,{handleFilter:p,handleCanvasToggle:f,activeIndex:m,canvasLength:l.length}),e.createElement(ln,{"aria-label":"select item","data-testid":"media",ref:g},l.filter(h=>{var b;if((b=h.canvas)!=null&&b.label){const E=P(h.canvas.label);if(Array.isArray(E))return E[0].toLowerCase().includes(o.toLowerCase())}}).map((h,b)=>{var E,y;return e.createElement($n,{canvas:h.canvas,canvasIndex:b,handleChange:x,isActive:r===((E=h==null?void 0:h.canvas)==null?void 0:E.id),key:(y=h==null?void 0:h.canvas)==null?void 0:y.id,thumbnail:tt(i,h,200,200),type:In(h.annotations[0])})})))},je=d("button",{background:"none",border:"none",cursor:"zoom-in",width:"100%",height:"100%",margin:"0",padding:"0",transition:"$all","& img":{width:"100%",height:"100%",objectFit:"contain",color:"transparent",transition:"$all"},variants:{isMedia:{true:{cursor:"pointer"}}}}),De=d("button",{display:"flex",height:"2rem",width:"2rem",borderRadius:"2rem",padding:"0",margin:"0",fontFamily:"inherit",background:"none",border:"none",color:"white",cursor:"pointer",marginLeft:"0.618rem",backgroundColor:"$primary",filter:"drop-shadow(2px 2px 5px #0003)",transition:"$all",boxSizing:"content-box !important","&:first-child":{marginLeft:"0"},"@xs":{marginBottom:"0.618rem",marginLeft:"0","&:last-child":{marginBottom:"0"}},svg:{height:"60%",width:"60%",padding:"20%",fill:"$secondary",stroke:"$secondary",filter:"drop-shadow(2px 2px 5px #0003)",transition:"$all",boxSizing:"inherit"},"&:hover, &:focus":{backgroundColor:"$accent"},"&#rotateRight":{"&:hover, &:focus":{svg:{rotate:"45deg"}}},"&#rotateLeft":{transform:"scaleX(-1)","&:hover, &:focus":{svg:{rotate:"45deg"}}},"&#reset":{"&:hover, &:focus":{svg:{rotate:"-15deg"}}}}),We=d(De,{position:"absolute",width:"2rem",top:"1rem",right:"1rem",zIndex:100,display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center",transition:"$all",borderRadius:"50%",backgroundColor:"$accent",cursor:"pointer","&:hover, &:focus":{backgroundColor:"$accent !important"},variants:{isInteractive:{true:{"&:hover":{opacity:"1"}},false:{}},isMedia:{true:{cursor:"pointer !important"}}},compoundVariants:[{isInteractive:!1,isMedia:!0,css:{top:"50%",right:"50%",width:"4rem",height:"4rem",transform:"translate(50%,-50%)"}}]}),Mn=d("div",{position:"relative",zIndex:"0",display:"flex",flexDirection:"column",gap:"1rem","&:hover":{[`${We}`]:{backgroundColor:"$accent"},[`${je}`]:{backgroundColor:"#6662",img:{filter:"brightness(0.85)"}}}}),zn=d("div",{}),Tn=d("svg",{height:"19px",color:"$accent",fill:"$accent",stroke:"$accent",display:"flex",margin:"0.25rem 0.85rem"}),Ln=d(C.Trigger,{fontSize:"1.25rem",fontWeight:"400",fontFamily:"inherit",alignSelf:"flex-start",flexGrow:"1",cursor:"pointer",transition:"$all",border:"1px solid #6663",boxShadow:"2px 2px 5px #0001",borderRadius:"3px",display:"flex",alignItems:"center",paddingLeft:"0.5rem",width:"100%","@sm":{fontSize:"1rem"}}),Rn=d(C.Content,{borderRadius:"3px",boxShadow:"3px 3px 8px #0003",backgroundColor:"$secondary",marginTop:"2.25rem",marginLeft:"6px",paddingBottom:"0.25rem",maxHeight:"calc(61.8vh - 2.5rem) !important",borderTopLeftRadius:"0",border:"1px solid $secondaryMuted",maxWidth:"90vw"}),Fn=d(C.Item,{display:"flex",alignItems:"center",fontFamily:"inherit",padding:"0.25rem 0.5rem",color:"$primary",fontWeight:"400",fontSize:"0.8333rem",cursor:"pointer",backgroundColor:"$secondary",width:"calc(100% - 1rem)","> span":{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},'&[data-state="checked"]':{fontWeight:"700",color:"$primary !important"},"&:hover":{color:"$accent"},img:{width:"31px",height:"31px",marginRight:"0.5rem",borderRadius:"3px"}}),Hn=d(C.Label,{color:"$primaryMuted",fontFamily:"inherit",fontSize:"0.85rem",padding:"0.5rem 1rem 0.5rem 0.5rem",display:"flex",alignItems:"center",marginBottom:"0.25rem",borderRadius:"3px",borderTopLeftRadius:"0",borderBottomLeftRadius:"0",borderBottomRightRadius:"0",backgroundColor:"$secondaryMuted"}),qe=d(C.Root,{position:"relative",zIndex:"5",width:"100%"}),X=({direction:t,title:n})=>{const a=()=>e.createElement("path",{d:"M414 321.94L274.22 158.82a24 24 0 00-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z"}),r=()=>e.createElement("path",{d:"M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z"});return e.createElement(Tn,{xmlns:"http://www.w3.org/2000/svg",focusable:"false",viewBox:"0 0 512 512",role:"img"},e.createElement("title",null,n),t==="up"&&e.createElement(a,null),t==="down"&&e.createElement(r,null))},Ne=({children:t,label:n,maxHeight:a,onValueChange:r,value:i})=>e.createElement(qe,{onValueChange:r,value:i},e.createElement(Ln,{"data-testid":"select-button"},e.createElement(C.SelectValue,{"data-testid":"select-button-value"}),e.createElement(C.SelectIcon,null,e.createElement(X,{direction:"down",title:"select"}))),e.createElement(C.SelectPortal,null,e.createElement(Rn,{css:{maxHeight:`${a} !important`},"data-testid":"select-content"},e.createElement(C.SelectScrollUpButton,null,e.createElement(X,{direction:"up",title:"scroll up for more"})),e.createElement(C.SelectViewport,null,e.createElement(C.SelectGroup,null,n&&e.createElement(Hn,null,e.createElement(T,{"data-testid":"select-label",label:n})),t)),e.createElement(C.SelectScrollDownButton,null,e.createElement(X,{direction:"down",title:"scroll down for more"}))))),Ge=t=>e.createElement(Fn,{...t},t.thumbnail&&e.createElement(Fe,{thumbnail:t.thumbnail}),e.createElement(C.SelectItemText,null,e.createElement(T,{label:t.label})),e.createElement(C.SelectItemIndicator,null)),On=d("div",{position:"absolute !important",zIndex:"1",top:"1rem",left:"1rem",width:"161.8px",height:"100px",backgroundColor:"#000D",boxShadow:"5px 5px 5px #0002",borderRadius:"3px",".displayregion":{border:" 3px solid $accent !important",boxShadow:"0 0 3px #0006"},"@sm":{width:"123px",height:"76px"},"@xs":{width:"100px",height:"61.8px"}}),Pn=d("div",{position:"relative",width:"100%",height:"100%",zIndex:"0"}),Vn=d("div",{width:"100%",height:"61.8vh",maxHeight:"100vh",background:"black",backgroundSize:"contain",color:"white",position:"relative",zIndex:"1",overflow:"hidden"}),z=({id:t,label:n,children:a})=>e.createElement(De,{id:t,"data-testid":"openseadragon-button"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-labelledby":`${t}-svg-title`,"data-testid":"openseadragon-button-svg",focusable:"false",viewBox:"0 0 512 512",role:"img"},e.createElement("title",{id:`${t}-svg-title`},n),a)),Bn=d("div",{position:"absolute",zIndex:"1",top:"1rem",display:"flex","@xs":{flexDirection:"column",zIndex:"2"},variants:{hasPlaceholder:{true:{right:"3.618rem","@xs":{top:"3.618rem",right:"1rem"}},false:{right:"1rem","@xs":{top:"1rem",right:"1rem"}}}}}),jn=()=>e.createElement("path",{strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M256 112v288M400 256H112"}),Dn=()=>e.createElement("path",{strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M400 256H112"}),Wn=()=>e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"32",d:"M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304"}),qn=()=>e.createElement("path",{d:"M448 440a16 16 0 01-12.61-6.15c-22.86-29.27-44.07-51.86-73.32-67C335 352.88 301 345.59 256 344.23V424a16 16 0 01-27 11.57l-176-168a16 16 0 010-23.14l176-168A16 16 0 01256 88v80.36c74.14 3.41 129.38 30.91 164.35 81.87C449.32 292.44 464 350.9 464 424a16 16 0 01-16 16z"}),me=()=>e.createElement(e.Fragment,null,e.createElement("path",{fill:"none",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128"}),e.createElement("path",{d:"M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z"})),Nn=({hasPlaceholder:t,options:n})=>e.createElement(Bn,{"data-testid":"openseadragon-controls",hasPlaceholder:t,id:"openseadragon-controls"},n.showZoomControl&&e.createElement(e.Fragment,null,e.createElement(z,{id:"zoomIn",label:"zoom in"},e.createElement(jn,null)),e.createElement(z,{id:"zoomOut",label:"zoom out"},e.createElement(Dn,null))),n.showFullPageControl&&e.createElement(z,{id:"fullPage",label:"full page"},e.createElement(Wn,null)),n.showRotationControl&&e.createElement(e.Fragment,null,e.createElement(z,{id:"rotateRight",label:"rotate right"},e.createElement(me,null)),e.createElement(z,{id:"rotateLeft",label:"rotate left"},e.createElement(me,null))),n.showHomeControl&&e.createElement(z,{id:"reset",label:"reset"},e.createElement(qn,null))),Gn=t=>fetch(`${t.replace(/\/$/,"")}/info.json`).then(n=>n.json()).then(n=>n).catch(n=>{console.error(`The IIIF tilesource ${t.replace(/\/$/,"")}/info.json failed to load: ${n}`)}),_n=t=>{let n,a;if(Array.isArray(t)&&(n=t[0],n)){let r;"@id"in n?r=n["@id"]:r=n.id,a=r}return a},Zn=({uri:t,hasPlaceholder:n,imageType:a})=>{const[r,i]=e.useState(),[o,s]=e.useState(),l=S(),{configOptions:c}=l,m={id:`openseadragon-viewport-${o}`,loadTilesWithAjax:!0,fullPageButton:"fullPage",homeButton:"reset",rotateLeftButton:"rotateLeft",rotateRightButton:"rotateRight",zoomInButton:"zoomIn",zoomOutButton:"zoomOut",showNavigator:!0,showFullPageControl:!0,showHomeControl:!0,showRotationControl:!0,showZoomControl:!0,navigatorBorderColor:"transparent",navigatorId:`openseadragon-navigator-${o}`,gestureSettingsMouse:{clickToZoom:!0,dblClickToZoom:!0,pinchToZoom:!0,scrollToZoom:!0},...c.openSeadragon,ajaxWithCredentials:c.withCredentials};return e.useEffect(()=>{t!==r&&(i(t),s(xe()))},[r,t]),e.useEffect(()=>{if(r)switch(a){case"simpleImage":re(m).addSimpleImage({url:r});break;case"tiledImage":Gn(r).then(u=>re(m).addTiledImage({tileSource:u}));break;default:console.warn(`Unable to render ${r} in OpenSeadragon as type: "${a}"`);break}},[r]),o?e.createElement(Vn,{css:{backgroundColor:c.canvasBackgroundColor,height:c.canvasHeight},className:"clover-viewer-osd-wrapper","data-testid":"clover-viewer-osd-wrapper"},e.createElement(Nn,{hasPlaceholder:n,options:m}),e.createElement(On,{id:`openseadragon-navigator-${o}`}),e.createElement(Pn,{id:`openseadragon-viewport-${o}`})):null},Un=({painting:t,hasPlaceholder:n})=>{const[a,r]=e.useState(),[i,o]=e.useState();return e.useEffect(()=>{Array.isArray(t==null?void 0:t.service)&&(t==null?void 0:t.service.length)>0?(r("tiledImage"),o(_n(t==null?void 0:t.service))):(r("simpleImage"),o(t==null?void 0:t.id))},[t]),e.createElement(Zn,{uri:i,key:i,hasPlaceholder:n,imageType:a})},Xn=({isMedia:t,label:n,placeholderCanvas:a,setIsInteractive:r})=>{const{vault:i}=S(),o=j(i,a),s=o?o[0]:void 0,l=n?P(n):["placeholder image"];return e.createElement(je,{onClick:()=>r(!0),isMedia:t,className:"clover-viewer-placeholder"},e.createElement("img",{src:(s==null?void 0:s.id)||"",alt:l.join(),height:s==null?void 0:s.height,width:s==null?void 0:s.width}))},Yn=d("canvas",{position:"absolute",width:"100%",height:"100%",zIndex:"0"}),Jn=e.forwardRef((t,n)=>{const a=e.useRef(null),r=e.useCallback(()=>{var o,s;if((o=n.current)!=null&&o.currentTime&&((s=n.current)==null?void 0:s.currentTime)>0)return;const l=n.current;if(!l)return;const c=new AudioContext,m=c.createMediaElementSource(l),u=c.createAnalyser(),g=a.current;if(!g)return;g.width=l.offsetWidth,g.height=l.offsetHeight;const v=g.getContext("2d");m.connect(u),u.connect(c.destination),u.fftSize=256;const x=u.frequencyBinCount,p=new Uint8Array(x);setInterval(function(){i(u,v,x,p,g.width,g.height)},20)},[n]);e.useEffect(()=>{!n||!n.current||(n.current.onplay=r)},[r,n]);function i(o,s,l,c,m,u){const g=m/l*2.6;let v,x=0;o.getByteFrequencyData(c),s.fillStyle="#000000",s.fillRect(0,0,m,u);for(let p=0;p<l;p++)v=c[p]*2,s.fillStyle="rgba(78, 42, 132, 1)",s.fillRect(x,u-v,g,v),x+=g+6}return e.createElement(Yn,{ref:a,role:"presentation"})}),Kn=d("div",{position:"relative",backgroundColor:"$primaryAlt",display:"flex",flexGrow:"0",flexShrink:"1",maxHeight:"500px",zIndex:"1",video:{backgroundColor:"transparent",objectFit:"contain",width:"100%",height:"100%",position:"relative",zIndex:"1"}}),Qn=({resource:t,ignoreCaptionLabels:n})=>{const a=P(t.label,"en");return Array.isArray(a)&&a.some(r=>n.includes(r))?null:e.createElement("track",{key:t.id,src:t.id,label:Array.isArray(a)?a[0]:a,srcLang:"en","data-testid":"player-track"})},ea=({allSources:t,resources:n,painting:a})=>{const[r,i]=e.useState(0),[o,s]=e.useState(),l=e.useRef(null),c=(a==null?void 0:a.type)==="Sound",m=S(),{activeCanvas:u,configOptions:g,vault:v}=m;return e.useEffect(()=>{if(!a.id||!l.current)return;if(l!=null&&l.current){const f=l.current;f.src=a.id,f.load()}if(a.id.split(".").pop()!=="m3u8")return;const x={xhrSetup:function(f,h){f.withCredentials=!!g.withCredentials}},p=new I.Hls(x);return p.attachMedia(l.current),p.on(I.Hls.Events.MEDIA_ATTACHED,function(){p.loadSource(a.id)}),p.on(I.Hls.Events.ERROR,function(f,h){if(h.fatal)switch(h.type){case I.Hls.ErrorTypes.NETWORK_ERROR:console.error(`fatal ${f} network error encountered, try to recover`),p.startLoad();break;case I.Hls.ErrorTypes.MEDIA_ERROR:console.error(`fatal ${f} media error encountered, try to recover`),p.recoverMediaError();break;default:p.destroy();break}}),()=>{if(p&&l.current){const f=l.current;p.detachMedia(),p.destroy(),f.currentTime=0}}},[g.withCredentials,a.id]),e.useEffect(()=>{var x,p,f,h;const b=v.get(u),E=(x=b.accompanyingCanvas)!=null&&x.id?j(v,(p=b.accompanyingCanvas)==null?void 0:p.id):null,y=(f=b.placeholderCanvas)!=null&&f.id?j(v,(h=b.placeholderCanvas)==null?void 0:h.id):null;E&&y?s(r===0?y[0].id:E[0].id):(E&&s(E[0].id),y&&s(y[0].id))},[u,r,v]),e.useEffect(()=>{if(l!=null&&l.current){const x=l.current;return x==null||x.addEventListener("timeupdate",()=>i(x.currentTime)),()=>document.removeEventListener("timeupdate",()=>{})}},[]),e.createElement(Kn,{css:{backgroundColor:g.canvasBackgroundColor,maxHeight:g.canvasHeight,position:"relative"},"data-testid":"player-wrapper",className:"clover-viewer-player-wrapper"},e.createElement("video",{id:"clover-iiif-video",key:a.id,ref:l,controls:!0,height:a.height,width:a.width,crossOrigin:"anonymous",poster:o,style:{maxHeight:g.canvasHeight,position:"relative",zIndex:"1"}},t.map(x=>e.createElement("source",{src:x.id,type:x.format,key:x.id})),n.length>0&&n.map(x=>e.createElement(Qn,{resource:x,ignoreCaptionLabels:g.ignoreCaptionLabels||[],key:x.id})),"Sorry, your browser doesn't support embedded videos."),c&&e.createElement(Jn,{ref:l}))},ta=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"close-svg-title",focusable:"false",viewBox:"0 0 512 512",role:"img"},e.createElement("title",{id:"close-svg-title"},"close"),e.createElement("path",{d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"})),na=({isMedia:t})=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"open-svg-title",focusable:"false",viewBox:"0 0 512 512",role:"img"},e.createElement("title",{id:"open-svg-title"},"open"),t?e.createElement("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 61l-247.89 148.4A35.5 35.5 0 01133 440z"}):e.createElement(e.Fragment,null,e.createElement("path",{d:"m456.69,421.39l-94.09-94.09c22.65-30.16,34.88-66.86,34.84-104.58,0-96.34-78.38-174.72-174.72-174.72S48,126.38,48,222.72s78.38,174.72,174.72,174.72c37.72.04,74.42-12.19,104.58-34.84l94.09,94.09c10.29,9.2,26.1,8.32,35.3-1.98,8.48-9.49,8.48-23.83,0-33.32Zm-233.97-73.87c-68.89-.08-124.72-55.91-124.8-124.8h0c0-68.93,55.87-124.8,124.8-124.8s124.8,55.87,124.8,124.8-55.87,124.8-124.8,124.8Z"}),e.createElement("path",{d:"m279.5,197.76h-3.35s-28.47,0-28.47,0v-31.82c-.77-13.79-12.57-24.33-26.36-23.56-12.71.71-22.85,10.86-23.56,23.56v3.35h0v28.47h-31.82c-13.79.77-24.33,12.57-23.56,26.36.71,12.71,10.86,22.85,23.56,23.56h3.35s28.47,0,28.47,0v31.82c.77,13.79,12.57,24.33,26.36,23.56,12.71-.71,22.85-10.86,23.56-23.56v-3.35h0v-28.47h31.82c13.79-.77,24.33-12.57,23.56-26.36-.71-12.71-10.86-22.85-23.56-23.56Z"}))),aa=({handleToggle:t,isInteractive:n,isMedia:a})=>e.createElement(We,{onClick:t,isInteractive:n,isMedia:a,"data-testid":"placeholder-toggle"},n?e.createElement(ta,null):e.createElement(na,{isMedia:a})),ra=({activeCanvas:t,isMedia:n,painting:a,resources:r})=>{var i,o,s;const[l,c]=e.useState(0),[m,u]=e.useState(!1),{configOptions:g,customDisplays:v,vault:x}=S(),p=x.get(t),f=(i=p==null?void 0:p.placeholderCanvas)==null?void 0:i.id,h=!!f,b=(a==null?void 0:a.length)>1,E=f&&!m&&!n,y=()=>u(!m),L=$=>{const B=a.findIndex(F=>F.id===$);c(B)},w=v.find($=>{var B;let F=!1;const{canvasId:N,paintingFormat:G}=$.target;if(Array.isArray(N)&&N.length>0&&(F=N.includes(t)),Array.isArray(G)&&G.length>0){const ae=((B=a[l])==null?void 0:B.format)||"";F=!!(ae&&G.includes(ae))}return F}),R=(o=w==null?void 0:w.display)==null?void 0:o.component;return e.createElement(Mn,{className:"clover-viewer-painting"},e.createElement(zn,{style:{backgroundColor:g.canvasBackgroundColor,maxHeight:g.canvasHeight}},f&&!n&&e.createElement(aa,{handleToggle:y,isInteractive:m,isMedia:n}),E&&!n&&e.createElement(Xn,{isMedia:n,label:p==null?void 0:p.label,placeholderCanvas:f,setIsInteractive:u}),!E&&!w&&(n?e.createElement(ea,{allSources:a,painting:a[l],resources:r}):a&&e.createElement(Un,{painting:a[l],hasPlaceholder:h,key:t})),!E&&R&&e.createElement(R,{id:t,annotationBody:a[l],...w==null?void 0:w.display.componentProps})),b&&e.createElement(Ne,{value:(s=a[l])==null?void 0:s.id,onValueChange:L,maxHeight:"200px"},a==null?void 0:a.map($=>e.createElement(Ge,{value:$==null?void 0:$.id,key:$==null?void 0:$.id,label:$==null?void 0:$.label}))))},ia=({activeCanvas:t,painting:n,resources:a,items:r,isAudioVideo:i})=>{const{informationOpen:o,configOptions:s}=S(),{informationPanel:l}=s,c=(l==null?void 0:l.renderAbout)||(l==null?void 0:l.renderSupplementing)&&a.length>0;return e.createElement($e,{className:"clover-viewer-content","data-testid":"clover-viewer-content"},e.createElement(Ie,null,e.createElement(ra,{activeCanvas:t,isMedia:i,painting:n,resources:a}),c&&e.createElement(Ae,null,e.createElement("span",null,o?"View Items":"More Information")),r.length>1&&e.createElement(Se,{className:"clover-viewer-media-wrapper"},e.createElement(An,{items:r,activeItem:0}))),o&&c&&e.createElement(lt,null,e.createElement(Me,null,e.createElement(Yt,{activeCanvas:t,resources:a}))))},oa=d(V.Trigger,{width:"30px",padding:"5px"}),la=d(V.Content,{display:"flex",flexDirection:"column",fontSize:"0.8333rem",border:"none",boxShadow:"2px 2px 5px #0003",zIndex:"2",button:{display:"flex",textDecoration:"none",marginBottom:"0.5em",color:"$accentAlt",cursor:"pointer",background:"$secondary",border:"none","&:last-child":{marginBottom:"0"}}}),sa=d("span",{fontSize:"1.33rem",alignSelf:"flex-start",flexGrow:"0",flexShrink:"1",padding:"1rem","@sm":{fontSize:"1rem"},"&.visually-hidden":{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"}}),ca=d("header",{display:"flex",backgroundColor:"transparent !important",justifyContent:"space-between",alignItems:"flex-start",width:"100%",[`> ${qe}`]:{flexGrow:"1",flexShrink:"0"},form:{flexGrow:"0",flexShrink:"1"}}),da=d("div",{display:"flex",alignItems:"flex-end",justifyContent:"flex-end",padding:"1rem",flexShrink:"0",flexGrow:"1"}),ma=()=>{var t;const n=O(),a=S(),{activeManifest:r,collection:i,configOptions:o,vault:s}=a,l=o==null?void 0:o.canvasHeight,c=m=>{n({type:"updateActiveManifest",manifestId:m})};return e.createElement("div",{style:{margin:"0.75rem"}},e.createElement(Ne,{label:i.label,maxHeight:l,value:r,onValueChange:c},(t=i==null?void 0:i.items)==null?void 0:t.map(m=>e.createElement(Ge,{value:m.id,key:m.id,thumbnail:m!=null&&m.thumbnail?s.get(m==null?void 0:m.thumbnail):void 0,label:m.label}))))},ua=(t,n=2500)=>{const[a,r]=e.useState(),i=e.useCallback(()=>{navigator.clipboard.writeText(t).then(()=>r("copied"),()=>r("failed"))},[t]);return e.useEffect(()=>{if(!a)return;const o=setTimeout(()=>r(void 0),n);return()=>clearTimeout(o)},[a]),[a,i]},pa=d("span",{display:"flex",alignContent:"center",alignItems:"center",padding:"0.125rem 0.25rem 0",marginTop:"-0.125rem",marginLeft:"0.5rem",backgroundColor:"$accent",color:"$secondary",borderRadius:"3px",fontSize:"0.6111rem",textTransform:"uppercase",lineHeight:"1em"}),ga=({status:t})=>t?e.createElement(pa,{"data-copy-status":t},t):null,ue=({textPrompt:t,textToCopy:n})=>{const[a,r]=ua(n);return e.createElement("button",{onClick:r},t," ",e.createElement(ga,{status:a}))},ha=()=>{const t="#ed1d33",n="#2873ab";return e.createElement("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1"},e.createElement("title",null,"IIIF Manifest Options"),e.createElement("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)"},e.createElement("g",{transform:"scale(0.1)"},e.createElement("path",{style:{fill:n},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),e.createElement("path",{style:{fill:n},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),e.createElement("path",{style:{fill:t},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),e.createElement("path",{style:{fill:t},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),e.createElement("path",{style:{fill:n},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),e.createElement("path",{style:{fill:n},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),e.createElement("path",{style:{fill:t},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"}))))},fa=d(ve.Root,{all:"unset",height:"2rem",width:"3.236rem",backgroundColor:"#6663",borderRadius:"9999px",position:"relative",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:focus":{boxShadow:"0 0 0 2px $secondaryAlt"},'&[data-state="checked"]':{backgroundColor:"$accent",boxShadow:"inset 2px 2px 5px #0003"}}),va=d(ve.Thumb,{display:"block",height:"calc(2rem - 12px)",width:"calc(2rem - 12px)",backgroundColor:"$secondary",borderRadius:"100%",boxShadow:"2px 2px 5px #0001",transition:"$all",transform:"translateX(6px)",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc(1.236rem + 6px))"}}),xa=d("label",{fontSize:"0.8333rem",fontWeight:"400",lineHeight:"1em",userSelect:"none",cursor:"pointer",paddingRight:"0.618rem"}),ba=d("form",{display:"flex",flexShrink:"0",flexGrow:"1",alignItems:"center",marginLeft:"1.618rem"}),Ea=()=>{var t;const{configOptions:n}=S(),a=O(),[r,i]=e.useState((t=n==null?void 0:n.informationPanel)==null?void 0:t.open);return e.useEffect(()=>{a({type:"updateInformationOpen",informationOpen:r})},[r]),e.createElement(ba,null,e.createElement(xa,{htmlFor:"information-toggle",css:r?{opacity:"1"}:{}},"More Information"),e.createElement(fa,{checked:r,onCheckedChange:()=>i(!r),id:"information-toggle","aria-label":"information panel toggle",name:"toggled?"},e.createElement(va,null)))},_e=t=>{const n=()=>window.matchMedia?window.matchMedia(t).matches:!1,[a,r]=e.useState(n);return e.useEffect(()=>{const i=()=>r(n);return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)}),a},ya=({manifestId:t,manifestLabel:n})=>{const a=S(),{collection:r,configOptions:i}=a,{showTitle:o,showIIIFBadge:s,informationPanel:l}=i,c=s||(l==null?void 0:l.renderToggle),m=_e(Q.sm);return e.createElement(ca,{className:"clover-viewer-header"},r!=null&&r.items?e.createElement(ma,null):e.createElement(sa,{className:o?"":"visually-hidden"},o&&e.createElement(T,{label:n,className:"label"})),c&&e.createElement(da,null,s&&e.createElement(V,null,e.createElement(oa,null,e.createElement(ha,null)),e.createElement(la,null,(r==null?void 0:r.items)&&e.createElement("button",{onClick:u=>{u.preventDefault(),window.open(r.id,"_blank")}},"View Collection"),e.createElement("button",{onClick:u=>{u.preventDefault(),window.open(t,"_blank")}},"View Manifest")," ",(r==null?void 0:r.items)&&e.createElement(ue,{textPrompt:"Copy Collection URL",textToCopy:r.id}),e.createElement(ue,{textPrompt:"Copy Manifest URL",textToCopy:t}))),(l==null?void 0:l.renderToggle)&&!m&&e.createElement(Ea,null)))},wa=(t=!1)=>{const[n,a]=e.useState(t);return e.useLayoutEffect(()=>{if(!n)return;const r=document.documentElement.style.overflow;return document.documentElement.style.overflow="hidden",()=>{document.documentElement.style.overflow=r}},[n]),e.useEffect(()=>{n!==t&&a(t)},[t]),[n,a]},Ca=({manifest:t,theme:n})=>{var a;const r=S(),i=O(),{activeCanvas:o,informationOpen:s,vault:l,configOptions:c}=r,[m,u]=e.useState(!1),[g,v]=e.useState(!1),[x,p]=e.useState([]),[f,h]=e.useState([]),[b,E]=wa(!1),y=_e(Q.sm),L=e.useCallback(w=>{i({type:"updateInformationOpen",informationOpen:w})},[i]);return e.useEffect(()=>{var w;(w=c==null?void 0:c.informationPanel)!=null&&w.open&&L(!y)},[y,(a=c==null?void 0:c.informationPanel)==null?void 0:a.open,L]),e.useEffect(()=>{if(!y){E(!1);return}E(s)},[s,y,E]),e.useEffect(()=>{const w=j(l,o),R=et(l,o,"text/vtt");w&&(v(["Sound","Video"].indexOf(w[0].type)>-1),p(w)),h(R),u(R.length!==0)},[o,l]),e.createElement(Ze.ErrorBoundary,{FallbackComponent:ot},e.createElement(st,{className:`${n} clover-viewer`,css:{background:c==null?void 0:c.background},"data-body-locked":b,"data-information-panel":m,"data-information-panel-open":s},e.createElement(K.Root,{open:s,onOpenChange:L},e.createElement(ya,{manifestLabel:t.label,manifestId:t.id}),e.createElement(ia,{activeCanvas:o,painting:x,resources:f,items:t.items,isAudioVideo:g}))))},pe={ignoreCache:!1,headers:{Accept:"application/json, text/javascript, text/plain"},timeout:5e3,withCredentials:!1};function ka(t){return{ok:t.status>=200&&t.status<300,status:t.status,statusText:t.statusText,headers:t.getAllResponseHeaders(),data:t.responseText,json:()=>JSON.parse(t.responseText)}}function ge(t,n=null){return{ok:!1,status:t.status,statusText:t.statusText,headers:t.getAllResponseHeaders(),data:n||t.statusText,json:()=>JSON.parse(n||t.statusText)}}function Sa(t,n=pe){const a=n.headers||pe.headers;return new Promise((r,i)=>{const o=new XMLHttpRequest;o.open("get",t),o.withCredentials=n.withCredentials,a&&Object.keys(a).forEach(s=>o.setRequestHeader(s,a[s])),o.onload=()=>{r(ka(o))},o.onerror=()=>{i(ge(o,"Failed to make request."))},o.ontimeout=()=>{i(ge(o,"Request took longer than expected."))},o.send()})}const $a=({canvasIdCallback:t=()=>{},customDisplays:n=[],customTheme:a,iiifContent:r,id:i,manifestId:o,options:s})=>{var l;let c=r;return i&&(c=i),o&&(c=o),e.createElement(Qe,{initialState:{...q,customDisplays:n,informationOpen:!!((l=s==null?void 0:s.informationPanel)!=null&&l.open),vault:new he.Vault({customFetcher:m=>Sa(m,{withCredentials:s==null?void 0:s.withCredentials,headers:s==null?void 0:s.requestHeaders}).then(u=>JSON.parse(u.data))})}},e.createElement(Ia,{iiifContent:c,canvasIdCallback:t,customTheme:a,options:s}))},Ia=({canvasIdCallback:t,customTheme:n,iiifContent:a,options:r})=>{const i=O(),o=S(),{activeCanvas:s,activeManifest:l,isLoaded:c,vault:m}=o,[u,g]=e.useState(),[v,x]=e.useState();let p={};return n&&(p=fe.createTheme("custom",n)),e.useEffect(()=>{t&&t(s)},[s,t]),e.useEffect(()=>{l&&m.loadManifest(l).then(f=>{x(f),i({type:"updateActiveCanvas",canvasId:f.items[0]&&f.items[0].id})}).catch(f=>{console.error(`Manifest failed to load: ${f}`)}).finally(()=>{i({type:"updateIsLoaded",isLoaded:!0})})},[l,i,m]),e.useEffect(()=>{i({type:"updateConfigOptions",configOptions:r}),m.load(a).then(f=>{g(f)}).catch(f=>{console.error(`The IIIF resource ${a} failed to load: ${f}`)})},[i,a,r,m]),e.useEffect(()=>{let f=[];(u==null?void 0:u.type)==="Collection"?(i({type:"updateCollection",collection:u}),f=u.items.filter(h=>h.type==="Manifest").map(h=>h.id),f.length>0&&i({type:"updateActiveManifest",manifestId:f[0]})):(u==null?void 0:u.type)==="Manifest"&&i({type:"updateActiveManifest",manifestId:u.id})},[i,u]),c?!v||!v.items?(console.log(`The IIIF manifest ${a} failed to load.`),e.createElement(e.Fragment,null)):v.items.length===0?(console.log(`The IIIF manifest ${a} does not contain canvases.`),e.createElement(e.Fragment,null)):e.createElement(Ca,{manifest:v,theme:p,key:v.id}):e.createElement(e.Fragment,null,"Loading")};module.exports=$a;
+"use strict";const e=require("react"),he=require("./index.cjs122.js"),K=require("./index.cjs123.js"),Ze=require("./index.cjs124.js"),fe=require("./index.cjs125.js"),D=require("./index.cjs126.js"),Ue=require("./index.cjs127.js"),I=require("./index.cjs128.js"),W=require("./index.cjs129.js"),Xe=require("./index.cjs130.js"),H=require("./index.cjs131.js"),C=require("./index.cjs132.js"),re=require("./index.cjs133.js"),ve=require("./index.cjs134.js"),xe=require("./index.cjs135.js"),Ye=t=>{const n=t.toString().split(":"),a=Math.ceil(parseInt(n[0])),r=Math.ceil(parseInt(n[1])),i=Je(Math.ceil(parseInt(n[2])),2);let o=`${a!==0&&r<10?(r+"").padStart(2,"0"):r}:${i}`;return a!==0&&(o=`${a}:${o}`),o},be=t=>{const n=new Date(t*1e3).toISOString().substr(11,8);return Ye(n)},Ee=(t,n)=>{if(typeof t!="object"||t===null)return n;for(const a in n)typeof n[a]=="object"&&n[a]!==null&&!Array.isArray(n[a])?(t[a]||(t[a]={}),t[a]=Ee(t[a],n[a])):t[a]=n[a];return t},ye=(t,n)=>Object.hasOwn(t,n)?t[n].toString():void 0,Je=(t,n)=>String(t).padStart(n,"0"),_={background:"transparent",canvasBackgroundColor:"#6662",canvasHeight:"61.8vh",ignoreCaptionLabels:[],informationPanel:{open:!0,renderAbout:!0,renderSupplementing:!0,renderToggle:!0},openSeadragon:{},requestHeaders:{"Content-Type":"application/json"},showIIIFBadge:!0,showTitle:!0,withCredentials:!1};var ie;const q={activeCanvas:"",activeManifest:"",collection:{},configOptions:_,customDisplays:[],informationOpen:(ie=_==null?void 0:_.informationPanel)==null?void 0:ie.open,isLoaded:!1,vault:new he.Vault},we=e.createContext(q),Ce=e.createContext(q);function Ke(t,n){switch(n.type){case"updateActiveCanvas":return n.canvasId||(n.canvasId=""),{...t,activeCanvas:n.canvasId};case"updateActiveManifest":return{...t,activeManifest:n.manifestId};case"updateCollection":return{...t,collection:n.collection};case"updateConfigOptions":return{...t,configOptions:Ee(t.configOptions,n.configOptions)};case"updateInformationOpen":return{...t,informationOpen:n.informationOpen};case"updateIsLoaded":return{...t,isLoaded:n.isLoaded};default:throw new Error(`Unhandled action type: ${n.type}`)}}const Qe=({initialState:t=q,children:n})=>{const[a,r]=e.useReducer(Ke,t);return e.createElement(we.Provider,{value:a},e.createElement(Ce.Provider,{value:r},n))};function S(){const t=e.useContext(we);if(t===void 0)throw new Error("useViewerState must be used within a ViewerProvider");return t}function O(){const t=e.useContext(Ce);if(t===void 0)throw new Error("useViewerDispatch must be used within a ViewerProvider");return t}const ke=(t,n,a,r)=>{var i,o;const s={canvas:void 0,accompanyingCanvas:void 0,annotationPage:void 0,annotations:[]},l=c=>{if(c){if(!c.body||!c.motivation){console.error("Invalid annotation after Hyperion parsing: missing either 'body' or 'motivation'",c);return}let m=c.body;Array.isArray(m)&&(m=m[0]);const u=t.get(m.id);if(!u)return;switch(a){case"painting":return c.target===n.id&&c.motivation&&c.motivation[0]==="painting"&&r.includes(u.type)&&(c.body=u),!!c;case"supplementing":return;default:throw new Error("Invalid annotation motivation.")}}};if(s.canvas=t.get(n),s.canvas&&(s.annotationPage=t.get(s.canvas.items[0]),s.accompanyingCanvas=(i=s.canvas)!=null&&i.accompanyingCanvas?t.get((o=s.canvas)==null?void 0:o.accompanyingCanvas):void 0),s.annotationPage){const c=t.get(s.annotationPage.items).map(u=>({body:t.get(u.body[0].id),motivation:u.motivation,type:"Annotation"})),m=[];c.forEach(u=>{u.body.type==="Choice"?u.body.items.forEach(g=>m.push({...u,id:g.id,body:t.get(g.id)})):m.push(u)}),s.annotations=m.filter(l)}return s},P=(t,n="en")=>{if(!t)return"";if(!t[n]){const a=Object.getOwnPropertyNames(t);if(a.length>0)return t[a[0]]}return t[n]},j=(t,n)=>{const a=ke(t,{id:n,type:"Canvas"},"painting",["Image","Sound","Video"]);if(a.annotations.length!==0&&a.annotations&&a.annotations)return a.annotations.map(r=>r==null?void 0:r.body)},et=(t,n,a)=>{const r=t.get({id:n,type:"Canvas"});if(!(r!=null&&r.annotations)||!r.annotations[0])return[];const i=t.get(r.annotations[0]),o=t.get(i.items);return Array.isArray(o)?o.filter(s=>{var l;if(s.body&&(l=s.motivation)!=null&&l.includes("supplementing")){let c=s.body;Array.isArray(c)&&(c=c[0]);const m=t.get(c.id);if(m.format===a)return s.body=m,s}}).map(s=>s.body):[]},tt=(t,n,a,r)=>{const i=[];if(n.canvas&&n.canvas.thumbnail.length>0){const o=t.get(n.canvas.thumbnail[0]);i.push(o)}if(n.annotations[0]){if(n.annotations[0].thumbnail&&n.annotations[0].thumbnail.length>0){const s=t.get(n.annotations[0].thumbnail[0]);i.push(s)}if(!n.annotations[0].body)return;const o=n.annotations[0].body;o.type==="Image"&&i.push(o)}return i.length===0?void 0:{id:i[0].id,format:i[0].format,type:i[0].type,width:a,height:r}},Z=209,nt={colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:`hsl(${Z} 100% 38.2%)`,accentMuted:`hsl(${Z} 80% 61.8%)`,accentAlt:`hsl(${Z} 80% 30%)`,secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},Q={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:d,css:Aa,keyframes:ee,createTheme:Ma}=fe.createStitches({theme:nt,media:Q}),at=d("div",{display:"flex",flexDirection:"column",alignItems:"center"}),rt=d("p",{fontWeight:"bold",fontSize:"x-large"}),it=d("span",{fontSize:"medium"}),ot=({error:t})=>{const{message:n}=t;return e.createElement(at,{role:"alert"},e.createElement(rt,{"data-testid":"headline"},"Something went wrong"),n&&e.createElement(it,null,`Error message: ${n}`," "))},Se=d("div",{position:"relative",zIndex:"0"}),$e=d("div",{display:"flex",flexDirection:"row",overflow:"hidden","@sm":{flexDirection:"column"}}),Ie=d("div",{display:"flex",flexDirection:"column",flexGrow:"1",flexShrink:"1",width:"61.8%","@sm":{width:"100%"}}),Ae=d(K.Trigger,{display:"none",border:"none",padding:"0",transition:"$all",opacity:"1",background:"#6663",margin:"1rem 0",borderRadius:"6px","&[data-information-panel='false']":{opacity:"0",marginTop:"-59px"},"@sm":{display:"flex","> span":{display:"flex",flexGrow:"1",fontSize:"0.8333em",justifyContent:"center",padding:"0.5rem",fontFamily:"inherit"}}}),Me=d(K.Content,{width:"100%",display:"flex"}),lt=d("aside",{display:"flex",flexGrow:"1",flexShrink:"0",width:"38.2%",maxHeight:"100%","@sm":{width:"100%"}}),st=d("div",{display:"flex",flexDirection:"column",fontSmooth:"auto",webkitFontSmoothing:"antialiased","> div":{display:"flex",flexDirection:"column",flexGrow:"1",justifyContent:"flex-start","@sm":{[`& ${$e}`]:{flexGrow:"1"},[`& ${Ie}`]:{flexGrow:"0"}}},"@sm":{padding:"0"},"&[data-information-panel-open='true']":{"@sm":{position:"fixed",height:"100%",width:"100%",top:"0",left:"0",zIndex:"2500000000",[`& ${Se}`]:{display:"none"},[`& ${Ae}`]:{margin:"1rem"},[`& ${Me}`]:{height:"100%"}}}}),ct=d(D.Root,{display:"flex",flexDirection:"column",width:"100%",height:"100%",flexGrow:"1",flexShrink:"0",position:"relative",zIndex:"1",maskImage:"linear-gradient(180deg, rgba(0, 0, 0, 1) calc(100% - 2rem), transparent 100%)","@sm":{marginTop:"0.5rem",boxShadow:"none"}}),dt=d(D.List,{display:"flex",flexGrow:"0",margin:"0 1.618rem",borderBottom:"4px solid #6663","@sm":{margin:"0 1rem"}}),oe=d(D.Trigger,{display:"flex",position:"relative",padding:"0.5rem 1rem",background:"none",backgroundColor:"transparent",fontFamily:"inherit",border:"none",opacity:"0.7",fontSize:"1rem",marginRight:"1rem",lineHeight:"1rem",whiteSpace:"nowrap",cursor:"pointer",fontWeight:400,transition:"$all","&::after":{width:"0",height:"4px",content:"",position:"absolute",bottom:"-4px",left:"0",transition:"$all"},"&[data-state='active']":{opacity:"1",fontWeight:700,"&::after":{width:"100%",backgroundColor:"$accent"}}}),le=d(D.Content,{display:"flex",flexGrow:"1",flexShrink:"0",position:"absolute",top:"0",left:"0","&[data-state='active']":{width:"100%",height:"calc(100% - 2rem)",padding:"1.618rem 0"}}),mt=d("div",{position:"relative",height:"100%",width:"100%",overflowY:"scroll"}),ut=d("div",{padding:" 0 1.618rem 2rem",display:"flex",flexDirection:"column",overflow:"scroll",position:"absolute",fontWeight:"400",fontSize:"1rem",zIndex:"0",img:{maxWidth:"100px",maxHeight:"100px",objectFit:"contain",color:"transparent",margin:"0 0 1rem",borderRadius:"3px",backgroundColor:"$secondaryMuted"},video:{display:"none"},"a, a:visited":{color:"$accent"},p:{fontSize:"1rem",lineHeight:"1.45em",margin:"0"},dl:{margin:"0",dt:{fontWeight:"700",margin:"1rem 0 0.25rem"},dd:{margin:"0"}},".manifest-property-title":{fontWeight:"700",margin:"1rem 0 0.25rem"},"ul, ol":{padding:"0",margin:"0",li:{fontSize:"1rem",lineHeight:"1.45em",listStyle:"none",margin:"0.25rem 0 0.25rem"}}}),pt=d("div",{position:"relative",width:"100%",height:"100%",zIndex:"0"}),ze=(t,n="none")=>{if(!t)return null;if(typeof t=="string")return[t];if(!t[n]){const a=Object.getOwnPropertyNames(t);if(a.length>0)return t[a[0]]}return!t[n]||!Array.isArray(t[n])?null:t[n]},M=(t,n="none",a=", ")=>{const r=ze(t,n);return Array.isArray(r)?r.join(`${a}`):r};function gt(t){return{__html:ht(t)}}function A(t,n){const a=Object.keys(t).filter(i=>n.includes(i)?null:i),r=new Object;return a.forEach(i=>{r[i]=t[i]}),r}function ht(t){return Ue(t,{allowedAttributes:{a:["href"],img:["alt","src","height","width"]},allowedSchemes:["http","https","mailto"],allowedTags:["a","b","br","i","img","p","small","span","sub","sup"]})}const ft=d("span",{}),T=t=>{const{as:n,label:a}=t,r=A(t,["as","label"]);return e.createElement(ft,{as:n,...r},M(a,r.lang))},vt=(t,n="200,",a="full")=>{Array.isArray(t)&&(t=t[0]);const{id:r,service:i}=t;let o;if(!i)return r;if(Array.isArray(t.service)&&t.service.length>0&&(o=i[0]),o){if(o["@id"])return`${o["@id"]}/${a}/${n}/0/default.jpg`;if(o.id)return`${o.id}/${a}/${n}/0/default.jpg`}},se=d("img",{objectFit:"cover"}),xt=t=>{const n=e.useRef(null),{contentResource:a,altAsLabel:r,region:i="full"}=t;let o;r&&(o=M(r));const s=A(t,["contentResource","altAsLabel"]),{type:l,id:c,width:m=200,height:u=200,duration:g}=a;e.useEffect(()=>{if(!c&&!n.current||["Image"].includes(l)||!c.includes("m3u8"))return;const p=new I.Hls;return n.current&&(p.attachMedia(n.current),p.on(I.Hls.Events.MEDIA_ATTACHED,function(){p.loadSource(c)})),p.on(I.Hls.Events.ERROR,function(f,h){if(h.fatal)switch(h.type){case I.Hls.ErrorTypes.NETWORK_ERROR:console.error(`fatal ${f} network error encountered, try to recover`),p.startLoad();break;case I.Hls.ErrorTypes.MEDIA_ERROR:console.error(`fatal ${f} media error encountered, try to recover`),p.recoverMediaError();break;default:p.destroy();break}}),()=>{p&&(p.detachMedia(),p.destroy())}},[c,l]);const v=e.useCallback(()=>{if(!n.current)return;let p=0,f=30;if(g&&(f=g),!c.split("#t=")&&g&&(p=g*.1),c.split("#t=").pop()){const b=c.split("#t=").pop();b&&(p=parseInt(b.split(",")[0]))}const h=n.current;h.autoplay=!0,h.currentTime=p,setTimeout(()=>v(),f*1e3)},[g,c]);e.useEffect(()=>v(),[v]);const x=vt(a,`${m},${u}`,i);switch(l){case"Image":return e.createElement(se,{as:"img",alt:o,css:{width:m,height:u},key:c,src:x,...s});case"Video":return e.createElement(se,{as:"video",css:{width:m,height:u},disablePictureInPicture:!0,key:c,loop:!0,muted:!0,onPause:v,ref:n,src:c});default:return console.warn(`Resource type: ${l} is not valid or not yet supported in Primitives.`),e.createElement(e.Fragment,null)}},bt=d("a",{}),Et=t=>{const{children:n,homepage:a}=t,r=A(t,["children","homepage"]);return e.createElement(e.Fragment,null,a&&a.map(i=>{const o=M(i.label,r.lang);return e.createElement(bt,{"aria-label":n?o:void 0,href:i.id,key:i.id,...r},n||o)}))},yt={delimiter:", "},te=e.createContext(void 0),Te=()=>{const t=e.useContext(te);if(t===void 0)throw new Error("usePrimitivesContext must be used with a PrimitivesProvider");return t},ne=({children:t,initialState:n=yt})=>{const a=wt(n,"delimiter");return e.createElement(te.Provider,{value:{delimiter:a}},t)},wt=(t,n)=>Object.hasOwn(t,n)?t[n].toString():void 0,Ct=d("span",{}),ce=t=>{const{as:n,markup:a}=t,{delimiter:r}=Te();if(!a)return e.createElement(e.Fragment,null);const i=A(t,["as","markup"]),o=gt(M(a,i.lang,r));return e.createElement(Ct,{as:n,...i,dangerouslySetInnerHTML:o})},Le=t=>e.useContext(te)?e.createElement(ce,{...t}):e.createElement(ne,null,e.createElement(ce,{...t})),kt=({as:t="dd",lang:n,value:a})=>e.createElement(Le,{markup:a,as:t,lang:n}),St=d("span",{}),$t=({as:t="dd",customValueContent:n,lang:a,value:r})=>{var i;const{delimiter:o}=Te(),s=(i=ze(r,a))==null?void 0:i.map(l=>e.cloneElement(n,{value:l}));return e.createElement(St,{as:t,lang:a},s==null?void 0:s.map((l,c)=>[c>0&&`${o}`,e.createElement(e.Fragment,{key:c},l)]))},Re=t=>{var n;const{item:a,lang:r,customValueContent:i}=t,{label:o,value:s}=a,l=(n=M(o))==null?void 0:n.replace(" ","-").toLowerCase();return e.createElement("div",{role:"group","data-label":l},e.createElement(T,{as:"dt",label:o,lang:r}),i?e.createElement($t,{as:"dd",customValueContent:i,value:s,lang:r}):e.createElement(kt,{as:"dd",value:s,lang:r}))};function It(t,n){const a=n.filter(r=>{const{matchingLabel:i}=r,o=Object.keys(r.matchingLabel)[0],s=M(i,o);if(M(t,o)===s)return!0}).map(r=>r.Content);if(Array.isArray(a))return a[0]}const At=d("dl",{}),Mt=t=>{const{as:n,customValueContent:a,metadata:r}=t;if(!Array.isArray(r))return e.createElement(e.Fragment,null);const i=ye(t,"customValueDelimiter"),o=A(t,["as","customValueContent","customValueDelimiter","metadata"]);return e.createElement(ne,{...typeof i=="string"?{initialState:{delimiter:i}}:void 0},r.length>0&&e.createElement(At,{as:n,...o},r.map((s,l)=>{const c=a?It(s.label,a):void 0;return e.createElement(Re,{customValueContent:c,item:s,key:l,lang:o==null?void 0:o.lang})})))};d("li",{});d("ul",{});const zt=d("dl",{}),Tt=t=>{const{as:n,requiredStatement:a}=t;if(!a)return e.createElement(e.Fragment,null);const r=ye(t,"customValueDelimiter"),i=A(t,["as","customValueDelimiter","requiredStatement"]);return e.createElement(ne,{...typeof r=="string"?{initialState:{delimiter:r}}:void 0},e.createElement(zt,{as:n,...i},e.createElement(Re,{item:a,lang:i.lang})))},Lt=d("li",{}),Rt=d("ul",{}),Ft=t=>{const{as:n,seeAlso:a}=t,r=A(t,["as","seeAlso"]);return e.createElement(Rt,{as:n},a&&a.map(i=>{const o=M(i.label,r.lang);return e.createElement(Lt,{key:i.id},e.createElement("a",{href:i.id,...r},o||i.id))}))},Ht=t=>{const{as:n,summary:a}=t,r=A(t,["as","customValueDelimiter","summary"]);return e.createElement(Le,{as:n,markup:a,...r})},Fe=t=>{const{thumbnail:n,region:a}=t,r=A(t,["thumbnail"]);return e.createElement(e.Fragment,null,n&&n.map(i=>e.createElement(xt,{contentResource:i,key:i.id,region:a,...r})))},Ot=({homepage:t})=>(t==null?void 0:t.length)===0?e.createElement(e.Fragment,null):e.createElement(e.Fragment,null,e.createElement("span",{className:"manifest-property-title"},"Homepage"),e.createElement(Et,{homepage:t})),Pt=({id:t,htmlLabel:n,parent:a="manifest"})=>e.createElement(e.Fragment,null,e.createElement("span",{className:"manifest-property-title"},n),e.createElement("a",{href:t,target:"_blank",id:`iiif-${a}-id`},t)),Vt=({metadata:t,parent:n="manifest"})=>t?e.createElement(e.Fragment,null,e.createElement(Mt,{metadata:t,id:`iiif-${n}-metadata`})):e.createElement(e.Fragment,null),Bt=({requiredStatement:t,parent:n="manifest"})=>t?e.createElement(e.Fragment,null,e.createElement(Tt,{requiredStatement:t,id:`iiif-${n}-required-statement`})):e.createElement(e.Fragment,null),jt=({rights:t})=>t?e.createElement(e.Fragment,null,e.createElement("span",{className:"manifest-property-title"},"Rights"),e.createElement("a",{href:t,target:"_blank"},t)):e.createElement(e.Fragment,null),Dt=({seeAlso:t})=>(t==null?void 0:t.length)===0?e.createElement(e.Fragment,null):e.createElement(e.Fragment,null,e.createElement("span",{className:"manifest-property-title"},"See Also"),e.createElement(Ft,{seeAlso:t})),Wt=({summary:t,parent:n="manifest"})=>t?e.createElement(e.Fragment,null,e.createElement(Ht,{summary:t,as:"p",id:`iiif-${n}-summary`})):e.createElement(e.Fragment,null),qt=({label:t,thumbnail:n})=>(n==null?void 0:n.length)===0?e.createElement(e.Fragment,null):e.createElement(e.Fragment,null,e.createElement(Fe,{altAsLabel:t||{none:["resource"]},thumbnail:n,style:{backgroundColor:"#6663",objectFit:"cover"}})),Nt=()=>{const t=S(),{activeManifest:n,vault:a}=t,[r,i]=e.useState(),[o,s]=e.useState([]),[l,c]=e.useState([]),[m,u]=e.useState([]);return e.useEffect(()=>{var g,v,x;const p=a.get(n);i(p),((g=p.homepage)==null?void 0:g.length)>0&&s(a.get(p.homepage)),((v=p.seeAlso)==null?void 0:v.length)>0&&c(a.get(p.seeAlso)),((x=p.thumbnail)==null?void 0:x.length)>0&&u(a.get(p.thumbnail))},[n,a]),r?e.createElement(pt,null,e.createElement(ut,null,e.createElement(qt,{thumbnail:m,label:r.label}),e.createElement(Wt,{summary:r.summary}),e.createElement(Vt,{metadata:r.metadata}),e.createElement(Bt,{requiredStatement:r.requiredStatement}),e.createElement(jt,{rights:r.rights}),e.createElement(Ot,{homepage:o}),e.createElement(Dt,{seeAlso:l}),e.createElement(Pt,{id:r.id,htmlLabel:"IIIF Manifest"}))):e.createElement(e.Fragment,null)},Gt=()=>{function t(i){return i.map(o=>{const s=o.identifier||xe();return{...o,identifier:s}})}function n(i){var o;const s=[],l=[],c=t(i);for(const m of c){for(;l.length>0&&l[l.length-1].end<=m.start;)l.pop();l.length>0?(l[l.length-1].children||(l[l.length-1].children=[]),(o=l[l.length-1].children)==null||o.push(m),l.push(m)):(s.push(m),l.push(m))}return s}function a(i,o=[]){return o.some(s=>i.start>=s.start&&i.end<=s.end)}function r(i=[]){return i.sort((o,s)=>o.start-s.start)}return{addIdentifiersToParsedCues:t,createNestedCues:n,isChild:a,orderCuesByTime:r}},de=ee({from:{transform:"rotate(360deg)"},to:{transform:"rotate(0deg)"}}),_t=d(W.Root,{display:"flex",flexDirection:"column",width:"100%"}),He=d(W.Item,{position:"relative",cursor:"pointer",display:"flex",width:"100%",justifyContent:"space-between",textAlign:"left",margin:"0",padding:"0.5rem 1.618rem",fontFamily:"inherit",lineHeight:"1.25em",fontSize:"1rem",color:"inherit",border:"none",background:"none","@sm":{padding:"0.5rem 1rem",fontSize:"0.8333rem"},"&::before":{content:"",width:"12px",height:"12px",borderRadius:"12px",position:"absolute",backgroundColor:"$primaryMuted",opacity:"0",left:"8px",marginTop:"3px",boxSizing:"content-box","@sm":{content:"unset"}},"&::after":{content:"",width:"4px",height:"6px",position:"absolute",backgroundColor:"$secondary",opacity:"0",clipPath:"polygon(100% 50%, 0 100%, 0 0)",left:"13px",marginTop:"6px",boxSizing:"content-box","@sm":{content:"unset"}},strong:{marginLeft:"1rem"},"&:hover":{color:"$accent","&::before":{backgroundColor:"$accent",opacity:"1"},"&::after":{content:"",width:"4px",height:"6px",position:"absolute",backgroundColor:"$secondary",clipPath:"polygon(100% 50%, 0 100%, 0 0)",opacity:"1"}},"&[aria-checked='true']":{backgroundColor:"#6663","&::before":{content:"",width:"6px",height:"6px",position:"absolute",backgroundColor:"transparent",border:"3px solid $accentMuted",borderRadius:"12px",left:"8px",marginTop:"4px",opacity:"1",animation:"1s linear infinite",animationName:de,boxSizing:"content-box","@sm":{content:"unset"}},"&::after":{content:"",width:"6px",height:"6px",position:"absolute",backgroundColor:"transparent",border:"3px solid $accent",clipPath:"polygon(100% 0, 100% 100%, 0 0)",borderRadius:"12px",left:"8px",marginTop:"4px",opacity:"1",animation:"1.5s linear infinite",animationName:de,boxSizing:"content-box","@sm":{content:"unset"}}}}),Zt=({label:t,start:n,end:a})=>{const[r,i]=e.useState(!1),o=document.getElementById("clover-iiif-video");e.useEffect(()=>(o==null||o.addEventListener("timeupdate",()=>{const{currentTime:l}=o;i(n<=l&&l<a)}),()=>document.removeEventListener("timeupdate",()=>{})),[a,n,o]);const s=()=>{o&&(o.pause(),o.currentTime=n,o.play())};return e.createElement(He,{"aria-checked":r,"data-testid":"information-panel-cue",onClick:s,value:t},t,e.createElement("strong",null,be(n)))},Ut=d("ul",{listStyle:"none",paddingLeft:"1rem",position:"relative","&&:first-child":{paddingLeft:"0"},"& li ul":{[`& ${He}`]:{backgroundColor:"unset","&::before":{content:"none"},"&::after":{content:"none"}}},"&:first-child":{margin:"0 0 1.618rem"}}),Oe=({items:t})=>e.createElement(Ut,null,t.map(n=>{const{text:a,start:r,end:i,children:o,identifier:s}=n;return e.createElement("li",{key:s},e.createElement(Zt,{label:a,start:r,end:i}),o&&e.createElement(Oe,{items:o}))})),Xt=({resource:t})=>{const[n,a]=e.useState([]),{id:r,label:i}=t,{createNestedCues:o,orderCuesByTime:s}=Gt();return e.useEffect(()=>{r&&fetch(r,{headers:{"Content-Type":"text/plain",Accept:"application/json"}}).then(l=>l.text()).then(l=>{const c=Xe.nodeWebvtt.parse(l).cues,m=s(c),u=o(m);a(u)}).catch(l=>console.error(r,l.toString()))},[r]),e.createElement(_t,{"aria-label":`navigate ${P(i,"en")}`},e.createElement(Oe,{items:n}))},Yt=({activeCanvas:t,resources:n})=>{var a;const r=S(),{configOptions:i}=r,{informationPanel:o}=i,[s,l]=e.useState(),c=(o==null?void 0:o.renderAbout)||((a=i==null?void 0:i.informationPanel)==null?void 0:a.renderAbout),m=o==null?void 0:o.renderSupplementing;e.useEffect(()=>{c?l("manifest-about"):n&&(n==null?void 0:n.length)>0&&!c&&l(n[0].id)},[t,c,n]);const u=g=>{l(g)};return n?e.createElement(ct,{"data-testid":"information-panel",defaultValue:s,onValueChange:u,orientation:"horizontal",value:s,className:"clover-viewer-information-panel"},e.createElement(dt,{"aria-label":"select chapter","data-testid":"information-panel-list"},c&&e.createElement(oe,{value:"manifest-about"},"About"),m&&n&&n.map(({id:g,label:v})=>e.createElement(oe,{key:g,value:g},e.createElement(T,{label:v})))),e.createElement(mt,null,c&&e.createElement(le,{value:"manifest-about"},e.createElement(Nt,null)),m&&n&&n.map(g=>e.createElement(le,{key:g.id,value:g.id},e.createElement(Xt,{resource:g}))))):e.createElement(e.Fragment,null)},Pe=d("div",{position:"absolute",right:"1rem",top:"1rem",display:"flex",justifyContent:"flex-end",zIndex:"1"}),Jt=d("input",{flexGrow:"1",border:"none",backgroundColor:"$secondaryMuted",color:"$primary",marginRight:"1rem",height:"2rem",padding:"0 1rem",borderRadius:"2rem",fontFamily:"inherit",fontSize:"1rem",lineHeight:"1rem",boxShadow:"inset 1px 1px 2px #0003","&::placeholder":{color:"$primaryMuted"}}),U=d("button",{display:"flex",background:"none",border:"none",width:"2rem !important",height:"2rem !important",padding:"0",margin:"0",fontWeight:"700",borderRadius:"2rem",backgroundColor:"$accent",color:"$secondary",cursor:"pointer",boxSizing:"content-box !important",transition:"$all",svg:{height:"60%",width:"60%",padding:"20%",fill:"$secondary",stroke:"$secondary",opacity:"1",filter:"drop-shadow(5px 5px 5px #000D)",boxSizing:"inherit",transition:"$all"},"&:disabled":{backgroundColor:"transparent",boxShadow:"none",svg:{opacity:"0.25"}}}),Kt=d("div",{display:"flex",marginRight:"0.618rem",backgroundColor:"$accentAlt",borderRadius:"2rem",boxShadow:"5px 5px 5px #0003",color:"$secondary",alignItems:"center","> span":{display:"flex",margin:"0 0.5rem",fontSize:"0.7222rem"}}),Qt=d("div",{display:"flex",position:"relative",zIndex:"1",width:"100%",padding:"0",transition:"$all",variants:{isToggle:{true:{paddingTop:"2.618rem",[`& ${Pe}`]:{width:"calc(100% - 2rem)","@sm":{width:"calc(100% - 2rem)"}}}}}}),en=(t,n)=>{e.useEffect(()=>{function a(r){r.key===t&&n()}return window.addEventListener("keyup",a),()=>window.removeEventListener("keyup",a)},[])},tn=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("title",null,"Arrow Back"),e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M244 400L100 256l144-144M120 256h292"})),nn=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("title",null,"Arrow Forward"),e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M268 112l144 144-144 144M392 256H100"})),an=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("title",null,"Close"),e.createElement("path",{d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"})),rn=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("title",null,"Search"),e.createElement("path",{d:"M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z"})),on=({handleCanvasToggle:t,handleFilter:n,activeIndex:a,canvasLength:r})=>{const[i,o]=e.useState(!1),[s,l]=e.useState(!1),[c,m]=e.useState(!1);e.useEffect(()=>{m(a===0),a===r-1?l(!0):l(!1)},[a,r]),en("Escape",()=>{o(!1),n("")});const u=()=>{o(v=>!v),n("")},g=v=>n(v.target.value);return e.createElement(Qt,{isToggle:i},e.createElement(Pe,null,i&&e.createElement(Jt,{autoFocus:!0,onChange:g,placeholder:"Search"}),!i&&e.createElement(Kt,null,e.createElement(U,{onClick:()=>t(-1),disabled:c,type:"button"},e.createElement(tn,null)),e.createElement("span",null,a+1," of ",r),e.createElement(U,{onClick:()=>t(1),disabled:s,type:"button"},e.createElement(nn,null))),e.createElement(U,{onClick:u,type:"button"},i?e.createElement(an,null):e.createElement(rn,null))))},ln=d(W.Root,{display:"flex",flexDirection:"row",flexGrow:"1",padding:"1.618rem",overflowX:"scroll",position:"relative",zIndex:"0"}),sn=()=>e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"32",d:"M256 112v288M400 256H112"}),cn=()=>e.createElement(e.Fragment,null,e.createElement("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 24zm-106.18-80zm-.27-159.86zM320 336a16 16 0 01-14.29-23.19c9.49-18.87 14.3-38 14.3-56.81 0-19.38-4.66-37.94-14.25-56.73a16 16 0 0128.5-14.54C346.19 208.12 352 231.44 352 256c0 23.86-6 47.81-17.7 71.19A16 16 0 01320 336z"}),e.createElement("path",{d:"M368 384a16 16 0 01-13.86-24C373.05 327.09 384 299.51 384 256c0-44.17-10.93-71.56-29.82-103.94a16 16 0 0127.64-16.12C402.92 172.11 416 204.81 416 256c0 50.43-13.06 83.29-34.13 120a16 16 0 01-13.87 8z"}),e.createElement("path",{d:"M416 432a16 16 0 01-13.39-24.74C429.85 365.47 448 323.76 448 256c0-66.5-18.18-108.62-45.49-151.39a16 16 0 1127-17.22C459.81 134.89 480 181.74 480 256c0 64.75-14.66 113.63-50.6 168.74A16 16 0 01416 432z"})),dn=()=>e.createElement("path",{d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}),mn=()=>e.createElement("path",{d:"M416 64H96a64.07 64.07 0 00-64 64v256a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64V128a64.07 64.07 0 00-64-64zm-80 64a48 48 0 11-48 48 48.05 48.05 0 0148-48zM96 416a32 32 0 01-32-32v-67.63l94.84-84.3a48.06 48.06 0 0165.8 1.9l64.95 64.81L172.37 416zm352-32a32 32 0 01-32 32H217.63l121.42-121.42a47.72 47.72 0 0161.64-.16L448 333.84z"}),un=()=>e.createElement("path",{d:"M464 384.39a32 32 0 01-13-2.77 15.77 15.77 0 01-2.71-1.54l-82.71-58.22A32 32 0 01352 295.7v-79.4a32 32 0 0113.58-26.16l82.71-58.22a15.77 15.77 0 012.71-1.54 32 32 0 0145 29.24v192.76a32 32 0 01-32 32zM268 400H84a68.07 68.07 0 01-68-68V180a68.07 68.07 0 0168-68h184.48A67.6 67.6 0 01336 179.52V332a68.07 68.07 0 01-68 68z"}),Ve=d("svg",{display:"inline-flex",variants:{isLarge:{true:{height:"4rem",width:"4rem"}},isMedium:{true:{height:"2rem",width:"2rem"}},isSmall:{true:{height:"1rem",width:"1rem"}}}}),pn=({children:t})=>e.createElement("title",null,t),k=t=>e.createElement(Ve,{...t,"data-testid":"icon-svg",role:"img",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},t.children);k.Title=pn;k.Add=sn;k.Audio=cn;k.Close=dn;k.Image=mn;k.Video=un;const gn=ee({"0%":{opacity:0,transform:"translateY(1rem)"},"100%":{opacity:1,transform:"translateY(0)"}}),hn=ee({"0%":{opacity:0,transform:"translateY(1rem)"},"100%":{opacity:1,transform:"translateY(0)"}}),Be=d(H.Arrow,{fill:"$secondaryAlt"}),fn=d(H.Close,{position:"absolute",right:"0",top:"0",padding:"0.5rem",margin:"0",cursor:"pointer",border:"none",background:"none",fill:"inherit","&:hover":{opacity:"0.75"}}),vn=d(H.Content,{border:"none",backgroundColor:"white",fill:"inhrerit",padding:"1rem 2rem 1rem 1rem",width:"auto",minWidth:"200px",maxWidth:"350px",borderRadius:"3px",boxShadow:"5px 5px 13px #0002",animationDuration:"0.3s",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",'&[data-side="top"]':{animationName:hn},'&[data-side="bottom"]':{animationName:gn},'&[data-align="end"]':{[`& ${Be}`]:{margin:"0 0.7rem"}}}),xn=d(H.Trigger,{display:"inline-flex",padding:"0.5rem 0",margin:"0 0.5rem 0 0",cursor:"pointer",border:"none",background:"none","> button, > span":{margin:"0"}}),bn=d(H.Root,{boxSizing:"content-box"}),En=t=>e.createElement(xn,{...t},t.children),yn=t=>e.createElement(vn,{...t},e.createElement(Be,null),e.createElement(fn,null,e.createElement(k,{isSmall:!0},e.createElement(k.Close,null))),t.children),V=({children:t})=>e.createElement(bn,null,t);V.Trigger=En;V.Content=yn;const Y=d("div",{boxSizing:"border-box",display:"inline-flex",alignItems:"center",borderRadius:"5px",padding:"$1",marginBottom:"$2",marginRight:"$2",backgroundColor:"$lightGrey",color:"$richBlack50",textTransform:"uppercase",fontSize:"$2",objectFit:"contain",lineHeight:"1em !important","&:last-child":{marginRight:"0"},[`${Ve}`]:{position:"absolute",left:"$1",height:"$3",width:"$3"},variants:{isIcon:{true:{position:"relative",paddingLeft:"$5"}}}}),J=d("span",{display:"flex"}),wn=d("span",{display:"flex",width:"1.2111rem",height:"0.7222rem"}),Cn=d("span",{display:"inline-flex",marginLeft:"5px",marginBottom:"-1px"}),kn=d(W.Item,{display:"flex",flexShrink:"0",margin:"0 1.618rem 0 0",padding:"0",cursor:"pointer",background:"none",border:"none",fontFamily:"inherit",lineHeight:"1.25em",fontSize:"1rem",textAlign:"left","&:last-child":{marginRight:"1rem"},figure:{margin:"0",width:"161.8px","> div":{position:"relative",display:"flex",backgroundColor:"$secondaryAlt",width:"inherit",height:"100px",overflow:"hidden",borderRadius:"3px",transition:"$all",img:{width:"100%",height:"100%",objectFit:"cover",filter:"blur(0)",transform:"scale3d(1, 1, 1)",transition:"$all",color:"transparent"},[`& ${J}`]:{position:"absolute",right:"0",bottom:"0",[`& ${Y}`]:{margin:"0",paddingLeft:"0",fontSize:"0.7222rem",backgroundColor:"#000d",color:"$secondary",fill:"$secondary",borderBottomLeftRadius:"0",borderTopRightRadius:"0"}}},figcaption:{marginTop:"0.5rem",fontWeight:"400",fontSize:"0.8333rem",display:"-webkit-box",overflow:"hidden",MozBoxOrient:"vertical",WebkitBoxOrient:"vertical",WebkitLineClamp:"5","@sm":{fontSize:"0.8333rem"}}},"&[aria-checked='true']":{figure:{"> div":{backgroundColor:"$primaryAlt","&::before":{position:"absolute",zIndex:"1",color:"$secondaryMuted",content:"Active Item",textTransform:"uppercase",fontWeight:"700",fontSize:"0.6111rem",letterSpacing:"0.03rem",display:"flex",width:"100%",height:"100%",flexDirection:"column",justifyContent:"center",textAlign:"center",textShadow:"5px 5px 5px #0003"},img:{opacity:"0.3",transform:"scale3d(1.1, 1.1, 1.1)",filter:"blur(2px)"},[`& ${J}`]:{[`& ${Y}`]:{backgroundColor:"$accent"}}}},figcaption:{fontWeight:"700"}}}),Sn=({type:t})=>{switch(t){case"Sound":return e.createElement(k.Audio,null);case"Image":return e.createElement(k.Image,null);case"Video":return e.createElement(k.Video,null);default:return e.createElement(k.Image,null)}},$n=({canvas:t,canvasIndex:n,isActive:a,thumbnail:r,type:i,handleChange:o})=>e.createElement(kn,{"aria-checked":a,"data-testid":"media-thumbnail","data-canvas":n,onClick:()=>o(t.id),value:t.id},e.createElement("figure",null,e.createElement("div",null,(r==null?void 0:r.id)&&e.createElement("img",{src:r.id,alt:t!=null&&t.label?P(t.label):""}),e.createElement(J,null,e.createElement(Y,{isIcon:!0,"data-testid":"thumbnail-tag"},e.createElement(wn,null),e.createElement(k,{"aria-label":i},e.createElement(Sn,{type:i})),["Video","Sound"].includes(i)&&e.createElement(Cn,null,be(t.duration))))),(t==null?void 0:t.label)&&e.createElement("figcaption",{"data-testid":"fig-caption"},e.createElement(T,{label:t.label})))),In=t=>t.body?t.body.type:"Image",An=({items:t})=>{const n=O(),a=S(),{activeCanvas:r,vault:i}=a,[o,s]=e.useState(""),[l,c]=e.useState([]),[m,u]=e.useState(0),g=e.useRef(null),v="painting",x=h=>{r!==h&&n({type:"updateActiveCanvas",canvasId:h})};e.useEffect(()=>{if(!l.length){const h=["Image","Sound","Video"],b=t.map(E=>ke(i,E,v,h)).filter(E=>E.annotations.length>0);c(b)}},[t,l.length,i]),e.useEffect(()=>{l.forEach((h,b)=>{h!=null&&h.canvas&&h.canvas.id===r&&u(b)})},[r,l]),e.useEffect(()=>{const h=document.querySelector(`[data-canvas="${m}"]`);if(h instanceof HTMLElement&&g.current){const b=h.offsetLeft-g.current.offsetWidth/2+h.offsetWidth/2;g.current.scrollTo({left:b,behavior:"smooth"})}},[m]);const p=h=>s(h),f=h=>{const b=l[m+h];b!=null&&b.canvas&&x(b.canvas.id)};return e.createElement(e.Fragment,null,e.createElement(on,{handleFilter:p,handleCanvasToggle:f,activeIndex:m,canvasLength:l.length}),e.createElement(ln,{"aria-label":"select item","data-testid":"media",ref:g},l.filter(h=>{var b;if((b=h.canvas)!=null&&b.label){const E=P(h.canvas.label);if(Array.isArray(E))return E[0].toLowerCase().includes(o.toLowerCase())}}).map((h,b)=>{var E,y;return e.createElement($n,{canvas:h.canvas,canvasIndex:b,handleChange:x,isActive:r===((E=h==null?void 0:h.canvas)==null?void 0:E.id),key:(y=h==null?void 0:h.canvas)==null?void 0:y.id,thumbnail:tt(i,h,200,200),type:In(h.annotations[0])})})))},je=d("button",{background:"none",border:"none",cursor:"zoom-in",width:"100%",height:"100%",margin:"0",padding:"0",transition:"$all","& img":{width:"100%",height:"100%",objectFit:"contain",color:"transparent",transition:"$all"},variants:{isMedia:{true:{cursor:"pointer"}}}}),De=d("button",{display:"flex",height:"2rem",width:"2rem",borderRadius:"2rem",padding:"0",margin:"0",fontFamily:"inherit",background:"none",border:"none",color:"white",cursor:"pointer",marginLeft:"0.618rem",backgroundColor:"$primary",filter:"drop-shadow(2px 2px 5px #0003)",transition:"$all",boxSizing:"content-box !important","&:first-child":{marginLeft:"0"},"@xs":{marginBottom:"0.618rem",marginLeft:"0","&:last-child":{marginBottom:"0"}},svg:{height:"60%",width:"60%",padding:"20%",fill:"$secondary",stroke:"$secondary",filter:"drop-shadow(2px 2px 5px #0003)",transition:"$all",boxSizing:"inherit"},"&:hover, &:focus":{backgroundColor:"$accent"},"&#rotateRight":{"&:hover, &:focus":{svg:{rotate:"45deg"}}},"&#rotateLeft":{transform:"scaleX(-1)","&:hover, &:focus":{svg:{rotate:"45deg"}}},"&#reset":{"&:hover, &:focus":{svg:{rotate:"-15deg"}}}}),We=d(De,{position:"absolute",width:"2rem",top:"1rem",right:"1rem",zIndex:100,display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center",transition:"$all",borderRadius:"50%",backgroundColor:"$accent",cursor:"pointer","&:hover, &:focus":{backgroundColor:"$accent !important"},variants:{isInteractive:{true:{"&:hover":{opacity:"1"}},false:{}},isMedia:{true:{cursor:"pointer !important"}}},compoundVariants:[{isInteractive:!1,isMedia:!0,css:{top:"50%",right:"50%",width:"4rem",height:"4rem",transform:"translate(50%,-50%)"}}]}),Mn=d("div",{position:"relative",zIndex:"0",display:"flex",flexDirection:"column",gap:"1rem","&:hover":{[`${We}`]:{backgroundColor:"$accent"},[`${je}`]:{backgroundColor:"#6662",img:{filter:"brightness(0.85)"}}}}),zn=d("div",{}),Tn=d("svg",{height:"19px",color:"$accent",fill:"$accent",stroke:"$accent",display:"flex",margin:"0.25rem 0.85rem"}),Ln=d(C.Trigger,{fontSize:"1.25rem",fontWeight:"400",fontFamily:"inherit",alignSelf:"flex-start",flexGrow:"1",cursor:"pointer",transition:"$all",border:"1px solid #6663",boxShadow:"2px 2px 5px #0001",borderRadius:"3px",display:"flex",alignItems:"center",paddingLeft:"0.5rem",width:"100%","@sm":{fontSize:"1rem"}}),Rn=d(C.Content,{borderRadius:"3px",boxShadow:"3px 3px 8px #0003",backgroundColor:"$secondary",marginTop:"2.25rem",marginLeft:"6px",paddingBottom:"0.25rem",maxHeight:"calc(61.8vh - 2.5rem) !important",borderTopLeftRadius:"0",border:"1px solid $secondaryMuted",maxWidth:"90vw"}),Fn=d(C.Item,{display:"flex",alignItems:"center",fontFamily:"inherit",padding:"0.25rem 0.5rem",color:"$primary",fontWeight:"400",fontSize:"0.8333rem",cursor:"pointer",backgroundColor:"$secondary",width:"calc(100% - 1rem)","> span":{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},'&[data-state="checked"]':{fontWeight:"700",color:"$primary !important"},"&:hover":{color:"$accent"},img:{width:"31px",height:"31px",marginRight:"0.5rem",borderRadius:"3px"}}),Hn=d(C.Label,{color:"$primaryMuted",fontFamily:"inherit",fontSize:"0.85rem",padding:"0.5rem 1rem 0.5rem 0.5rem",display:"flex",alignItems:"center",marginBottom:"0.25rem",borderRadius:"3px",borderTopLeftRadius:"0",borderBottomLeftRadius:"0",borderBottomRightRadius:"0",backgroundColor:"$secondaryMuted"}),qe=d(C.Root,{position:"relative",zIndex:"5",width:"100%"}),X=({direction:t,title:n})=>{const a=()=>e.createElement("path",{d:"M414 321.94L274.22 158.82a24 24 0 00-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z"}),r=()=>e.createElement("path",{d:"M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z"});return e.createElement(Tn,{xmlns:"http://www.w3.org/2000/svg",focusable:"false",viewBox:"0 0 512 512",role:"img"},e.createElement("title",null,n),t==="up"&&e.createElement(a,null),t==="down"&&e.createElement(r,null))},Ne=({children:t,label:n,maxHeight:a,onValueChange:r,value:i})=>e.createElement(qe,{onValueChange:r,value:i},e.createElement(Ln,{"data-testid":"select-button"},e.createElement(C.SelectValue,{"data-testid":"select-button-value"}),e.createElement(C.SelectIcon,null,e.createElement(X,{direction:"down",title:"select"}))),e.createElement(C.SelectPortal,null,e.createElement(Rn,{css:{maxHeight:`${a} !important`},"data-testid":"select-content"},e.createElement(C.SelectScrollUpButton,null,e.createElement(X,{direction:"up",title:"scroll up for more"})),e.createElement(C.SelectViewport,null,e.createElement(C.SelectGroup,null,n&&e.createElement(Hn,null,e.createElement(T,{"data-testid":"select-label",label:n})),t)),e.createElement(C.SelectScrollDownButton,null,e.createElement(X,{direction:"down",title:"scroll down for more"}))))),Ge=t=>e.createElement(Fn,{...t},t.thumbnail&&e.createElement(Fe,{thumbnail:t.thumbnail}),e.createElement(C.SelectItemText,null,e.createElement(T,{label:t.label})),e.createElement(C.SelectItemIndicator,null)),On=d("div",{position:"absolute !important",zIndex:"1",top:"1rem",left:"1rem",width:"161.8px",height:"100px",backgroundColor:"#000D",boxShadow:"5px 5px 5px #0002",borderRadius:"3px",".displayregion":{border:" 3px solid $accent !important",boxShadow:"0 0 3px #0006"},"@sm":{width:"123px",height:"76px"},"@xs":{width:"100px",height:"61.8px"}}),Pn=d("div",{position:"relative",width:"100%",height:"100%",zIndex:"0"}),Vn=d("div",{width:"100%",height:"61.8vh",maxHeight:"100vh",background:"black",backgroundSize:"contain",color:"white",position:"relative",zIndex:"1",overflow:"hidden"}),z=({id:t,label:n,children:a})=>e.createElement(De,{id:t,"data-testid":"openseadragon-button"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-labelledby":`${t}-svg-title`,"data-testid":"openseadragon-button-svg",focusable:"false",viewBox:"0 0 512 512",role:"img"},e.createElement("title",{id:`${t}-svg-title`},n),a)),Bn=d("div",{position:"absolute",zIndex:"1",top:"1rem",display:"flex","@xs":{flexDirection:"column",zIndex:"2"},variants:{hasPlaceholder:{true:{right:"3.618rem","@xs":{top:"3.618rem",right:"1rem"}},false:{right:"1rem","@xs":{top:"1rem",right:"1rem"}}}}}),jn=()=>e.createElement("path",{strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M256 112v288M400 256H112"}),Dn=()=>e.createElement("path",{strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M400 256H112"}),Wn=()=>e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"32",d:"M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304"}),qn=()=>e.createElement("path",{d:"M448 440a16 16 0 01-12.61-6.15c-22.86-29.27-44.07-51.86-73.32-67C335 352.88 301 345.59 256 344.23V424a16 16 0 01-27 11.57l-176-168a16 16 0 010-23.14l176-168A16 16 0 01256 88v80.36c74.14 3.41 129.38 30.91 164.35 81.87C449.32 292.44 464 350.9 464 424a16 16 0 01-16 16z"}),me=()=>e.createElement(e.Fragment,null,e.createElement("path",{fill:"none",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128"}),e.createElement("path",{d:"M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z"})),Nn=({hasPlaceholder:t,options:n})=>e.createElement(Bn,{"data-testid":"openseadragon-controls",hasPlaceholder:t,id:"openseadragon-controls"},n.showZoomControl&&e.createElement(e.Fragment,null,e.createElement(z,{id:"zoomIn",label:"zoom in"},e.createElement(jn,null)),e.createElement(z,{id:"zoomOut",label:"zoom out"},e.createElement(Dn,null))),n.showFullPageControl&&e.createElement(z,{id:"fullPage",label:"full page"},e.createElement(Wn,null)),n.showRotationControl&&e.createElement(e.Fragment,null,e.createElement(z,{id:"rotateRight",label:"rotate right"},e.createElement(me,null)),e.createElement(z,{id:"rotateLeft",label:"rotate left"},e.createElement(me,null))),n.showHomeControl&&e.createElement(z,{id:"reset",label:"reset"},e.createElement(qn,null))),Gn=t=>fetch(`${t.replace(/\/$/,"")}/info.json`).then(n=>n.json()).then(n=>n).catch(n=>{console.error(`The IIIF tilesource ${t.replace(/\/$/,"")}/info.json failed to load: ${n}`)}),_n=t=>{let n,a;if(Array.isArray(t)&&(n=t[0],n)){let r;"@id"in n?r=n["@id"]:r=n.id,a=r}return a},Zn=({uri:t,hasPlaceholder:n,imageType:a})=>{const[r,i]=e.useState(),[o,s]=e.useState(),l=S(),{configOptions:c}=l,m={id:`openseadragon-viewport-${o}`,loadTilesWithAjax:!0,fullPageButton:"fullPage",homeButton:"reset",rotateLeftButton:"rotateLeft",rotateRightButton:"rotateRight",zoomInButton:"zoomIn",zoomOutButton:"zoomOut",showNavigator:!0,showFullPageControl:!0,showHomeControl:!0,showRotationControl:!0,showZoomControl:!0,navigatorBorderColor:"transparent",navigatorId:`openseadragon-navigator-${o}`,gestureSettingsMouse:{clickToZoom:!0,dblClickToZoom:!0,pinchToZoom:!0,scrollToZoom:!0},...c.openSeadragon,ajaxWithCredentials:c.withCredentials};return e.useEffect(()=>{t!==r&&(i(t),s(xe()))},[r,t]),e.useEffect(()=>{if(r)switch(a){case"simpleImage":re(m).addSimpleImage({url:r});break;case"tiledImage":Gn(r).then(u=>re(m).addTiledImage({tileSource:u}));break;default:console.warn(`Unable to render ${r} in OpenSeadragon as type: "${a}"`);break}},[r]),o?e.createElement(Vn,{css:{backgroundColor:c.canvasBackgroundColor,height:c.canvasHeight},className:"clover-viewer-osd-wrapper","data-testid":"clover-viewer-osd-wrapper"},e.createElement(Nn,{hasPlaceholder:n,options:m}),e.createElement(On,{id:`openseadragon-navigator-${o}`}),e.createElement(Pn,{id:`openseadragon-viewport-${o}`})):null},Un=({painting:t,hasPlaceholder:n})=>{const[a,r]=e.useState(),[i,o]=e.useState();return e.useEffect(()=>{Array.isArray(t==null?void 0:t.service)&&(t==null?void 0:t.service.length)>0?(r("tiledImage"),o(_n(t==null?void 0:t.service))):(r("simpleImage"),o(t==null?void 0:t.id))},[t]),e.createElement(Zn,{uri:i,key:i,hasPlaceholder:n,imageType:a})},Xn=({isMedia:t,label:n,placeholderCanvas:a,setIsInteractive:r})=>{const{vault:i}=S(),o=j(i,a),s=o?o[0]:void 0,l=n?P(n):["placeholder image"];return e.createElement(je,{onClick:()=>r(!0),isMedia:t,className:"clover-viewer-placeholder"},e.createElement("img",{src:(s==null?void 0:s.id)||"",alt:l.join(),height:s==null?void 0:s.height,width:s==null?void 0:s.width}))},Yn=d("canvas",{position:"absolute",width:"100%",height:"100%",zIndex:"0"}),Jn=e.forwardRef((t,n)=>{const a=e.useRef(null),r=e.useCallback(()=>{var o,s;if((o=n.current)!=null&&o.currentTime&&((s=n.current)==null?void 0:s.currentTime)>0)return;const l=n.current;if(!l)return;const c=new AudioContext,m=c.createMediaElementSource(l),u=c.createAnalyser(),g=a.current;if(!g)return;g.width=l.offsetWidth,g.height=l.offsetHeight;const v=g.getContext("2d");m.connect(u),u.connect(c.destination),u.fftSize=256;const x=u.frequencyBinCount,p=new Uint8Array(x);setInterval(function(){i(u,v,x,p,g.width,g.height)},20)},[n]);e.useEffect(()=>{!n||!n.current||(n.current.onplay=r)},[r,n]);function i(o,s,l,c,m,u){const g=m/l*2.6;let v,x=0;o.getByteFrequencyData(c),s.fillStyle="#000000",s.fillRect(0,0,m,u);for(let p=0;p<l;p++)v=c[p]*2,s.fillStyle="rgba(78, 42, 132, 1)",s.fillRect(x,u-v,g,v),x+=g+6}return e.createElement(Yn,{ref:a,role:"presentation"})}),Kn=d("div",{position:"relative",backgroundColor:"$primaryAlt",display:"flex",flexGrow:"0",flexShrink:"1",maxHeight:"500px",zIndex:"1",video:{backgroundColor:"transparent",objectFit:"contain",width:"100%",height:"100%",position:"relative",zIndex:"1"}}),Qn=({resource:t,ignoreCaptionLabels:n})=>{const a=P(t.label,"en");return Array.isArray(a)&&a.some(r=>n.includes(r))?null:e.createElement("track",{key:t.id,src:t.id,label:Array.isArray(a)?a[0]:a,srcLang:"en","data-testid":"player-track"})},ea=({allSources:t,resources:n,painting:a})=>{const[r,i]=e.useState(0),[o,s]=e.useState(),l=e.useRef(null),c=(a==null?void 0:a.type)==="Sound",m=S(),{activeCanvas:u,configOptions:g,vault:v}=m;return e.useEffect(()=>{if(!a.id||!l.current)return;if(l!=null&&l.current){const f=l.current;f.src=a.id,f.load()}if(a.id.split(".").pop()!=="m3u8")return;const x={xhrSetup:function(f,h){f.withCredentials=!!g.withCredentials}},p=new I.Hls(x);return p.attachMedia(l.current),p.on(I.Hls.Events.MEDIA_ATTACHED,function(){p.loadSource(a.id)}),p.on(I.Hls.Events.ERROR,function(f,h){if(h.fatal)switch(h.type){case I.Hls.ErrorTypes.NETWORK_ERROR:console.error(`fatal ${f} network error encountered, try to recover`),p.startLoad();break;case I.Hls.ErrorTypes.MEDIA_ERROR:console.error(`fatal ${f} media error encountered, try to recover`),p.recoverMediaError();break;default:p.destroy();break}}),()=>{if(p&&l.current){const f=l.current;p.detachMedia(),p.destroy(),f.currentTime=0}}},[g.withCredentials,a.id]),e.useEffect(()=>{var x,p,f,h;const b=v.get(u),E=(x=b.accompanyingCanvas)!=null&&x.id?j(v,(p=b.accompanyingCanvas)==null?void 0:p.id):null,y=(f=b.placeholderCanvas)!=null&&f.id?j(v,(h=b.placeholderCanvas)==null?void 0:h.id):null;E&&y?s(r===0?y[0].id:E[0].id):(E&&s(E[0].id),y&&s(y[0].id))},[u,r,v]),e.useEffect(()=>{if(l!=null&&l.current){const x=l.current;return x==null||x.addEventListener("timeupdate",()=>i(x.currentTime)),()=>document.removeEventListener("timeupdate",()=>{})}},[]),e.createElement(Kn,{css:{backgroundColor:g.canvasBackgroundColor,maxHeight:g.canvasHeight,position:"relative"},"data-testid":"player-wrapper",className:"clover-viewer-player-wrapper"},e.createElement("video",{id:"clover-iiif-video",key:a.id,ref:l,controls:!0,height:a.height,width:a.width,crossOrigin:"anonymous",poster:o,style:{maxHeight:g.canvasHeight,position:"relative",zIndex:"1"}},t.map(x=>e.createElement("source",{src:x.id,type:x.format,key:x.id})),n.length>0&&n.map(x=>e.createElement(Qn,{resource:x,ignoreCaptionLabels:g.ignoreCaptionLabels||[],key:x.id})),"Sorry, your browser doesn't support embedded videos."),c&&e.createElement(Jn,{ref:l}))},ta=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"close-svg-title",focusable:"false",viewBox:"0 0 512 512",role:"img"},e.createElement("title",{id:"close-svg-title"},"close"),e.createElement("path",{d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"})),na=({isMedia:t})=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"open-svg-title",focusable:"false",viewBox:"0 0 512 512",role:"img"},e.createElement("title",{id:"open-svg-title"},"open"),t?e.createElement("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 61l-247.89 148.4A35.5 35.5 0 01133 440z"}):e.createElement(e.Fragment,null,e.createElement("path",{d:"m456.69,421.39l-94.09-94.09c22.65-30.16,34.88-66.86,34.84-104.58,0-96.34-78.38-174.72-174.72-174.72S48,126.38,48,222.72s78.38,174.72,174.72,174.72c37.72.04,74.42-12.19,104.58-34.84l94.09,94.09c10.29,9.2,26.1,8.32,35.3-1.98,8.48-9.49,8.48-23.83,0-33.32Zm-233.97-73.87c-68.89-.08-124.72-55.91-124.8-124.8h0c0-68.93,55.87-124.8,124.8-124.8s124.8,55.87,124.8,124.8-55.87,124.8-124.8,124.8Z"}),e.createElement("path",{d:"m279.5,197.76h-3.35s-28.47,0-28.47,0v-31.82c-.77-13.79-12.57-24.33-26.36-23.56-12.71.71-22.85,10.86-23.56,23.56v3.35h0v28.47h-31.82c-13.79.77-24.33,12.57-23.56,26.36.71,12.71,10.86,22.85,23.56,23.56h3.35s28.47,0,28.47,0v31.82c.77,13.79,12.57,24.33,26.36,23.56,12.71-.71,22.85-10.86,23.56-23.56v-3.35h0v-28.47h31.82c13.79-.77,24.33-12.57,23.56-26.36-.71-12.71-10.86-22.85-23.56-23.56Z"}))),aa=({handleToggle:t,isInteractive:n,isMedia:a})=>e.createElement(We,{onClick:t,isInteractive:n,isMedia:a,"data-testid":"placeholder-toggle"},n?e.createElement(ta,null):e.createElement(na,{isMedia:a})),ra=({activeCanvas:t,isMedia:n,painting:a,resources:r})=>{var i,o,s;const[l,c]=e.useState(0),[m,u]=e.useState(!1),{configOptions:g,customDisplays:v,vault:x}=S(),p=x.get(t),f=(i=p==null?void 0:p.placeholderCanvas)==null?void 0:i.id,h=!!f,b=(a==null?void 0:a.length)>1,E=f&&!m&&!n,y=()=>u(!m),L=$=>{const B=a.findIndex(F=>F.id===$);c(B)},w=v.find($=>{var B;let F=!1;const{canvasId:N,paintingFormat:G}=$.target;if(Array.isArray(N)&&N.length>0&&(F=N.includes(t)),Array.isArray(G)&&G.length>0){const ae=((B=a[l])==null?void 0:B.format)||"";F=!!(ae&&G.includes(ae))}return F}),R=(o=w==null?void 0:w.display)==null?void 0:o.component;return e.createElement(Mn,{className:"clover-viewer-painting"},e.createElement(zn,{style:{backgroundColor:g.canvasBackgroundColor,maxHeight:g.canvasHeight}},f&&!n&&e.createElement(aa,{handleToggle:y,isInteractive:m,isMedia:n}),E&&!n&&e.createElement(Xn,{isMedia:n,label:p==null?void 0:p.label,placeholderCanvas:f,setIsInteractive:u}),!E&&!w&&(n?e.createElement(ea,{allSources:a,painting:a[l],resources:r}):a&&e.createElement(Un,{painting:a[l],hasPlaceholder:h,key:t})),!E&&R&&e.createElement(R,{id:t,annotationBody:a[l],...w==null?void 0:w.display.componentProps})),b&&e.createElement(Ne,{value:(s=a[l])==null?void 0:s.id,onValueChange:L,maxHeight:"200px"},a==null?void 0:a.map($=>e.createElement(Ge,{value:$==null?void 0:$.id,key:$==null?void 0:$.id,label:$==null?void 0:$.label}))))},ia=({activeCanvas:t,painting:n,resources:a,items:r,isAudioVideo:i})=>{const{informationOpen:o,configOptions:s}=S(),{informationPanel:l}=s,c=(l==null?void 0:l.renderAbout)||(l==null?void 0:l.renderSupplementing)&&a.length>0;return e.createElement($e,{className:"clover-viewer-content","data-testid":"clover-viewer-content"},e.createElement(Ie,null,e.createElement(ra,{activeCanvas:t,isMedia:i,painting:n,resources:a}),c&&e.createElement(Ae,null,e.createElement("span",null,o?"View Items":"More Information")),r.length>1&&e.createElement(Se,{className:"clover-viewer-media-wrapper"},e.createElement(An,{items:r,activeItem:0}))),o&&c&&e.createElement(lt,null,e.createElement(Me,null,e.createElement(Yt,{activeCanvas:t,resources:a}))))},oa=d(V.Trigger,{width:"30px",padding:"5px"}),la=d(V.Content,{display:"flex",flexDirection:"column",fontSize:"0.8333rem",border:"none",boxShadow:"2px 2px 5px #0003",zIndex:"2",button:{display:"flex",textDecoration:"none",marginBottom:"0.5em",color:"$accentAlt",cursor:"pointer",background:"$secondary",border:"none","&:last-child":{marginBottom:"0"}}}),sa=d("span",{fontSize:"1.33rem",alignSelf:"flex-start",flexGrow:"0",flexShrink:"1",padding:"1rem","@sm":{fontSize:"1rem"},"&.visually-hidden":{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"}}),ca=d("header",{display:"flex",backgroundColor:"transparent !important",justifyContent:"space-between",alignItems:"flex-start",width:"100%",[`> ${qe}`]:{flexGrow:"1",flexShrink:"0"},form:{flexGrow:"0",flexShrink:"1"}}),da=d("div",{display:"flex",alignItems:"flex-end",justifyContent:"flex-end",padding:"1rem",flexShrink:"0",flexGrow:"1"}),ma=()=>{var t;const n=O(),a=S(),{activeManifest:r,collection:i,configOptions:o,vault:s}=a,l=o==null?void 0:o.canvasHeight,c=m=>{n({type:"updateActiveManifest",manifestId:m})};return e.createElement("div",{style:{margin:"0.75rem"}},e.createElement(Ne,{label:i.label,maxHeight:l,value:r,onValueChange:c},(t=i==null?void 0:i.items)==null?void 0:t.map(m=>e.createElement(Ge,{value:m.id,key:m.id,thumbnail:m!=null&&m.thumbnail?s.get(m==null?void 0:m.thumbnail):void 0,label:m.label}))))},ua=(t,n=2500)=>{const[a,r]=e.useState(),i=e.useCallback(()=>{navigator.clipboard.writeText(t).then(()=>r("copied"),()=>r("failed"))},[t]);return e.useEffect(()=>{if(!a)return;const o=setTimeout(()=>r(void 0),n);return()=>clearTimeout(o)},[a]),[a,i]},pa=d("span",{display:"flex",alignContent:"center",alignItems:"center",padding:"0.125rem 0.25rem 0",marginTop:"-0.125rem",marginLeft:"0.5rem",backgroundColor:"$accent",color:"$secondary",borderRadius:"3px",fontSize:"0.6111rem",textTransform:"uppercase",lineHeight:"1em"}),ga=({status:t})=>t?e.createElement(pa,{"data-copy-status":t},t):null,ue=({textPrompt:t,textToCopy:n})=>{const[a,r]=ua(n);return e.createElement("button",{onClick:r},t," ",e.createElement(ga,{status:a}))},ha=()=>{const t="#ed1d33",n="#2873ab";return e.createElement("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1"},e.createElement("title",null,"IIIF Manifest Options"),e.createElement("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)"},e.createElement("g",{transform:"scale(0.1)"},e.createElement("path",{style:{fill:n},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),e.createElement("path",{style:{fill:n},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),e.createElement("path",{style:{fill:t},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),e.createElement("path",{style:{fill:t},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),e.createElement("path",{style:{fill:n},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),e.createElement("path",{style:{fill:n},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),e.createElement("path",{style:{fill:t},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"}))))},fa=d(ve.Root,{all:"unset",height:"2rem",width:"3.236rem",backgroundColor:"#6663",borderRadius:"9999px",position:"relative",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:focus":{boxShadow:"0 0 0 2px $secondaryAlt"},'&[data-state="checked"]':{backgroundColor:"$accent",boxShadow:"inset 2px 2px 5px #0003"}}),va=d(ve.Thumb,{display:"block",height:"calc(2rem - 12px)",width:"calc(2rem - 12px)",backgroundColor:"$secondary",borderRadius:"100%",boxShadow:"2px 2px 5px #0001",transition:"$all",transform:"translateX(6px)",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc(1.236rem + 6px))"}}),xa=d("label",{fontSize:"0.8333rem",fontWeight:"400",lineHeight:"1em",userSelect:"none",cursor:"pointer",paddingRight:"0.618rem"}),ba=d("form",{display:"flex",flexShrink:"0",flexGrow:"1",alignItems:"center",marginLeft:"1.618rem"}),Ea=()=>{var t;const{configOptions:n}=S(),a=O(),[r,i]=e.useState((t=n==null?void 0:n.informationPanel)==null?void 0:t.open);return e.useEffect(()=>{a({type:"updateInformationOpen",informationOpen:r})},[r]),e.createElement(ba,null,e.createElement(xa,{htmlFor:"information-toggle",css:r?{opacity:"1"}:{}},"More Information"),e.createElement(fa,{checked:r,onCheckedChange:()=>i(!r),id:"information-toggle","aria-label":"information panel toggle",name:"toggled?"},e.createElement(va,null)))},_e=t=>{const n=()=>window.matchMedia?window.matchMedia(t).matches:!1,[a,r]=e.useState(n);return e.useEffect(()=>{const i=()=>r(n);return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)}),a},ya=({manifestId:t,manifestLabel:n})=>{const a=S(),{collection:r,configOptions:i}=a,{showTitle:o,showIIIFBadge:s,informationPanel:l}=i,c=s||(l==null?void 0:l.renderToggle),m=_e(Q.sm);return e.createElement(ca,{className:"clover-viewer-header"},r!=null&&r.items?e.createElement(ma,null):e.createElement(sa,{className:o?"":"visually-hidden"},o&&e.createElement(T,{label:n,className:"label"})),c&&e.createElement(da,null,s&&e.createElement(V,null,e.createElement(oa,null,e.createElement(ha,null)),e.createElement(la,null,(r==null?void 0:r.items)&&e.createElement("button",{onClick:u=>{u.preventDefault(),window.open(r.id,"_blank")}},"View Collection"),e.createElement("button",{onClick:u=>{u.preventDefault(),window.open(t,"_blank")}},"View Manifest")," ",(r==null?void 0:r.items)&&e.createElement(ue,{textPrompt:"Copy Collection URL",textToCopy:r.id}),e.createElement(ue,{textPrompt:"Copy Manifest URL",textToCopy:t}))),(l==null?void 0:l.renderToggle)&&!m&&e.createElement(Ea,null)))},wa=(t=!1)=>{const[n,a]=e.useState(t);return e.useLayoutEffect(()=>{if(!n)return;const r=document.documentElement.style.overflow;return document.documentElement.style.overflow="hidden",()=>{document.documentElement.style.overflow=r}},[n]),e.useEffect(()=>{n!==t&&a(t)},[t]),[n,a]},Ca=({manifest:t,theme:n})=>{var a;const r=S(),i=O(),{activeCanvas:o,informationOpen:s,vault:l,configOptions:c}=r,[m,u]=e.useState(!1),[g,v]=e.useState(!1),[x,p]=e.useState([]),[f,h]=e.useState([]),[b,E]=wa(!1),y=_e(Q.sm),L=e.useCallback(w=>{i({type:"updateInformationOpen",informationOpen:w})},[i]);return e.useEffect(()=>{var w;(w=c==null?void 0:c.informationPanel)!=null&&w.open&&L(!y)},[y,(a=c==null?void 0:c.informationPanel)==null?void 0:a.open,L]),e.useEffect(()=>{if(!y){E(!1);return}E(s)},[s,y,E]),e.useEffect(()=>{const w=j(l,o),R=et(l,o,"text/vtt");w&&(v(["Sound","Video"].indexOf(w[0].type)>-1),p(w)),h(R),u(R.length!==0)},[o,l]),e.createElement(Ze.ErrorBoundary,{FallbackComponent:ot},e.createElement(st,{className:`${n} clover-viewer`,css:{background:c==null?void 0:c.background},"data-body-locked":b,"data-information-panel":m,"data-information-panel-open":s},e.createElement(K.Root,{open:s,onOpenChange:L},e.createElement(ya,{manifestLabel:t.label,manifestId:t.id}),e.createElement(ia,{activeCanvas:o,painting:x,resources:f,items:t.items,isAudioVideo:g}))))},pe={ignoreCache:!1,headers:{Accept:"application/json, text/javascript, text/plain"},timeout:5e3,withCredentials:!1};function ka(t){return{ok:t.status>=200&&t.status<300,status:t.status,statusText:t.statusText,headers:t.getAllResponseHeaders(),data:t.responseText,json:()=>JSON.parse(t.responseText)}}function ge(t,n=null){return{ok:!1,status:t.status,statusText:t.statusText,headers:t.getAllResponseHeaders(),data:n||t.statusText,json:()=>JSON.parse(n||t.statusText)}}function Sa(t,n=pe){const a=n.headers||pe.headers;return new Promise((r,i)=>{const o=new XMLHttpRequest;o.open("get",t),o.withCredentials=n.withCredentials,a&&Object.keys(a).forEach(s=>o.setRequestHeader(s,a[s])),o.onload=()=>{r(ka(o))},o.onerror=()=>{i(ge(o,"Failed to make request."))},o.ontimeout=()=>{i(ge(o,"Request took longer than expected."))},o.send()})}const $a=({canvasIdCallback:t=()=>{},customDisplays:n=[],customTheme:a,iiifContent:r,id:i,manifestId:o,options:s})=>{var l;let c=r;return i&&(c=i),o&&(c=o),e.createElement(Qe,{initialState:{...q,customDisplays:n,informationOpen:!!((l=s==null?void 0:s.informationPanel)!=null&&l.open),vault:new he.Vault({customFetcher:m=>Sa(m,{withCredentials:s==null?void 0:s.withCredentials,headers:s==null?void 0:s.requestHeaders}).then(u=>JSON.parse(u.data))})}},e.createElement(Ia,{iiifContent:c,canvasIdCallback:t,customTheme:a,options:s}))},Ia=({canvasIdCallback:t,customTheme:n,iiifContent:a,options:r})=>{const i=O(),o=S(),{activeCanvas:s,activeManifest:l,isLoaded:c,vault:m}=o,[u,g]=e.useState(),[v,x]=e.useState();let p={};return n&&(p=fe.createTheme("custom",n)),e.useEffect(()=>{t&&t(s)},[s,t]),e.useEffect(()=>{l&&m.loadManifest(l).then(f=>{x(f),i({type:"updateActiveCanvas",canvasId:f.items[0]&&f.items[0].id})}).catch(f=>{console.error(`Manifest failed to load: ${f}`)}).finally(()=>{i({type:"updateIsLoaded",isLoaded:!0})})},[l,i,m]),e.useEffect(()=>{i({type:"updateConfigOptions",configOptions:r}),m.load(a).then(f=>{g(f)}).catch(f=>{console.error(`The IIIF resource ${a} failed to load: ${f}`)})},[i,a,r,m]),e.useEffect(()=>{let f=[];(u==null?void 0:u.type)==="Collection"?(i({type:"updateCollection",collection:u}),f=u.items.filter(h=>h.type==="Manifest").map(h=>h.id),f.length>0&&i({type:"updateActiveManifest",manifestId:f[0]})):(u==null?void 0:u.type)==="Manifest"&&i({type:"updateActiveManifest",manifestId:u.id})},[i,u]),c?!v||!v.items?(console.log(`The IIIF manifest ${a} failed to load.`),e.createElement(e.Fragment,null)):v.items.length===0?(console.log(`The IIIF manifest ${a} does not contain canvases.`),e.createElement(e.Fragment,null)):e.createElement(Ca,{manifest:v,theme:p,key:v.id}):e.createElement(e.Fragment,null,"Loading")};module.exports=$a;
 //# sourceMappingURL=index.cjs97.js.map

package/dist/index.cjs98.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),p=require("./index.cjs204.js"),v=require("./index.cjs205.js"),A=require("./index.cjs206.js"),R=require("./index.cjs207.js"),B=require("./index.cjs208.js"),V=require("./index.cjs209.js"),z=require("./index.cjs210.js"),K=require("./index.cjs211.js"),E=require("./index.cjs212.js"),x=require("./index.cjs213.js"),U=require("./index.cjs214.js"),Y=require("./index.cjs215.js"),Z=require("./index.cjs189.js"),J=require("./index.cjs216.js"),s=require("./index.cjs55.js");function Q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=Q(H);var j="Dialog",[M,X]=A.createContextScope(j),[ee,u]=M(j),C=e=>{const{__scopeDialog:t,children:n,open:r,defaultOpen:i,onOpenChange:o,modal:c=!0}=e,l=a.useRef(null),d=a.useRef(null),[f=!1,D]=B.useControllableState({prop:r,defaultProp:i,onChange:o});return s.jsxRuntimeExports.jsx(ee,{scope:t,triggerRef:l,contentRef:d,contentId:R.useId(),titleId:R.useId(),descriptionId:R.useId(),open:f,onOpenChange:D,onOpenToggle:a.useCallback(()=>D(L=>!L),[D]),modal:c,children:n})};C.displayName=j;var S="DialogTrigger",w=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(S,n),o=v.useComposedRefs(t,i.triggerRef);return s.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":i.open,"aria-controls":i.contentId,"data-state":T(i.open),...r,ref:o,onClick:p.composeEventHandlers(e.onClick,i.onOpenToggle)})});w.displayName=S;var P="DialogPortal",[te,F]=M(P,{forceMount:void 0}),_=e=>{const{__scopeDialog:t,forceMount:n,children:r,container:i}=e,o=u(P,t);return s.jsxRuntimeExports.jsx(te,{scope:t,forceMount:n,children:a.Children.map(r,c=>s.jsxRuntimeExports.jsx(E.Presence,{present:n||o.open,children:s.jsxRuntimeExports.jsx(K.Portal,{asChild:!0,container:i,children:c})}))})};_.displayName=P;var m="DialogOverlay",y=a.forwardRef((e,t)=>{const n=F(m,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,o=u(m,e.__scopeDialog);return o.modal?s.jsxRuntimeExports.jsx(E.Presence,{present:r||o.open,children:s.jsxRuntimeExports.jsx(oe,{...i,ref:t})}):null});y.displayName=m;var oe=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(m,n);return s.jsxRuntimeExports.jsx(Y,{as:J.Slot,allowPinchZoom:!0,shards:[i.contentRef],children:s.jsxRuntimeExports.jsx(x.Primitive.div,{"data-state":T(i.open),...r,ref:t,style:{pointerEvents:"auto",...r.style}})})}),g="DialogContent",O=a.forwardRef((e,t)=>{const n=F(g,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,o=u(g,e.__scopeDialog);return s.jsxRuntimeExports.jsx(E.Presence,{present:r||o.open,children:o.modal?s.jsxRuntimeExports.jsx(ne,{...i,ref:t}):s.jsxRuntimeExports.jsx(re,{...i,ref:t})})});O.displayName=g;var ne=a.forwardRef((e,t)=>{const n=u(g,e.__scopeDialog),r=a.useRef(null),i=v.useComposedRefs(t,n.contentRef,r);return a.useEffect(()=>{const o=r.current;if(o)return Z.hideOthers(o)},[]),s.jsxRuntimeExports.jsx(q,{...e,ref:i,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:p.composeEventHandlers(e.onCloseAutoFocus,o=>{var c;o.preventDefault(),(c=n.triggerRef.current)==null||c.focus()}),onPointerDownOutside:p.composeEventHandlers(e.onPointerDownOutside,o=>{const c=o.detail.originalEvent,l=c.button===0&&c.ctrlKey===!0;(c.button===2||l)&&o.preventDefault()}),onFocusOutside:p.composeEventHandlers(e.onFocusOutside,o=>o.preventDefault())})}),re=a.forwardRef((e,t)=>{const n=u(g,e.__scopeDialog),r=a.useRef(!1),i=a.useRef(!1);return s.jsxRuntimeExports.jsx(q,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var c,l;(c=e.onCloseAutoFocus)==null||c.call(e,o),o.defaultPrevented||(r.current||(l=n.triggerRef.current)==null||l.focus(),o.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:o=>{var d,f;(d=e.onInteractOutside)==null||d.call(e,o),o.defaultPrevented||(r.current=!0,o.detail.originalEvent.type==="pointerdown"&&(i.current=!0));const c=o.target;((f=n.triggerRef.current)==null?void 0:f.contains(c))&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&i.current&&o.preventDefault()}})}),q=a.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:o,...c}=e,l=u(g,n),d=a.useRef(null),f=v.useComposedRefs(t,d);return U.useFocusGuards(),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(z.FocusScope,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:o,children:s.jsxRuntimeExports.jsx(V.DismissableLayer,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":T(l.open),...c,ref:f,onDismiss:()=>l.onOpenChange(!1)})}),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(se,{titleId:l.titleId}),s.jsxRuntimeExports.jsx(ce,{contentRef:d,descriptionId:l.descriptionId})]})]})}),h="DialogTitle",N=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(h,n);return s.jsxRuntimeExports.jsx(x.Primitive.h2,{id:i.titleId,...r,ref:t})});N.displayName=h;var $="DialogDescription",b=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u($,n);return s.jsxRuntimeExports.jsx(x.Primitive.p,{id:i.descriptionId,...r,ref:t})});b.displayName=$;var W="DialogClose",I=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(W,n);return s.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button",...r,ref:t,onClick:p.composeEventHandlers(e.onClick,()=>i.onOpenChange(!1))})});I.displayName=W;function T(e){return e?"open":"closed"}var k="DialogTitleWarning",[ie,G]=A.createContext(k,{contentName:g,titleName:h,docsSlug:"dialog"}),se=({titleId:e})=>{const t=G(k),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),p=require("./index.cjs165.js"),v=require("./index.cjs166.js"),A=require("./index.cjs167.js"),R=require("./index.cjs168.js"),B=require("./index.cjs169.js"),V=require("./index.cjs170.js"),z=require("./index.cjs171.js"),K=require("./index.cjs172.js"),E=require("./index.cjs173.js"),x=require("./index.cjs174.js"),U=require("./index.cjs175.js"),Y=require("./index.cjs176.js"),Z=require("./index.cjs177.js"),J=require("./index.cjs178.js"),s=require("./index.cjs55.js");function Q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=Q(H);var j="Dialog",[M,X]=A.createContextScope(j),[ee,u]=M(j),C=e=>{const{__scopeDialog:t,children:n,open:r,defaultOpen:i,onOpenChange:o,modal:c=!0}=e,l=a.useRef(null),d=a.useRef(null),[f=!1,D]=B.useControllableState({prop:r,defaultProp:i,onChange:o});return s.jsxRuntimeExports.jsx(ee,{scope:t,triggerRef:l,contentRef:d,contentId:R.useId(),titleId:R.useId(),descriptionId:R.useId(),open:f,onOpenChange:D,onOpenToggle:a.useCallback(()=>D(L=>!L),[D]),modal:c,children:n})};C.displayName=j;var S="DialogTrigger",w=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(S,n),o=v.useComposedRefs(t,i.triggerRef);return s.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":i.open,"aria-controls":i.contentId,"data-state":T(i.open),...r,ref:o,onClick:p.composeEventHandlers(e.onClick,i.onOpenToggle)})});w.displayName=S;var P="DialogPortal",[te,F]=M(P,{forceMount:void 0}),_=e=>{const{__scopeDialog:t,forceMount:n,children:r,container:i}=e,o=u(P,t);return s.jsxRuntimeExports.jsx(te,{scope:t,forceMount:n,children:a.Children.map(r,c=>s.jsxRuntimeExports.jsx(E.Presence,{present:n||o.open,children:s.jsxRuntimeExports.jsx(K.Portal,{asChild:!0,container:i,children:c})}))})};_.displayName=P;var m="DialogOverlay",y=a.forwardRef((e,t)=>{const n=F(m,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,o=u(m,e.__scopeDialog);return o.modal?s.jsxRuntimeExports.jsx(E.Presence,{present:r||o.open,children:s.jsxRuntimeExports.jsx(oe,{...i,ref:t})}):null});y.displayName=m;var oe=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(m,n);return s.jsxRuntimeExports.jsx(Y,{as:J.Slot,allowPinchZoom:!0,shards:[i.contentRef],children:s.jsxRuntimeExports.jsx(x.Primitive.div,{"data-state":T(i.open),...r,ref:t,style:{pointerEvents:"auto",...r.style}})})}),g="DialogContent",O=a.forwardRef((e,t)=>{const n=F(g,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,o=u(g,e.__scopeDialog);return s.jsxRuntimeExports.jsx(E.Presence,{present:r||o.open,children:o.modal?s.jsxRuntimeExports.jsx(ne,{...i,ref:t}):s.jsxRuntimeExports.jsx(re,{...i,ref:t})})});O.displayName=g;var ne=a.forwardRef((e,t)=>{const n=u(g,e.__scopeDialog),r=a.useRef(null),i=v.useComposedRefs(t,n.contentRef,r);return a.useEffect(()=>{const o=r.current;if(o)return Z.hideOthers(o)},[]),s.jsxRuntimeExports.jsx(q,{...e,ref:i,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:p.composeEventHandlers(e.onCloseAutoFocus,o=>{var c;o.preventDefault(),(c=n.triggerRef.current)==null||c.focus()}),onPointerDownOutside:p.composeEventHandlers(e.onPointerDownOutside,o=>{const c=o.detail.originalEvent,l=c.button===0&&c.ctrlKey===!0;(c.button===2||l)&&o.preventDefault()}),onFocusOutside:p.composeEventHandlers(e.onFocusOutside,o=>o.preventDefault())})}),re=a.forwardRef((e,t)=>{const n=u(g,e.__scopeDialog),r=a.useRef(!1),i=a.useRef(!1);return s.jsxRuntimeExports.jsx(q,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var c,l;(c=e.onCloseAutoFocus)==null||c.call(e,o),o.defaultPrevented||(r.current||(l=n.triggerRef.current)==null||l.focus(),o.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:o=>{var d,f;(d=e.onInteractOutside)==null||d.call(e,o),o.defaultPrevented||(r.current=!0,o.detail.originalEvent.type==="pointerdown"&&(i.current=!0));const c=o.target;((f=n.triggerRef.current)==null?void 0:f.contains(c))&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&i.current&&o.preventDefault()}})}),q=a.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:o,...c}=e,l=u(g,n),d=a.useRef(null),f=v.useComposedRefs(t,d);return U.useFocusGuards(),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(z.FocusScope,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:o,children:s.jsxRuntimeExports.jsx(V.DismissableLayer,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":T(l.open),...c,ref:f,onDismiss:()=>l.onOpenChange(!1)})}),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(se,{titleId:l.titleId}),s.jsxRuntimeExports.jsx(ce,{contentRef:d,descriptionId:l.descriptionId})]})]})}),h="DialogTitle",N=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(h,n);return s.jsxRuntimeExports.jsx(x.Primitive.h2,{id:i.titleId,...r,ref:t})});N.displayName=h;var $="DialogDescription",b=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u($,n);return s.jsxRuntimeExports.jsx(x.Primitive.p,{id:i.descriptionId,...r,ref:t})});b.displayName=$;var W="DialogClose",I=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(W,n);return s.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button",...r,ref:t,onClick:p.composeEventHandlers(e.onClick,()=>i.onOpenChange(!1))})});I.displayName=W;function T(e){return e?"open":"closed"}var k="DialogTitleWarning",[ie,G]=A.createContext(k,{contentName:g,titleName:h,docsSlug:"dialog"}),se=({titleId:e})=>{const t=G(k),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 

package/dist/index.cjs99.js

@@ -1,4 +1,4 @@
-"use strict";const e=require("./index.cjs401.js");/**
+"use strict";const e=require("./index.cjs406.js");/**
  * @license lucide-react v0.321.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index.es100.js

@@ -1,4 +1,4 @@
-import e from "./index.es401.js";
+import e from "./index.es406.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es101.js

@@ -1,12 +1,12 @@
-import P from "./index.es143.js";
+import P from "./index.es157.js";
 import { forwardRef as R, useState as _, useRef as C, useEffect as y, createElement as b } from "react";
-import { useComposedRefs as q } from "./index.es145.js";
-import { createContextScope as B } from "./index.es146.js";
-import { composeEventHandlers as E } from "./index.es144.js";
-import { useControllableState as D } from "./index.es147.js";
+import { useComposedRefs as q } from "./index.es159.js";
+import { createContextScope as B } from "./index.es160.js";
+import { composeEventHandlers as E } from "./index.es158.js";
+import { useControllableState as D } from "./index.es161.js";
 import { usePrevious as I } from "./index.es235.js";
 import { useSize as H } from "./index.es234.js";
-import { Primitive as K } from "./index.es148.js";
+import { Primitive as K } from "./index.es162.js";
 const S = "Checkbox", [L, V] = B(S), [O, W] = L(S), z = /* @__PURE__ */ R((e, l) => {
   const { __scopeCheckbox: o, name: f, checked: p, defaultChecked: u, required: d, disabled: c, value: n = "on", onCheckedChange: $, ...x } = e, [r, m] = _(null), g = q(
     l,

package/dist/index.es102.js

@@ -1,4 +1,4 @@
-import e from "./index.es401.js";
+import e from "./index.es406.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es103.js

@@ -1,4 +1,4 @@
-import e from "./index.es401.js";
+import e from "./index.es406.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es106.js

@@ -1,7 +1,7 @@
-import Z from "./index.es143.js";
-import V from "./index.es238.js";
-import ee from "./index.es239.js";
-import N from "./index.es240.js";
+import Z from "./index.es157.js";
+import V from "./index.es241.js";
+import ee from "./index.es242.js";
+import N from "./index.es243.js";
 import { createElement as W, PureComponent as te } from "react";
 var ie = typeof performance == "object" && typeof performance.now == "function", U = ie ? function() {
   return performance.now();

package/dist/index.es107.js

@@ -1,14 +1,14 @@
-import f from "./index.es143.js";
+import f from "./index.es157.js";
 import o from "react";
-import { createContextScope as j } from "./index.es146.js";
-import { createCollection as q } from "./index.es193.js";
-import { useComposedRefs as B } from "./index.es145.js";
-import { composeEventHandlers as F } from "./index.es144.js";
-import { useControllableState as O } from "./index.es147.js";
-import { Primitive as T } from "./index.es148.js";
-import { createCollapsibleScope as M, Root as J, Trigger as Q, Content as W } from "./index.es152.js";
-import { useId as X } from "./index.es150.js";
-import { useDirection as Z } from "./index.es194.js";
+import { createContextScope as j } from "./index.es160.js";
+import { createCollection as q } from "./index.es206.js";
+import { useComposedRefs as B } from "./index.es159.js";
+import { composeEventHandlers as F } from "./index.es158.js";
+import { useControllableState as O } from "./index.es161.js";
+import { Primitive as T } from "./index.es162.js";
+import { createCollapsibleScope as M, Root as J, Trigger as Q, Content as W } from "./index.es123.js";
+import { useId as X } from "./index.es164.js";
+import { useDirection as Z } from "./index.es207.js";
 const $ = "Accordion", ee = [
   "Home",
   "End",

package/dist/index.es108.js

@@ -1,4 +1,4 @@
-import e from "./index.es401.js";
+import e from "./index.es406.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es109.js

@@ -1,4 +1,4 @@
-import o from "./index.es401.js";
+import o from "./index.es406.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es110.js

@@ -1,6 +1,6 @@
 import l, { createContext as v, useRef as k, useEffect as A, useCallback as T } from "react";
-import { createStitches as F } from "./index.es154.js";
-import { Hls as x } from "./index.es157.js";
+import { createStitches as F } from "./index.es125.js";
+import { Hls as x } from "./index.es128.js";
 const O = (e, t = "none") => {
   if (!e)
     return null;

package/dist/index.es111.js

@@ -1,4 +1,4 @@
-import a from "./index.es401.js";
+import a from "./index.es406.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es112.js

@@ -1,4 +1,4 @@
-import e from "./index.es401.js";
+import e from "./index.es406.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es113.js

@@ -1,4 +1,4 @@
-import c from "./index.es401.js";
+import c from "./index.es406.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es114.js

@@ -1,4 +1,4 @@
-import e from "./index.es401.js";
+import e from "./index.es406.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es118.js

@@ -1,7 +1,7 @@
-import O from "./index.es438.js";
-import { safelyRunOnBrowser as d } from "./index.es439.js";
-import { createDocumentationLink as W } from "./index.es440.js";
-import { warning as $ } from "./index.es441.js";
+import O from "./index.es412.js";
+import { safelyRunOnBrowser as d } from "./index.es413.js";
+import { createDocumentationLink as W } from "./index.es414.js";
+import { warning as $ } from "./index.es415.js";
 function f(i) {
   "@babel/helpers - typeof";
   return f = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {

package/dist/index.es120.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index.es356.js";
+import { __exports as t } from "./index.es252.js";
 import R from "react";
 var p;
 function v() {

package/dist/index.es121.js

@@ -1,4 +1,4 @@
-import { __exports as y } from "./index.es357.js";
+import { __exports as y } from "./index.es253.js";
 import te from "react";
 var hr;
 function oe() {