react-iiif-vault 1.5.1 → 1.5.3

package/dist/canvas-panel.cjs

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

package/dist/canvas-panel.js

@@ -1 +1 @@
-import{nb as a}from"./chunk-IWRMLB3G.js";import"./chunk-XNDN34SQ.js";export{a as CanvasPanel};
+import{nb as a}from"./chunk-GEULRPL7.js";import"./chunk-XNDN34SQ.js";export{a as CanvasPanel};

package/dist/chunk-GEULRPL7.js

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