react-iiif-vault 1.2.7 → 1.3.2

package/dist/canvas-panel.cjs

@@ -1,5 +1,5 @@
-"use strict";var Or=Object.create;var qe=Object.defineProperty;var Fr=Object.getOwnPropertyDescriptor;var Hr=Object.getOwnPropertyNames;var Dr=Object.getPrototypeOf,Ur=Object.prototype.hasOwnProperty;var Br=(e,t)=>{for(var n in t)qe(e,n,{get:t[n],enumerable:!0})},Bt=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Hr(t))!Ur.call(e,o)&&o!==n&&qe(e,o,{get:()=>t[o],enumerable:!(r=Fr(t,o))||r.enumerable});return e};var G=(e,t,n)=>(n=e!=null?Or(Dr(e)):{},Bt(t||!e||!e.__esModule?qe(n,"default",{value:e,enumerable:!0}):n,e)),qr=e=>Bt(qe({},"__esModule",{value:!0}),e);var Io={};Br(Io,{CanvasPanel:()=>M});module.exports=qr(Io);var De=require("react");var E=G(require("react"),1),Je=require("@atlas-viewer/atlas"),qn=require("react-error-boundary");var J=require("react");var ue=G(require("react"),1),qt=require("react/jsx-runtime"),$r={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},$e=ue.default.createContext($r),F=()=>(0,ue.useContext)($e);function Z({value:e,children:t}){let n=F(),r=(0,ue.useMemo)(()=>({...n,...e}),[e,n]);return(0,qt.jsx)($e.Provider,{value:r,children:t})}var _e=G(require("react"),1),Re=require("@iiif/helpers/vault");var Ct=require("react/jsx-runtime"),re=_e.default.createContext({vault:null,setVaultInstance:e=>{}});function ce({vault:e,vaultOptions:t,useGlobal:n,resources:r,children:o}){let[i,a]=(0,_e.useState)(()=>e||(n?(0,Re.globalVault)(t):t?new Re.Vault(t):new Re.Vault));return(0,Ct.jsx)(re.Provider,{value:{vault:i,setVaultInstance:a},children:(0,Ct.jsx)(Z,{value:r||{},children:o})})}var An=require("react"),Ge=require("react");var $t=require("@iiif/helpers/vault"),_t=require("react");function le(e){let t=(0,_t.useContext)(re);return e||(t&&t.vault?t.vault:(0,$t.globalVault)())}var K=require("react");function Wt(e,{noCache:t=!1}={}){let n=typeof e=="string"?e:e.id,r=le(),[o,i]=(0,K.useState)(n),[a,s]=(0,K.useState)(void 0),u=(0,K.useMemo)(()=>r.get(n,{skipSelfReturn:!0})||void 0,[n,r]),[c,l]=(0,K.useState)(u);return(0,K.useEffect)(()=>{(async()=>{try{let d=u&&!t?u:await r.load(n),g=d?d.id||d["@id"]:null;d&&o!==g&&i(g),l(d)}catch(d){s(d)}})()},[n,t]),{isLoaded:!!c,id:o,requestId:n,error:a,resource:c,cached:!!(c&&c===u)}}function jt(e,t){let{id:n,isLoaded:r,error:o,resource:i,requestId:a,cached:s}=Wt(e,t);return{id:n,isLoaded:r,error:o,manifest:i,requestId:a,cached:s}}var Qt=require("react/jsx-runtime");function Yt({manifest:e,children:t}){return(0,Qt.jsx)(Z,{value:{manifest:e},children:t})}var Gt=require("react/jsx-runtime");function W({canvas:e,children:t}){return(0,Gt.jsx)(Z,{value:{canvas:e},children:t})}var Kt=require("react"),Jt=G(require("react"),1);var Zt=require("react"),y=()=>{let{vault:e}=(0,Zt.useContext)(re);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var We=require("react");function S(e,t=[]){let n=y(),[r,o]=(0,We.useState)(()=>e(n.getState(),n));return(0,We.useEffect)(()=>n.subscribe(i=>e(i,n),i=>{o(i)},!1),t),r}var de=Jt.default.createContext([]);function je(){let e=(0,Kt.useContext)(de);return S(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var Xt=require("react");function w(e={},t=[]){let{id:n,selector:r}=e,o=F(),i=y(),a=n||o.manifest,s=S(u=>a?u.iiif.entities.Manifest[a]:void 0,[a]);return(0,Xt.useMemo)(()=>{if(s)return r?r(s):s},[s,r,...t])}var tn=require("react/jsx-runtime");function en({range:e,children:t}){return(0,tn.jsx)(Z,{value:{range:e},children:t})}function At(e,t){let n=[];for(let r of t.items)if(r.type==="SpecificResource"&&r.source?.type==="Canvas"&&(r.source.id.indexOf("#")!==-1?n.push({id:r.source.id.split("#")[0],type:"Canvas"}):n.push(r.source)),r.type==="Range"&&n.push(...At(e,e.get(r))),r.type==="SpecificResource"){let o=typeof r.source=="string"?r.source:r.source.id;n.push({id:o,type:"Canvas"})}return n}function nn(e,t,{disablePaging:n,skipNonPaged:r}={}){let o=t.behavior,i=o.includes("paged"),a=i?!1:o.includes("continuous"),s=i||a?!1:o.includes("individuals"),u=t.type==="Manifest"?t.items:At(e,t);if(a)return[u,[u.map((m,p)=>p)]];if(s||!i||n)return[u,u.map((m,p)=>[p])];let c=[],l=[],d=()=>{l.length&&(c.push([...l]),l=[])},g=0,h=!1;for(let m=0;m<u.length;m++){let p=e.get(u[m]);if(p.behavior.includes("non-paged")){m===g&&g++,r||(d(),c.push([m]),d());continue}if(m===g||p.behavior.includes("facing-pages")){l.length&&(h=!0),d(),c.push([m]),d();continue}if(l.push(m),h){d(),h=!1;continue}l.length>1&&d()}return l.length&&d(),[u,c]}var H=require("react");var rn=require("react");function on(e={},t=[]){let{id:n,selector:r}=e,o=F(),i=n||o.range,a=S(s=>i?s.iiif.entities.Range[i]:void 0,[i]);return(0,rn.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}function an({startCanvas:e,disablePaging:t}){let n=y(),r=w(),o=on(),[i,a]=(0,H.useState)(void 0),s=o||r;if(!s)throw new Error("Nothing selected");let[u,c]=(0,H.useMemo)(()=>nn(n,s,{disablePaging:t}),[n,s,t]),l=(0,H.useRef)(c);if(l.current!==c){let P=l.current[i][0],x=c.findIndex(Y=>Y.includes(P));l.current=c,a(x)}let d=(0,H.useCallback)(p=>{let P=c.findIndex(x=>x.includes(p));a(P===-1?0:P)},[u,c]),g=(0,H.useCallback)(p=>{let P=u.findIndex(x=>x.id===p);P!==-1?d(P):a(0)},[u,c]),h=(0,H.useCallback)(()=>{a(p=>p>=c.length-1?p:p+1)},[c]),m=(0,H.useCallback)(()=>{a(p=>p<=0?0:p-1)},[c]);return typeof i>"u"&&(e?g(e):a(0)),{visibleItems:c[i]?.map(p=>u[p].id)||[],cursor:i,items:u,sequence:c,hasPrevious:i>0,hasNext:i<c.length-1,setSequenceIndex:a,setCanvasIndex:d,setCanvasId:g,next:h,previous:m}}var U=require("react"),Ye=require("zustand");var Rt=require("zustand/vanilla");function D(e,t,n){let r=t.findIndex(a=>a.service.id===e);if(r===-1)return t;let o=[...t],i=n(o[r]);return i===o[r]?t:(o[r]=i,o)}var un=()=>(0,Rt.createStore)((e,t)=>({currentAuth:-1,authItems:[],login:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot login to non-active service");let r=n.service.service.find(o=>o.type==="AuthAccessTokenService2");if(!r)throw new Error("Token service not found");e(()=>({authItems:D(n.id,t().authItems,o=>({...o,isPending:!0}))})),sn(n.service).then(()=>{Pt(r).then(o=>{let i=o.expiresIn,a=Date.now()+i*1e3;e(()=>({authItems:D(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:o.accessToken,expires:a}}))}))}).catch(o=>{e(()=>({authItems:D(n.id,t().authItems,i=>({...i,isLoggedIn:!1,isPending:!1,error:o.message}))}))})})},logout:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||!n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot logout of non-active service");let r=n.service.service.find(a=>a.type==="AuthLogoutService2");if(!r)return;let o=`${r.id}?origin=${dn()}`,i=window.open(o);e(()=>({authItems:D(n.id,t().authItems,a=>({...a,isLoggedIn:!1,session:null,isPending:!1}))}))},nextAuth:()=>{let n=t().authItems.length,r=t().currentAuth+1;r>=n||e(()=>({currentAuth:r}))},previousAuth:()=>{let n=t().currentAuth-1;n<0||e(()=>({currentAuth:n}))},setAuth:n=>{n!==-1&&(n<0||n>=t().authItems.length)||e(()=>({currentAuth:n}))},addService:(n,r)=>{if(!n.service)return;let o=n.service.find(s=>s.type==="AuthAccessTokenService2"),i=n;if(t().authItems.find(s=>s.service.id===n.id)){e(()=>({authItems:D(n.id,t().authItems,s=>({...s,instances:s.instances+1}))}));return}if(e(()=>({currentAuth:i.profile==="active"?0:t().currentAuth,authItems:[{id:n.id,type:n.profile,service:n,probeId:r,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...t().authItems]})),n.profile==="external"){if(!o)throw new Error("Token service not found");Pt(o).then(s=>{e(()=>({authItems:D(n.id,t().authItems,u=>({...u,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:D(n.id,t().authItems,u=>({...u,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:s.message}))}))})}if(n.profile==="kiosk"){if(!o)throw new Error("Token service not found");e(()=>({authItems:D(n.id,t().authItems,s=>({...s,isPending:!0}))})),sn(i).then(()=>{Pt(o).then(s=>{e(()=>({authItems:D(n.id,t().authItems,u=>({...u,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:D(n.id,t().authItems,u=>({...u,isLoggedIn:!1,isPending:!1,error:s.message}))}))})})}n.profile},removeService:(n,r)=>{let o=t().currentAuth===t().authItems.findIndex(a=>a.service.id===n.id),i=t().currentAuth;if(o){let a=t().authItems.find(u=>u.service.id===n.id);a&&a.instances>1||(i=t().authItems.findIndex(c=>c.service.id!==n.id&&c.instances>0))}e(()=>({authItems:D(n.id,t().authItems,a=>({...a,instances:a.instances-1})),currentAuth:i}))}})),cn=(e,t)=>(0,Rt.createStore)((n,r)=>({service:e,status:e?"unknown":"success",shouldRedirect:!1,redirectResource:null,shouldSubstitute:!1,substituteResource:null,error:null,errorHeading:null,errorNote:null,shouldDisplayResource:!1,token:t||null,async probe(){if(!r().service)return;let o=r().service?.id;if(!o){n({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}n({status:"probing"});let i=r().token;try{let a=await fetch(o,{headers:i?{Authorization:`Bearer ${r().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(s=>s.json());if(a.status===200)n({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(a.status<400&&a.status>=300){if(!a.location)throw new Error("Redirect location not found");n({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:a.location||null})}else if(a.status===401)n({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!a.substitute,substituteResource:a.substitute||null,error:"Unauthorized",errorHeading:a.heading||{en:["Unauthorized"]},errorNote:a.note||null});else throw new Error("Unknown error")}catch(a){n({status:"error",error:a.message,errorHeading:{en:["Unknown error"]}})}},setToken(o){n({token:o})}}));function ln(e){let t=e.service||e.services||[],n={hasAuth:!1,services:{}};for(let r of t)if(r.type==="AuthProbeService2"){n.services.probe=r,n.hasAuth=!0;let o=r.service.filter(i=>i.type==="AuthAccessService2");o[0]&&(n.services.access=o[0])}return n}async function Pt(e,{strict:t=!0}={}){return new Promise((n,r)=>{let o=Math.random().toString(36).substring(7),i=`${e.id}?messageId=${o}&origin=${window.location.origin}`,a=c=>{let l=c.data;if(l.messageId===o){if(t&&l.type!=="AuthAccessToken2"){s(),r("Invalid response, expected type=AuthAccessToken2");return}if(!l.accessToken){s(),r("Invalid response, expected accessToken");return}s(),n(l)}},s=()=>window.removeEventListener("message",a),u=document.createElement("iframe");u.src=i,u.style.display="none",document.body.appendChild(u),window.addEventListener("message",a)})}function dn(e){let t=window.location;if(e){let n=document.createElement("a");return n.href=e,n.protocol+"//"+n.hostname+(n.port?":"+n.port:"")}return t.protocol+"//"+t.hostname+(t.port?":"+t.port:"")}async function sn(e){let t=`${e.id}?origin=${dn()}`,n=window.open(t);if(!n)throw new Error("Failed to open window");return new Promise((r,o)=>{let i=setInterval(()=>{n.closed&&(clearInterval(i),r())},500)})}var me=require("react");var mn=require("zustand");function fn(e){let t=(0,me.useMemo)(()=>ln(e),[e]),n=pn(t.services.access?.id),r=(0,me.useMemo)(()=>cn(t.services.probe,n),[t.services.probe]),o=(0,mn.useStore)(r);return(0,me.useEffect)(()=>{o.status==="unknown"&&!n&&o.probe()},[t.services.probe,o.status]),(0,me.useEffect)(()=>{n&&(o.setToken(n),o.probe())},[n]),[e,o,t.hasAuth]}var be=require("react/jsx-runtime"),fe=(0,U.createContext)(null),_r=(0,U.createContext)(null);_r.displayName="CurrentAuth";var Wr=(0,U.createContext)(null);Wr.displayName="AuthActions";function gn({children:e}){let t=(0,U.useMemo)(()=>un(),[]);return(0,be.jsx)(fe.Provider,{value:t,children:e})}function hn(){return!!(0,U.useContext)(fe)}function It(){let e=(0,U.useContext)(fe);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function jr(){let e=It();return(0,Ye.useStore)(e,n=>({login:n.login,logout:n.logout,nextAuth:n.nextAuth,previousAuth:n.previousAuth,setAuth:n.setAuth,addService:n.addService,removeService:n.removeService}))}function Yr(e){let t=It();return(0,Ye.useStore)(t,r=>r.authItems.find(o=>o.service.id===e))}function pn(e){let t=It();return(0,Ye.useStore)(t,r=>r.authItems.find(o=>o.id===e)?.session?.token)}function Qr(e){let t=jr(),n=Yr(e.service.id);return(0,U.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function bt(){return null}function vn(e){let[t,n,r]=fn(e.resource),o=e.fallbackComponent||bt,i=e.loadingComponent||bt,a=e.errorComponent||bt,s=n.service,u=null;if(!r||!s)return e.children(t);let c=s.service.filter(l=>l.type==="AuthAccessService2");n.status==="error"&&(u=(0,be.jsx)(a,{resource:e.resource,error:n.error||"",heading:n.errorHeading,note:n.errorNote,extra:e.extra})),(n.status==="unknown"||n.status==="probing")&&(u=(0,be.jsx)(i,{})),n.status==="success"&&(u=e.children(t));for(let l of c)u=(0,be.jsx)(Qr,{service:l,probeId:s.id,children:u},l.id);return u}var Ie=require("react");var yn=require("zustand/vanilla"),Gr=e=>e.id||e["@id"];function Zr(e){return(Array.isArray(e.service)?e.service:[e.service]).find(n=>n.profile==="http://iiif.io/api/search/0/autocomplete"||n.profile==="http://iiif.io/api/search/1/autocomplete"||n.profile==="AutoCompleteService1")}var Sn=e=>{let t;typeof e=="string"?t={"@context":"http://iiif.io/api/search/1/context.json",profile:"http://iiif.io/api/search/1/search","@id":e,id:e,service:[]}:t=e;let n=t?Gr(t):void 0,r=null;return(0,yn.createStore)((o,i)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!Zr(t):!1,errorMessage:"",search(a,s={}){if(!n)throw new Error("No search service found.");r&&!r.signal.aborted&&r.abort(),r=new AbortController;let u=new URLSearchParams;a.q&&u.set("q",a.q),a.motivation&&u.set("motivation",a.motivation),a.date&&u.set("date",a.date),a.user&&u.set("user",a.user),o({loading:!0}),fetch(`${n}?${u.toString()}`,{signal:r.signal,headers:{"Content-Type":"application/json",Accept:"application/json",...s.headers||{}}}).then(async c=>{if(!r?.signal.aborted)if(c.ok){let l=await c.json();o({resources:l.resources,error:!1,errorMessage:""})}else o({resources:[],error:!0,errorMessage:c.statusText})})},clearSearch(){o({resources:[],error:!1,errorMessage:""})},highlightResult(a){let s=i().resources.find(u=>u["@id"]===a);o({highlight:s})},nextResult(){let a=i().resources,s=i().highlight;if(!s){o({highlight:a[0]||null});return}let u=a.findIndex(c=>c["@id"]===s["@id"]);if(u===-1){o({highlight:a[0]||null});return}o({highlight:a[u+1]||a[0]||null})},previousResult(){let a=i().resources,s=i().highlight;if(!s){o({highlight:a[a.length-1]||null});return}let u=a.findIndex(c=>c["@id"]===s["@id"]);if(u===-1){o({highlight:a[a.length-1]||null});return}if(u===0){o({highlight:a[a.length-1]||null});return}o({highlight:a[u-1]||a[a.length-1]||null})}}))};var Kr=require("zustand");function xn(){let e=w();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var Qe=require("react/jsx-runtime"),pe=(0,Ie.createContext)(null);pe.displayName="Search";function Cn(e){let t=xn();return e.store?(0,Qe.jsx)(pe.Provider,{value:e.store,children:e.children}):(0,Qe.jsx)(Jr,{service:t,children:e.children})}function Jr({service:e,children:t}){let n=(0,Ie.useMemo)(()=>Sn(e),[e]);return(0,Qe.jsx)(pe.Provider,{value:n,children:t})}var k=require("react/jsx-runtime"),Te=()=>{},we=(0,Ge.createContext)({setCurrentCanvasId:Te,setCurrentCanvasIndex:Te,nextCanvas:Te,previousCanvas:Te,items:[],sequence:[],setSequenceIndex:Te,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function Xr(e){let t=w(),{cursor:n,visibleItems:r,next:o,sequence:i,items:a,setCanvasIndex:s,setCanvasId:u,previous:c,setSequenceIndex:l,hasNext:d,hasPrevious:g}=an({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),h=(0,Ge.useMemo)(()=>({sequence:i,items:a,setCurrentCanvasId:u,nextCanvas:o,previousCanvas:c,totalCanvases:a.length,setCurrentCanvasIndex:s,setSequenceIndex:l,currentSequenceIndex:n,hasNext:d,hasPrevious:g}),[i,a,u,o,c,a,s,l,n]);return t?r.length===0?null:(0,k.jsx)(we.Provider,{value:h,children:(0,k.jsx)(de.Provider,{value:r,children:(0,k.jsx)(W,{canvas:r[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,k.jsx)("div",{children:"Sorry, something went wrong."}))}function Pn(e){let t=le(e.vault),n=jt(e.manifest);if(!n)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,k.jsx)("div",{children:"Sorry, something went wrong."});if(n.error)return(0,k.jsx)("div",{children:n.error.toString()});if(!n.isLoaded)return(0,k.jsx)("div",{children:"Loading..."});let r=(0,k.jsx)(Xr,{...e,children:e.children});return(0,k.jsx)(ce,{vault:t,children:(0,k.jsx)(Yt,{manifest:n.id,children:(0,k.jsx)(gn,{children:(0,k.jsx)(Cn,{children:e.rangeId?(0,k.jsx)(en,{range:e.rangeId,children:r}):r})})})})}function Rn(){return(0,An.useContext)(we)}var bn=G(require("react"),1),Tt=require("react"),In=G(require("mitt"),1),to=require("react/jsx-runtime"),eo=(0,In.default)(),Me=(0,Tt.createContext)({emitter:eo});Me.displayName="Events";function Tn(){return bn.default.useContext(Me).emitter}var oe=require("react/jsx-runtime");function wn(){return{VaultContext:(0,J.useContext)(re),ResourceContext:(0,J.useContext)($e),SimpleViewerReactContext:(0,J.useContext)(we),VisibleCanvasReactContext:(0,J.useContext)(de),AuthRContext:(0,J.useContext)(fe),SearchReactContext:(0,J.useContext)(pe),ReactEventContext:(0,J.useContext)(Me)}}function Mn(e){return(0,oe.jsx)(ce,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,oe.jsx)(de.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,oe.jsx)(we.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,oe.jsx)(Me.Provider,{value:e.bridge.ReactEventContext,children:(0,oe.jsx)(fe.Provider,{value:e.bridge.AuthRContext,children:(0,oe.jsx)(pe.Provider,{value:e.bridge.SearchReactContext,children:e.children})})})})})})}var ge=require("react");var j=require("react");var Ze=require("@iiif/helpers/vault/actions");var Vn=require("react");function Nn(){let t=y().getStore();return(0,Vn.useMemo)(()=>n=>t.dispatch(n),[t])}function En(e){return typeof e!="string"&&e&&e.bindToVault}function kn(){let e=y(),t=(0,j.useRef)([]),n=Nn(),r=(0,j.useMemo)(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);(0,j.useLayoutEffect)(()=>{let s={id:r,type:"AnnotationPage",behavior:[],label:null,thumbnail:[],summary:null,requiredStatement:null,metadata:[],rights:null,provider:[],items:[],seeAlso:[],homepage:[],rendering:[],service:[]};n(Ze.entityActions.importEntities({entities:{AnnotationPage:{[s.id]:s}}}))},[r]);let o=S(s=>r&&s.iiif.entities.AnnotationPage[r]||null,[r]),i=(0,j.useCallback)((s,u)=>{if(r){if(En(s)){let d=s;d.__vault||d.bindToVault(e),s=typeof d.source=="string"?d.source:d.source.id,t.current[s]=d}else typeof s!="string"&&(s=s.id);let c=e.get({id:r,type:"AnnotationPage"}),l=e.get({id:s,type:"Annotation"});c&&l&&(c.items.find(d=>d.id===l.id)||n(Ze.entityActions.addReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"},index:u})))}},[r]),a=(0,j.useCallback)(s=>{r&&(En(s)?s=typeof s.source=="string"?s.source:s.source.id:typeof s!="string"&&(s=s.id),t.current[s]&&t.current[s].beforeRemove(),e.get({id:r,type:"AnnotationPage"})&&n(Ze.entityActions.removeReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"}})))},[r]);return[o,{addAnnotation:i,removeAnnotation:a}]}var Fn=require("react/jsx-runtime"),Ln=(0,ge.createContext)(null);function zn(){let e=(0,ge.useContext)(Ln);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function On({children:e}){let[t,{addAnnotation:n,removeAnnotation:r}]=kn();return(0,Fn.jsx)(Ln.Provider,{value:(0,ge.useMemo)(()=>({fullPage:t,addAnnotation:n,removeAnnotation:r}),[t]),children:e})}var he=require("react/jsx-runtime");function Hn({width:e,style:t,height:n,error:r,resetErrorBoundary:o}){return(0,he.jsxs)("div",{style:{width:e,height:n,minHeight:500,...t||{},background:"#f9f9f9"},children:[(0,he.jsx)("h3",{children:"Error occurred"}),(0,he.jsx)("p",{children:r.message}),(0,he.jsx)("button",{onClick:o,children:"Reset"})]})}var Ke=require("react"),Ve=(0,Ke.createContext)(null);function Dn(){return(0,Ke.useContext)(Ve)}var ie=require("react"),wt=(0,ie.createContext)(()=>{}),Mt=(0,ie.createContext)(()=>{});function B(e,t,n,r,o=[]){let i=(0,ie.useContext)(e==="portal"?Mt:wt);(0,ie.useEffect)(()=>(e!=="none"&&i(t,n,r),()=>{i(t,null)}),[t,e,i,...o])}var ve=require("react");var Un=require("react");function R(e={},t=[]){let{id:n,selector:r}=e,o=F(),i=n||o.canvas,a=S(s=>i?s.iiif.entities.Canvas[i]:void 0,[i]);return(0,Un.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}var Vt=(0,ve.createContext)(()=>{});function Bn(e){let t=R(),n=(0,ve.useContext)(Vt);(0,ve.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var T=require("react/jsx-runtime");function $n({children:e,errorFallback:t,outerContainerProps:n={},worldScale:r,...o}){let[i,a]=(0,E.useState)(),s=wn(),u=t||Hn,[c,l]=(0,E.useState)({}),d=Object.entries(c),[g,h]=(0,E.useState)({}),m=Object.entries(g),[p,P]=(0,E.useState)({}),x=(0,E.useMemo)(()=>r||Math.max(...Object.values(p)),[p]),Y=(0,E.useMemo)(()=>({maxOverZoom:x||1,...o.runtimeOptions||{}}),[x,o.runtimeOptions]),V=(0,E.useCallback)((b,N)=>{P(z=>{if(N===-1){let{[b]:f,..._}=z;return _}return{...z,[b]:N}})},[]),yt=(0,E.useCallback)((b,N,z)=>{l(({[b]:f,..._})=>N?{..._,[b]:{element:N,props:z}}:_)},[]),Ue=(0,E.useCallback)((b,N,z)=>{h(({[b]:f,..._})=>N?{..._,[b]:{element:N,props:z}}:_)},[]);return(0,T.jsxs)(qn.ErrorBoundary,{resetKeys:[],fallbackRender:b=>(0,T.jsx)(u,{...o,...b}),children:[(0,T.jsx)(Je.AtlasAuto,{...o,containerProps:{style:{position:"relative"},...o.containerProps||{}},htmlChildren:(0,T.jsx)(T.Fragment,{children:d.map(([b,{element:N,props:z}])=>(0,T.jsx)(E.default.Fragment,{children:(0,T.jsx)(N,{...z||{}})},b))}),onCreated:b=>{a(b),o.onCreated&&o.onCreated(b)},runtimeOptions:Y,children:(0,T.jsx)(Ve.Provider,{value:i,children:(0,T.jsx)(Vt.Provider,{value:V,children:(0,T.jsx)(wt.Provider,{value:yt,children:(0,T.jsx)(Mt.Provider,{value:Ue,children:(0,T.jsx)(Mn,{bridge:s,children:(0,T.jsx)(Je.ModeContext.Provider,{value:o.mode||"explore",children:(0,T.jsx)(On,{children:e})})})})})})})}),(0,T.jsx)("div",{children:m.map(([b,{element:N,props:z}])=>(0,T.jsx)(E.default.Fragment,{children:(0,T.jsx)(N,{...z||{}})},b))})]})}var tt=require("@atlas-viewer/atlas");var Nt=require("react"),_n=require("@iiif/helpers/events");function Xe(e,t){let n=y(),r=(0,Nt.useMemo)(()=>(0,_n.createEventsHelper)(n),[n]),o=S(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,Nt.useMemo)(()=>e?r.getListenersAsProps(e,t):{},[o,e,n,t])}var Wn=require("react"),jn=require("@iiif/helpers/styles");function ye(e,t){let n=y(),r=(0,Wn.useMemo)(()=>(0,jn.createStylesHelper)(n),[n]);return S(()=>{if(!e)return null;let o=r.getAppliedStyles(e.id);return o?t?o[t]:o:void 0},[e,t])}var Gn=require("react");var Yn=require("react");var Qn=require("@iiif/helpers/annotation-targets");function et(e={},t=[]){let{id:n,selector:r}=e,o=F(),i=y(),a=n||o.annotation,s=S(c=>a?c.iiif.entities.Annotation[a]:void 0,[a]),u=S(c=>s&&s.body?s.body.map(l=>l?l.type==="SpecificResource"?{...l,source:i.get(l)}:l?c.iiif.entities[l.type][l.id]:null:null).filter(Boolean):[],[s]);return(0,Yn.useMemo)(()=>{if(!s)return;let c={...s,body:u,target:(0,Qn.expandTarget)(s.target,{typeMap:i.getState().iiif.mapping})};return r?r(c):c},[s,r,u,...t])}var Zn=require("react/jsx-runtime"),nt=({id:e,style:t,className:n,interactive:r})=>{let o=et({id:e}),i=ye(o,"atlas"),a=ye(o,"html"),s=Xe(o,["atlas"]),u=R(),c=(0,Gn.useMemo)(()=>(0,tt.mergeStyles)(t,i),[t,i]);return u&&o&&o.target&&o.target.selector&&o.target.selector.type==="BoxSelector"&&o.target.source&&(o.target.source.id===u.id||o.target.source===u.id)?(0,Zn.jsx)(tt.RegionHighlight,{id:o.id,isEditing:!0,region:o.target.selector.spatial,style:c,className:a?.className||n,interactive:!!(a?.href||r),href:a?.href||null,title:a?.title||null,hrefTarget:a?.target||null,onClick:()=>{},...s}):null};var Xn=require("react");var Kn=require("react");function Jn(e={},t=[]){let{id:n,selector:r}=e,o=F(),i=n||o.annotationPage,a=S(s=>i?s.iiif.entities.AnnotationPage[i]:void 0,[i]);return(0,Kn.useMemo)(()=>{if(a)return r?r(a):a},[a,...t])}var Et=require("react/jsx-runtime"),Ne=({className:e,page:t})=>{let n=Jn({id:t.id})||t,r=ye(n,"atlas"),o=ye(n,"html");return S(i=>n.id?i.iiif.entities.AnnotationPage[n.id]:null,[]),(0,Et.jsx)(Xn.Fragment,{children:n.items?.map(i=>(0,Et.jsx)(nt,{id:i.id,style:r,className:o?.className||e},i.id))})};var Er=require("@iiif/helpers/styles");var Le=require("react");var ke=require("@atlas-viewer/atlas");var q=G(require("react"),1),X=require("react/jsx-runtime"),no=q.default.createContext("en"),ro=q.default.createContext({}),oo=q.default.createContext(null);function io(){return q.default.useContext(oo)}function tr(){return q.default.useContext(no)}function ao(){return q.default.useContext(ro)}function er(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function so({as:e,language:t,children:n,viewingDirection:r,...o}){let i=tr();return(0,q.useMemo)(()=>er(i)===er(t),[i,t])?e?(0,X.jsx)(e,{...o,children:n}):(0,X.jsx)("span",{...o,children:n}):e?(0,X.jsx)(e,{...o,lang:t,dir:r,children:n}):(0,X.jsx)("span",{...o,lang:t,dir:r,children:n})}function uo(e,t,n){if(t.length===0)return;if(t.length===1)return t[0];if(t.indexOf(e)!==-1)return e;let r=e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):null;if(r&&t.indexOf(r)!==-1)return r;for(let o of n)if(t.indexOf(o)!==-1)return o;return t.indexOf("none")!==-1?"none":t.indexOf("@none")!==-1?"@none":t[0]}var co=(e,t=[])=>{let n=tr();return(0,q.useMemo)(()=>{let r=e();return uo(n,r,[])},[n,...t])};function kt(e,t,n,r){return t?n?n(e[t]||t,r||"none"):e[t]||t:""}function lo(e,t,n=`
-`,r={}){let o=io(),i=co(()=>Object.keys(e||{}),[e]);return[(0,q.useMemo)(()=>{if(!e)return kt(r,t,o)||"";if(typeof e=="string")return kt(r,e,o);let a=i?e[i]:void 0;return a?typeof a=="string"?a:a.map(s=>kt(r,s,o,i)).join(n):""},[i,t,e]),i]}function Ee({as:e,defaultText:t,enableDangerouslySetInnerHTML:n,children:r,separator:o,...i}){let a=ao(),[s,u]=lo(r,t,o,a);return u?(0,X.jsx)(so,{...i,as:e,language:u,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s}):e?(0,X.jsx)(e,{...i,children:s}):(0,X.jsx)("span",{...i,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s})}var O=require("react/jsx-runtime");function mo({resource:e,heading:t,note:n,extra:r}){return r?(0,O.jsx)(ke.HTMLPortal,{target:{x:0,y:0,width:r.target?.spatial.width,height:r.target?.spatial.height},backgroundColor:"#333",relative:!0,children:(0,O.jsx)("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",background:"#444",color:"#BBB"},children:(0,O.jsxs)("div",{children:[(0,O.jsx)(Ee,{children:t||"Not authorised"}),n&&(0,O.jsx)("p",{children:(0,O.jsx)(Ee,{children:n})}),(0,O.jsx)("p",{children:e.id||e["@id"]||"unknown"})]})})}):null}function nr({image:e,thumbnail:t,crop:n,enableSizes:r}){if(!hn()){let i=e.service,a=i.width||e.width||0,s=i.height||e.height||0;return(0,O.jsx)(ke.TileSet,{tiles:{id:i.id||i["@id"]||"unknown",height:s,width:a,imageService:i},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:n})}return(0,O.jsx)(vn,{resource:e.service,errorComponent:mo,extra:e,children:i=>{let a=i.width||e.width||0,s=i.height||e.height||0;return(0,O.jsx)(ke.TileSet,{tiles:{id:i.id||i["@id"]||"unknown",height:s,width:a,imageService:i},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:n})}},e.id)}var ae=require("react/jsx-runtime");function rt({id:e,image:t,thumbnail:n,isStatic:r,x:o=0,y:i=0,children:a,selector:s,onClick:u,enableSizes:c}){let l=(0,Le.useMemo)(()=>{if(!(!s||s.spatial.x===0&&s.spatial.y===0))return s.spatial},[s]);return(0,ae.jsx)("world-object",{x:o+t.target.spatial.x,y:i+t.target.spatial.y,width:t.target.spatial.width,height:t.target.spatial.height,onClick:u,children:t.service?(0,ae.jsxs)(Le.Fragment,{children:[(0,ae.jsx)(nr,{image:t,thumbnail:n,crop:l,enableSizes:c}),a]},"service"):(0,ae.jsxs)(Le.Fragment,{children:[(0,ae.jsx)("world-image",{onClick:u,uri:t.id,target:{x:0,y:0,width:t.target.spatial.width,height:t.target.spatial.height},display:t.width&&t.height?{width:t.width,height:t.height}:void 0,crop:l}),a]},"no-service")},e+(t.service?"server":"no-service"))}var $=require("react"),kr=require("@atlas-viewer/atlas");var Se=require("react");var rr=require("@iiif/helpers");function ot(e,t){let{selector:n,source:r}=(0,rr.expandTarget)(t);if(r.id!==e.id)return[null,r];let o={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[n?n.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:n.temporal,spatial:o.spatial}:n:null,r]}var or={makeChoice:()=>{}},it={type:"unknown"},C=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),ir=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var ze=require("react");function fo(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function ar(e,t){return S(n=>{let r=[];if(!e)return r;let o=Object.keys(n.iiif.entities.AnnotationPage);for(let i of o)if(!t||t.indexOf(i)!==-1){let a=fo(n,i);a&&a.views&&a.views[e]&&r.push(i)}return r},[e,t])}function sr({canvas:e,manifest:t,all:n,canvases:r}){let o=[];if(t)for(let i of t.annotations)o.indexOf(i.id)===-1&&o.push(i.id);if(n){if(r&&r.length)for(let i of r)for(let a of i.annotations)o.indexOf(a.id)===-1&&o.push(a.id)}else if(e)for(let i of e.annotations)o.indexOf(i.id)===-1&&o.push(i.id);return o}function po(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function ur(e,t={}){let n=y(),r=w(),o=R(),i=je(),a=(0,ze.useMemo)(()=>sr({all:t.all,manifest:r,canvas:o,canvases:i}),[t.all,o,i,r]),s=ar(e,t.all?void 0:a),u=(0,ze.useCallback)(l=>{e&&n.setMetaValue([l,"annotationPageManager","views"],d=>d&&!d[e]?d:{...d||{},[e]:!1})},[e,n]),c=(0,ze.useCallback)((l,d={})=>{if(!e)return;let g=n.getState(),h=[];if(d?.deselectOthers){let m=Object.keys(g.iiif.entities.AnnotationPage);for(let p of m){let P=po(g,p);P&&P.views&&P.views[e]&&h.push(p)}}for(let m of h)u(m);n.setMetaValue([l,"annotationPageManager","views"],m=>m&&m[e]?m:{...m||{},[e]:!0})},[e,u,n]);return{availablePageIds:a,enabledPageIds:s,setPageEnabled:c,setPageDisabled:u}}function cr(e,t){return S((n,r)=>r.get(e.map(o=>({id:o,type:t}))),[e,t])}var ee=require("react");var at=G(require("react"),1),lr=require("@atlas-viewer/iiif-image-api"),go=at.default.createContext(new lr.ImageServiceLoader);function st(){return(0,at.useContext)(go)}function dr(){let e=st(),[t,n]=(0,ee.useState)({}),r=(0,ee.useRef)(!1);return(0,ee.useEffect)(()=>()=>{r.current=!0},[]),[(0,ee.useCallback)((i,{height:a,width:s})=>{if(i){let u=i.id||i["@id"],c=e.loadServiceSync({id:u,width:i.width||s,height:i.height||a,source:i});c?i=c:t[u]||(r.current||n(l=>({...l,[u]:"loading"})),e.loadService({id:u,width:i.width||s,height:i.height||a}).then(()=>{r.current||n(l=>({...l,[u]:"done"}))}))}return i},[e,t]),t]}var se=require("react");function mr(e={}){let t=et(),n=R(e.canvasId?{id:e.canvasId}:void 0);return S((r,o)=>{if(!n)return[];if(t&&e.enableSingleAnnotation)return[t];let i=o.get(n.items),a=[];for(let s of i)a.push(...o.get(s.items));return a},[n])}var fr=require("@iiif/helpers/painting-annotations");function pr(e,t=[]){let n=y(),r=(0,se.useMemo)(()=>(0,fr.createPaintingAnnotationsHelper)(n),[]),o=mr({enableSingleAnnotation:e?.enableSingleAnnotation}),[i,a]=(0,se.useState)(e?.defaultChoices||[]),s=(0,se.useMemo)(()=>r.getPaintables(o,i),[n,o,i,...t]),c={makeChoice:(0,se.useCallback)((l,{deselectOthers:d=!0,deselect:g=!1}={})=>{s.choice&&a(h=>{if(g){let p=h.filter(P=>P!==l);if(p.length===0){let P=s.items[0].resource.id;return P?[P]:[]}return p}if(d)return[l];let m=[...h];if(m.length===0&&s.items.length){let p=s.items[0].resource.id;p&&m.push(p)}return h.indexOf(l)!==-1?h:[...h,l]})},[s.choice])};return[s,c]}var ho=["model/gltf-binary"];function gr(e,t){let r=t.items[0].resource;return r.format?ho.indexOf(r.format)===-1?C(`3D format: ${r.format} is unsupported`):{type:"3d-model",model:r}:C("Unknown format")}function hr(e,t){if(!e.duration)return C("No duration on canvas");if(t.items.length>1)return C("Only one audio source supported");let n=t.items[0]?.resource;return n?n.format?{type:"media",media:{annotationId:t.items[0].annotationId,duration:e.duration,url:n.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:n.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}:C("Audio does not have format"):C("Unknown audio")}var vr=require("@atlas-viewer/iiif-image-api");var Lt=require("@iiif/helpers/annotation-targets");function yr(e,t,n){let r=[];for(let o of t.items){let i=o.resource&&o.resource.type==="SpecificResource"?o.resource.source:o.resource;if(!i.id)return C("No resource Identifier");let a;if(i.service){let m=(0,vr.getImageServices)(i);m[0]&&(a=n(m[0],e))}let s={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[u,c]=ot(e,o.target);if(!(c.id===e.id||decodeURIComponent(c.id||"")===(e.id||"")))continue;let l=o.resource.width&&o.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:o.resource.width,height:o.resource.height}}:void 0,d=o.resource.type==="SpecificResource"?(0,Lt.expandTarget)(o.resource):null;if(o.selector){let m=(0,Lt.expandTarget)({type:"SpecificResource",source:o.resource,selector:o.selector});m&&(d=m)}let g=d&&d.selector&&(d.selector.type==="BoxSelector"||d.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:d.selector.spatial.x,y:d.selector.spatial.y,width:d.selector.spatial.width,height:d.selector.spatial.height}}:void 0;a&&!a.id&&(a.id=a["@id"]);let h={id:i.id,type:"Image",annotationId:o.annotationId,width:Number(u||g?i.width:e.width),height:Number(u||g?i.height:e.height),service:a,sizes:a&&a.sizes?a.sizes:i.width&&i.height?[{width:i.width,height:i.height}]:[],target:u&&u.type!=="PointSelector"?u:s,selector:g};r.push(h)}return{type:"images",image:r[0],images:r,choice:t.choice}}function Sr(e,t={},n){let r=e.language||n||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(t[r]=e.value);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(o=>Sr(o,t,r))}return t}function xr(e,t){let n=[];return t.items.forEach(r=>{if(r.resource){let[o]=ot(e,r.target);n.push({annotationId:r.annotationId,text:Sr(r.resource),target:o})}}),{type:"textual-content",items:n}}var vo=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function Cr(e,t){let n=t.items.filter(s=>s.type==="video"),r=!1;if(e.duration||(r=!0),n.length>1)return C("Only one video source supported");let o=n[0]?.resource,i=!!(o.service||[]).find(s=>(s.profile||"").includes("youtube.com"));if(!i&&r)return C("Video does not have duration");if(!o)return C("Unknown video");if((!o.format||o.format==="text/html")&&!i)return C("Video does not have format");let a={annotationId:t.items[0].annotationId,duration:e.duration,url:o.id,type:"Video",items:[],target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:o.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}};if(i){a.type="VideoYouTube";let s=o.id.match(vo);if(!s[1])return C("Video is not known youtube video");a.youTubeId=s[1]}return{type:"media",media:a,annotations:{pages:[]}}}function Ar({canvas:e,paintables:t,supports:n,loadImageService:r}){if(!e)return it;if(t.types.length===0)return n.indexOf("empty")!==-1?ir(e.width,e.height):it;if(t.types.length!==1)if(t.types.length===2&&t.types.indexOf("text")!==-1)t.types=t.types.filter(i=>i!=="text");else return n.indexOf("complex-timeline")===-1?C("Complex timeline not supported"):C("ComplexTimelineStrategy not yet supported");let o=t.types[0];return o==="image"?n.indexOf("images")===-1?C("Image not supported"):yr(e,t,r):o==="Model"||o==="model"?n.indexOf("3d-model")===-1?C("3D not supported"):gr(e,t):o==="textualbody"?n.indexOf("textual-content")===-1?C("Textual content not supported"):xr(e,t):o==="sound"||o==="audio"?n.indexOf("media")===-1?C("Media not supported"):hr(e,t):o==="video"?n.indexOf("media")===-1?C("Media not supported"):Cr(e,t):it}function Pr(e){let t=w(),n=R(),r=y(),o=Tn(),i=e?.emitter||o,[a,s]=dr(),{enabledPageIds:u}=ur(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),c=cr(u,"AnnotationPage"),l=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[d,g]=pr(e,[s]);(0,Se.useEffect)(()=>{let m=p=>{g.makeChoice(p.choiceId,{deselectOthers:p.deselectOthers,deselect:p.deselect})};return i.on("make-choice",m),()=>{i.off("make-choice",m)}},[]);let h=(0,Se.useMemo)(()=>Ar({canvas:n,paintables:d,supports:l,loadImageService:a}),[n,d,r,g.makeChoice]);return(0,Se.useEffect)(()=>{let m=d.allChoices,p={canvasId:n?.id,manifestId:t?.id};m&&i.emit("choice-change",{choice:m,partOf:p})},[n?.id,d.allChoices]),(0,Se.useMemo)(()=>h.type==="unknown"?[h,or]:[{...h,annotations:{pages:c}},g],[h,c])}var te=require("react");var Rr=require("react"),br=(e,t=[])=>{let n=y();(0,Rr.useEffect)(()=>{e(n)},[n,...t])};var Ir=require("@iiif/helpers/thumbnail");function ut(e,t,{canvasId:n,manifestId:r}={}){let o=y(),i=st(),a=(0,te.useMemo)(()=>(0,Ir.createThumbnailHelper)(o,{imageServiceLoader:i}),[o,i]),[s,u]=(0,te.useState)(),c=w(r?{id:r}:void 0),l=R(n?{id:n}:void 0),d=l||c,g=(0,te.useRef)(!1);if((0,te.useEffect)(()=>(g.current=!1,()=>{g.current=!0}),[]),!d)throw new Error("Must be called under a manifest or canvas context.");return br(h=>{a.getBestThumbnailAtSize(d,e,t).then(m=>{m.best&&!g.current&&u(m.best)})},[d]),s}var I=require("react");function yo(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function So(e,t){switch(t.type){case"FINISHED":return{...e,isFinished:!0,isPlaying:!1,playRequested:!1};case"PLAY_PAUSE":return{...e,isFinished:!1,isPlaying:!e.isPlaying};case"PLAY_REQUESTED":return{...e,isFinished:!1,playRequested:!0};case"PAUSE":return{...e,isPlaying:!1};case"PLAY":return{...e,isFinished:!1,playRequested:!1,isPlaying:!0};case"MUTE":return{...e,isMuted:!0};case"SET_VOLUME":return{...e,volume:t.volume,isMuted:t.volume===0};case"TOGGLE_MUTE":return{...e,isMuted:!e.isMuted};case"UNMUTE":return{...e,isMuted:!1}}return e}function xo(e){let t=Math.round(e);return`${Math.floor(t/60)}:${`${t%60}`.padStart(2,"0")}`}function xe(e){let[t,n]=(0,I.useReducer)(So,yo(e.duration)),r=(0,I.useRef)(null),o=(0,I.useRef)(null),i=(0,I.useRef)(null),a=(0,I.useRef)(!1),s=(0,I.useCallback)(()=>{o.current&&r.current&&(o.current.innerHTML=xo(r.current.currentTime),i.current&&(i.current.style.width=`${r.current.currentTime/e.duration*100}%`),a.current!==r.current.muted&&(a.current=r.current.muted,n(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"})))},[e.duration]),u=(0,I.useCallback)(()=>{r.current&&(n({type:"PLAY_REQUESTED"}),r.current.play().then(()=>{n({type:"PLAY"})}),s())},[s]),c=(0,I.useCallback)(()=>{r.current&&(r.current.duration>0&&r.current.paused?u():l())},[s]),l=(0,I.useCallback)(()=>{r.current&&(r.current.pause(),n({type:"PAUSE"}),s())},[s]),d=(0,I.useCallback)(()=>{r.current&&(r.current.muted=!r.current.muted,n(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"}))},[]),g=(0,I.useCallback)(()=>{r.current&&(r.current.muted=!0,n({type:"MUTE"}))},[]),h=(0,I.useCallback)(()=>{r.current&&(r.current.muted=!1,n({type:"UNMUTE"}))},[]),m=(0,I.useCallback)(x=>{r.current&&(r.current.muted=!1,r.current.volume=x/100,n({type:"SET_VOLUME",volume:x}))},[]),p=(0,I.useCallback)(x=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(x*e.duration,e.duration)),s())},[]),P=(0,I.useCallback)(x=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(x,e.duration)),s())},[]);return(0,I.useEffect)(()=>{let x=setInterval(()=>{s()},350);return()=>clearInterval(x)},[s,e.duration]),(0,I.useEffect)(()=>{let x=()=>{n({type:"FINISHED"})},Y=r.current;return Y?.addEventListener("ended",x),()=>Y?.removeEventListener("ended",x)},[]),[{element:r,currentTime:o,progress:i},t,{play:u,pause:l,playPause:c,mute:g,unmute:h,toggleMute:d,setVolume:m,setDurationPercent:p,setTime:P}]}var Oe=require("react"),ct=require("react/jsx-runtime"),Co=(0,Oe.createContext)(null),Ao=(0,Oe.createContext)(null),Po=(0,Oe.createContext)(null);function lt({actions:e,state:t,children:n,currentTime:r,progress:o,element:i}){return(0,ct.jsx)(Po.Provider,{value:{currentTime:r,progress:o,element:i},children:(0,ct.jsx)(Ao.Provider,{value:e,children:(0,ct.jsx)(Co.Provider,{value:t,children:n})})})}var Tr=require("react");var wr=require("@iiif/helpers");function dt(){let e=w(),t=R();return(0,Tr.useMemo)(()=>{if(!e||!t||!e.start)return null;let n=(0,wr.expandTarget)(e.start);return!n||n.source.id!==t.id||!n||!n.selector||n.selector.type!=="TemporalSelector"?null:n.selector.temporal},[e,t])}var ft=require("react/jsx-runtime");function zt({media:e,startTime:t,children:n}){let[{element:r,currentTime:o,progress:i},a,s]=xe({duration:e.duration}),u=t?`${e.url}#t=${t}`:e.url;return(0,ft.jsxs)(lt,{state:a,actions:s,currentTime:o,progress:i,element:r,children:[(0,ft.jsx)("audio",{ref:r,src:u}),n]})}function mt({media:e,mediaControlsDeps:t,children:n}){let r=dt();return B("portal","audio",zt,{media:e,startTime:r?r.startTime:null,children:n},[e,r,...t||[]]),null}var Fe=require("react/jsx-runtime");function Ot({element:e,media:t,startTime:n,playPause:r,poster:o}){let i="div",a=n?`${t.url}#t=${n}`:t.url;return(0,Fe.jsxs)(i,{className:"video-container",part:"video-container",onClick:r,children:[(0,Fe.jsx)("style",{children:`
+"use strict";var to=Object.create;var je=Object.defineProperty;var no=Object.getOwnPropertyDescriptor;var ro=Object.getOwnPropertyNames;var oo=Object.getPrototypeOf,io=Object.prototype.hasOwnProperty;var ao=(e,n)=>{for(var t in n)je(e,t,{get:n[t],enumerable:!0})},en=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of ro(n))!io.call(e,o)&&o!==t&&je(e,o,{get:()=>n[o],enumerable:!(r=no(n,o))||r.enumerable});return e};var Y=(e,n,t)=>(t=e!=null?to(oo(e)):{},en(n||!e||!e.__esModule?je(t,"default",{value:e,enumerable:!0}):t,e)),so=e=>en(je({},"__esModule",{value:!0}),e);var Ko={};ao(Ko,{CanvasPanel:()=>z});module.exports=so(Ko);var Ke=require("react");var O=Y(require("react"),1),rt=require("@atlas-viewer/atlas"),tr=require("react-error-boundary");var te=require("react");var pe=Y(require("react"),1),tn=require("react/jsx-runtime"),uo={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},Ye=pe.default.createContext(uo),B=()=>(0,pe.useContext)(Ye);function X({value:e,children:n}){let t=B(),r=(0,pe.useMemo)(()=>({...t,...e}),[e,t]);return(0,tn.jsx)(Ye.Provider,{value:r,children:n})}var Qe=Y(require("react"),1),Ee=require("@iiif/helpers/vault");var Et=require("react/jsx-runtime"),se=Qe.default.createContext({vault:null,setVaultInstance:e=>{}});function ge({vault:e,vaultOptions:n,useGlobal:t,resources:r,children:o}){let[s,i]=(0,Qe.useState)(()=>e||(t?(0,Ee.globalVault)(n):n?new Ee.Vault(n):new Ee.Vault));return(0,Et.jsx)(se.Provider,{value:{vault:s,setVaultInstance:i},children:(0,Et.jsx)(X,{value:r||{},children:o})})}var zn=require("react"),et=require("react");var nn=require("@iiif/helpers/vault"),rn=require("react");function he(e){let n=(0,rn.useContext)(se);return e||(n&&n.vault?n.vault:(0,nn.globalVault)())}var ee=require("react");function on(e,{noCache:n=!1}={}){let t=typeof e=="string"?e:e.id,r=he(),[o,s]=(0,ee.useState)(t),[i,a]=(0,ee.useState)(void 0),u=(0,ee.useMemo)(()=>r.get(t,{skipSelfReturn:!0})||void 0,[t,r]),[c,l]=(0,ee.useState)(u);return(0,ee.useEffect)(()=>{(async()=>{try{let m=u&&!n?u:await r.load(t),h=m?m.id||m["@id"]:null;m&&o!==h&&s(h),l(m)}catch(m){a(m)}})()},[t,n]),{isLoaded:!!c,id:o,requestId:t,error:i,resource:c,cached:!!(c&&c===u)}}function an(e,n){let{id:t,isLoaded:r,error:o,resource:s,requestId:i,cached:a}=on(e,n);return{id:t,isLoaded:r,error:o,manifest:s,requestId:i,cached:a}}var un=require("react/jsx-runtime");function sn({manifest:e,children:n}){return(0,un.jsx)(X,{value:{manifest:e},children:n})}var cn=require("react/jsx-runtime");function Q({canvas:e,children:n}){return(0,cn.jsx)(X,{value:{canvas:e},children:n})}var mn=require("react"),dn=Y(require("react"),1);var ln=require("react"),T=()=>{let{vault:e}=(0,ln.useContext)(se);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var Ge=require("react");function I(e,n=[]){let t=T(),[r,o]=(0,Ge.useState)(()=>e(t.getState(),t));return(0,Ge.useEffect)(()=>t.subscribe(s=>e(s,t),s=>{o(s)},!1),n),r}var ve=dn.default.createContext([]);function Ze(){let e=(0,mn.useContext)(ve);return I(n=>e.map(t=>n.iiif.entities.Canvas[t]).filter(Boolean),[e])}var fn=require("react");function L(e={},n=[]){let{id:t,selector:r}=e,o=B(),s=T(),i=t||o.manifest,a=I(u=>i?u.iiif.entities.Manifest[i]:void 0,[i]);return(0,fn.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...n])}var gn=require("react/jsx-runtime");function pn({range:e,children:n}){return(0,gn.jsx)(X,{value:{range:e},children:n})}function Vt(e,n){let t=[];for(let r of n.items)if(r.type==="SpecificResource"&&r.source?.type==="Canvas"&&(r.source.id.indexOf("#")!==-1?t.push({id:r.source.id.split("#")[0],type:"Canvas"}):t.push(r.source)),r.type==="Range"&&t.push(...Vt(e,e.get(r))),r.type==="SpecificResource"){let o=typeof r.source=="string"?r.source:r.source.id;t.push({id:o,type:"Canvas"})}return t}function hn(e,n,{disablePaging:t,skipNonPaged:r}={}){let o=n.behavior,s=o.includes("paged"),i=s?!1:o.includes("continuous"),a=s||i?!1:o.includes("individuals"),u=n.type==="Manifest"?n.items:Vt(e,n);if(i)return[u,[u.map((g,y)=>y)]];if(a||!s||t)return[u,u.map((g,y)=>[y])];let c=[],l=[],m=()=>{l.length&&(c.push([...l]),l=[])},h=0,A=!1;for(let g=0;g<u.length;g++){let y=e.get(u[g]);if(y.behavior.includes("non-paged")){g===h&&h++,r||(m(),c.push([g]),m());continue}if(g===h||y.behavior.includes("facing-pages")){l.length&&(A=!0),m(),c.push([g]),m();continue}if(l.push(g),A){m(),A=!1;continue}l.length>1&&m()}return l.length&&m(),[u,c]}var q=require("react");var vn=require("react");function yn(e={},n=[]){let{id:t,selector:r}=e,o=B(),s=t||o.range,i=I(a=>s?a.iiif.entities.Range[s]:void 0,[s]);return(0,vn.useMemo)(()=>{if(i)return r?r(i):i},[i,r,...n])}function Sn({startCanvas:e,disablePaging:n}){let t=T(),r=L(),o=yn(),[s,i]=(0,q.useState)(void 0),a=o||r;if(!a)throw new Error("Nothing selected");let[u,c]=(0,q.useMemo)(()=>hn(t,a,{disablePaging:n}),[t,a,n]),l=(0,q.useRef)(c);if(l.current!==c){let b=l.current[s][0],p=c.findIndex(C=>C.includes(b));l.current=c,i(p)}let m=(0,q.useCallback)(y=>{let b=c.findIndex(p=>p.includes(y));i(b===-1?0:b)},[u,c]),h=(0,q.useCallback)(y=>{let b=u.findIndex(p=>p.id===y);b!==-1?m(b):i(0)},[u,c]),A=(0,q.useCallback)(()=>{i(y=>y>=c.length-1?y:y+1)},[c]),g=(0,q.useCallback)(()=>{i(y=>y<=0?0:y-1)},[c]);return typeof s>"u"&&(e?h(e):i(0)),{visibleItems:c[s]?.map(y=>u[y].id)||[],cursor:s,items:u,sequence:c,hasPrevious:s>0,hasNext:s<c.length-1,setSequenceIndex:i,setCanvasIndex:m,setCanvasId:h,next:A,previous:g}}var K=require("react"),Je=require("zustand");var Nt=require("zustand/vanilla");function _(e,n,t){let r=n.findIndex(i=>i.service.id===e);if(r===-1)return n;let o=[...n],s=t(o[r]);return s===o[r]?n:(o[r]=s,o)}var Cn=()=>(0,Nt.createStore)((e,n)=>({currentAuth:-1,authItems:[],login:()=>{let t=n().authItems[n().currentAuth];if(!t||t.isPending||t.isLoggedIn)return;if(t.type!=="active")throw new Error("Cannot login to non-active service");let r=t.service.service.find(o=>o.type==="AuthAccessTokenService2");if(!r)throw new Error("Token service not found");e(()=>({authItems:_(t.id,n().authItems,o=>({...o,isPending:!0}))})),xn(t.service).then(()=>{kt(r).then(o=>{let s=o.expiresIn,i=Date.now()+s*1e3;e(()=>({authItems:_(t.id,n().authItems,a=>({...a,isLoggedIn:!0,isPending:!1,session:{token:o.accessToken,expires:i}}))}))}).catch(o=>{e(()=>({authItems:_(t.id,n().authItems,s=>({...s,isLoggedIn:!1,isPending:!1,error:o.message}))}))})})},logout:()=>{let t=n().authItems[n().currentAuth];if(!t||t.isPending||!t.isLoggedIn)return;if(t.type!=="active")throw new Error("Cannot logout of non-active service");let r=t.service.service.find(i=>i.type==="AuthLogoutService2");if(!r)return;let o=`${r.id}?origin=${Pn()}`,s=window.open(o);e(()=>({authItems:_(t.id,n().authItems,i=>({...i,isLoggedIn:!1,session:null,isPending:!1}))}))},nextAuth:()=>{let t=n().authItems.length,r=n().currentAuth+1;r>=t||e(()=>({currentAuth:r}))},previousAuth:()=>{let t=n().currentAuth-1;t<0||e(()=>({currentAuth:t}))},setAuth:t=>{t!==-1&&(t<0||t>=n().authItems.length)||e(()=>({currentAuth:t}))},addService:(t,r)=>{if(!t.service)return;let o=t.service.find(a=>a.type==="AuthAccessTokenService2"),s=t;if(n().authItems.find(a=>a.service.id===t.id)){e(()=>({authItems:_(t.id,n().authItems,a=>({...a,instances:a.instances+1}))}));return}if(e(()=>({currentAuth:s.profile==="active"?0:n().currentAuth,authItems:[{id:t.id,type:t.profile,service:t,probeId:r,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...n().authItems]})),t.profile==="external"){if(!o)throw new Error("Token service not found");kt(o).then(a=>{e(()=>({authItems:_(t.id,n().authItems,u=>({...u,isLoggedIn:!0,isPending:!1,session:{token:a.accessToken,expires:a.expiresIn}}))}))}).catch(a=>{e(()=>({authItems:_(t.id,n().authItems,u=>({...u,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:a.message}))}))})}if(t.profile==="kiosk"){if(!o)throw new Error("Token service not found");e(()=>({authItems:_(t.id,n().authItems,a=>({...a,isPending:!0}))})),xn(s).then(()=>{kt(o).then(a=>{e(()=>({authItems:_(t.id,n().authItems,u=>({...u,isLoggedIn:!0,isPending:!1,session:{token:a.accessToken,expires:a.expiresIn}}))}))}).catch(a=>{e(()=>({authItems:_(t.id,n().authItems,u=>({...u,isLoggedIn:!1,isPending:!1,error:a.message}))}))})})}t.profile},removeService:(t,r)=>{let o=n().currentAuth===n().authItems.findIndex(i=>i.service.id===t.id),s=n().currentAuth;if(o){let i=n().authItems.find(u=>u.service.id===t.id);i&&i.instances>1||(s=n().authItems.findIndex(c=>c.service.id!==t.id&&c.instances>0))}e(()=>({authItems:_(t.id,n().authItems,i=>({...i,instances:i.instances-1})),currentAuth:s}))}})),An=(e,n)=>(0,Nt.createStore)((t,r)=>({service:e,status:e?"unknown":"success",shouldRedirect:!1,redirectResource:null,shouldSubstitute:!1,substituteResource:null,error:null,errorHeading:null,errorNote:null,shouldDisplayResource:!1,token:n||null,async probe(){if(!r().service)return;let o=r().service?.id;if(!o){t({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}t({status:"probing"});let s=r().token;try{let i=await fetch(o,{headers:s?{Authorization:`Bearer ${r().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(a=>a.json());if(i.status===200)t({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(i.status<400&&i.status>=300){if(!i.location)throw new Error("Redirect location not found");t({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:i.location||null})}else if(i.status===401)t({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!i.substitute,substituteResource:i.substitute||null,error:"Unauthorized",errorHeading:i.heading||{en:["Unauthorized"]},errorNote:i.note||null});else throw new Error("Unknown error")}catch(i){t({status:"error",error:i.message,errorHeading:{en:["Unknown error"]}})}},setToken(o){t({token:o})}}));function bn(e){let n=e.service||e.services||[],t={hasAuth:!1,services:{}};for(let r of n)if(r.type==="AuthProbeService2"){t.services.probe=r,t.hasAuth=!0;let o=r.service.filter(s=>s.type==="AuthAccessService2");o[0]&&(t.services.access=o[0])}return t}async function kt(e,{strict:n=!0}={}){return new Promise((t,r)=>{let o=Math.random().toString(36).substring(7),s=`${e.id}?messageId=${o}&origin=${window.location.origin}`,i=c=>{let l=c.data;if(l.messageId===o){if(n&&l.type!=="AuthAccessToken2"){a(),r("Invalid response, expected type=AuthAccessToken2");return}if(!l.accessToken){a(),r("Invalid response, expected accessToken");return}a(),t(l)}},a=()=>window.removeEventListener("message",i),u=document.createElement("iframe");u.src=s,u.style.display="none",document.body.appendChild(u),window.addEventListener("message",i)})}function Pn(e){let n=window.location;if(e){let t=document.createElement("a");return t.href=e,t.protocol+"//"+t.hostname+(t.port?":"+t.port:"")}return n.protocol+"//"+n.hostname+(n.port?":"+n.port:"")}async function xn(e){let n=`${e.id}?origin=${Pn()}`,t=window.open(n);if(!t)throw new Error("Failed to open window");return new Promise((r,o)=>{let s=setInterval(()=>{t.closed&&(clearInterval(s),r())},500)})}var ye=require("react");var Rn=require("zustand");function Tn(e){let n=(0,ye.useMemo)(()=>bn(e),[e]),t=In(n.services.access?.id),r=(0,ye.useMemo)(()=>An(n.services.probe,t),[n.services.probe]),o=(0,Rn.useStore)(r);return(0,ye.useEffect)(()=>{o.status==="unknown"&&!t&&o.probe()},[n.services.probe,o.status]),(0,ye.useEffect)(()=>{t&&(o.setToken(t),o.probe())},[t]),[e,o,n.hasAuth]}var Ve=require("react/jsx-runtime"),Se=(0,K.createContext)(null),co=(0,K.createContext)(null);co.displayName="CurrentAuth";var lo=(0,K.createContext)(null);lo.displayName="AuthActions";function wn({children:e}){let n=(0,K.useMemo)(()=>Cn(),[]);return(0,Ve.jsx)(Se.Provider,{value:n,children:e})}function Mn(){return!!(0,K.useContext)(Se)}function zt(){let e=(0,K.useContext)(Se);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function mo(){let e=zt();return(0,Je.useStore)(e,t=>({login:t.login,logout:t.logout,nextAuth:t.nextAuth,previousAuth:t.previousAuth,setAuth:t.setAuth,addService:t.addService,removeService:t.removeService}))}function fo(e){let n=zt();return(0,Je.useStore)(n,r=>r.authItems.find(o=>o.service.id===e))}function In(e){let n=zt();return(0,Je.useStore)(n,r=>r.authItems.find(o=>o.id===e)?.session?.token)}function po(e){let n=mo(),t=fo(e.service.id);return(0,K.useEffect)(()=>(n?.addService(e.service,e.probeId),()=>{n?.removeService(e.service,e.probeId)}),[e.service]),t?(t.error||!t.isLoggedIn,e.children):null}function Lt(){return null}function En(e){let[n,t,r]=Tn(e.resource),o=e.fallbackComponent||Lt,s=e.loadingComponent||Lt,i=e.errorComponent||Lt,a=t.service,u=null;if(!r||!a)return e.children(n);let c=a.service.filter(l=>l.type==="AuthAccessService2");t.status==="error"&&(u=(0,Ve.jsx)(i,{resource:e.resource,error:t.error||"",heading:t.errorHeading,note:t.errorNote,extra:e.extra})),(t.status==="unknown"||t.status==="probing")&&(u=(0,Ve.jsx)(s,{})),t.status==="success"&&(u=e.children(n));for(let l of c)u=(0,Ve.jsx)(po,{service:l,probeId:a.id,children:u},l.id);return u}var ke=require("react");var Vn=require("zustand/vanilla"),go=e=>e.id||e["@id"];function ho(e){return(Array.isArray(e.service)?e.service:[e.service]).find(t=>t.profile==="http://iiif.io/api/search/0/autocomplete"||t.profile==="http://iiif.io/api/search/1/autocomplete"||t.profile==="AutoCompleteService1")}var kn=e=>{let n;typeof e=="string"?n={"@context":"http://iiif.io/api/search/1/context.json",profile:"http://iiif.io/api/search/1/search","@id":e,id:e,service:[]}:n=e;let t=n?go(n):void 0,r=null;return(0,Vn.createStore)((o,s)=>({service:n,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!n,hasAutocomplete:n?!!ho(n):!1,errorMessage:"",search(i,a={}){if(!t)throw new Error("No search service found.");r&&!r.signal.aborted&&r.abort(),r=new AbortController;let u=new URLSearchParams;i.q&&u.set("q",i.q),i.motivation&&u.set("motivation",i.motivation),i.date&&u.set("date",i.date),i.user&&u.set("user",i.user),o({loading:!0}),fetch(`${t}?${u.toString()}`,{signal:r.signal,headers:{"Content-Type":"application/json",Accept:"application/json",...a.headers||{}}}).then(async c=>{if(!r?.signal.aborted)if(c.ok){let l=await c.json();o({resources:l.resources,error:!1,errorMessage:""})}else o({resources:[],error:!0,errorMessage:c.statusText})})},clearSearch(){o({resources:[],error:!1,errorMessage:""})},highlightResult(i){let a=s().resources.find(u=>u["@id"]===i);o({highlight:a})},nextResult(){let i=s().resources,a=s().highlight;if(!a){o({highlight:i[0]||null});return}let u=i.findIndex(c=>c["@id"]===a["@id"]);if(u===-1){o({highlight:i[0]||null});return}o({highlight:i[u+1]||i[0]||null})},previousResult(){let i=s().resources,a=s().highlight;if(!a){o({highlight:i[i.length-1]||null});return}let u=i.findIndex(c=>c["@id"]===a["@id"]);if(u===-1){o({highlight:i[i.length-1]||null});return}if(u===0){o({highlight:i[i.length-1]||null});return}o({highlight:i[u-1]||i[i.length-1]||null})}}))};var vo=require("zustand");function Nn(){let e=L();return e?e.service.find(n=>n.profile==="SearchService1"||n.profile==="http://iiif.io/api/search/1/search"):void 0}var Xe=require("react/jsx-runtime"),xe=(0,ke.createContext)(null);xe.displayName="Search";function Ln(e){let n=Nn();return e.store?(0,Xe.jsx)(xe.Provider,{value:e.store,children:e.children}):(0,Xe.jsx)(yo,{service:n,children:e.children})}function yo({service:e,children:n}){let t=(0,ke.useMemo)(()=>kn(e),[e]);return(0,Xe.jsx)(xe.Provider,{value:t,children:n})}var F=require("react/jsx-runtime"),Ne=()=>{},Le=(0,et.createContext)({setCurrentCanvasId:Ne,setCurrentCanvasIndex:Ne,nextCanvas:Ne,previousCanvas:Ne,items:[],sequence:[],setSequenceIndex:Ne,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function So(e){let n=L(),{cursor:t,visibleItems:r,next:o,sequence:s,items:i,setCanvasIndex:a,setCanvasId:u,previous:c,setSequenceIndex:l,hasNext:m,hasPrevious:h}=Sn({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),A=(0,et.useMemo)(()=>({sequence:s,items:i,setCurrentCanvasId:u,nextCanvas:o,previousCanvas:c,totalCanvases:i.length,setCurrentCanvasIndex:a,setSequenceIndex:l,currentSequenceIndex:t,hasNext:m,hasPrevious:h}),[s,i,u,o,c,i,a,l,t]);return n?r.length===0?null:(0,F.jsx)(Le.Provider,{value:A,children:(0,F.jsx)(ve.Provider,{value:r,children:(0,F.jsx)(Q,{canvas:r[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,F.jsx)("div",{children:"Sorry, something went wrong."}))}function On(e){let n=he(e.vault),t=an(e.manifest);if(!t)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,F.jsx)("div",{children:"Sorry, something went wrong."});if(t.error)return(0,F.jsx)("div",{children:t.error.toString()});if(!t.isLoaded)return(0,F.jsx)("div",{children:"Loading..."});let r=(0,F.jsx)(So,{...e,children:e.children});return(0,F.jsx)(ge,{vault:n,children:(0,F.jsx)(sn,{manifest:t.id,children:(0,F.jsx)(wn,{children:(0,F.jsx)(Ln,{children:e.rangeId?(0,F.jsx)(pn,{range:e.rangeId,children:r}):r})})})})}function Hn(){return(0,zn.useContext)(Le)}var Fn=Y(require("react"),1),Ot=require("react"),Dn=Y(require("mitt"),1),Co=require("react/jsx-runtime"),xo=(0,Dn.default)(),ze=(0,Ot.createContext)({emitter:xo});ze.displayName="Events";function $n(){return Fn.default.useContext(ze).emitter}var ue=require("react/jsx-runtime");function Un(){return{VaultContext:(0,te.useContext)(se),ResourceContext:(0,te.useContext)(Ye),SimpleViewerReactContext:(0,te.useContext)(Le),VisibleCanvasReactContext:(0,te.useContext)(ve),AuthRContext:(0,te.useContext)(Se),SearchReactContext:(0,te.useContext)(xe),ReactEventContext:(0,te.useContext)(ze)}}function Bn(e){return(0,ue.jsx)(ge,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,ue.jsx)(ve.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,ue.jsx)(Le.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,ue.jsx)(ze.Provider,{value:e.bridge.ReactEventContext,children:(0,ue.jsx)(Se.Provider,{value:e.bridge.AuthRContext,children:(0,ue.jsx)(xe.Provider,{value:e.bridge.SearchReactContext,children:e.children})})})})})})}var Ce=require("react");var G=require("react");var tt=require("@iiif/helpers/vault/actions");var qn=require("react");function _n(){let n=T().getStore();return(0,qn.useMemo)(()=>t=>n.dispatch(t),[n])}function Kn(e){return typeof e!="string"&&e&&e.bindToVault}function Wn(){let e=T(),n=(0,G.useRef)([]),t=_n(),r=(0,G.useMemo)(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);(0,G.useLayoutEffect)(()=>{let a={id:r,type:"AnnotationPage",behavior:[],label:null,thumbnail:[],summary:null,requiredStatement:null,metadata:[],rights:null,provider:[],items:[],seeAlso:[],homepage:[],rendering:[],service:[]};t(tt.entityActions.importEntities({entities:{AnnotationPage:{[a.id]:a}}}))},[r]);let o=I(a=>r&&a.iiif.entities.AnnotationPage[r]||null,[r]),s=(0,G.useCallback)((a,u)=>{if(r){if(Kn(a)){let m=a;m.__vault||m.bindToVault(e),a=typeof m.source=="string"?m.source:m.source.id,n.current[a]=m}else typeof a!="string"&&(a=a.id);let c=e.get({id:r,type:"AnnotationPage"}),l=e.get({id:a,type:"Annotation"});c&&l&&(c.items.find(m=>m.id===l.id)||t(tt.entityActions.addReference({id:r,type:"AnnotationPage",key:"items",reference:{id:a,type:"Annotation"},index:u})))}},[r]),i=(0,G.useCallback)(a=>{r&&(Kn(a)?a=typeof a.source=="string"?a.source:a.source.id:typeof a!="string"&&(a=a.id),n.current[a]&&n.current[a].beforeRemove(),e.get({id:r,type:"AnnotationPage"})&&t(tt.entityActions.removeReference({id:r,type:"AnnotationPage",key:"items",reference:{id:a,type:"Annotation"}})))},[r]);return[o,{addAnnotation:s,removeAnnotation:i}]}var Gn=require("react/jsx-runtime"),jn=(0,Ce.createContext)(null);function Yn(){let e=(0,Ce.useContext)(jn);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function Qn({children:e}){let[n,{addAnnotation:t,removeAnnotation:r}]=Wn();return(0,Gn.jsx)(jn.Provider,{value:(0,Ce.useMemo)(()=>({fullPage:n,addAnnotation:t,removeAnnotation:r}),[n]),children:e})}var Ae=require("react/jsx-runtime");function Zn({width:e,style:n,height:t,error:r,resetErrorBoundary:o}){return(0,Ae.jsxs)("div",{style:{width:e,height:t,minHeight:500,...n||{},background:"#f9f9f9"},children:[(0,Ae.jsx)("h3",{children:"Error occurred"}),(0,Ae.jsx)("p",{children:r.message}),(0,Ae.jsx)("button",{onClick:o,children:"Reset"})]})}var nt=require("react"),Oe=(0,nt.createContext)(null);function Jn(){return(0,nt.useContext)(Oe)}var ce=require("react"),Ht=(0,ce.createContext)(()=>{}),Ft=(0,ce.createContext)(()=>{});function $(e,n,t,r,o=[]){let s=(0,ce.useContext)(e==="portal"?Ft:Ht);(0,ce.useEffect)(()=>(e!=="none"&&s(n,t,r),()=>{s(n,null)}),[n,e,s,...o])}var be=require("react");var Xn=require("react");function E(e={},n=[]){let{id:t,selector:r}=e,o=B(),s=t||o.canvas,i=I(a=>s?a.iiif.entities.Canvas[s]:void 0,[s]);return(0,Xn.useMemo)(()=>{if(i)return r?r(i):i},[i,r,...n])}var Dt=(0,be.createContext)(()=>{});function er(e){let n=E(),t=(0,be.useContext)(Dt);(0,be.useEffect)(()=>n&&n.id?(t(n.id,e),()=>t(n.id,-1)):()=>{},[n,e])}var k=require("react/jsx-runtime");function nr({children:e,errorFallback:n,outerContainerProps:t={},worldScale:r,...o}){let[s,i]=(0,O.useState)(),a=Un(),u=n||Zn,[c,l]=(0,O.useState)({}),m=Object.entries(c),[h,A]=(0,O.useState)({}),g=Object.entries(h),[y,b]=(0,O.useState)({}),p=(0,O.useMemo)(()=>r||Math.max(...Object.values(y)),[y]),C=(0,O.useMemo)(()=>({maxOverZoom:p||1,...o.runtimeOptions||{}}),[p,o.runtimeOptions]),d=(0,O.useCallback)((x,P)=>{b(S=>{if(P===-1){let{[x]:ae,...f}=S;return f}return{...S,[x]:P}})},[]),v=(0,O.useCallback)((x,P,S)=>{l(({[x]:ae,...f})=>P?{...f,[x]:{element:P,props:S}}:f)},[]),w=(0,O.useCallback)((x,P,S)=>{A(({[x]:ae,...f})=>P?{...f,[x]:{element:P,props:S}}:f)},[]);return(0,k.jsxs)(tr.ErrorBoundary,{resetKeys:[],fallbackRender:x=>(0,k.jsx)(u,{...o,...x}),children:[(0,k.jsx)(rt.AtlasAuto,{...o,containerProps:{style:{position:"relative"},...o.containerProps||{}},htmlChildren:(0,k.jsx)(k.Fragment,{children:m.map(([x,{element:P,props:S}])=>(0,k.jsx)(O.default.Fragment,{children:(0,k.jsx)(P,{...S||{}})},x))}),onCreated:x=>{i(x),o.onCreated&&o.onCreated(x)},runtimeOptions:C,children:(0,k.jsx)(Oe.Provider,{value:s,children:(0,k.jsx)(Dt.Provider,{value:d,children:(0,k.jsx)(Ht.Provider,{value:v,children:(0,k.jsx)(Ft.Provider,{value:w,children:(0,k.jsx)(Bn,{bridge:a,children:(0,k.jsx)(rt.ModeContext.Provider,{value:o.mode||"explore",children:(0,k.jsx)(Qn,{children:e})})})})})})})}),(0,k.jsx)("div",{children:g.map(([x,{element:P,props:S}])=>(0,k.jsx)(O.default.Fragment,{children:(0,k.jsx)(P,{...S||{}})},x))})]})}var at=require("@atlas-viewer/atlas");var $t=require("react"),rr=require("@iiif/helpers/events");function ot(e,n){let t=T(),r=(0,$t.useMemo)(()=>(0,rr.createEventsHelper)(t),[t]),o=I(()=>e&&e.id?t.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,$t.useMemo)(()=>e?r.getListenersAsProps(e,n):{},[o,e,t,n])}var or=require("react"),ir=require("@iiif/helpers/styles");function Pe(e,n){let t=T(),r=(0,or.useMemo)(()=>(0,ir.createStylesHelper)(t),[t]);return I(()=>{if(!e)return null;let o=r.getAppliedStyles(e.id);return o?n?o[n]:o:void 0},[e,n])}var ur=require("react");var ar=require("react");var sr=require("@iiif/helpers/annotation-targets");function it(e={},n=[]){let{id:t,selector:r}=e,o=B(),s=T(),i=t||o.annotation,a=I(c=>i?c.iiif.entities.Annotation[i]:void 0,[i]),u=I(c=>a&&a.body?a.body.map(l=>l?l.type==="SpecificResource"?{...l,source:s.get(l)}:l?c.iiif.entities[l.type][l.id]:null:null).filter(Boolean):[],[a]);return(0,ar.useMemo)(()=>{if(!a)return;let c={...a,body:u,target:(0,sr.expandTarget)(a.target,{typeMap:s.getState().iiif.mapping})};return r?r(c):c},[a,r,u,...n])}var cr=require("react/jsx-runtime"),st=({id:e,style:n,className:t,interactive:r})=>{let o=it({id:e}),s=Pe(o,"atlas"),i=Pe(o,"html"),a=ot(o,["atlas"]),u=E(),c=(0,ur.useMemo)(()=>(0,at.mergeStyles)(n,s),[n,s]);return u&&o&&o.target&&o.target.selector&&o.target.selector.type==="BoxSelector"&&o.target.source&&(o.target.source.id===u.id||o.target.source===u.id)?(0,cr.jsx)(at.RegionHighlight,{id:o.id,isEditing:!0,region:o.target.selector.spatial,style:c,className:i?.className||t,interactive:!!(i?.href||r),href:i?.href||null,title:i?.title||null,hrefTarget:i?.target||null,onClick:()=>{},...a}):null};var dr=require("react");var lr=require("react");function mr(e={},n=[]){let{id:t,selector:r}=e,o=B(),s=t||o.annotationPage,i=I(a=>s?a.iiif.entities.AnnotationPage[s]:void 0,[s]);return(0,lr.useMemo)(()=>{if(i)return r?r(i):i},[i,...n])}var Ut=require("react/jsx-runtime"),He=({className:e,page:n})=>{let t=mr({id:n.id})||n,r=Pe(t,"atlas"),o=Pe(t,"html");return I(s=>t.id?s.iiif.entities.AnnotationPage[t.id]:null,[]),(0,Ut.jsx)(dr.Fragment,{children:t.items?.map(s=>(0,Ut.jsx)(st,{id:s.id,style:r,className:o?.className||e},s.id))})};var Xr=require("@iiif/helpers/styles");var $e=require("react");var De=require("@atlas-viewer/atlas");var W=Y(require("react"),1),ne=require("react/jsx-runtime"),Ao=W.default.createContext("en"),bo=W.default.createContext({}),Po=W.default.createContext(null);function Ro(){return W.default.useContext(Po)}function pr(){return W.default.useContext(Ao)}function To(){return W.default.useContext(bo)}function fr(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function Io({as:e,language:n,children:t,viewingDirection:r,...o}){let s=pr();return(0,W.useMemo)(()=>fr(s)===fr(n),[s,n])?e?(0,ne.jsx)(e,{...o,children:t}):(0,ne.jsx)("span",{...o,children:t}):e?(0,ne.jsx)(e,{...o,lang:n,dir:r,children:t}):(0,ne.jsx)("span",{...o,lang:n,dir:r,children:t})}function wo(e,n,t){if(n.length===0)return;if(n.length===1)return n[0];if(n.indexOf(e)!==-1)return e;let r=e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):null;if(r&&n.indexOf(r)!==-1)return r;for(let o of t)if(n.indexOf(o)!==-1)return o;return n.indexOf("none")!==-1?"none":n.indexOf("@none")!==-1?"@none":n[0]}var Mo=(e,n=[])=>{let t=pr();return(0,W.useMemo)(()=>{let r=e();return wo(t,r,[])},[t,...n])};function Bt(e,n,t,r){return n?t?t(e[n]||n,r||"none"):e[n]||n:""}function Eo(e,n,t=`
+`,r={}){let o=Ro(),s=Mo(()=>Object.keys(e||{}),[e]);return[(0,W.useMemo)(()=>{if(!e)return Bt(r,n,o)||"";if(typeof e=="string")return Bt(r,e,o);let i=s?e[s]:void 0;return i?typeof i=="string"?i:i.map(a=>Bt(r,a,o,s)).join(t):""},[s,n,e]),s]}function Fe({as:e,defaultText:n,enableDangerouslySetInnerHTML:t,children:r,separator:o,...s}){let i=To(),[a,u]=Eo(r,n,o,i);return u?(0,ne.jsx)(Io,{...s,as:e,language:u,title:t?void 0:a,dangerouslySetInnerHTML:t?{__html:a}:void 0,children:t?void 0:a}):e?(0,ne.jsx)(e,{...s,children:a}):(0,ne.jsx)("span",{...s,title:t?void 0:a,dangerouslySetInnerHTML:t?{__html:a}:void 0,children:t?void 0:a})}var U=require("react/jsx-runtime");function Vo({resource:e,heading:n,note:t,extra:r}){return r?(0,U.jsx)(De.HTMLPortal,{target:{x:0,y:0,width:r.target?.spatial.width,height:r.target?.spatial.height},backgroundColor:"#333",relative:!0,children:(0,U.jsx)("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",background:"#444",color:"#BBB"},children:(0,U.jsxs)("div",{children:[(0,U.jsx)(Fe,{children:n||"Not authorised"}),t&&(0,U.jsx)("p",{children:(0,U.jsx)(Fe,{children:t})}),(0,U.jsx)("p",{children:e.id||e["@id"]||"unknown"})]})})}):null}function gr({image:e,thumbnail:n,crop:t,enableSizes:r}){if(!Mn()){let s=e.service,i=s.width||e.width||0,a=s.height||e.height||0;return(0,U.jsx)(De.TileSet,{tiles:{id:s.id||s["@id"]||"unknown",height:a,width:i,imageService:s},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:t})}return(0,U.jsx)(En,{resource:e.service,errorComponent:Vo,extra:e,children:s=>{let i=s.width||e.width||0,a=s.height||e.height||0;return(0,U.jsx)(De.TileSet,{tiles:{id:s.id||s["@id"]||"unknown",height:a,width:i,imageService:s},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:t})}},e.id)}var le=require("react/jsx-runtime");function Re({id:e,image:n,thumbnail:t,isStatic:r,x:o=0,y:s=0,children:i,selector:a,onClick:u,enableSizes:c}){let l=(0,$e.useMemo)(()=>{if(!(!a||a.spatial.x===0&&a.spatial.y===0))return a.spatial},[a]);return(0,le.jsx)("world-object",{x:o+n.target.spatial.x,y:s+n.target.spatial.y,width:n.target.spatial.width,height:n.target.spatial.height,onClick:u,children:n.service?(0,le.jsxs)($e.Fragment,{children:[(0,le.jsx)(gr,{image:n,thumbnail:t,crop:l,enableSizes:c}),i]},"service"):(0,le.jsxs)($e.Fragment,{children:[(0,le.jsx)("world-image",{onClick:u,uri:n.id,target:{x:0,y:0,width:n.target.spatial.width,height:n.target.spatial.height},display:n.width&&n.height?{width:n.width,height:n.height}:void 0,crop:l}),i]},"no-service")},e+(n.service?"server":"no-service"))}var j=require("react");var Te=require("react");var hr=require("@iiif/helpers");function ut(e,n){let{selector:t,source:r}=(0,hr.expandTarget)(n);if(r.id!==e.id)return[null,r];let o={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[t?t.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:t.temporal,spatial:o.spatial}:t:null,r]}var vr={makeChoice:()=>{}},ct={type:"unknown"},M=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),yr=(e,n)=>({type:"empty",width:e,height:n,annotations:{pages:[]},image:null,images:[]});var Ue=require("react");function ko(e,n){let t=e?.iiif?.meta[n];return t?t.annotationPageManager:null}function Sr(e,n){return I(t=>{let r=[];if(!e)return r;let o=Object.keys(t.iiif.entities.AnnotationPage);for(let s of o)if(!n||n.indexOf(s)!==-1){let i=ko(t,s);i&&i.views&&i.views[e]&&r.push(s)}return r},[e,n])}function xr({canvas:e,manifest:n,all:t,canvases:r}){let o=[];if(n)for(let s of n.annotations)o.indexOf(s.id)===-1&&o.push(s.id);if(t){if(r&&r.length)for(let s of r)for(let i of s.annotations)o.indexOf(i.id)===-1&&o.push(i.id)}else if(e)for(let s of e.annotations)o.indexOf(s.id)===-1&&o.push(s.id);return o}function No(e,n){let t=e?.iiif?.meta[n];return t?t.annotationPageManager:null}function Cr(e,n={}){let t=T(),r=L(),o=E(),s=Ze(),i=(0,Ue.useMemo)(()=>xr({all:n.all,manifest:r,canvas:o,canvases:s}),[n.all,o,s,r]),a=Sr(e,n.all?void 0:i),u=(0,Ue.useCallback)(l=>{e&&t.setMetaValue([l,"annotationPageManager","views"],m=>m&&!m[e]?m:{...m||{},[e]:!1})},[e,t]),c=(0,Ue.useCallback)((l,m={})=>{if(!e)return;let h=t.getState(),A=[];if(m?.deselectOthers){let g=Object.keys(h.iiif.entities.AnnotationPage);for(let y of g){let b=No(h,y);b&&b.views&&b.views[e]&&A.push(y)}}for(let g of A)u(g);t.setMetaValue([l,"annotationPageManager","views"],g=>g&&g[e]?g:{...g||{},[e]:!0})},[e,u,t]);return{availablePageIds:i,enabledPageIds:a,setPageEnabled:c,setPageDisabled:u}}function Ar(e,n){return I((t,r)=>r.get(e.map(o=>({id:o,type:n}))),[e,n])}var re=require("react");var lt=Y(require("react"),1),br=require("@atlas-viewer/iiif-image-api"),Lo=lt.default.createContext(new br.ImageServiceLoader);function mt(){return(0,lt.useContext)(Lo)}function Pr(){let e=mt(),[n,t]=(0,re.useState)({}),r=(0,re.useRef)(!1);return(0,re.useEffect)(()=>()=>{r.current=!0},[]),[(0,re.useCallback)((s,{height:i,width:a})=>{if(s){let u=s.id||s["@id"],c=e.loadServiceSync({id:u,width:s.width||a,height:s.height||i,source:s});c?s=c:n[u]||(r.current||t(l=>({...l,[u]:"loading"})),e.loadService({id:u,width:s.width||a,height:s.height||i}).then(()=>{r.current||t(l=>({...l,[u]:"done"}))}))}return s},[e,n]),n]}var me=require("react");function Rr(e={}){let n=it(),t=E(e.canvasId?{id:e.canvasId}:void 0);return I((r,o)=>{if(!t)return[];if(n&&e.enableSingleAnnotation)return[n];let s=o.get(t.items),i=[];for(let a of s)i.push(...o.get(a.items));return i},[t])}var Tr=require("@iiif/helpers/painting-annotations");function Ir(e,n=[]){let t=T(),r=(0,me.useMemo)(()=>(0,Tr.createPaintingAnnotationsHelper)(t),[]),o=Rr({enableSingleAnnotation:e?.enableSingleAnnotation}),[s,i]=(0,me.useState)(e?.defaultChoices||[]),a=(0,me.useMemo)(()=>r.getPaintables(o,s),[t,o,s,...n]),c={makeChoice:(0,me.useCallback)((l,{deselectOthers:m=!0,deselect:h=!1}={})=>{a.choice&&i(A=>{if(h){let y=A.filter(b=>b!==l);if(y.length===0){let b=a.items[0].resource.id;return b?[b]:[]}return y}if(m)return[l];let g=[...A];if(g.length===0&&a.items.length){let y=a.items[0].resource.id;y&&g.push(y)}return A.indexOf(l)!==-1?A:[...A,l]})},[a.choice])};return[a,c]}var zo=["model/gltf-binary"];function wr(e,n){let r=n.items[0].resource;return r.format?zo.indexOf(r.format)===-1?M(`3D format: ${r.format} is unsupported`):{type:"3d-model",model:r}:M("Unknown format")}function Mr(e,n){if(!e.duration)return M("No duration on canvas");if(n.items.length>1)return M("Only one audio source supported");let t=n.items[0]?.resource;return t?t.format?{type:"media",media:{annotationId:n.items[0].annotationId,duration:e.duration,url:t.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:t.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}:M("Audio does not have format"):M("Unknown audio")}var Er=require("@atlas-viewer/iiif-image-api");var qt=require("@iiif/helpers/annotation-targets");function dt(e,n,t){let r=[];for(let o of n.items){let s=o.resource&&o.resource.type==="SpecificResource"?o.resource.source:o.resource;if(!s.id)return M("No resource Identifier");let i;if(s.service){let g=(0,Er.getImageServices)(s);g[0]&&(i=t(g[0],e))}let a={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[u,c]=ut(e,o.target);if(!(c.id===e.id||decodeURIComponent(c.id||"")===(e.id||"")))continue;let l=o.resource.width&&o.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:o.resource.width,height:o.resource.height}}:void 0,m=o.resource.type==="SpecificResource"?(0,qt.expandTarget)(o.resource):null;if(o.selector){let g=(0,qt.expandTarget)({type:"SpecificResource",source:o.resource,selector:o.selector});g&&(m=g)}let h=m&&m.selector&&(m.selector.type==="BoxSelector"||m.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:m.selector.spatial.x,y:m.selector.spatial.y,width:m.selector.spatial.width,height:m.selector.spatial.height}}:void 0;i&&!i.id&&(i.id=i["@id"]);let A={id:s.id,type:"Image",annotationId:o.annotationId,width:Number(u||h?s.width:e.width),height:Number(u||h?s.height:e.height),service:i,sizes:i&&i.sizes?i.sizes:s.width&&s.height?[{width:s.width,height:s.height}]:[],target:u&&u.type!=="PointSelector"?u:a,selector:h||{type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}}};r.push(A)}return{type:"images",image:r[0],images:r,choice:n.choice}}function Vr(e,n={},t){let r=e.language||t||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(n[r]=[e.value]);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(o=>Vr(o,n,r))}return n}function ft(e,n){let t=[];return n.items.forEach(r=>{if(r.resource){let[o]=ut(e,r.target);t.push({type:"Text",annotationId:r.annotationId,text:Vr(r.resource),target:o})}}),{type:"textual-content",items:t}}var pt=require("@iiif/helpers"),Oo=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function gt(e,n){let t=n.items.filter(l=>l.type==="video"),r=!1;if(e.duration||(r=!0),t.length>1)return M("Only one video source supported");let o=t[0]?.resource,s=!!(o.service||[]).find(l=>(l.profile||"").includes("youtube.com"));if(!s&&r)return M("Video does not have duration");if(!o)return M("Unknown video");if((!o.format||o.format==="text/html")&&!s)return M("Video does not have format");let i=n.items[0],a={annotationId:n.items[0].annotationId,duration:e.duration,url:o.id,type:"Video",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:o.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},u=(0,pt.expandTarget)(i.target);u.selector&&u.selector.type==="TemporalBoxSelector"&&(a.target=u.selector);let{selector:c}=(0,pt.parseSelector)(i.selector);if(c===null){let l=a.target.temporal.startTime,h=(a.target.temporal.endTime||e.duration)-l;a.selector={type:"TemporalSelector",temporal:{startTime:0,endTime:h}}}else c.type==="TemporalSelector"&&(a.selector=c);if(s){a.type="VideoYouTube";let l=o.id.match(Oo);if(!l[1])return M("Video is not known youtube video");a.youTubeId=l[1]}return{type:"media",media:a,annotations:{pages:[]}}}function kr(e,n,t){let r={type:"complex-timeline",items:[],keyframes:[],duration:e.duration||0},o={type:"complex-choice",items:[]};function s(u){u.choice&&(u.choice.type==="complex-choice"?o.items.push(...u.choice.items):o.items.push(u.choice))}for(let u of n.items){if(u.type==="image"){let c=dt(e,{choice:null,allChoices:null,types:["image"],items:[u]},t);if(c.type==="images"){s(c),r.items.push(c.image);let l={id:c.image.annotationId,type:"enter",resourceType:"image",time:c.image.target?.temporal?.startTime||0};r.keyframes.push(l);let m={id:c.image.annotationId,type:"exit",resourceType:"image",time:c.image.target?.temporal?.endTime||e.duration||0};r.keyframes.push(m)}}if(u.type==="textualbody"){let c=ft(e,{choice:null,allChoices:null,types:["textualbody"],items:[u]});if(c.type==="textual-content"){s(c);let l=c.items[0];r.items.push(l);let m=l.target,h={id:l.annotationId,type:"enter",resourceType:"text",time:m.temporal?.startTime||0};r.keyframes.push(h);let A={id:l.annotationId,type:"exit",resourceType:"text",time:m.temporal?.endTime||e.duration||0};r.keyframes.push(A)}}if(u.type==="video"){let c=gt(e,{choice:null,allChoices:null,types:["video"],items:[u]});if(c.type==="media"){s(c);let l=c.media;r.items.push(l);let m={id:l.annotationId,type:"enter",resourceType:"video",time:l.target?.temporal?.startTime||0};r.keyframes.push(m);let h={id:l.annotationId,type:"exit",resourceType:"video",time:l.target?.temporal?.endTime||e.duration||0};r.keyframes.push(h)}}}r.keyframes.sort((u,c)=>u.time-c.time);let i=[],a=[];for(let u of r.keyframes){if(u.resourceType==="image"||u.resourceType==="text"){a.push(u);continue}if(u.type==="enter"){i.length===0&&(u.isPrime=!0),i.push(u),a.push(u);continue}if(u.type==="exit"&&(a.push(u),i=i.filter(c=>c.id!==u.id),i.length!==0)){let c=i[0],l={id:c.id,type:"change",isPrime:!0,resourceType:c.resourceType,time:u.time};a.push(l)}}return r.keyframes=a,o.items.length&&(r.choice=o),r}function Nr({canvas:e,paintables:n,supports:t,loadImageService:r}){if(!e)return ct;if(n.types.length===0)return t.indexOf("empty")!==-1?yr(e.width,e.height):ct;if(n.types.length!==1)if(n.types.length===2&&n.types.indexOf("text")!==-1)n.types=n.types.filter(s=>s!=="text");else return t.indexOf("complex-timeline")===-1?M("Complex timeline not supported"):kr(e,n,r);let o=n.types[0];return o==="image"?t.indexOf("images")===-1?M("Image not supported"):dt(e,n,r):o==="Model"||o==="model"?t.indexOf("3d-model")===-1?M("3D not supported"):wr(e,n):o==="textualbody"?t.indexOf("textual-content")===-1?M("Textual content not supported"):ft(e,n):o==="sound"||o==="audio"?t.indexOf("media")===-1?M("Media not supported"):Mr(e,n):o==="video"?t.indexOf("media")===-1?M("Media not supported"):gt(e,n):ct}function Lr(e){let n=L(),t=E(),r=T(),o=$n(),s=e?.emitter||o,[i,a]=Pr(),{enabledPageIds:u}=Cr(e?.annotationPageManagerId||n?.id||t?.id,{all:!1}),c=Ar(u,"AnnotationPage"),l=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[m,h]=Ir(e,[a]);(0,Te.useEffect)(()=>{let g=y=>{h.makeChoice(y.choiceId,{deselectOthers:y.deselectOthers,deselect:y.deselect})};return s.on("make-choice",g),()=>{s.off("make-choice",g)}},[]);let A=(0,Te.useMemo)(()=>Nr({canvas:t,paintables:m,supports:l,loadImageService:i}),[t,m,r,h.makeChoice]);return(0,Te.useEffect)(()=>{let g=m.allChoices,y={canvasId:t?.id,manifestId:n?.id};g&&s.emit("choice-change",{choice:g,partOf:y})},[t?.id,m.allChoices]),(0,Te.useMemo)(()=>A.type==="unknown"?[A,vr]:[{...A,annotations:{pages:c}},h],[A,c])}var oe=require("react");var zr=require("react"),Or=(e,n=[])=>{let t=T();(0,zr.useEffect)(()=>{e(t)},[t,...n])};var Hr=require("@iiif/helpers/thumbnail");function ht(e,n,{canvasId:t,manifestId:r}={}){let o=T(),s=mt(),i=(0,oe.useMemo)(()=>(0,Hr.createThumbnailHelper)(o,{imageServiceLoader:s}),[o,s]),[a,u]=(0,oe.useState)(),c=L(r?{id:r}:void 0),l=E(t?{id:t}:void 0),m=l||c,h=(0,oe.useRef)(!1);if((0,oe.useEffect)(()=>(h.current=!1,()=>{h.current=!0}),[]),!m)throw new Error("Must be called under a manifest or canvas context.");return Or(A=>{i.getBestThumbnailAtSize(m,e,n).then(g=>{g.best&&!h.current&&u(g.best)})},[m]),a}var V=require("react");function Ho(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function Fo(e,n){switch(n.type){case"FINISHED":return{...e,isFinished:!0,isPlaying:!1,playRequested:!1};case"PLAY_PAUSE":return{...e,isFinished:!1,isPlaying:!e.isPlaying};case"PLAY_REQUESTED":return{...e,isFinished:!1,playRequested:!0};case"PAUSE":return{...e,isPlaying:!1};case"PLAY":return{...e,isFinished:!1,playRequested:!1,isPlaying:!0};case"MUTE":return{...e,isMuted:!0};case"SET_VOLUME":return{...e,volume:n.volume,isMuted:n.volume===0};case"TOGGLE_MUTE":return{...e,isMuted:!e.isMuted};case"UNMUTE":return{...e,isMuted:!1}}return e}function _t(e){let n=Math.round(e);return`${Math.floor(n/60)}:${`${n%60}`.padStart(2,"0")}`}function Ie(e){let[n,t]=(0,V.useReducer)(Fo,Ho(e.duration)),r=(0,V.useRef)(null),o=(0,V.useRef)(null),s=(0,V.useRef)(null),i=(0,V.useRef)(!1),a=(0,V.useCallback)(()=>{o.current&&r.current&&(o.current.innerHTML=_t(r.current.currentTime),s.current&&(s.current.style.width=`${r.current.currentTime/e.duration*100}%`),i.current!==r.current.muted&&(i.current=r.current.muted,t(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"})))},[e.duration]),u=(0,V.useCallback)(()=>{r.current&&(t({type:"PLAY_REQUESTED"}),r.current.play().then(()=>{t({type:"PLAY"})}),a())},[a]),c=(0,V.useCallback)(()=>{r.current&&(r.current.duration>0&&r.current.paused?u():l())},[a]),l=(0,V.useCallback)(()=>{r.current&&(r.current.pause(),t({type:"PAUSE"}),a())},[a]),m=(0,V.useCallback)(()=>{r.current&&(r.current.muted=!r.current.muted,t(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"}))},[]),h=(0,V.useCallback)(()=>{r.current&&(r.current.muted=!0,t({type:"MUTE"}))},[]),A=(0,V.useCallback)(()=>{r.current&&(r.current.muted=!1,t({type:"UNMUTE"}))},[]),g=(0,V.useCallback)(p=>{r.current&&(r.current.muted=!1,r.current.volume=p/100,t({type:"SET_VOLUME",volume:p}))},[]),y=(0,V.useCallback)(p=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(p*e.duration,e.duration)),a())},[]),b=(0,V.useCallback)(p=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(p,e.duration)),a())},[]);return(0,V.useEffect)(()=>{let p=setInterval(()=>{a()},350);return()=>clearInterval(p)},[a,e.duration]),(0,V.useEffect)(()=>{let p=()=>{t({type:"FINISHED"})},C=r.current;return C?.addEventListener("ended",p),()=>C?.removeEventListener("ended",p)},[]),[{element:r,currentTime:o,progress:s},n,{play:u,pause:l,playPause:c,mute:h,unmute:A,toggleMute:m,setVolume:g,setDurationPercent:y,setTime:b}]}var Be=require("react"),vt=require("react/jsx-runtime"),Do=(0,Be.createContext)(null),$o=(0,Be.createContext)(null),Uo=(0,Be.createContext)(null);function yt({actions:e,state:n,children:t,currentTime:r,progress:o,element:s}){return(0,vt.jsx)(Uo.Provider,{value:{currentTime:r,progress:o,element:s},children:(0,vt.jsx)($o.Provider,{value:e,children:(0,vt.jsx)(Do.Provider,{value:n,children:t})})})}var Fr=require("react");var Dr=require("@iiif/helpers");function St(){let e=L(),n=E();return(0,Fr.useMemo)(()=>{if(!e||!n||!e.start)return null;let t=(0,Dr.expandTarget)(e.start);return!t||t.source.id!==n.id||!t||!t.selector||t.selector.type!=="TemporalSelector"?null:t.selector.temporal},[e,n])}var Ct=require("react/jsx-runtime");function Kt({media:e,startTime:n,children:t}){let[{element:r,currentTime:o,progress:s},i,a]=Ie({duration:e.duration}),u=n?`${e.url}#t=${n}`:e.url;return(0,Ct.jsxs)(yt,{state:i,actions:a,currentTime:o,progress:s,element:r,children:[(0,Ct.jsx)("audio",{ref:r,src:u}),t]})}function xt({media:e,mediaControlsDeps:n,children:t}){let r=St();return $("portal","audio",Kt,{media:e,startTime:r?r.startTime:null,children:t},[e,r,...n||[]]),null}var qe=require("react/jsx-runtime");function Wt({element:e,media:n,startTime:t,playPause:r,poster:o}){let s="div",i=t?`${n.url}#t=${t}`:n.url;return(0,qe.jsxs)(s,{className:"video-container",part:"video-container",onClick:r,children:[(0,qe.jsx)("style",{children:`
             .video-container {
               position: absolute;
               top: 0;
@@ -12,7 +12,7 @@
               justify-content: center;
               pointer-events: visible;
             }
-          `}),(0,Fe.jsx)("video",{poster:o,ref:e,src:a,style:{width:"100%",objectFit:"contain"}})]})}function pt({media:e,mediaControlsDeps:t,children:n,videoComponent:r=Ot}){let o=R(),i=dt(),a=o&&o.placeholderCanvas&&o.placeholderCanvas.id||void 0,s=ut({},!1,{canvasId:a}),[{element:u,currentTime:c,progress:l},d,g]=xe({duration:e.duration});return B("overlay","video-element",r,{element:u,media:e,playPause:g.playPause,poster:s?.id,startTime:i?i.startTime:null},[s]),B("portal","custom-controls",lt,{state:d,actions:g,currentTime:c,progress:l,element:u,children:n},[c,d,e,...t||[]]),null}var ne=require("react/jsx-runtime");function Ft({model:e}){return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("style",{children:`
+          `}),(0,qe.jsx)("video",{poster:o,ref:e,src:i,style:{width:"100%",objectFit:"contain"}})]})}function At({media:e,mediaControlsDeps:n,children:t,videoComponent:r=Wt}){let o=E(),s=St(),i=o&&o.placeholderCanvas&&o.placeholderCanvas.id||void 0,a=ht({},!1,{canvasId:i}),[{element:u,currentTime:c,progress:l},m,h]=Ie({duration:e.duration});return $("overlay","video-element",r,{element:u,media:e,playPause:h.playPause,poster:a?.id,startTime:s?s.startTime:null},[a]),$("portal","custom-controls",yt,{state:m,actions:h,currentTime:c,progress:l,element:u,children:t},[c,m,e,...n||[]]),null}var ie=require("react/jsx-runtime");function jt({model:e}){return(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)("style",{children:`
             .model-container {
               position: absolute;
               top: 0;
@@ -25,7 +25,7 @@
               justify-content: center;
               pointer-events: visible;
             }
-          `}),(0,ne.jsx)("div",{className:"model-container",children:(0,ne.jsx)("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function gt({model:e,name:t}){return B("overlay",`model-${t}`,Ft,{model:e},[e]),null}var Mr=require("react/jsx-runtime");function ht({style:e}){let t=R();return!t||!t.height||!t.width?null:(0,Mr.jsx)("box",{interactive:!1,target:{x:0,y:0,width:Number(t.width),height:Number(t.height)},style:e})}var Ht=require("react/jsx-runtime");function vt(e){let t=R();return!t||!t.placeholderCanvas?null:(0,Ht.jsx)(W,{canvas:t.placeholderCanvas.id,children:(0,Ht.jsx)(Ce,{renderViewerControls:e.renderViewerControls})})}var Vr=require("react"),He=require("react/jsx-runtime");function Ro({element:e,media:t,playPause:n}){let r=(0,Vr.useRef)(null);return t.youTubeId?(0,He.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,He.jsx)("style",{children:`
+          `}),(0,ie.jsx)("div",{className:"model-container",children:(0,ie.jsx)("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function bt({model:e,name:n}){return $("overlay",`model-${n}`,jt,{model:e},[e]),null}var $r=require("react/jsx-runtime");function Pt({style:e}){let n=E();return!n||!n.height||!n.width?null:(0,$r.jsx)("box",{interactive:!1,target:{x:0,y:0,width:Number(n.width),height:Number(n.height)},style:e})}var Yt=require("react/jsx-runtime");function Rt(e){let n=E();return!n||!n.placeholderCanvas?null:(0,Yt.jsx)(Q,{canvas:n.placeholderCanvas.id,children:(0,Yt.jsx)(we,{renderViewerControls:e.renderViewerControls})})}var Ur=require("react"),_e=require("react/jsx-runtime");function Bo({element:e,media:n,playPause:t}){let r=(0,Ur.useRef)(null);return n.youTubeId?(0,_e.jsxs)("div",{className:"video-container",part:"video-container",onClick:t,children:[(0,_e.jsx)("style",{children:`
             .video-container {
               position: absolute;
               top: 0;
@@ -43,4 +43,4 @@
               width: 100%;
               object-fit: contain;
             }
-          `}),(0,He.jsx)("iframe",{className:"video-yt",ref:r,src:`https://www.youtube.com/embed/${t.youTubeId}?enablejsapi=1&origin=${window.location.host}`,referrerPolicy:"no-referrer",sandbox:"allow-scripts allow-same-origin allow-presentation"})]}):null}function Nr({media:e,mediaControlsDeps:t,children:n}){let[{element:r,currentTime:o,progress:i},a,s]=xe({duration:e.duration});return B("overlay","video-element",Ro,{element:r,media:e,playPause:s.playPause}),null}var v=require("react/jsx-runtime");function Ce({x:e,y:t,onChoiceChange:n,registerActions:r,defaultChoices:o,isStatic:i,renderViewerControls:a,renderMediaControls:s,viewControlsDeps:u,mediaControlsDeps:c,strategies:l,throwOnUnknown:d,backgroundStyle:g,alwaysShowBackground:h,keepCanvasScale:m=!1,enableSizes:p=!1,enableYouTube:P=!0,onClickPaintingAnnotation:x,children:Y}){let V=R(),yt=Xe(V,["deep-zoom"]),[Ue]=zn(),b=Dn(),N=y(),z=(0,$.useMemo)(()=>(0,Er.createStylesHelper)(N),[N]),[f,_]=Pr({strategies:l||["images"],defaultChoices:o?.map(({id:A})=>A)}),Dt=f.type==="images"?f.choice:void 0,Lr=(0,$.useMemo)(()=>m?1:Math.max(1,...f.type==="images"?f.images.map(A=>(A.width||0)/A.target?.spatial.width):[]),[m,f]);Bn(Lr),(0,$.useEffect)(()=>{r&&r(_)},[f.annotations]),(0,$.useEffect)(()=>{if(o)for(let A of o)typeof A.opacity<"u"&&z.applyStyles({id:A.id},"atlas",{opacity:A.opacity})},[o]),(0,$.useLayoutEffect)(()=>{n&&n(Dt)},[Dt]),B(b&&(f.type==="images"||f.type==="empty"||f.type==="textual-content"&&a)?"overlay":"none",`canvas-portal-controls-${V?.id}`,Ve.Provider,a?{value:b||null,children:a(f)}:{},[V,b,f,...u||[]]);let Q=ut({maxWidth:256,maxHeight:256});if(!V)return null;let St=V.accompanyingCanvas,xt=V.placeholderCanvas,Ae=Q&&Q.type==="fixed"?(0,v.jsx)("world-object",{height:V.height,width:V.width,x:e,y:t,children:(0,v.jsx)("world-image",{uri:Q.id,target:{x:0,y:0,width:V.width,height:V.height},display:Q.width&&Q.height?{width:Q.width,height:Q.height}:void 0,crop:void 0})}):null;if(f.type==="unknown"){if(Ae)return Ae;if(d)throw new Error(f.reason||"Unknown image strategy");return null}let Ut=(0,v.jsxs)($.Fragment,{children:[Ue?(0,v.jsx)(Ne,{page:Ue}):null,f.annotations&&f.annotations.pages?f.annotations.pages.map(A=>(0,v.jsx)(Ne,{page:A},A.id)):null,Y]}),zr=f.type==="images"?f.images.length:0,To=f.type==="media"&&f.media.type==="Video"&&xt?(0,v.jsx)(vt,{renderViewerControls:a}):null;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)("world-object",{height:V.height,width:V.width,x:e,y:t,...yt,children:[f.type==="empty"||h?(0,v.jsx)(ht,{style:g}):null,f.type==="textual-content"?f.items.map((A,Be)=>(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(kr.HTMLPortal,{onClick:x?Pe=>{Pe.stopPropagation(),x(A.annotationId,A,Pe)}:void 0,target:A.target?.spatial||void 0,children:(0,v.jsx)("div",{"data-textual-content":!0,children:(0,v.jsx)(Ee,{enableDangerouslySetInnerHTML:!0,children:A.text})})},Be),Ut]})):null,f.type==="images"?(0,v.jsxs)(v.Fragment,{children:[f.images.map((A,Be)=>(0,v.jsx)(rt,{isStatic:i,image:A,id:A.id,thumbnail:Be===0?Q:void 0,selector:A.selector,enableSizes:p,onClick:x?Pe=>{Pe.stopPropagation(),x(A.annotationId,A,Pe)}:void 0},A.id+Be)),Ut]}):null,f.type==="3d-model"?(0,v.jsx)(gt,{model:f.model}):null,f.type==="media"?(0,v.jsx)(v.Fragment,{children:f.media.type==="Sound"?(0,v.jsxs)(mt,{media:f.media,mediaControlsDeps:c,children:[Ae,s?s(f):null]}):f.media.type==="Video"?(0,v.jsxs)(pt,{media:f.media,mediaControlsDeps:c,children:[Ae,s?s(f):null]}):f.media.type==="VideoYouTube"&&P?(0,v.jsxs)(Nr,{media:f.media,mediaControlsDeps:c,children:[Ae,s?s(f):null]}):null}):null]},`${V.id}/${f.type}/${zr}`),f.type==="media"&&f.media.type==="Sound"&&St?(0,v.jsx)(W,{canvas:St.id,children:(0,v.jsx)(Ce,{renderViewerControls:a})}):null,f.type==="media"&&f.media.type==="Sound"&&xt&&!St?(0,v.jsx)(W,{canvas:xt.id,children:(0,v.jsx)(Ce,{renderViewerControls:a})}):null]})}var L=require("react/jsx-runtime"),bo=(0,De.forwardRef)(function(t,n){let r=w(),o=je(),i=Rn(),{ViewerControls:a,MediaControls:s}=t.components||{};if((0,De.useImperativeHandle)(n,()=>i,[i]),!r)return(0,L.jsx)("div",{});let u=0;return(0,L.jsxs)(L.Fragment,{children:[t.header,(0,L.jsx)(M.Viewer,{height:t.height,mode:t.mode,renderPreset:t.renderPreset,runtimeOptions:t.runtimeOptions,children:o.map((c,l)=>{let d=u;return u+=c.width+(t.spacing||0),(0,L.jsx)(W,{canvas:c.id,children:(0,L.jsx)(M.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content"],renderViewerControls:l===0&&a?()=>(0,L.jsx)(a,{}):void 0,renderMediaControls:l===0&&s?()=>(0,L.jsx)(s,{}):void 0,x:d,...t.canvasProps||{},children:t.annotations},c.id)},c.id)})},t.reuseAtlas?"":i.currentSequenceIndex),t.children]})}),M=(0,De.forwardRef)(function({children:t,height:n,annotations:r,canvasProps:o,spacing:i,header:a,components:s,mode:u,reuseAtlas:c,renderPreset:l,runtimeOptions:d,...g},h){let m=le();return(0,L.jsx)(ce,{vault:m,children:(0,L.jsx)(Pn,{...g,children:(0,L.jsx)(bo,{ref:h,height:n,components:s,spacing:i,canvasProps:o,annotations:r,header:a,mode:u,reuseAtlas:c,renderPreset:l,runtimeOptions:d,children:t})})})});M.RenderImage=rt;M.RenderCanvas=Ce;M.RenderAnnotationPage=Ne;M.RenderAnnotation=nt;M.Viewer=$n;M.CanvasBackground=ht;M.Audio=mt;M.Video=pt;M.Model=gt;M.AudioHTML=zt;M.VideoHTML=Ot;M.ModelHTML=Ft;M.PlaceholderCanvas=vt;
+          `}),(0,_e.jsx)("iframe",{className:"video-yt",ref:r,src:`https://www.youtube.com/embed/${n.youTubeId}?enablejsapi=1&origin=${window.location.host}`,referrerPolicy:"no-referrer",sandbox:"allow-scripts allow-same-origin allow-presentation"})]}):null}function Br({media:e,mediaControlsDeps:n,children:t}){let[{element:r,currentTime:o,progress:s},i,a]=Ie({duration:e.duration});return $("overlay","video-element",Bo,{element:r,media:e,playPause:a.playPause}),null}var It=require("react");var _r=Y(require("mitt"),1);var Kr=require("zustand/vanilla");function qr({currentKeyFrameIndex:e,keyframes:n,targetTime:t,currentTime:r}){if(r<=t){let o=n.findIndex(a=>a.time>t);if(o===-1)return[e,[]];let s={},i=n.slice(e,o);for(let a of i)a.type==="enter"&&(s[a.id]=a),a.type==="exit"&&(s[a.id]?delete s[a.id]:s[a.id]=a);return[o,Object.values(s)]}return[e,[]]}function Wr({complexTimeline:e,startTime:n=0}){let t=(0,_r.default)(),r={},o={progress:null,currentTime:null},s=0,i=null,a=0,u=null;function c(){let C=b.getState().visibleElements,d=r,v=[],w=Object.keys(d);for(let x of w){let P=d[x],S=C[x];P&&S&&v.push(P)}return v}function l(){return Object.keys(r).map(C=>r[C])}function m(p){o.currentTime&&(o.currentTime.innerHTML=_t(p),o.progress&&(o.progress.style.width=`${p/e.duration*100}%`))}let h=()=>{let p=b.getState(),C=p.currentPrime;if(!C)return;let d=r,v=p.visibleElements,w=Object.keys(d);for(let x of w){let P=d[x],S=v[x];if(P&&x!==C.id&&S){let ae=a-S.time*1e3;Math.abs(a-S.time*1e3-P.currentTime*1e3)>300&&(P.currentTime=ae/1e3)}}},A=(p=0)=>{let C=p-s,d=b.getState();if(d.isPlaying){let v=d.currentPrime;if(v){let S=r[v.id];S&&(S.paused?a+=C:a=(v.time+S.currentTime)*1e3)}else a+=C;let w=a/1e3;if(w>d.duration){b.getState().setTime(0),b.setState({isPlaying:!1}),g(),m(0);return}m(w);let[x,P]=qr({currentTime:w,currentKeyFrameIndex:d.nextKeyframeIndex,keyframes:d.complexTimeline.keyframes,targetTime:w});P.length&&d.applyKeyframes(x,P)}s=p,i=requestAnimationFrame(A)},g=()=>{i&&cancelAnimationFrame(i)},y=(p,C)=>{},b=(0,Kr.createStore)((p,C)=>({complexTimeline:e,elements:{},visibleElements:{},isBuffering:!1,bufferMap:{},isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,isReady:!1,volume:100,duration:e.duration,clockStartRequests:0,clockStartTime:0,primeTime:0,currentPrime:null,clockRunning:!1,nextKeyframeIndex:0,startClock:()=>{C().clockRunning||(A(),u=setInterval(h,500)),p({clockRunning:!0,clockStartRequests:C().clockStartRequests+1})},applyKeyframes(d,v){let w=C(),x={...w.visibleElements},P=w.currentPrime;for(let S of v)S.type==="enter"&&(x[S.id]=S,t.emit("complex-timeline.enter",{id:S.id})),S.type==="exit"&&(x[S.id]=null,t.emit("complex-timeline.exit",{id:S.id})),S.isPrime&&(P=S);p({nextKeyframeIndex:d,visibleElements:x,currentPrime:P})},stopClock:()=>{let d=C().clockStartRequests;if(d!==0){if(d===1){g(),u&&clearInterval(u),p({clockRunning:!1,clockStartRequests:0});return}p({clockStartRequests:d-1})}},setElement:(d,v)=>{r[d]=v;let w=Object.keys(r),x=C().complexTimeline;y(v,d),x.items.filter(S=>S.type!=="Image"&&S.type!=="Text").every(S=>w.includes(S.annotationId))&&!C().isReady&&(t.emit("complex-timeline.ready",{complexTimeline:x}),p({isReady:!0}))},removeElement:d=>{delete r[d]},mute(){for(let d of l())d.muted=!0;p({isMuted:!0})},unmute(){for(let d of l())d.muted=!1;p({isMuted:!1})},play(){if(!C().isPlaying){for(let v of c())v.play();p({isPlaying:!0})}},pause(){if(C().isPlaying){for(let v of c())v.pause();p({isPlaying:!1})}},playPause(){let d=C();d.isPlaying?d.pause():d.play()},setDurationPercent(d){let w=C().duration*d;C().setTime(w)},setTime(d){let v=C(),w=a/1e3,x=v.nextKeyframeIndex;if(w>d){p({visibleElements:{},currentPrime:null});let de=Object.keys(v.visibleElements);for(let D of de)t.emit("complex-timeline.exit",{id:D});w=0,x=0}let[P,S]=qr({currentTime:w,currentKeyFrameIndex:x,keyframes:v.complexTimeline.keyframes,targetTime:d});v.applyKeyframes(P,S),a=d*1e3;let f=b.getState().visibleElements,wt=r,We=Object.keys(f);for(let de of We){let D=f[de];if(D){let fe=wt[de];fe&&(fe.currentTime=(a-D.time*1e3)/1e3)}}},setVolume(d){for(let v of l())v.volume=Math.min(1,Math.max(0,d/100));p({volume:d})},toggleMute(){let d=C();d.isMuted?(d.unmute(),p({isMuted:!1})):(d.mute(),p({isMuted:!0}))},clearProgressElement(){o.progress=null},setProgressElement(d){o.progress=d},setCurrentTimeElement(d){o.currentTime=d},clearCurrentTimeElement(){o.currentTime=null}}));return t.on("complex-timeline.enter",p=>{let C=b.getState(),d=p.id,v=r[d];v&&C.isPlaying&&v.play()}),t.on("complex-timeline.exit",p=>{let C=b.getState(),d=p.id,v=r[d];v&&(v.currentTime=0,v.pause())}),b.getState().setTime(n),{store:b,emitter:t}}var Zr=require("@atlas-viewer/atlas");var Gt=require("zustand");var Qt=require("react"),qo=require("zustand"),Qr=require("react/jsx-runtime"),jr=(0,Qt.createContext)(null);jr.displayName="ComplexTimeline";function Yr({children:e,store:n}){return(0,Qr.jsx)(jr.Provider,{value:n,children:e})}var Gr=require("@atlas-viewer/atlas");var Z=require("react/jsx-runtime");function Tt({strategy:e,onClickPaintingAnnotation:n}){return(0,Z.jsx)(Z.Fragment,{children:e.items.map((t,r)=>(0,Z.jsx)(Z.Fragment,{children:(0,Z.jsx)(Gr.HTMLPortal,{onClick:n?o=>{o.stopPropagation(),n(t.annotationId,t,o)}:void 0,target:t.target?.spatial||void 0,children:(0,Z.jsx)("div",{"data-textual-content":!0,children:(0,Z.jsx)(Fe,{enableDangerouslySetInnerHTML:!0,children:t.text})})},r)}))})}var J=require("react/jsx-runtime");function Jr({strategy:e,children:n}){let{store:t}=(0,It.useMemo)(()=>Wr({complexTimeline:e}),[e]),r=(0,Gt.useStore)(t,i=>i.isReady),o=(0,Gt.useStore)(t,i=>i.visibleElements);function s(i){return a=>{a&&t.getState().setElement(i,a)}}return(0,It.useLayoutEffect)(()=>{if(r){let{startClock:i,stopClock:a}=t.getState();return i(),()=>{a()}}},[r]),$("portal","custom-controls",Yr,{store:t,children:n},[r]),(0,J.jsxs)(J.Fragment,{children:[e.items.map(i=>i.type!=="Image"||!o[i.annotationId]?null:(0,J.jsx)(Re,{image:i,id:i.annotationId},i.id)),e.items.map((i,a)=>i.type!=="Text"||!o[i.annotationId]?null:(0,J.jsx)(Tt,{strategy:{type:"textual-content",items:[i]}},a)),e.items.map((i,a)=>i.type!=="Video"||!i.target.spatial?null:(0,J.jsx)(Zr.HTMLPortal,{target:i.target.spatial,children:(0,J.jsx)("video",{ref:s(i.annotationId),src:i.url,style:{height:"100%",width:"100%",opacity:o[i.annotationId]?1:0}})},a))]})}var R=require("react/jsx-runtime");function we({x:e,y:n,onChoiceChange:t,registerActions:r,defaultChoices:o,isStatic:s,renderViewerControls:i,renderMediaControls:a,renderComplexTimelineControls:u,viewControlsDeps:c,mediaControlsDeps:l,strategies:m,throwOnUnknown:h,backgroundStyle:A,alwaysShowBackground:g,keepCanvasScale:y=!1,enableSizes:b=!1,enableYouTube:p=!0,onClickPaintingAnnotation:C,children:d}){let v=E(),w=ot(v,["deep-zoom"]),[x]=Yn(),P=Jn(),S=T(),ae=(0,j.useMemo)(()=>(0,Xr.createStylesHelper)(S),[S]),[f,wt]=Lr({strategies:m||["images"],defaultChoices:o?.map(({id:N})=>N)}),We=f.type==="images"?f.choice:void 0,de=(0,j.useMemo)(()=>y?1:Math.max(1,...f.type==="images"?f.images.map(N=>(N.width||0)/N.target?.spatial.width):[]),[y,f]);er(de),(0,j.useEffect)(()=>{r&&r(wt)},[f.annotations]),(0,j.useEffect)(()=>{if(o)for(let N of o)typeof N.opacity<"u"&&ae.applyStyles({id:N.id},"atlas",{opacity:N.opacity})},[o]),(0,j.useLayoutEffect)(()=>{t&&t(We)},[We]),$(P&&(f.type==="images"||f.type==="empty"||f.type==="textual-content"&&i)?"overlay":"none",`canvas-portal-controls-${v?.id}`,Oe.Provider,i?{value:P||null,children:i(f)}:{},[v,P,f,...c||[]]);let D=ht({maxWidth:256,maxHeight:256});if(!v)return null;let fe=v.accompanyingCanvas,Mt=v.placeholderCanvas,Me=D&&D.type==="fixed"?(0,R.jsx)("world-object",{height:v.height,width:v.width,x:e,y:n,children:(0,R.jsx)("world-image",{uri:D.id,target:{x:0,y:0,width:v.width,height:v.height},display:D.width&&D.height?{width:D.width,height:D.height}:void 0,crop:void 0})}):null;if(f.type==="unknown"){if(Me)return Me;if(h)throw new Error(f.reason||"Unknown image strategy");return null}let Zt=(0,R.jsxs)(j.Fragment,{children:[x?(0,R.jsx)(He,{page:x}):null,f.annotations&&f.annotations.pages?f.annotations.pages.map(N=>(0,R.jsx)(He,{page:N},N.id)):null,d]}),eo=f.type==="images"?f.images.length:0,Wo=f.type==="media"&&f.media.type==="Video"&&Mt?(0,R.jsx)(Rt,{renderViewerControls:i}):null;return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)("world-object",{height:v.height,width:v.width,x:e,y:n,...w,children:[f.type==="empty"||g?(0,R.jsx)(Pt,{style:A}):null,f.type==="complex-timeline"?(0,R.jsx)(Jr,{strategy:f,children:u?u(f):null}):null,f.type==="textual-content"?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Tt,{strategy:f,onClickPaintingAnnotation:C}),Zt]}):null,f.type==="images"?(0,R.jsxs)(R.Fragment,{children:[f.images.map((N,Jt)=>(0,R.jsx)(Re,{isStatic:s,image:N,id:N.id,thumbnail:Jt===0?D:void 0,selector:N.selector,enableSizes:b,onClick:C?Xt=>{Xt.stopPropagation(),C(N.annotationId,N,Xt)}:void 0},N.id+Jt)),Zt]}):null,f.type==="3d-model"?(0,R.jsx)(bt,{model:f.model}):null,f.type==="media"?(0,R.jsx)(R.Fragment,{children:f.media.type==="Sound"?(0,R.jsxs)(xt,{media:f.media,mediaControlsDeps:l,children:[Me,a?a(f):null]}):f.media.type==="Video"?(0,R.jsxs)(At,{media:f.media,mediaControlsDeps:l,children:[Me,a?a(f):null]}):f.media.type==="VideoYouTube"&&p?(0,R.jsxs)(Br,{media:f.media,mediaControlsDeps:l,children:[Me,a?a(f):null]}):null}):null]},`${v.id}/${f.type}/${eo}`),f.type==="media"&&f.media.type==="Sound"&&fe?(0,R.jsx)(Q,{canvas:fe.id,children:(0,R.jsx)(we,{renderViewerControls:i})}):null,f.type==="media"&&f.media.type==="Sound"&&Mt&&!fe?(0,R.jsx)(Q,{canvas:Mt.id,children:(0,R.jsx)(we,{renderViewerControls:i})}):null]})}var H=require("react/jsx-runtime"),_o=(0,Ke.forwardRef)(function(n,t){let r=L(),o=Ze(),s=Hn(),{ViewerControls:i,MediaControls:a,ComplexTimelineControls:u}=n.components||{};if((0,Ke.useImperativeHandle)(t,()=>s,[s]),!r)return(0,H.jsx)("div",{});let c=0;return(0,H.jsxs)(H.Fragment,{children:[n.header,(0,H.jsx)(z.Viewer,{height:n.height,mode:n.mode,renderPreset:n.renderPreset,runtimeOptions:n.runtimeOptions,children:o.map((l,m)=>{let h=c;return c+=l.width+(n.spacing||0),(0,H.jsx)(Q,{canvas:l.id,children:(0,H.jsx)(z.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content","complex-timeline"],renderViewerControls:m===0&&i?()=>(0,H.jsx)(i,{}):void 0,renderMediaControls:m===0&&a?()=>(0,H.jsx)(a,{}):void 0,renderComplexTimelineControls:m===0&&u?()=>(0,H.jsx)(u,{}):void 0,x:h,...n.canvasProps||{},children:n.annotations},l.id)},l.id)})},n.reuseAtlas?"":s.currentSequenceIndex),n.children]})}),z=(0,Ke.forwardRef)(function({children:n,height:t,annotations:r,canvasProps:o,spacing:s,header:i,components:a,mode:u,reuseAtlas:c,renderPreset:l,runtimeOptions:m,...h},A){let g=he();return(0,H.jsx)(ge,{vault:g,children:(0,H.jsx)(On,{...h,children:(0,H.jsx)(_o,{ref:A,height:t,components:a,spacing:s,canvasProps:o,annotations:r,header:i,mode:u,reuseAtlas:c,renderPreset:l,runtimeOptions:m,children:n})})})});z.RenderImage=Re;z.RenderCanvas=we;z.RenderAnnotationPage=He;z.RenderAnnotation=st;z.Viewer=nr;z.CanvasBackground=Pt;z.Audio=xt;z.Video=At;z.Model=bt;z.AudioHTML=Kt;z.VideoHTML=Wt;z.ModelHTML=jt;z.PlaceholderCanvas=Rt;

package/dist/canvas-panel.d.cts

@@ -1,10 +1,10 @@
 import 'react';
-export { C as CanvasPanel } from './index-BmF5JPHb.cjs';
+export { C as CanvasPanel } from './index-B6kdyv-j.cjs';
 import '@atlas-viewer/atlas';
 import 'react/jsx-runtime';
 import '@iiif/presentation-3';
 import '@iiif/presentation-3-normalized';
-import './useRenderingStrategy-D2R_H2aP.cjs';
+import './useRenderingStrategy-2EaRC2Nc.cjs';
 import '@iiif/helpers';
 import '@iiif/helpers/annotation-targets';
 import 'mitt';

package/dist/canvas-panel.d.ts

@@ -1,10 +1,10 @@
 import 'react';
-export { C as CanvasPanel } from './index-jRxSNVAX.js';
+export { C as CanvasPanel } from './index-D1lST-Xy.js';
 import '@atlas-viewer/atlas';
 import 'react/jsx-runtime';
 import '@iiif/presentation-3';
 import '@iiif/presentation-3-normalized';
-import './useRenderingStrategy-D2R_H2aP.js';
+import './useRenderingStrategy-2EaRC2Nc.js';
 import '@iiif/helpers';
 import '@iiif/helpers/annotation-targets';
 import 'mitt';

package/dist/canvas-panel.js

@@ -1 +1 @@
-import{Na as a}from"./chunk-QKLET6KX.js";import"./chunk-DXFXJCXN.js";export{a as CanvasPanel};
+import{Pa as a}from"./chunk-37JMKXWA.js";import"./chunk-QCPOOHCR.js";export{a as CanvasPanel};

package/dist/chunk-37JMKXWA.js

@@ -0,0 +1,48 @@
+import{c as ht,l as yt}from"./chunk-QCPOOHCR.js";import{forwardRef as er,useImperativeHandle as Li}from"react";import un,{useCallback as tt,useMemo as cn,useState as Pe}from"react";import{AtlasAuto as vo,ModeContext as ho}from"@atlas-viewer/atlas";import{ErrorBoundary as yo}from"react-error-boundary";import{useContext as Q}from"react";import nr,{useContext as rr,useMemo as or}from"react";import{jsx as ar}from"react/jsx-runtime";var ir={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},Se=nr.createContext(ir),H=()=>rr(Se);function _({value:e,children:n}){let t=H(),r=or(()=>({...t,...e}),[e,t]);return ar(Se.Provider,{value:r,children:n})}import sr,{useState as ur}from"react";import{Vault as xt,globalVault as cr}from"@iiif/helpers/vault";import{jsx as St}from"react/jsx-runtime";var Y=sr.createContext({vault:null,setVaultInstance:e=>{}});function J({vault:e,vaultOptions:n,useGlobal:t,resources:r,children:o}){let[s,i]=ur(()=>e||(t?cr(n):n?new xt(n):new xt));return St(Y.Provider,{value:{vault:s,setVaultInstance:i},children:St(_,{value:r||{},children:o})})}import{useContext as qr}from"react";import{createContext as Br,useMemo as _r}from"react";import{globalVault as lr}from"@iiif/helpers/vault";import{useContext as dr}from"react";function X(e){let n=dr(Y);return e||(n&&n.vault?n.vault:lr())}import{useEffect as mr,useMemo as fr,useState as Be}from"react";function Ct(e,{noCache:n=!1}={}){let t=typeof e=="string"?e:e.id,r=X(),[o,s]=Be(t),[i,a]=Be(void 0),u=fr(()=>r.get(t,{skipSelfReturn:!0})||void 0,[t,r]),[c,l]=Be(u);return mr(()=>{(async()=>{try{let d=u&&!n?u:await r.load(t),y=d?d.id||d["@id"]:null;d&&o!==y&&s(y),l(d)}catch(d){a(d)}})()},[t,n]),{isLoaded:!!c,id:o,requestId:t,error:i,resource:c,cached:!!(c&&c===u)}}function At(e,n){let{id:t,isLoaded:r,error:o,resource:s,requestId:i,cached:a}=Ct(e,n);return{id:t,isLoaded:r,error:o,manifest:s,requestId:i,cached:a}}import{jsx as pr}from"react/jsx-runtime";function bt({manifest:e,children:n}){return pr(_,{value:{manifest:e},children:n})}import{jsx as gr}from"react/jsx-runtime";function q({canvas:e,children:n}){return gr(_,{value:{canvas:e},children:n})}import{useContext as xr}from"react";import Sr from"react";import{useContext as vr}from"react";var R=()=>{let{vault:e}=vr(Y);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};import{useEffect as hr,useState as yr}from"react";function T(e,n=[]){let t=R(),[r,o]=yr(()=>e(t.getState(),t));return hr(()=>t.subscribe(s=>e(s,t),s=>{o(s)},!1),n),r}var ee=Sr.createContext([]);function Ce(){let e=xr(ee);return T(n=>e.map(t=>n.iiif.entities.Canvas[t]).filter(Boolean),[e])}import{useMemo as Cr}from"react";function E(e={},n=[]){let{id:t,selector:r}=e,o=H(),s=R(),i=t||o.manifest,a=T(u=>i?u.iiif.entities.Manifest[i]:void 0,[i]);return Cr(()=>{if(a)return r?r(a):a},[a,r,...n])}import{jsx as Ar}from"react/jsx-runtime";function Pt({range:e,children:n}){return Ar(_,{value:{range:e},children:n})}function br(e,n){for(let t of n.items){if(t.type==="Canvas")return t;if(t.type==="SpecificResource")return t.source;if(t.type==="Range"){let r=br(e,e.get(t));if(r)return r}}return null}function _e(e,n){let t=[];for(let r of n.items)if(r.type==="SpecificResource"&&r.source?.type==="Canvas"&&(r.source.id.indexOf("#")!==-1?t.push({id:r.source.id.split("#")[0],type:"Canvas"}):t.push(r.source)),r.type==="Range"&&t.push(..._e(e,e.get(r))),r.type==="SpecificResource"){let o=typeof r.source=="string"?r.source:r.source.id;t.push({id:o,type:"Canvas"})}return t}function La(e,n,t){for(let r of n.structures){let o=Rt(e,e.get(r),t);if(o)return o}return null}function Rt(e,n,t){for(let r of n.items){let o=r?.source?.id?.split("#")[0];if(r.type==="SpecificResource"&&r.source===t||r.type==="SpecificResource"&&r.source?.type==="Canvas"&&t===o)return n;if(r.type==="Range"){let s=Rt(e,e.get(r),t);if(s)return s}}return null}function Ha(e,n,t,r=!1){let o=n.behavior,s=t?e.get(t):null;if(!s)return[];let i=s.behavior,a=r?!1:o.includes("paged"),u=a?!1:o.includes("continuous"),c=a||u?!1:o.includes("individuals"),l=i.includes("facing-pages"),d=i.includes("non-paged");if(l||d||c||r)return[{id:s.id,type:"Canvas"}];let[y,A]=je(e,n);if(u)return y;let h=y.findIndex(g=>g.id===t);if(h===-1)return[];for(let g of A)if(g.includes(h))return g.map(b=>y[b]);return[{id:s.id,type:"Canvas"}]}function je(e,n,{disablePaging:t,skipNonPaged:r}={}){let o=n.behavior,s=o.includes("paged"),i=s?!1:o.includes("continuous"),a=s||i?!1:o.includes("individuals"),u=n.type==="Manifest"?n.items:_e(e,n);if(i)return[u,[u.map((h,g)=>g)]];if(a||!s||t)return[u,u.map((h,g)=>[g])];let c=[],l=[],d=()=>{l.length&&(c.push([...l]),l=[])},y=0,A=!1;for(let h=0;h<u.length;h++){let g=e.get(u[h]);if(g.behavior.includes("non-paged")){h===y&&y++,r||(d(),c.push([h]),d());continue}if(h===y||g.behavior.includes("facing-pages")){l.length&&(A=!0),d(),c.push([h]),d();continue}if(l.push(h),A){d(),A=!1;continue}l.length>1&&d()}return l.length&&d(),[u,c]}import{useCallback as Ae,useMemo as Rr,useRef as Tr,useState as Ir}from"react";import{useMemo as Pr}from"react";function Tt(e={},n=[]){let{id:t,selector:r}=e,o=H(),s=t||o.range,i=T(a=>s?a.iiif.entities.Range[s]:void 0,[s]);return Pr(()=>{if(i)return r?r(i):i},[i,r,...n])}function It({startCanvas:e,disablePaging:n}){let t=R(),r=E(),o=Tt(),[s,i]=Ir(void 0),a=o||r;if(!a)throw new Error("Nothing selected");let[u,c]=Rr(()=>je(t,a,{disablePaging:n}),[t,a,n]),l=Tr(c);if(l.current!==c){let b=l.current[s][0],p=c.findIndex(C=>C.includes(b));l.current=c,i(p)}let d=Ae(g=>{let b=c.findIndex(p=>p.includes(g));i(b===-1?0:b)},[u,c]),y=Ae(g=>{let b=u.findIndex(p=>p.id===g);b!==-1?d(b):i(0)},[u,c]),A=Ae(()=>{i(g=>g>=c.length-1?g:g+1)},[c]),h=Ae(()=>{i(g=>g<=0?0:g-1)},[c]);return typeof s>"u"&&(e?y(e):i(0)),{visibleItems:c[s]?.map(g=>u[g].id)||[],cursor:s,items:u,sequence:c,hasPrevious:s>0,hasNext:s<c.length-1,setSequenceIndex:i,setCanvasIndex:d,setCanvasId:y,next:A,previous:h}}import{createContext as Qe,useContext as Ft,useEffect as wr,useMemo as Er}from"react";import{useStore as de}from"zustand";import{createStore as wt}from"zustand/vanilla";function Ga(e){let n=e.service||e.services||[];for(let t of n)if(t.type==="AuthProbeService2")return!0;return!1}function F(e,n,t){let r=n.findIndex(i=>i.service.id===e);if(r===-1)return n;let o=[...n],s=t(o[r]);return s===o[r]?n:(o[r]=s,o)}var Et=()=>wt((e,n)=>({currentAuth:-1,authItems:[],login:()=>{let t=n().authItems[n().currentAuth];if(!t||t.isPending||t.isLoggedIn)return;if(t.type!=="active")throw new Error("Cannot login to non-active service");let r=t.service.service.find(o=>o.type==="AuthAccessTokenService2");if(!r)throw new Error("Token service not found");e(()=>({authItems:F(t.id,n().authItems,o=>({...o,isPending:!0}))})),Mt(t.service).then(()=>{Ke(r).then(o=>{let s=o.expiresIn,i=Date.now()+s*1e3;e(()=>({authItems:F(t.id,n().authItems,a=>({...a,isLoggedIn:!0,isPending:!1,session:{token:o.accessToken,expires:i}}))}))}).catch(o=>{e(()=>({authItems:F(t.id,n().authItems,s=>({...s,isLoggedIn:!1,isPending:!1,error:o.message}))}))})})},logout:()=>{let t=n().authItems[n().currentAuth];if(!t||t.isPending||!t.isLoggedIn)return;if(t.type!=="active")throw new Error("Cannot logout of non-active service");let r=t.service.service.find(i=>i.type==="AuthLogoutService2");if(!r)return;let o=`${r.id}?origin=${Nt()}`,s=window.open(o);e(()=>({authItems:F(t.id,n().authItems,i=>({...i,isLoggedIn:!1,session:null,isPending:!1}))}))},nextAuth:()=>{let t=n().authItems.length,r=n().currentAuth+1;r>=t||e(()=>({currentAuth:r}))},previousAuth:()=>{let t=n().currentAuth-1;t<0||e(()=>({currentAuth:t}))},setAuth:t=>{t!==-1&&(t<0||t>=n().authItems.length)||e(()=>({currentAuth:t}))},addService:(t,r)=>{if(!t.service)return;let o=t.service.find(a=>a.type==="AuthAccessTokenService2"),s=t;if(n().authItems.find(a=>a.service.id===t.id)){e(()=>({authItems:F(t.id,n().authItems,a=>({...a,instances:a.instances+1}))}));return}if(e(()=>({currentAuth:s.profile==="active"?0:n().currentAuth,authItems:[{id:t.id,type:t.profile,service:t,probeId:r,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...n().authItems]})),t.profile==="external"){if(!o)throw new Error("Token service not found");Ke(o).then(a=>{e(()=>({authItems:F(t.id,n().authItems,u=>({...u,isLoggedIn:!0,isPending:!1,session:{token:a.accessToken,expires:a.expiresIn}}))}))}).catch(a=>{e(()=>({authItems:F(t.id,n().authItems,u=>({...u,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:a.message}))}))})}if(t.profile==="kiosk"){if(!o)throw new Error("Token service not found");e(()=>({authItems:F(t.id,n().authItems,a=>({...a,isPending:!0}))})),Mt(s).then(()=>{Ke(o).then(a=>{e(()=>({authItems:F(t.id,n().authItems,u=>({...u,isLoggedIn:!0,isPending:!1,session:{token:a.accessToken,expires:a.expiresIn}}))}))}).catch(a=>{e(()=>({authItems:F(t.id,n().authItems,u=>({...u,isLoggedIn:!1,isPending:!1,error:a.message}))}))})})}t.profile},removeService:(t,r)=>{let o=n().currentAuth===n().authItems.findIndex(i=>i.service.id===t.id),s=n().currentAuth;if(o){let i=n().authItems.find(u=>u.service.id===t.id);i&&i.instances>1||(s=n().authItems.findIndex(c=>c.service.id!==t.id&&c.instances>0))}e(()=>({authItems:F(t.id,n().authItems,i=>({...i,instances:i.instances-1})),currentAuth:s}))}})),Vt=(e,n)=>wt((t,r)=>({service:e,status:e?"unknown":"success",shouldRedirect:!1,redirectResource:null,shouldSubstitute:!1,substituteResource:null,error:null,errorHeading:null,errorNote:null,shouldDisplayResource:!1,token:n||null,async probe(){if(!r().service)return;let o=r().service?.id;if(!o){t({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}t({status:"probing"});let s=r().token;try{let i=await fetch(o,{headers:s?{Authorization:`Bearer ${r().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(a=>a.json());if(i.status===200)t({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(i.status<400&&i.status>=300){if(!i.location)throw new Error("Redirect location not found");t({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:i.location||null})}else if(i.status===401)t({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!i.substitute,substituteResource:i.substitute||null,error:"Unauthorized",errorHeading:i.heading||{en:["Unauthorized"]},errorNote:i.note||null});else throw new Error("Unknown error")}catch(i){t({status:"error",error:i.message,errorHeading:{en:["Unknown error"]}})}},setToken(o){t({token:o})}}));function kt(e){let n=e.service||e.services||[],t={hasAuth:!1,services:{}};for(let r of n)if(r.type==="AuthProbeService2"){t.services.probe=r,t.hasAuth=!0;let o=r.service.filter(s=>s.type==="AuthAccessService2");o[0]&&(t.services.access=o[0])}return t}async function Ke(e,{strict:n=!0}={}){return new Promise((t,r)=>{let o=Math.random().toString(36).substring(7),s=`${e.id}?messageId=${o}&origin=${window.location.origin}`,i=c=>{let l=c.data;if(l.messageId===o){if(n&&l.type!=="AuthAccessToken2"){a(),r("Invalid response, expected type=AuthAccessToken2");return}if(!l.accessToken){a(),r("Invalid response, expected accessToken");return}a(),t(l)}},a=()=>window.removeEventListener("message",i),u=document.createElement("iframe");u.src=s,u.style.display="none",document.body.appendChild(u),window.addEventListener("message",i)})}function Nt(e){let n=window.location;if(e){let t=document.createElement("a");return t.href=e,t.protocol+"//"+t.hostname+(t.port?":"+t.port:"")}return n.protocol+"//"+n.hostname+(n.port?":"+n.port:"")}async function Mt(e){let n=`${e.id}?origin=${Nt()}`,t=window.open(n);if(!t)throw new Error("Failed to open window");return new Promise((r,o)=>{let s=setInterval(()=>{t.closed&&(clearInterval(s),r())},500)})}import{useEffect as Lt,useMemo as zt}from"react";import{useStore as Mr}from"zustand";function Ot(e){let n=zt(()=>kt(e),[e]),t=Ht(n.services.access?.id),r=zt(()=>Vt(n.services.probe,t),[n.services.probe]),o=Mr(r);return Lt(()=>{o.status==="unknown"&&!t&&o.probe()},[n.services.probe,o.status]),Lt(()=>{t&&(o.setToken(t),o.probe())},[t]),[e,o,n.hasAuth]}import{jsx as be}from"react/jsx-runtime";var te=Qe(null),Vr=Qe(null);Vr.displayName="CurrentAuth";var kr=Qe(null);kr.displayName="AuthActions";function $t({children:e}){let n=Er(()=>Et(),[]);return be(te.Provider,{value:n,children:e})}function Dt(){return!!Ft(te)}function me(){let e=Ft(te);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function Nr(){let e=me();return de(e,t=>({login:t.login,logout:t.logout,nextAuth:t.nextAuth,previousAuth:t.previousAuth,setAuth:t.setAuth,addService:t.addService,removeService:t.removeService}))}function ps(){let e=me();return de(e,n=>n)}function Lr(e){let n=me();return de(n,r=>r.authItems.find(o=>o.service.id===e))}function Ht(e){let n=me();return de(n,r=>r.authItems.find(o=>o.id===e)?.session?.token)}function gs(e){let n=me();return de(n,r=>{let o=r.authItems.find(s=>s.service.id===e);return!o||!o.isLoggedIn||!o.session?null:o.session?.token||null})}function zr(e){let n=Nr(),t=Lr(e.service.id);return wr(()=>(n?.addService(e.service,e.probeId),()=>{n?.removeService(e.service,e.probeId)}),[e.service]),t?(t.error||!t.isLoggedIn,e.children):null}function Ye(){return null}function Ut(e){let[n,t,r]=Ot(e.resource),o=e.fallbackComponent||Ye,s=e.loadingComponent||Ye,i=e.errorComponent||Ye,a=t.service,u=null;if(!r||!a)return e.children(n);let c=a.service.filter(l=>l.type==="AuthAccessService2");t.status==="error"&&(u=be(i,{resource:e.resource,error:t.error||"",heading:t.errorHeading,note:t.errorNote,extra:e.extra})),(t.status==="unknown"||t.status==="probing")&&(u=be(s,{})),t.status==="success"&&(u=e.children(n));for(let l of c)u=be(zr,{service:l,probeId:a.id,children:u},l.id);return u}import{createContext as $r,useContext as Ps,useMemo as Dr}from"react";import{createStore as Or}from"zustand/vanilla";var Hr=e=>e.id||e["@id"];function Fr(e){return(Array.isArray(e.service)?e.service:[e.service]).find(t=>t.profile==="http://iiif.io/api/search/0/autocomplete"||t.profile==="http://iiif.io/api/search/1/autocomplete"||t.profile==="AutoCompleteService1")}var qt=e=>{let n;typeof e=="string"?n={"@context":"http://iiif.io/api/search/1/context.json",profile:"http://iiif.io/api/search/1/search","@id":e,id:e,service:[]}:n=e;let t=n?Hr(n):void 0,r=null;return Or((o,s)=>({service:n,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!n,hasAutocomplete:n?!!Fr(n):!1,errorMessage:"",search(i,a={}){if(!t)throw new Error("No search service found.");r&&!r.signal.aborted&&r.abort(),r=new AbortController;let u=new URLSearchParams;i.q&&u.set("q",i.q),i.motivation&&u.set("motivation",i.motivation),i.date&&u.set("date",i.date),i.user&&u.set("user",i.user),o({loading:!0}),fetch(`${t}?${u.toString()}`,{signal:r.signal,headers:{"Content-Type":"application/json",Accept:"application/json",...a.headers||{}}}).then(async c=>{if(!r?.signal.aborted)if(c.ok){let l=await c.json();o({resources:l.resources,error:!1,errorMessage:""})}else o({resources:[],error:!0,errorMessage:c.statusText})})},clearSearch(){o({resources:[],error:!1,errorMessage:""})},highlightResult(i){let a=s().resources.find(u=>u["@id"]===i);o({highlight:a})},nextResult(){let i=s().resources,a=s().highlight;if(!a){o({highlight:i[0]||null});return}let u=i.findIndex(c=>c["@id"]===a["@id"]);if(u===-1){o({highlight:i[0]||null});return}o({highlight:i[u+1]||i[0]||null})},previousResult(){let i=s().resources,a=s().highlight;if(!a){o({highlight:i[i.length-1]||null});return}let u=i.findIndex(c=>c["@id"]===a["@id"]);if(u===-1){o({highlight:i[i.length-1]||null});return}if(u===0){o({highlight:i[i.length-1]||null});return}o({highlight:i[u-1]||i[i.length-1]||null})}}))};import{useStore as ws}from"zustand";function Bt(){let e=E();return e?e.service.find(n=>n.profile==="SearchService1"||n.profile==="http://iiif.io/api/search/1/search"):void 0}import{jsx as We}from"react/jsx-runtime";var ne=$r(null);ne.displayName="Search";function _t(e){let n=Bt();return e.store?We(ne.Provider,{value:e.store,children:e.children}):We(Ur,{service:n,children:e.children})}function Ur({service:e,children:n}){let t=Dr(()=>qt(e),[e]);return We(ne.Provider,{value:t,children:n})}import{jsx as z}from"react/jsx-runtime";var fe=()=>{},pe=Br({setCurrentCanvasId:fe,setCurrentCanvasIndex:fe,nextCanvas:fe,previousCanvas:fe,items:[],sequence:[],setSequenceIndex:fe,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function jr(e){let n=E(),{cursor:t,visibleItems:r,next:o,sequence:s,items:i,setCanvasIndex:a,setCanvasId:u,previous:c,setSequenceIndex:l,hasNext:d,hasPrevious:y}=It({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),A=_r(()=>({sequence:s,items:i,setCurrentCanvasId:u,nextCanvas:o,previousCanvas:c,totalCanvases:i.length,setCurrentCanvasIndex:a,setSequenceIndex:l,currentSequenceIndex:t,hasNext:d,hasPrevious:y}),[s,i,u,o,c,i,a,l,t]);return n?r.length===0?null:z(pe.Provider,{value:A,children:z(ee.Provider,{value:r,children:z(q,{canvas:r[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),z("div",{children:"Sorry, something went wrong."}))}function jt(e){let n=X(e.vault),t=At(e.manifest);if(!t)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),z("div",{children:"Sorry, something went wrong."});if(t.error)return z("div",{children:t.error.toString()});if(!t.isLoaded)return z("div",{children:"Loading..."});let r=z(jr,{...e,children:e.children});return z(J,{vault:n,children:z(bt,{manifest:t.id,children:z($t,{children:z(_t,{children:e.rangeId?z(Pt,{range:e.rangeId,children:r}):r})})})})}function Kt(){return qr(pe)}import Kr from"react";import{createContext as Yr,useMemo as Qr}from"react";import Wr from"mitt";import{jsx as Zr}from"react/jsx-runtime";var Gr=Wr(),re=Yr({emitter:Gr});re.displayName="Events";function Yt(){return Kr.useContext(re).emitter}function au({emitter:e,children:n}){return Zr(re.Provider,{value:Qr(()=>({emitter:e}),[e]),children:n})}import{jsx as oe}from"react/jsx-runtime";function Qt(){return{VaultContext:Q(Y),ResourceContext:Q(Se),SimpleViewerReactContext:Q(pe),VisibleCanvasReactContext:Q(ee),AuthRContext:Q(te),SearchReactContext:Q(ne),ReactEventContext:Q(re)}}function Wt(e){return oe(J,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:oe(ee.Provider,{value:e.bridge.VisibleCanvasReactContext,children:oe(pe.Provider,{value:e.bridge.SimpleViewerReactContext,children:oe(re.Provider,{value:e.bridge.ReactEventContext,children:oe(te.Provider,{value:e.bridge.AuthRContext,children:oe(ne.Provider,{value:e.bridge.SearchReactContext,children:e.children})})})})})})}import{createContext as no,useContext as ro,useMemo as oo}from"react";import{useCallback as Zt,useLayoutEffect as Xr,useMemo as eo,useRef as to}from"react";import{entityActions as Ge}from"@iiif/helpers/vault/actions";import{useMemo as Jr}from"react";function Gt(){let n=R().getStore();return Jr(()=>t=>n.dispatch(t),[n])}function Jt(e){return typeof e!="string"&&e&&e.bindToVault}function Xt(){let e=R(),n=to([]),t=Gt(),r=eo(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);Xr(()=>{let a={id:r,type:"AnnotationPage",behavior:[],label:null,thumbnail:[],summary:null,requiredStatement:null,metadata:[],rights:null,provider:[],items:[],seeAlso:[],homepage:[],rendering:[],service:[]};t(Ge.importEntities({entities:{AnnotationPage:{[a.id]:a}}}))},[r]);let o=T(a=>r&&a.iiif.entities.AnnotationPage[r]||null,[r]),s=Zt((a,u)=>{if(r){if(Jt(a)){let d=a;d.__vault||d.bindToVault(e),a=typeof d.source=="string"?d.source:d.source.id,n.current[a]=d}else typeof a!="string"&&(a=a.id);let c=e.get({id:r,type:"AnnotationPage"}),l=e.get({id:a,type:"Annotation"});c&&l&&(c.items.find(d=>d.id===l.id)||t(Ge.addReference({id:r,type:"AnnotationPage",key:"items",reference:{id:a,type:"Annotation"},index:u})))}},[r]),i=Zt(a=>{r&&(Jt(a)?a=typeof a.source=="string"?a.source:a.source.id:typeof a!="string"&&(a=a.id),n.current[a]&&n.current[a].beforeRemove(),e.get({id:r,type:"AnnotationPage"})&&t(Ge.removeReference({id:r,type:"AnnotationPage",key:"items",reference:{id:a,type:"Annotation"}})))},[r]);return[o,{addAnnotation:s,removeAnnotation:i}]}import{jsx as io}from"react/jsx-runtime";var en=no(null);function tn(){let e=ro(en);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function nn({children:e}){let[n,{addAnnotation:t,removeAnnotation:r}]=Xt();return io(en.Provider,{value:oo(()=>({fullPage:n,addAnnotation:t,removeAnnotation:r}),[n]),children:e})}import{jsx as Ze,jsxs as ao}from"react/jsx-runtime";function rn({width:e,style:n,height:t,error:r,resetErrorBoundary:o}){return ao("div",{style:{width:e,height:t,minHeight:500,...n||{},background:"#f9f9f9"},children:[Ze("h3",{children:"Error occurred"}),Ze("p",{children:r.message}),Ze("button",{onClick:o,children:"Reset"})]})}import{createContext as so,useContext as uo}from"react";var ge=so(null);function on(){return uo(ge)}import{createContext as an,useContext as co,useEffect as lo}from"react";var Je=an(()=>{}),Xe=an(()=>{});function O(e,n,t,r,o=[]){let s=co(e==="portal"?Xe:Je);lo(()=>(e!=="none"&&s(n,t,r),()=>{s(n,null)}),[n,e,s,...o])}import{createContext as fo,useContext as po,useEffect as go}from"react";import{useMemo as mo}from"react";function M(e={},n=[]){let{id:t,selector:r}=e,o=H(),s=t||o.canvas,i=T(a=>s?a.iiif.entities.Canvas[s]:void 0,[s]);return mo(()=>{if(i)return r?r(i):i},[i,r,...n])}var et=fo(()=>{});function sn(e){let n=M(),t=po(et);go(()=>n&&n.id?(t(n.id,e),()=>t(n.id,-1)):()=>{},[n,e])}import{Fragment as xo,jsx as V,jsxs as So}from"react/jsx-runtime";function ln({children:e,errorFallback:n,outerContainerProps:t={},worldScale:r,...o}){let[s,i]=Pe(),a=Qt(),u=n||rn,[c,l]=Pe({}),d=Object.entries(c),[y,A]=Pe({}),h=Object.entries(y),[g,b]=Pe({}),p=cn(()=>r||Math.max(...Object.values(g)),[g]),C=cn(()=>({maxOverZoom:p||1,...o.runtimeOptions||{}}),[p,o.runtimeOptions]),m=tt((S,P)=>{b(x=>{if(P===-1){let{[S]:K,...f}=x;return f}return{...x,[S]:P}})},[]),v=tt((S,P,x)=>{l(({[S]:K,...f})=>P?{...f,[S]:{element:P,props:x}}:f)},[]),I=tt((S,P,x)=>{A(({[S]:K,...f})=>P?{...f,[S]:{element:P,props:x}}:f)},[]);return So(yo,{resetKeys:[],fallbackRender:S=>V(u,{...o,...S}),children:[V(vo,{...o,containerProps:{style:{position:"relative"},...o.containerProps||{}},htmlChildren:V(xo,{children:d.map(([S,{element:P,props:x}])=>V(un.Fragment,{children:V(P,{...x||{}})},S))}),onCreated:S=>{i(S),o.onCreated&&o.onCreated(S)},runtimeOptions:C,children:V(ge.Provider,{value:s,children:V(et.Provider,{value:m,children:V(Je.Provider,{value:v,children:V(Xe.Provider,{value:I,children:V(Wt,{bridge:a,children:V(ho.Provider,{value:o.mode||"explore",children:V(nn,{children:e})})})})})})})}),V("div",{children:h.map(([S,{element:P,props:x}])=>V(un.Fragment,{children:V(P,{...x||{}})},S))})]})}import{mergeStyles as To,RegionHighlight as Io}from"@atlas-viewer/atlas";import{useMemo as dn}from"react";import{createEventsHelper as Co}from"@iiif/helpers/events";function Re(e,n){let t=R(),r=dn(()=>Co(t),[t]),o=T(()=>e&&e.id?t.getResourceMeta(e.id,"eventManager"):null,[e]);return dn(()=>e?r.getListenersAsProps(e,n):{},[o,e,t,n])}import{useMemo as Ao}from"react";import{createStylesHelper as bo}from"@iiif/helpers/styles";function ie(e,n){let t=R(),r=Ao(()=>bo(t),[t]);return T(()=>{if(!e)return null;let o=r.getAppliedStyles(e.id);return o?n?o[n]:o:void 0},[e,n])}import{useMemo as Mo}from"react";import{useMemo as Po}from"react";import{expandTarget as Ro}from"@iiif/helpers/annotation-targets";function Te(e={},n=[]){let{id:t,selector:r}=e,o=H(),s=R(),i=t||o.annotation,a=T(c=>i?c.iiif.entities.Annotation[i]:void 0,[i]),u=T(c=>a&&a.body?a.body.map(l=>l?l.type==="SpecificResource"?{...l,source:s.get(l)}:l?c.iiif.entities[l.type][l.id]:null:null).filter(Boolean):[],[a]);return Po(()=>{if(!a)return;let c={...a,body:u,target:Ro(a.target,{typeMap:s.getState().iiif.mapping})};return r?r(c):c},[a,r,u,...n])}import{jsx as wo}from"react/jsx-runtime";var Ie=({id:e,style:n,className:t,interactive:r})=>{let o=Te({id:e}),s=ie(o,"atlas"),i=ie(o,"html"),a=Re(o,["atlas"]),u=M(),c=Mo(()=>To(n,s),[n,s]);return u&&o&&o.target&&o.target.selector&&o.target.selector.type==="BoxSelector"&&o.target.source&&(o.target.source.id===u.id||o.target.source===u.id)?wo(Io,{id:o.id,isEditing:!0,region:o.target.selector.spatial,style:c,className:i?.className||t,interactive:!!(i?.href||r),href:i?.href||null,title:i?.title||null,hrefTarget:i?.target||null,onClick:()=>{},...a}):null};import{Fragment as Vo}from"react";import{useMemo as Eo}from"react";function mn(e={},n=[]){let{id:t,selector:r}=e,o=H(),s=t||o.annotationPage,i=T(a=>s?a.iiif.entities.AnnotationPage[s]:void 0,[s]);return Eo(()=>{if(i)return r?r(i):i},[i,...n])}import{jsx as fn}from"react/jsx-runtime";var ve=({className:e,page:n})=>{let t=mn({id:n.id})||n,r=ie(t,"atlas"),o=ie(t,"html");return T(s=>t.id?s.iiif.entities.AnnotationPage[t.id]:null,[]),fn(Vo,{children:t.items?.map(s=>fn(Ie,{id:s.id,style:r,className:o?.className||e},s.id))})};import{createStylesHelper as Vi}from"@iiif/helpers/styles";import{Fragment as bn,useMemo as Fo}from"react";import{HTMLPortal as zo,TileSet as Cn}from"@atlas-viewer/atlas";import ae,{useMemo as nt}from"react";import{jsx as $}from"react/jsx-runtime";var gn=ae.createContext("en"),vn=ae.createContext({}),hn=ae.createContext(null);function Xc(e){return $(vn.Provider,{value:e.translations,children:e.children})}function el(e){return $(gn.Provider,{value:e.language,children:e.children})}function tl(e){return $(hn.Provider,{value:e.convert,children:e.children})}function yn(){return ae.useContext(hn)}function rt(){return ae.useContext(gn)}function xn(){return ae.useContext(vn)}function pn(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function ko({as:e,language:n,children:t,viewingDirection:r,...o}){let s=rt();return nt(()=>pn(s)===pn(n),[s,n])?e?$(e,{...o,children:t}):$("span",{...o,children:t}):e?$(e,{...o,lang:n,dir:r,children:t}):$("span",{...o,lang:n,dir:r,children:t})}function Sn(e,n,t){if(n.length===0)return;if(n.length===1)return n[0];if(n.indexOf(e)!==-1)return e;let r=e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):null;if(r&&n.indexOf(r)!==-1)return r;for(let o of t)if(n.indexOf(o)!==-1)return o;return n.indexOf("none")!==-1?"none":n.indexOf("@none")!==-1?"@none":n[0]}var No=(e,n=[])=>{let t=rt();return nt(()=>{let r=e();return Sn(t,r,[])},[t,...n])};function W(e,n,t,r){return n?t?t(e[n]||n,r||"none"):e[n]||n:""}function Lo(e,n,t=`
+`,r={}){let o=yn(),s=No(()=>Object.keys(e||{}),[e]);return[nt(()=>{if(!e)return W(r,n,o)||"";if(typeof e=="string")return W(r,e,o);let i=s?e[s]:void 0;return i?typeof i=="string"?i:i.map(a=>W(r,a,o,s)).join(t):""},[s,n,e]),s]}function nl(){let e=rt(),n=xn(),t=yn();return function(o,s="",i=`
+`,a=n){let u=Object.keys(o||{}),c=Sn(e,u,[]);if(!o)return W(a,s,t)||"";if(typeof o=="string")return W(a,o,t);let l=c?o[c]:void 0;return l?typeof l=="string"?W(a,l,t,c):l.map(d=>W(a,d,t,c)).join(typeof i<"u"?i:`
+`):""}}function he({as:e,defaultText:n,enableDangerouslySetInnerHTML:t,children:r,separator:o,...s}){let i=xn(),[a,u]=Lo(r,n,o,i);return u?$(ko,{...s,as:e,language:u,title:t?void 0:a,dangerouslySetInnerHTML:t?{__html:a}:void 0,children:t?void 0:a}):e?$(e,{...s,children:a}):$("span",{...s,title:t?void 0:a,dangerouslySetInnerHTML:t?{__html:a}:void 0,children:t?void 0:a})}import{jsx as B,jsxs as Ho}from"react/jsx-runtime";function Oo({resource:e,heading:n,note:t,extra:r}){return r?B(zo,{target:{x:0,y:0,width:r.target?.spatial.width,height:r.target?.spatial.height},backgroundColor:"#333",relative:!0,children:B("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",background:"#444",color:"#BBB"},children:Ho("div",{children:[B(he,{children:n||"Not authorised"}),t&&B("p",{children:B(he,{children:t})}),B("p",{children:e.id||e["@id"]||"unknown"})]})})}):null}function An({image:e,thumbnail:n,crop:t,enableSizes:r}){if(!Dt()){let s=e.service,i=s.width||e.width||0,a=s.height||e.height||0;return B(Cn,{tiles:{id:s.id||s["@id"]||"unknown",height:a,width:i,imageService:s},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:t})}return B(Ut,{resource:e.service,errorComponent:Oo,extra:e,children:s=>{let i=s.width||e.width||0,a=s.height||e.height||0;return B(Cn,{tiles:{id:s.id||s["@id"]||"unknown",height:a,width:i,imageService:s},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:t})}},e.id)}import{jsx as ot,jsxs as Pn}from"react/jsx-runtime";function se({id:e,image:n,thumbnail:t,isStatic:r,x:o=0,y:s=0,children:i,selector:a,onClick:u,enableSizes:c}){let l=Fo(()=>{if(!(!a||a.spatial.x===0&&a.spatial.y===0))return a.spatial},[a]);return ot("world-object",{x:o+n.target.spatial.x,y:s+n.target.spatial.y,width:n.target.spatial.width,height:n.target.spatial.height,onClick:u,children:n.service?Pn(bn,{children:[ot(An,{image:n,thumbnail:t,crop:l,enableSizes:c}),i]},"service"):Pn(bn,{children:[ot("world-image",{onClick:u,uri:n.id,target:{x:0,y:0,width:n.target.spatial.width,height:n.target.spatial.height},display:n.width&&n.height?{width:n.width,height:n.height}:void 0,crop:l}),i]},"no-service")},e+(n.service?"server":"no-service"))}import{Fragment as ki,useEffect as Jn,useLayoutEffect as Ni,useMemo as Xn}from"react";import{useEffect as Ln,useMemo as zn}from"react";import{useCallback as In,useMemo as Do}from"react";function $o(e,n){let t=e?.iiif?.meta[n];return t?t.annotationPageManager:null}function Rn(e,n){return T(t=>{let r=[];if(!e)return r;let o=Object.keys(t.iiif.entities.AnnotationPage);for(let s of o)if(!n||n.indexOf(s)!==-1){let i=$o(t,s);i&&i.views&&i.views[e]&&r.push(s)}return r},[e,n])}function Tn({canvas:e,manifest:n,all:t,canvases:r}){let o=[];if(n)for(let s of n.annotations)o.indexOf(s.id)===-1&&o.push(s.id);if(t){if(r&&r.length)for(let s of r)for(let i of s.annotations)o.indexOf(i.id)===-1&&o.push(i.id)}else if(e)for(let s of e.annotations)o.indexOf(s.id)===-1&&o.push(s.id);return o}function Uo(e,n){let t=e?.iiif?.meta[n];return t?t.annotationPageManager:null}function Mn(e,n={}){let t=R(),r=E(),o=M(),s=Ce(),i=Do(()=>Tn({all:n.all,manifest:r,canvas:o,canvases:s}),[n.all,o,s,r]),a=Rn(e,n.all?void 0:i),u=In(l=>{e&&t.setMetaValue([l,"annotationPageManager","views"],d=>d&&!d[e]?d:{...d||{},[e]:!1})},[e,t]),c=In((l,d={})=>{if(!e)return;let y=t.getState(),A=[];if(d?.deselectOthers){let h=Object.keys(y.iiif.entities.AnnotationPage);for(let g of h){let b=Uo(y,g);b&&b.views&&b.views[e]&&A.push(g)}}for(let h of A)u(h);t.setMetaValue([l,"annotationPageManager","views"],h=>h&&h[e]?h:{...h||{},[e]:!0})},[e,u,t]);return{availablePageIds:i,enabledPageIds:a,setPageEnabled:c,setPageDisabled:u}}function wn(e,n){return T((t,r)=>r.get(e.map(o=>({id:o,type:n}))),[e,n])}import{useCallback as Ko,useEffect as Yo,useRef as Qo,useState as Wo}from"react";import qo,{useContext as Bo}from"react";import{ImageServiceLoader as _o}from"@atlas-viewer/iiif-image-api";var jo=qo.createContext(new _o);function Me(){return Bo(jo)}function En(){let e=Me(),[n,t]=Wo({}),r=Qo(!1);return Yo(()=>()=>{r.current=!0},[]),[Ko((s,{height:i,width:a})=>{if(s){let u=s.id||s["@id"],c=e.loadServiceSync({id:u,width:s.width||a,height:s.height||i,source:s});c?s=c:n[u]||(r.current||t(l=>({...l,[u]:"loading"})),e.loadService({id:u,width:s.width||a,height:s.height||i}).then(()=>{r.current||t(l=>({...l,[u]:"done"}))}))}return s},[e,n]),n]}import{useCallback as Go,useMemo as kn,useState as Zo}from"react";function Vn(e={}){let n=Te(),t=M(e.canvasId?{id:e.canvasId}:void 0);return T((r,o)=>{if(!t)return[];if(n&&e.enableSingleAnnotation)return[n];let s=o.get(t.items),i=[];for(let a of s)i.push(...o.get(a.items));return i},[t])}import{createPaintingAnnotationsHelper as Jo}from"@iiif/helpers/painting-annotations";function Nn(e,n=[]){let t=R(),r=kn(()=>Jo(t),[]),o=Vn({enableSingleAnnotation:e?.enableSingleAnnotation}),[s,i]=Zo(e?.defaultChoices||[]),a=kn(()=>r.getPaintables(o,s),[t,o,s,...n]),c={makeChoice:Go((l,{deselectOthers:d=!0,deselect:y=!1}={})=>{a.choice&&i(A=>{if(y){let g=A.filter(b=>b!==l);if(g.length===0){let b=a.items[0].resource.id;return b?[b]:[]}return g}if(d)return[l];let h=[...A];if(h.length===0&&a.items.length){let g=a.items[0].resource.id;g&&h.push(g)}return A.indexOf(l)!==-1?A:[...A,l]})},[a.choice])};return[a,c]}function On(e){let n=E(),t=M(),r=R(),o=Yt(),s=e?.emitter||o,[i,a]=En(),{enabledPageIds:u}=Mn(e?.annotationPageManagerId||n?.id||t?.id,{all:!1}),c=wn(u,"AnnotationPage"),l=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[d,y]=Nn(e,[a]);Ln(()=>{let h=g=>{y.makeChoice(g.choiceId,{deselectOthers:g.deselectOthers,deselect:g.deselect})};return s.on("make-choice",h),()=>{s.off("make-choice",h)}},[]);let A=zn(()=>yt({canvas:t,paintables:d,supports:l,loadImageService:i}),[t,d,r,y.makeChoice]);return Ln(()=>{let h=d.allChoices,g={canvasId:t?.id,manifestId:n?.id};h&&s.emit("choice-change",{choice:h,partOf:g})},[t?.id,d.allChoices]),zn(()=>A.type==="unknown"?[A,ht]:[{...A,annotations:{pages:c}},y],[A,c])}import{useEffect as ei,useMemo as ti,useRef as ni,useState as ri}from"react";import{useEffect as Xo}from"react";var Hn=(e,n=[])=>{let t=R();Xo(()=>{e(t)},[t,...n])};import{createThumbnailHelper as oi}from"@iiif/helpers/thumbnail";function we(e,n,{canvasId:t,manifestId:r}={}){let o=R(),s=Me(),i=ti(()=>oi(o,{imageServiceLoader:s}),[o,s]),[a,u]=ri(),c=E(r?{id:r}:void 0),l=M(t?{id:t}:void 0),d=l||c,y=ni(!1);if(ei(()=>(y.current=!1,()=>{y.current=!0}),[]),!d)throw new Error("Must be called under a manifest or canvas context.");return Hn(A=>{i.getBestThumbnailAtSize(d,e,n).then(h=>{h.best&&!y.current&&u(h.best)})},[d]),a}import{useCallback as D,useEffect as Fn,useReducer as ii,useRef as Ee}from"react";function ai(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function si(e,n){switch(n.type){case"FINISHED":return{...e,isFinished:!0,isPlaying:!1,playRequested:!1};case"PLAY_PAUSE":return{...e,isFinished:!1,isPlaying:!e.isPlaying};case"PLAY_REQUESTED":return{...e,isFinished:!1,playRequested:!0};case"PAUSE":return{...e,isPlaying:!1};case"PLAY":return{...e,isFinished:!1,playRequested:!1,isPlaying:!0};case"MUTE":return{...e,isMuted:!0};case"SET_VOLUME":return{...e,volume:n.volume,isMuted:n.volume===0};case"TOGGLE_MUTE":return{...e,isMuted:!e.isMuted};case"UNMUTE":return{...e,isMuted:!1}}return e}function it(e){let n=Math.round(e);return`${Math.floor(n/60)}:${`${n%60}`.padStart(2,"0")}`}function ue(e){let[n,t]=ii(si,ai(e.duration)),r=Ee(null),o=Ee(null),s=Ee(null),i=Ee(!1),a=D(()=>{o.current&&r.current&&(o.current.innerHTML=it(r.current.currentTime),s.current&&(s.current.style.width=`${r.current.currentTime/e.duration*100}%`),i.current!==r.current.muted&&(i.current=r.current.muted,t(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"})))},[e.duration]),u=D(()=>{r.current&&(t({type:"PLAY_REQUESTED"}),r.current.play().then(()=>{t({type:"PLAY"})}),a())},[a]),c=D(()=>{r.current&&(r.current.duration>0&&r.current.paused?u():l())},[a]),l=D(()=>{r.current&&(r.current.pause(),t({type:"PAUSE"}),a())},[a]),d=D(()=>{r.current&&(r.current.muted=!r.current.muted,t(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"}))},[]),y=D(()=>{r.current&&(r.current.muted=!0,t({type:"MUTE"}))},[]),A=D(()=>{r.current&&(r.current.muted=!1,t({type:"UNMUTE"}))},[]),h=D(p=>{r.current&&(r.current.muted=!1,r.current.volume=p/100,t({type:"SET_VOLUME",volume:p}))},[]),g=D(p=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(p*e.duration,e.duration)),a())},[]),b=D(p=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(p,e.duration)),a())},[]);return Fn(()=>{let p=setInterval(()=>{a()},350);return()=>clearInterval(p)},[a,e.duration]),Fn(()=>{let p=()=>{t({type:"FINISHED"})},C=r.current;return C?.addEventListener("ended",p),()=>C?.removeEventListener("ended",p)},[]),[{element:r,currentTime:o,progress:s},n,{play:u,pause:l,playPause:c,mute:y,unmute:A,toggleMute:d,setVolume:h,setDurationPercent:g,setTime:b}]}import{createContext as st,useContext as ut}from"react";import{jsx as at}from"react/jsx-runtime";var $n=st(null),Dn=st(null),Un=st(null);function xd(){let e=ut($n);if(!e)throw new Error("Ctx not found");return e}function Sd(){let e=ut(Dn);if(!e)throw new Error("Ctx not found");return e}function Cd(){let e=ut(Un);if(!e)throw new Error("Ctx not found");return e}function Ve({actions:e,state:n,children:t,currentTime:r,progress:o,element:s}){return at(Un.Provider,{value:{currentTime:r,progress:o,element:s},children:at(Dn.Provider,{value:e,children:at($n.Provider,{value:n,children:t})})})}import{useMemo as ui}from"react";import{expandTarget as ci}from"@iiif/helpers";function ke(){let e=E(),n=M();return ui(()=>{if(!e||!n||!e.start)return null;let t=ci(e.start);return!t||t.source.id!==n.id||!t||!t.selector||t.selector.type!=="TemporalSelector"?null:t.selector.temporal},[e,n])}import{jsx as li,jsxs as di}from"react/jsx-runtime";function ct({media:e,startTime:n,children:t}){let[{element:r,currentTime:o,progress:s},i,a]=ue({duration:e.duration}),u=n?`${e.url}#t=${n}`:e.url;return di(Ve,{state:i,actions:a,currentTime:o,progress:s,element:r,children:[li("audio",{ref:r,src:u}),t]})}function Ne({media:e,mediaControlsDeps:n,children:t}){let r=ke();return O("portal","audio",ct,{media:e,startTime:r?r.startTime:null,children:t},[e,r,...n||[]]),null}import{jsx as qn,jsxs as mi}from"react/jsx-runtime";function lt({element:e,media:n,startTime:t,playPause:r,poster:o}){let s="div",i=t?`${n.url}#t=${t}`:n.url;return mi(s,{className:"video-container",part:"video-container",onClick:r,children:[qn("style",{children:`
+            .video-container {
+              position: absolute;
+              top: 0;
+              bottom: 0;
+              left: 0;
+              right: 0;
+              background: #000;
+              z-index: 13;
+              display: flex;
+              justify-content: center;
+              pointer-events: visible;
+            }
+          `}),qn("video",{poster:o,ref:e,src:i,style:{width:"100%",objectFit:"contain"}})]})}function Le({media:e,mediaControlsDeps:n,children:t,videoComponent:r=lt}){let o=M(),s=ke(),i=o&&o.placeholderCanvas&&o.placeholderCanvas.id||void 0,a=we({},!1,{canvasId:i}),[{element:u,currentTime:c,progress:l},d,y]=ue({duration:e.duration});return O("overlay","video-element",r,{element:u,media:e,playPause:y.playPause,poster:a?.id,startTime:s?s.startTime:null},[a]),O("portal","custom-controls",Ve,{state:d,actions:y,currentTime:c,progress:l,element:u,children:t},[c,d,e,...n||[]]),null}import{Fragment as fi,jsx as dt,jsxs as pi}from"react/jsx-runtime";function mt({model:e}){return pi(fi,{children:[dt("style",{children:`
+            .model-container {
+              position: absolute;
+              top: 0;
+              bottom: 0;
+              left: 0;
+              right: 0;
+              background: #000;
+              z-index: 13;
+              display: flex;
+              justify-content: center;
+              pointer-events: visible;
+            }
+          `}),dt("div",{className:"model-container",children:dt("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function ze({model:e,name:n}){return O("overlay",`model-${n}`,mt,{model:e},[e]),null}import{jsx as gi}from"react/jsx-runtime";function Oe({style:e}){let n=M();return!n||!n.height||!n.width?null:gi("box",{interactive:!1,target:{x:0,y:0,width:Number(n.width),height:Number(n.height)},style:e})}import{jsx as Bn}from"react/jsx-runtime";function He(e){let n=M();return!n||!n.placeholderCanvas?null:Bn(q,{canvas:n.placeholderCanvas.id,children:Bn(ce,{renderViewerControls:e.renderViewerControls})})}import{useRef as vi}from"react";import{jsx as _n,jsxs as yi}from"react/jsx-runtime";function hi({element:e,media:n,playPause:t}){let r=vi(null);return n.youTubeId?yi("div",{className:"video-container",part:"video-container",onClick:t,children:[_n("style",{children:`
+            .video-container {
+              position: absolute;
+              top: 0;
+              bottom: 0;
+              left: 0;
+              right: 0;
+              background: #000;
+              z-index: 13;
+              display: flex;
+              justify-content: center;
+              pointer-events: visible;
+            }
+            .video-yt {
+              border: none;
+              width: 100%;
+              object-fit: contain;
+            }
+          `}),_n("iframe",{className:"video-yt",ref:r,src:`https://www.youtube.com/embed/${n.youTubeId}?enablejsapi=1&origin=${window.location.host}`,referrerPolicy:"no-referrer",sandbox:"allow-scripts allow-same-origin allow-presentation"})]}):null}function jn({media:e,mediaControlsDeps:n,children:t}){let[{element:r,currentTime:o,progress:s},i,a]=ue({duration:e.duration});return O("overlay","video-element",hi,{element:r,media:e,playPause:a.playPause}),null}import{useLayoutEffect as Ti,useMemo as Ii}from"react";import xi from"mitt";import{createStore as Si}from"zustand/vanilla";function Kn({currentKeyFrameIndex:e,keyframes:n,targetTime:t,currentTime:r}){if(r<=t){let o=n.findIndex(a=>a.time>t);if(o===-1)return[e,[]];let s={},i=n.slice(e,o);for(let a of i)a.type==="enter"&&(s[a.id]=a),a.type==="exit"&&(s[a.id]?delete s[a.id]:s[a.id]=a);return[o,Object.values(s)]}return[e,[]]}function Yn({complexTimeline:e,startTime:n=0}){let t=xi(),r={},o={progress:null,currentTime:null},s=0,i=null,a=0,u=null;function c(){let C=b.getState().visibleElements,m=r,v=[],I=Object.keys(m);for(let S of I){let P=m[S],x=C[S];P&&x&&v.push(P)}return v}function l(){return Object.keys(r).map(C=>r[C])}function d(p){o.currentTime&&(o.currentTime.innerHTML=it(p),o.progress&&(o.progress.style.width=`${p/e.duration*100}%`))}let y=()=>{let p=b.getState(),C=p.currentPrime;if(!C)return;let m=r,v=p.visibleElements,I=Object.keys(m);for(let S of I){let P=m[S],x=v[S];if(P&&S!==C.id&&x){let K=a-x.time*1e3;Math.abs(a-x.time*1e3-P.currentTime*1e3)>300&&(P.currentTime=K/1e3)}}},A=(p=0)=>{let C=p-s,m=b.getState();if(m.isPlaying){let v=m.currentPrime;if(v){let x=r[v.id];x&&(x.paused?a+=C:a=(v.time+x.currentTime)*1e3)}else a+=C;let I=a/1e3;if(I>m.duration){b.getState().setTime(0),b.setState({isPlaying:!1}),h(),d(0);return}d(I);let[S,P]=Kn({currentTime:I,currentKeyFrameIndex:m.nextKeyframeIndex,keyframes:m.complexTimeline.keyframes,targetTime:I});P.length&&m.applyKeyframes(S,P)}s=p,i=requestAnimationFrame(A)},h=()=>{i&&cancelAnimationFrame(i)},g=(p,C)=>{},b=Si((p,C)=>({complexTimeline:e,elements:{},visibleElements:{},isBuffering:!1,bufferMap:{},isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,isReady:!1,volume:100,duration:e.duration,clockStartRequests:0,clockStartTime:0,primeTime:0,currentPrime:null,clockRunning:!1,nextKeyframeIndex:0,startClock:()=>{C().clockRunning||(A(),u=setInterval(y,500)),p({clockRunning:!0,clockStartRequests:C().clockStartRequests+1})},applyKeyframes(m,v){let I=C(),S={...I.visibleElements},P=I.currentPrime;for(let x of v)x.type==="enter"&&(S[x.id]=x,t.emit("complex-timeline.enter",{id:x.id})),x.type==="exit"&&(S[x.id]=null,t.emit("complex-timeline.exit",{id:x.id})),x.isPrime&&(P=x);p({nextKeyframeIndex:m,visibleElements:S,currentPrime:P})},stopClock:()=>{let m=C().clockStartRequests;if(m!==0){if(m===1){h(),u&&clearInterval(u),p({clockRunning:!1,clockStartRequests:0});return}p({clockStartRequests:m-1})}},setElement:(m,v)=>{r[m]=v;let I=Object.keys(r),S=C().complexTimeline;g(v,m),S.items.filter(x=>x.type!=="Image"&&x.type!=="Text").every(x=>I.includes(x.annotationId))&&!C().isReady&&(t.emit("complex-timeline.ready",{complexTimeline:S}),p({isReady:!0}))},removeElement:m=>{delete r[m]},mute(){for(let m of l())m.muted=!0;p({isMuted:!0})},unmute(){for(let m of l())m.muted=!1;p({isMuted:!1})},play(){if(!C().isPlaying){for(let v of c())v.play();p({isPlaying:!0})}},pause(){if(C().isPlaying){for(let v of c())v.pause();p({isPlaying:!1})}},playPause(){let m=C();m.isPlaying?m.pause():m.play()},setDurationPercent(m){let I=C().duration*m;C().setTime(I)},setTime(m){let v=C(),I=a/1e3,S=v.nextKeyframeIndex;if(I>m){p({visibleElements:{},currentPrime:null});let G=Object.keys(v.visibleElements);for(let L of G)t.emit("complex-timeline.exit",{id:L});I=0,S=0}let[P,x]=Kn({currentTime:I,currentKeyFrameIndex:S,keyframes:v.complexTimeline.keyframes,targetTime:m});v.applyKeyframes(P,x),a=m*1e3;let f=b.getState().visibleElements,Ue=r,xe=Object.keys(f);for(let G of xe){let L=f[G];if(L){let Z=Ue[G];Z&&(Z.currentTime=(a-L.time*1e3)/1e3)}}},setVolume(m){for(let v of l())v.volume=Math.min(1,Math.max(0,m/100));p({volume:m})},toggleMute(){let m=C();m.isMuted?(m.unmute(),p({isMuted:!1})):(m.mute(),p({isMuted:!0}))},clearProgressElement(){o.progress=null},setProgressElement(m){o.progress=m},setCurrentTimeElement(m){o.currentTime=m},clearCurrentTimeElement(){o.currentTime=null}}));return t.on("complex-timeline.enter",p=>{let C=b.getState(),m=p.id,v=r[m];v&&C.isPlaying&&v.play()}),t.on("complex-timeline.exit",p=>{let C=b.getState(),m=p.id,v=r[m];v&&(v.currentTime=0,v.pause())}),b.getState().setTime(n),{store:b,emitter:t}}import{HTMLPortal as Mi}from"@atlas-viewer/atlas";import{useStore as Gn}from"zustand";import{createContext as Ci,useContext as Ai}from"react";import{useStore as bi}from"zustand";import{jsx as Pi}from"react/jsx-runtime";var ft=Ci(null);ft.displayName="ComplexTimeline";function Qn({children:e,store:n}){return Pi(ft.Provider,{value:n,children:e})}function gm(e){let n=Ai(ft);if(!n)throw new Error("useComplexTimeline must be used within a ComplexTimelineProvider");return bi(n,e)}import{HTMLPortal as Ri}from"@atlas-viewer/atlas";import{Fragment as Wn,jsx as ye}from"react/jsx-runtime";function Fe({strategy:e,onClickPaintingAnnotation:n}){return ye(Wn,{children:e.items.map((t,r)=>ye(Wn,{children:ye(Ri,{onClick:n?o=>{o.stopPropagation(),n(t.annotationId,t,o)}:void 0,target:t.target?.spatial||void 0,children:ye("div",{"data-textual-content":!0,children:ye(he,{enableDangerouslySetInnerHTML:!0,children:t.text})})},r)}))})}import{Fragment as wi,jsx as $e,jsxs as Ei}from"react/jsx-runtime";function Zn({strategy:e,children:n}){let{store:t}=Ii(()=>Yn({complexTimeline:e}),[e]),r=Gn(t,i=>i.isReady),o=Gn(t,i=>i.visibleElements);function s(i){return a=>{a&&t.getState().setElement(i,a)}}return Ti(()=>{if(r){let{startClock:i,stopClock:a}=t.getState();return i(),()=>{a()}}},[r]),O("portal","custom-controls",Qn,{store:t,children:n},[r]),Ei(wi,{children:[e.items.map(i=>i.type!=="Image"||!o[i.annotationId]?null:$e(se,{image:i,id:i.annotationId},i.id)),e.items.map((i,a)=>i.type!=="Text"||!o[i.annotationId]?null:$e(Fe,{strategy:{type:"textual-content",items:[i]}},a)),e.items.map((i,a)=>i.type!=="Video"||!i.target.spatial?null:$e(Mi,{target:i.target.spatial,children:$e("video",{ref:s(i.annotationId),src:i.url,style:{height:"100%",width:"100%",opacity:o[i.annotationId]?1:0}})},a))]})}import{Fragment as De,jsx as k,jsxs as j}from"react/jsx-runtime";function ce({x:e,y:n,onChoiceChange:t,registerActions:r,defaultChoices:o,isStatic:s,renderViewerControls:i,renderMediaControls:a,renderComplexTimelineControls:u,viewControlsDeps:c,mediaControlsDeps:l,strategies:d,throwOnUnknown:y,backgroundStyle:A,alwaysShowBackground:h,keepCanvasScale:g=!1,enableSizes:b=!1,enableYouTube:p=!0,onClickPaintingAnnotation:C,children:m}){let v=M(),I=Re(v,["deep-zoom"]),[S]=tn(),P=on(),x=R(),K=Xn(()=>Vi(x),[x]),[f,Ue]=On({strategies:d||["images"],defaultChoices:o?.map(({id:w})=>w)}),xe=f.type==="images"?f.choice:void 0,G=Xn(()=>g?1:Math.max(1,...f.type==="images"?f.images.map(w=>(w.width||0)/w.target?.spatial.width):[]),[g,f]);sn(G),Jn(()=>{r&&r(Ue)},[f.annotations]),Jn(()=>{if(o)for(let w of o)typeof w.opacity<"u"&&K.applyStyles({id:w.id},"atlas",{opacity:w.opacity})},[o]),Ni(()=>{t&&t(xe)},[xe]),O(P&&(f.type==="images"||f.type==="empty"||f.type==="textual-content"&&i)?"overlay":"none",`canvas-portal-controls-${v?.id}`,ge.Provider,i?{value:P||null,children:i(f)}:{},[v,P,f,...c||[]]);let L=we({maxWidth:256,maxHeight:256});if(!v)return null;let Z=v.accompanyingCanvas,qe=v.placeholderCanvas,le=L&&L.type==="fixed"?k("world-object",{height:v.height,width:v.width,x:e,y:n,children:k("world-image",{uri:L.id,target:{x:0,y:0,width:v.width,height:v.height},display:L.width&&L.height?{width:L.width,height:L.height}:void 0,crop:void 0})}):null;if(f.type==="unknown"){if(le)return le;if(y)throw new Error(f.reason||"Unknown image strategy");return null}let pt=j(ki,{children:[S?k(ve,{page:S}):null,f.annotations&&f.annotations.pages?f.annotations.pages.map(w=>k(ve,{page:w},w.id)):null,m]}),tr=f.type==="images"?f.images.length:0,Fi=f.type==="media"&&f.media.type==="Video"&&qe?k(He,{renderViewerControls:i}):null;return j(De,{children:[j("world-object",{height:v.height,width:v.width,x:e,y:n,...I,children:[f.type==="empty"||h?k(Oe,{style:A}):null,f.type==="complex-timeline"?k(Zn,{strategy:f,children:u?u(f):null}):null,f.type==="textual-content"?j(De,{children:[k(Fe,{strategy:f,onClickPaintingAnnotation:C}),pt]}):null,f.type==="images"?j(De,{children:[f.images.map((w,gt)=>k(se,{isStatic:s,image:w,id:w.id,thumbnail:gt===0?L:void 0,selector:w.selector,enableSizes:b,onClick:C?vt=>{vt.stopPropagation(),C(w.annotationId,w,vt)}:void 0},w.id+gt)),pt]}):null,f.type==="3d-model"?k(ze,{model:f.model}):null,f.type==="media"?k(De,{children:f.media.type==="Sound"?j(Ne,{media:f.media,mediaControlsDeps:l,children:[le,a?a(f):null]}):f.media.type==="Video"?j(Le,{media:f.media,mediaControlsDeps:l,children:[le,a?a(f):null]}):f.media.type==="VideoYouTube"&&p?j(jn,{media:f.media,mediaControlsDeps:l,children:[le,a?a(f):null]}):null}):null]},`${v.id}/${f.type}/${tr}`),f.type==="media"&&f.media.type==="Sound"&&Z?k(q,{canvas:Z.id,children:k(ce,{renderViewerControls:i})}):null,f.type==="media"&&f.media.type==="Sound"&&qe&&!Z?k(q,{canvas:qe.id,children:k(ce,{renderViewerControls:i})}):null]})}import{Fragment as Oi,jsx as U,jsxs as Hi}from"react/jsx-runtime";var zi=er(function(n,t){let r=E(),o=Ce(),s=Kt(),{ViewerControls:i,MediaControls:a,ComplexTimelineControls:u}=n.components||{};if(Li(t,()=>s,[s]),!r)return U("div",{});let c=0;return Hi(Oi,{children:[n.header,U(N.Viewer,{height:n.height,mode:n.mode,renderPreset:n.renderPreset,runtimeOptions:n.runtimeOptions,children:o.map((l,d)=>{let y=c;return c+=l.width+(n.spacing||0),U(q,{canvas:l.id,children:U(N.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content","complex-timeline"],renderViewerControls:d===0&&i?()=>U(i,{}):void 0,renderMediaControls:d===0&&a?()=>U(a,{}):void 0,renderComplexTimelineControls:d===0&&u?()=>U(u,{}):void 0,x:y,...n.canvasProps||{},children:n.annotations},l.id)},l.id)})},n.reuseAtlas?"":s.currentSequenceIndex),n.children]})}),N=er(function({children:n,height:t,annotations:r,canvasProps:o,spacing:s,header:i,components:a,mode:u,reuseAtlas:c,renderPreset:l,runtimeOptions:d,...y},A){let h=X();return U(J,{vault:h,children:U(jt,{...y,children:U(zi,{ref:A,height:t,components:a,spacing:s,canvasProps:o,annotations:r,header:i,mode:u,reuseAtlas:c,renderPreset:l,runtimeOptions:d,children:n})})})});N.RenderImage=se;N.RenderCanvas=ce;N.RenderAnnotationPage=ve;N.RenderAnnotation=Ie;N.Viewer=ln;N.CanvasBackground=Oe;N.Audio=Ne;N.Video=Le;N.Model=ze;N.AudioHTML=ct;N.VideoHTML=lt;N.ModelHTML=mt;N.PlaceholderCanvas=He;export{Se as a,H as b,_ as c,Y as d,J as e,X as f,Ct as g,At as h,bt as i,q as j,R as k,T as l,ee as m,Ce as n,E as o,Pt as p,br as q,_e as r,La as s,Rt as t,Ha as u,je as v,Tt as w,It as x,Ga as y,Et as z,Vt as A,kt as B,Ke as C,Mt as D,te as E,Vr as F,kr as G,$t as H,Dt as I,me as J,Nr as K,ps as L,Lr as M,Ht as N,gs as O,Ut as P,Bt as Q,pe as R,jr as S,jt as T,Kt as U,Gr as V,re as W,Yt as X,au as Y,Qt as Z,Wt as _,Gt as $,Xt as aa,tn as ba,nn as ca,ge as da,on as ea,M as fa,Re as ga,ie as ha,Te as ia,mn as ja,Xc as ka,el as la,tl as ma,yn as na,rt as oa,xn as pa,ko as qa,No as ra,Lo as sa,nl as ta,he as ua,Tn as va,Mn as wa,wn as xa,jo as ya,Me as za,En as Aa,Vn as Ba,Nn as Ca,On as Da,Hn as Ea,we as Fa,it as Ga,ue as Ha,xd as Ia,Sd as Ja,Cd as Ka,Ve as La,ke as Ma,Qn as Na,gm as Oa,N as Pa};

package/dist/chunk-QCPOOHCR.js

@@ -0,0 +1 @@
+import{expandTarget as R}from"@iiif/helpers";function W(e){return e.type==="SpecificResource"?[e.source,{selector:e.selector}]:[e,{selector:null}]}function y(e,r){let{selector:n,source:o}=R(r);if(o.id!==e.id)return[null,o];let t={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[n?n.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:n.temporal,spatial:t.spatial}:n:null,o]}var M={makeChoice:()=>{}},f={type:"unknown"},m=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),C=(e,r)=>({type:"empty",width:e,height:r,annotations:{pages:[]},image:null,images:[]});var v=["model/gltf-binary"];function I(e,r){let o=r.items[0].resource;return o.format?v.indexOf(o.format)===-1?m(`3D format: ${o.format} is unsupported`):{type:"3d-model",model:o}:m("Unknown format")}import{getImageServices as N}from"@atlas-viewer/iiif-image-api";import{expandTarget as w}from"@iiif/helpers/annotation-targets";function S(e,r,n){let o=[];for(let t of r.items){let p=t.resource&&t.resource.type==="SpecificResource"?t.resource.source:t.resource;if(!p.id)return m("No resource Identifier");let c;if(p.service){let g=N(p);g[0]&&(c=n(g[0],e))}let u={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[i,a]=y(e,t.target);if(!(a.id===e.id||decodeURIComponent(a.id||"")===(e.id||"")))continue;let s=t.resource.width&&t.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:t.resource.width,height:t.resource.height}}:void 0,d=t.resource.type==="SpecificResource"?w(t.resource):null;if(t.selector){let g=w({type:"SpecificResource",source:t.resource,selector:t.selector});g&&(d=g)}let l=d&&d.selector&&(d.selector.type==="BoxSelector"||d.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:d.selector.spatial.x,y:d.selector.spatial.y,width:d.selector.spatial.width,height:d.selector.spatial.height}}:void 0;c&&!c.id&&(c.id=c["@id"]);let T={id:p.id,type:"Image",annotationId:t.annotationId,width:Number(i||l?p.width:e.width),height:Number(i||l?p.height:e.height),service:c,sizes:c&&c.sizes?c.sizes:p.width&&p.height?[{width:p.width,height:p.height}]:[],target:i&&i.type!=="PointSelector"?i:u,selector:l||{type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}}};o.push(T)}return{type:"images",image:o[0],images:o,choice:r.choice}}function b(e,r={},n){let o=e.language||n||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(r[o]=[e.value]);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(t=>b(t,r,o))}return r}function h(e,r){let n=[];return r.items.forEach(o=>{if(o.resource){let[t]=y(e,o.target);n.push({type:"Text",annotationId:o.annotationId,text:b(o.resource),target:t})}}),{type:"textual-content",items:n}}import{expandTarget as z,parseSelector as B}from"@iiif/helpers";var D=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function x(e,r){let n=r.items.filter(s=>s.type==="video"),o=!1;if(e.duration||(o=!0),n.length>1)return m("Only one video source supported");let t=n[0]?.resource,p=!!(t.service||[]).find(s=>(s.profile||"").includes("youtube.com"));if(!p&&o)return m("Video does not have duration");if(!t)return m("Unknown video");if((!t.format||t.format==="text/html")&&!p)return m("Video does not have format");let c=r.items[0],u={annotationId:r.items[0].annotationId,duration:e.duration,url:t.id,type:"Video",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:t.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},i=z(c.target);i.selector&&i.selector.type==="TemporalBoxSelector"&&(u.target=i.selector);let{selector:a}=B(c.selector);if(a===null){let s=u.target.temporal.startTime,l=(u.target.temporal.endTime||e.duration)-s;u.selector={type:"TemporalSelector",temporal:{startTime:0,endTime:l}}}else a.type==="TemporalSelector"&&(u.selector=a);if(p){u.type="VideoYouTube";let s=t.id.match(D);if(!s[1])return m("Video is not known youtube video");u.youTubeId=s[1]}return{type:"media",media:u,annotations:{pages:[]}}}function P(e,r,n){let o={type:"complex-timeline",items:[],keyframes:[],duration:e.duration||0},t={type:"complex-choice",items:[]};function p(i){i.choice&&(i.choice.type==="complex-choice"?t.items.push(...i.choice.items):t.items.push(i.choice))}for(let i of r.items){if(i.type==="image"){let a=S(e,{choice:null,allChoices:null,types:["image"],items:[i]},n);if(a.type==="images"){p(a),o.items.push(a.image);let s={id:a.image.annotationId,type:"enter",resourceType:"image",time:a.image.target?.temporal?.startTime||0};o.keyframes.push(s);let d={id:a.image.annotationId,type:"exit",resourceType:"image",time:a.image.target?.temporal?.endTime||e.duration||0};o.keyframes.push(d)}}if(i.type==="textualbody"){let a=h(e,{choice:null,allChoices:null,types:["textualbody"],items:[i]});if(a.type==="textual-content"){p(a);let s=a.items[0];o.items.push(s);let d=s.target,l={id:s.annotationId,type:"enter",resourceType:"text",time:d.temporal?.startTime||0};o.keyframes.push(l);let T={id:s.annotationId,type:"exit",resourceType:"text",time:d.temporal?.endTime||e.duration||0};o.keyframes.push(T)}}if(i.type==="video"){let a=x(e,{choice:null,allChoices:null,types:["video"],items:[i]});if(a.type==="media"){p(a);let s=a.media;o.items.push(s);let d={id:s.annotationId,type:"enter",resourceType:"video",time:s.target?.temporal?.startTime||0};o.keyframes.push(d);let l={id:s.annotationId,type:"exit",resourceType:"video",time:s.target?.temporal?.endTime||e.duration||0};o.keyframes.push(l)}}}o.keyframes.sort((i,a)=>i.time-a.time);let c=[],u=[];for(let i of o.keyframes){if(i.resourceType==="image"||i.resourceType==="text"){u.push(i);continue}if(i.type==="enter"){c.length===0&&(i.isPrime=!0),c.push(i),u.push(i);continue}if(i.type==="exit"&&(u.push(i),c=c.filter(a=>a.id!==i.id),c.length!==0)){let a=c[0],s={id:a.id,type:"change",isPrime:!0,resourceType:a.resourceType,time:i.time};u.push(s)}}return o.keyframes=u,t.items.length&&(o.choice=t),o}function k(e,r){if(!e.duration)return m("No duration on canvas");if(r.items.length>1)return m("Only one audio source supported");let n=r.items[0]?.resource;return n?n.format?{type:"media",media:{annotationId:r.items[0].annotationId,duration:e.duration,url:n.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:n.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}:m("Audio does not have format"):m("Unknown audio")}function de({canvas:e,paintables:r,supports:n,loadImageService:o}){if(!e)return f;if(r.types.length===0)return n.indexOf("empty")!==-1?C(e.width,e.height):f;if(r.types.length!==1)if(r.types.length===2&&r.types.indexOf("text")!==-1)r.types=r.types.filter(p=>p!=="text");else return n.indexOf("complex-timeline")===-1?m("Complex timeline not supported"):P(e,r,o);let t=r.types[0];return t==="image"?n.indexOf("images")===-1?m("Image not supported"):S(e,r,o):t==="Model"||t==="model"?n.indexOf("3d-model")===-1?m("3D not supported"):I(e,r):t==="textualbody"?n.indexOf("textual-content")===-1?m("Textual content not supported"):h(e,r):t==="sound"||t==="audio"?n.indexOf("media")===-1?m("Media not supported"):k(e,r):t==="video"?n.indexOf("media")===-1?m("Media not supported"):x(e,r):f}export{W as a,y as b,M as c,f as d,m as e,C as f,I as g,S as h,h as i,x as j,P as k,de as l};

package/dist/{index-jRxSNVAX.d.ts → index-B6kdyv-j.d.cts}

@@ -3,7 +3,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AtlasProps, Preset, BoxStyle, ViewerMode } from '@atlas-viewer/atlas';
 import { AnnotationPage, Reference } from '@iiif/presentation-3';
 import { AnnotationPageNormalized } from '@iiif/presentation-3-normalized';
-import { S as StrategyActions, a as SingleImageStrategy, E as EmptyStrategy, M as MediaStrategy, R as RenderingStrategy, I as ImageWithOptionalService, b as SingleAudio, c as SingleVideo } from './useRenderingStrategy-D2R_H2aP.js';
+import { S as StrategyActions, a as SingleImageStrategy, E as EmptyStrategy, M as MediaStrategy, C as ComplexTimelineStrategy, R as RenderingStrategy, I as ImageWithOptionalService, b as SingleAudio, c as SingleVideo } from './useRenderingStrategy-2EaRC2Nc.cjs';
 import { ChoiceDescription, BoxSelector } from '@iiif/helpers';
 import { ImageCandidate } from '@atlas-viewer/iiif-image-api';
 import { Vault } from '@iiif/helpers/vault';
@@ -50,6 +50,7 @@ type CanvasProps = {
     renderViewerControls?: (strategy: SingleImageStrategy | EmptyStrategy) => ReactNode;
     viewControlsDeps?: any[];
     renderMediaControls?: (strategy: MediaStrategy) => ReactNode;
+    renderComplexTimelineControls?: (strategy: ComplexTimelineStrategy) => ReactNode;
     mediaControlsDeps?: any[];
     strategies?: Array<RenderingStrategy['type']>;
     backgroundStyle?: BoxStyle;
@@ -60,7 +61,7 @@ type CanvasProps = {
     throwOnUnknown?: boolean;
     onClickPaintingAnnotation?: (id: string, image: ImageWithOptionalService, e: any) => void;
 };
-declare function RenderCanvas({ x, y, onChoiceChange, registerActions, defaultChoices, isStatic, renderViewerControls, renderMediaControls, viewControlsDeps, mediaControlsDeps, strategies, throwOnUnknown, backgroundStyle, alwaysShowBackground, keepCanvasScale, enableSizes, enableYouTube, onClickPaintingAnnotation, children, }: CanvasProps): react_jsx_runtime.JSX.Element | null;
+declare function RenderCanvas({ x, y, onChoiceChange, registerActions, defaultChoices, isStatic, renderViewerControls, renderMediaControls, renderComplexTimelineControls, viewControlsDeps, mediaControlsDeps, strategies, throwOnUnknown, backgroundStyle, alwaysShowBackground, keepCanvasScale, enableSizes, enableYouTube, onClickPaintingAnnotation, children, }: CanvasProps): react_jsx_runtime.JSX.Element | null;
 
 declare function RenderImage({ id, image, thumbnail, isStatic, x, y, children, selector, onClick, enableSizes, }: {
     id: string;
@@ -179,6 +180,7 @@ interface CanvasPanelProps {
     components?: {
         ViewerControls?: FC;
         MediaControls?: FC;
+        ComplexTimelineControls?: FC;
     };
     canvasProps?: Omit<Partial<CanvasProps>, 'x'>;
     annotations?: ReactNode;