react-iiif-vault 1.2.4 → 1.2.5

package/dist/index.cjs

@@ -1,7 +1,7 @@
-"use strict";var li=Object.create;var kt=Object.defineProperty;var di=Object.getOwnPropertyDescriptor;var mi=Object.getOwnPropertyNames;var fi=Object.getPrototypeOf,pi=Object.prototype.hasOwnProperty;var gi=(e,t)=>{for(var n in t)kt(e,n,{get:t[n],enumerable:!0})},Mt=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of mi(t))!pi.call(e,o)&&o!==n&&kt(e,o,{get:()=>t[o],enumerable:!(r=di(t,o))||r.enumerable});return e},p=(e,t,n)=>(Mt(e,t,"default"),n&&Mt(n,t,"default")),ie=(e,t,n)=>(n=e!=null?li(fi(e)):{},Mt(t||!e||!e.__esModule?kt(n,"default",{value:e,enumerable:!0}):n,e)),hi=e=>Mt(kt({},"__esModule",{value:!0}),e);var f={};gi(f,{AnnotationContext:()=>ia,AnnotationPageContext:()=>aa,AnnotationStyleProvider:()=>ra,Auth:()=>Pn,AuthProvider:()=>bn,AuthRContext:()=>we,AuthReactContext:()=>Lr,AuthReactContextActions:()=>zr,CanvasAnnotations:()=>_i,CanvasContext:()=>ee,CanvasPanel:()=>B,CollectionContext:()=>sa,CombinedMetadata:()=>Yi,ContextBridge:()=>Tn,CreateCustomShape:()=>pr,EventsProvider:()=>Ti,Image:()=>Yo,ImageServiceLoaderContext:()=>Ao,InnerViewerProvider:()=>Wr,LanguageProvider:()=>ki,LanguageString:()=>go,LocaleString:()=>K,ManifestContext:()=>dn,ManifestMetadata:()=>ji,MediaPlayerProvider:()=>St,Metadata:()=>Pt,PolygonSelector:()=>oa,RangeContext:()=>mn,ReactEventContext:()=>Te,ReactVaultContext:()=>pe,RenderSvgEditorControls:()=>Ji,ResourceProvider:()=>q,ResourceReactContext:()=>tt,SelectorControllerProvider:()=>ea,SequenceThumbnails:()=>Xi,SimpleViewerProvider:()=>In,SimpleViewerReactContext:()=>Ue,SingleCanvasThumbnail:()=>ir,TranslationProvider:()=>Mi,VaultProvider:()=>Ae,ViewerPresetContext:()=>Ye,VirtualAnnotationProvider:()=>En,VisibleCanvasReactContext:()=>Re,authDetailsForResource:()=>Sn,createAuthStateStore:()=>vn,createProbe:()=>yn,defaultEmitter:()=>_r,emptyActions:()=>qn,emptyStrategy:()=>Wn,findAllCanvasesInRange:()=>Vt,findFirstCanvasFromRange:()=>Mr,findManifestSelectedRange:()=>yi,findSelectedRange:()=>fn,flattenAnnotationPageIds:()=>Un,formatTime:()=>ko,get3dStrategy:()=>Qn,getDefaultAnnotationStyles:()=>ur,getImageStrategy:()=>Gn,getManifestSequence:()=>Lt,getParsedTargetSelector:()=>gt,getRenderingStrategy:()=>Zn,getTextualContentStrategy:()=>Kn,getVideoStrategy:()=>Xn,getVisibleCanvasesFromCanvasId:()=>Si,hasAuth:()=>xi,makeAccessServiceRequest:()=>gn,makeAccessTokenRequest:()=>zt,parseSpecificResource:()=>Vi,svgThemes:()=>ei,unknownResponse:()=>ht,unsupportedStrategy:()=>I,useAnnotation:()=>dt,useAnnotationPage:()=>Bn,useAnnotationPageManager:()=>yt,useAnnotationStyles:()=>dr,useAnnotationsAtTime:()=>ca,useAuthActions:()=>Hr,useAuthService:()=>Or,useAuthStore:()=>qe,useAuthToken:()=>bi,useAuthTokens:()=>xn,useCanvas:()=>R,useCanvasChoices:()=>ua,useCanvasClock:()=>la,useCanvasSequence:()=>pn,useCanvasSubset:()=>da,useClosestLanguage:()=>vo,useCollection:()=>ma,useContextBridge:()=>wn,useCreateLocaleString:()=>Ni,useCurrentAuth:()=>Ci,useDispatch:()=>Mn,useEventEmitter:()=>ut,useEventListener:()=>fa,useExistingVault:()=>Pe,useExternalCollection:()=>pa,useExternalManifest:()=>ln,useExternalResource:()=>rt,useIIIFLanguage:()=>$t,useImage:()=>tn,useImageService:()=>vr,useImageServiceLoader:()=>me,useImageTile:()=>ga,useIsAuthEnabled:()=>An,useLoadImageService:()=>_n,useLocaleString:()=>yo,useManifest:()=>z,useMediaActions:()=>qi,useMediaElements:()=>Wi,useMediaState:()=>Di,usePaintables:()=>Yn,usePaintingAnnotations:()=>Le,usePolygonHelper:()=>mr,useRange:()=>ot,useRenderingStrategy:()=>Jn,useResourceContext:()=>D,useResourceEvents:()=>lt,useResources:()=>$n,useSearchService:()=>Rn,useSelectorController:()=>cr,useSelectorEmitter:()=>ta,useSelectorEvents:()=>sr,useSelectorHelper:()=>na,useSimpleMediaPlayer:()=>Oe,useSimpleViewer:()=>ct,useStyleHelper:()=>ha,useStyles:()=>Ne,useSvgEditor:()=>fr,useThumbnail:()=>He,useTranslations:()=>Dn,useVault:()=>b,useVaultEffect:()=>er,useVaultSelector:()=>A,useViewerPreset:()=>Vn,useVirtualAnnotationPage:()=>kn,useVirtualAnnotationPageContext:()=>Nn,useVisibleCanvases:()=>Ie});module.exports=hi(f);var bt=require("react");var W=ie(require("react"),1),qt=require("@atlas-viewer/atlas"),eo=require("react-error-boundary");var he=require("react");var Be=ie(require("react"),1),Sr=require("react/jsx-runtime"),vi={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},tt=Be.default.createContext(vi),D=()=>(0,Be.useContext)(tt);function q({value:e,children:t}){let n=D(),r=(0,Be.useMemo)(()=>({...n,...e}),[e,n]);return(0,Sr.jsx)(tt.Provider,{value:r,children:t})}var Nt=ie(require("react"),1),nt=require("@iiif/helpers/vault");var un=require("react/jsx-runtime"),pe=Nt.default.createContext({vault:null,setVaultInstance:e=>{}});function Ae({vault:e,vaultOptions:t,useGlobal:n,resources:r,children:o}){let[i,a]=(0,Nt.useState)(()=>e||(n?(0,nt.globalVault)(t):t?new nt.Vault(t):new nt.Vault));return(0,un.jsx)(pe.Provider,{value:{vault:i,setVaultInstance:a},children:(0,un.jsx)(q,{value:r||{},children:o})})}var qr=require("react"),Ot=require("react");var xr=require("@iiif/helpers/vault"),Cr=require("react");function Pe(e){let t=(0,Cr.useContext)(pe);return e||(t&&t.vault?t.vault:(0,xr.globalVault)())}var ge=require("react");function rt(e,{noCache:t=!1}={}){let n=typeof e=="string"?e:e.id,r=Pe(),[o,i]=(0,ge.useState)(n),[a,s]=(0,ge.useState)(void 0),c=(0,ge.useMemo)(()=>r.get(n,{skipSelfReturn:!0})||void 0,[n,r]),[u,l]=(0,ge.useState)(c);return(0,ge.useEffect)(()=>{(async()=>{try{let d=c&&!t?c:await r.load(n),v=d?d.id||d["@id"]:null;d&&o!==v&&i(v),l(d)}catch(d){s(d)}})()},[n,t]),{isLoaded:!!u,id:o,requestId:n,error:a,resource:u,cached:!!(u&&u===c)}}function ln(e,t){let{id:n,isLoaded:r,error:o,resource:i,requestId:a,cached:s}=rt(e,t);return{id:n,isLoaded:r,error:o,manifest:i,requestId:a,cached:s}}var br=require("react/jsx-runtime");function dn({manifest:e,children:t}){return(0,br.jsx)(q,{value:{manifest:e},children:t})}var Ar=require("react/jsx-runtime");function ee({canvas:e,children:t}){return(0,Ar.jsx)(q,{value:{canvas:e},children:t})}var Rr=require("react"),Ir=ie(require("react"),1);var Pr=require("react"),b=()=>{let{vault:e}=(0,Pr.useContext)(pe);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var Et=require("react");function A(e,t=[]){let n=b(),[r,o]=(0,Et.useState)(()=>e(n.getState(),n));return(0,Et.useEffect)(()=>n.subscribe(i=>e(i,n),i=>{o(i)},!1),t),r}var Re=Ir.default.createContext([]);function Ie(){let e=(0,Rr.useContext)(Re);return A(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var wr=require("react");function z(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=b(),a=n||o.manifest,s=A(c=>a?c.iiif.entities.Manifest[a]:void 0,[a]);return(0,wr.useMemo)(()=>{if(s)return r?r(s):s},[s,r,...t])}var Tr=require("react/jsx-runtime");function mn({range:e,children:t}){return(0,Tr.jsx)(q,{value:{range:e},children:t})}function Mr(e,t){for(let n of t.items){if(n.type==="Canvas")return n;if(n.type==="SpecificResource")return n.source;if(n.type==="Range"){let r=Mr(e,e.get(n));if(r)return r}}return null}function Vt(e,t){let n=[];for(let r of t.items)if(r.type==="SpecificResource"&&r.source?.type==="Canvas"&&(r.source.id.indexOf("#")!==-1?n.push({id:r.source.id.split("#")[0],type:"Canvas"}):n.push(r.source)),r.type==="Range"&&n.push(...Vt(e,e.get(r))),r.type==="SpecificResource"){let o=typeof r.source=="string"?r.source:r.source.id;n.push({id:o,type:"Canvas"})}return n}function yi(e,t,n){for(let r of t.structures){let o=fn(e,e.get(r),n);if(o)return o}return null}function fn(e,t,n){for(let r of t.items){let o=r?.source?.id?.split("#")[0];if(r.type==="SpecificResource"&&r.source===n||r.type==="SpecificResource"&&r.source?.type==="Canvas"&&n===o)return t;if(r.type==="Range"){let i=fn(e,e.get(r),n);if(i)return i}}return null}function Si(e,t,n,r=!1){let o=t.behavior,i=n?e.get(n):null;if(!i)return[];let a=i.behavior,s=r?!1:o.includes("paged"),c=s?!1:o.includes("continuous"),u=s||c?!1:o.includes("individuals"),l=a.includes("facing-pages"),d=a.includes("non-paged");if(l||d||u||r)return[{id:i.id,type:"Canvas"}];let[v,y]=Lt(e,t);if(c)return v;let h=v.findIndex(g=>g.id===n);if(h===-1)return[];for(let g of y)if(g.includes(h))return g.map(S=>v[S]);return[{id:i.id,type:"Canvas"}]}function Lt(e,t,{disablePaging:n,skipNonPaged:r}={}){let o=t.behavior,i=o.includes("paged"),a=i?!1:o.includes("continuous"),s=i||a?!1:o.includes("individuals"),c=t.type==="Manifest"?t.items:Vt(e,t);if(a)return[c,[c.map((h,g)=>g)]];if(s||!i||n)return[c,c.map((h,g)=>[g])];let u=[],l=[],d=()=>{l.length&&(u.push([...l]),l=[])},v=0,y=!1;for(let h=0;h<c.length;h++){let g=e.get(c[h]);if(g.behavior.includes("non-paged")){h===v&&v++,r||(d(),u.push([h]),d());continue}if(h===v||g.behavior.includes("facing-pages")){l.length&&(y=!0),d(),u.push([h]),d();continue}if(l.push(h),y){d(),y=!1;continue}l.length>1&&d()}return l.length&&d(),[c,u]}var te=require("react");var kr=require("react");function ot(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=n||o.range,a=A(s=>i?s.iiif.entities.Range[i]:void 0,[i]);return(0,kr.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}function pn({startCanvas:e,disablePaging:t}){let n=b(),r=z(),o=ot(),[i,a]=(0,te.useState)(void 0),s=o||r;if(!s)throw new Error("Nothing selected");let[c,u]=(0,te.useMemo)(()=>Lt(n,s,{disablePaging:t}),[n,s,t]),l=(0,te.useRef)(u);if(l.current!==u){let S=l.current[i][0],C=u.findIndex(T=>T.includes(S));l.current=u,a(C)}let d=(0,te.useCallback)(g=>{let S=u.findIndex(C=>C.includes(g));a(S===-1?0:S)},[c,u]),v=(0,te.useCallback)(g=>{let S=c.findIndex(C=>C.id===g);S!==-1?d(S):a(0)},[c,u]),y=(0,te.useCallback)(()=>{a(g=>g>=u.length-1?g:g+1)},[u]),h=(0,te.useCallback)(()=>{a(g=>g<=0?0:g-1)},[u]);return typeof i>"u"&&(e?v(e):a(0)),{visibleItems:u[i]?.map(g=>c[g].id)||[],cursor:i,items:c,sequence:u,hasPrevious:i>0,hasNext:i<u.length-1,setSequenceIndex:a,setCanvasIndex:d,setCanvasId:v,next:y,previous:h}}var re=require("react"),De=require("zustand");var hn=require("zustand/vanilla");function xi(e){let t=e.service||e.services||[];for(let n of t)if(n.type==="AuthProbeService2")return!0;return!1}function ne(e,t,n){let r=t.findIndex(a=>a.service.id===e);if(r===-1)return t;let o=[...t],i=n(o[r]);return i===o[r]?t:(o[r]=i,o)}var vn=()=>(0,hn.createStore)((e,t)=>({currentAuth:-1,authItems:[],login:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot login to non-active service");let r=n.service.service.find(o=>o.type==="AuthAccessTokenService2");if(!r)throw new Error("Token service not found");e(()=>({authItems:ne(n.id,t().authItems,o=>({...o,isPending:!0}))})),gn(n.service).then(()=>{zt(r).then(o=>{let i=o.expiresIn,a=Date.now()+i*1e3;e(()=>({authItems:ne(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:o.accessToken,expires:a}}))}))}).catch(o=>{e(()=>({authItems:ne(n.id,t().authItems,i=>({...i,isLoggedIn:!1,isPending:!1,error:o.message}))}))})})},logout:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||!n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot logout of non-active service");let r=n.service.service.find(a=>a.type==="AuthLogoutService2");if(!r)return;let o=`${r.id}?origin=${Nr()}`,i=window.open(o);e(()=>({authItems:ne(n.id,t().authItems,a=>({...a,isLoggedIn:!1,session:null,isPending:!1}))}))},nextAuth:()=>{let n=t().authItems.length,r=t().currentAuth+1;r>=n||e(()=>({currentAuth:r}))},previousAuth:()=>{let n=t().currentAuth-1;n<0||e(()=>({currentAuth:n}))},setAuth:n=>{n!==-1&&(n<0||n>=t().authItems.length)||e(()=>({currentAuth:n}))},addService:(n,r)=>{if(!n.service)return;let o=n.service.find(s=>s.type==="AuthAccessTokenService2"),i=n;if(t().authItems.find(s=>s.service.id===n.id)){e(()=>({authItems:ne(n.id,t().authItems,s=>({...s,instances:s.instances+1}))}));return}if(e(()=>({currentAuth:i.profile==="active"?0:t().currentAuth,authItems:[{id:n.id,type:n.profile,service:n,probeId:r,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...t().authItems]})),n.profile==="external"){if(!o)throw new Error("Token service not found");zt(o).then(s=>{e(()=>({authItems:ne(n.id,t().authItems,c=>({...c,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ne(n.id,t().authItems,c=>({...c,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:s.message}))}))})}if(n.profile==="kiosk"){if(!o)throw new Error("Token service not found");e(()=>({authItems:ne(n.id,t().authItems,s=>({...s,isPending:!0}))})),gn(i).then(()=>{zt(o).then(s=>{e(()=>({authItems:ne(n.id,t().authItems,c=>({...c,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ne(n.id,t().authItems,c=>({...c,isLoggedIn:!1,isPending:!1,error:s.message}))}))})})}n.profile},removeService:(n,r)=>{let o=t().currentAuth===t().authItems.findIndex(a=>a.service.id===n.id),i=t().currentAuth;if(o){let a=t().authItems.find(c=>c.service.id===n.id);a&&a.instances>1||(i=t().authItems.findIndex(u=>u.service.id!==n.id&&u.instances>0))}e(()=>({authItems:ne(n.id,t().authItems,a=>({...a,instances:a.instances-1})),currentAuth:i}))}})),yn=(e,t)=>(0,hn.createStore)((n,r)=>({service:e,status:e?"unknown":"success",shouldRedirect:!1,redirectResource:null,shouldSubstitute:!1,substituteResource:null,error:null,errorHeading:null,errorNote:null,shouldDisplayResource:!1,token:t||null,async probe(){if(!r().service)return;let o=r().service?.id;if(!o){n({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}n({status:"probing"});let i=r().token;try{let a=await fetch(o,{headers:i?{Authorization:`Bearer ${r().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(s=>s.json());if(a.status===200)n({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(a.status<400&&a.status>=300){if(!a.location)throw new Error("Redirect location not found");n({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:a.location||null})}else if(a.status===401)n({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!a.substitute,substituteResource:a.substitute||null,error:"Unauthorized",errorHeading:a.heading||{en:["Unauthorized"]},errorNote:a.note||null});else throw new Error("Unknown error")}catch(a){n({status:"error",error:a.message,errorHeading:{en:["Unknown error"]}})}},setToken(o){n({token:o})}}));function Sn(e){let t=e.service||e.services||[],n={hasAuth:!1,services:{}};for(let r of t)if(r.type==="AuthProbeService2"){n.services.probe=r,n.hasAuth=!0;let o=r.service.filter(i=>i.type==="AuthAccessService2");o[0]&&(n.services.access=o[0])}return n}async function zt(e,{strict:t=!0}={}){return new Promise((n,r)=>{let o=Math.random().toString(36).substring(7),i=`${e.id}?messageId=${o}&origin=${window.location.origin}`,a=u=>{let l=u.data;if(l.messageId===o){if(t&&l.type!=="AuthAccessToken2"){s(),r("Invalid response, expected type=AuthAccessToken2");return}if(!l.accessToken){s(),r("Invalid response, expected accessToken");return}s(),n(l)}},s=()=>window.removeEventListener("message",a),c=document.createElement("iframe");c.src=i,c.style.display="none",document.body.appendChild(c),window.addEventListener("message",a)})}function Nr(e){let t=window.location;if(e){let n=document.createElement("a");return n.href=e,n.protocol+"//"+n.hostname+(n.port?":"+n.port:"")}return t.protocol+"//"+t.hostname+(t.port?":"+t.port:"")}async function gn(e){let t=`${e.id}?origin=${Nr()}`,n=window.open(t);if(!n)throw new Error("Failed to open window");return new Promise((r,o)=>{let i=setInterval(()=>{n.closed&&(clearInterval(i),r())},500)})}var Fe=require("react");var Er=require("zustand");function Vr(e){let t=(0,Fe.useMemo)(()=>Sn(e),[e]),n=xn(t.services.access?.id),r=(0,Fe.useMemo)(()=>yn(t.services.probe,n),[t.services.probe]),o=(0,Er.useStore)(r);return(0,Fe.useEffect)(()=>{o.status==="unknown"&&!n&&o.probe()},[t.services.probe,o.status]),(0,Fe.useEffect)(()=>{n&&(o.setToken(n),o.probe())},[n]),[e,o,t.hasAuth]}var it=require("react/jsx-runtime"),we=(0,re.createContext)(null),Lr=(0,re.createContext)(null);Lr.displayName="CurrentAuth";var zr=(0,re.createContext)(null);zr.displayName="AuthActions";function bn({children:e}){let t=(0,re.useMemo)(()=>vn(),[]);return(0,it.jsx)(we.Provider,{value:t,children:e})}function An(){return!!(0,re.useContext)(we)}function qe(){let e=(0,re.useContext)(we);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function Hr(){let e=qe();return(0,De.useStore)(e,n=>({login:n.login,logout:n.logout,nextAuth:n.nextAuth,previousAuth:n.previousAuth,setAuth:n.setAuth,addService:n.addService,removeService:n.removeService}))}function Ci(){let e=qe();return(0,De.useStore)(e,t=>t)}function Or(e){let t=qe();return(0,De.useStore)(t,r=>r.authItems.find(o=>o.service.id===e))}function xn(e){let t=qe();return(0,De.useStore)(t,r=>r.authItems.find(o=>o.id===e)?.session?.token)}function bi(e){let t=qe();return(0,De.useStore)(t,r=>{let o=r.authItems.find(i=>i.service.id===e);return!o||!o.isLoggedIn||!o.session?null:o.session?.token||null})}function Ai(e){let t=Hr(),n=Or(e.service.id);return(0,re.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function Cn(){return null}function Pn(e){let[t,n,r]=Vr(e.resource),o=e.fallbackComponent||Cn,i=e.loadingComponent||Cn,a=e.errorComponent||Cn,s=n.service,c=null;if(!r||!s)return e.children(t);let u=s.service.filter(l=>l.type==="AuthAccessService2");n.status==="error"&&(c=(0,it.jsx)(a,{resource:e.resource,error:n.error||"",heading:n.errorHeading,note:n.errorNote,extra:e.extra})),(n.status==="unknown"||n.status==="probing")&&(c=(0,it.jsx)(i,{})),n.status==="success"&&(c=e.children(t));for(let l of u)c=(0,it.jsx)(Ai,{service:l,probeId:s.id,children:c},l.id);return c}var at=require("react");var Br=require("zustand/vanilla"),Pi=e=>e.id||e["@id"];function Ri(e){return(Array.isArray(e.service)?e.service:[e.service]).find(n=>n.profile==="http://iiif.io/api/search/0/autocomplete"||n.profile==="http://iiif.io/api/search/1/autocomplete"||n.profile==="AutoCompleteService1")}var Fr=e=>{let t;typeof e=="string"?t={"@context":"http://iiif.io/api/search/1/context.json",profile:"http://iiif.io/api/search/1/search","@id":e,id:e,service:[]}:t=e;let n=t?Pi(t):void 0,r=null;return(0,Br.createStore)((o,i)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!Ri(t):!1,errorMessage:"",search(a,s={}){if(!n)throw new Error("No search service found.");r&&!r.signal.aborted&&r.abort(),r=new AbortController;let c=new URLSearchParams;a.q&&c.set("q",a.q),a.motivation&&c.set("motivation",a.motivation),a.date&&c.set("date",a.date),a.user&&c.set("user",a.user),o({loading:!0}),fetch(`${n}?${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(a){let s=i().resources.find(c=>c["@id"]===a);o({highlight:s})},nextResult(){let a=i().resources,s=i().highlight;if(!s){o({highlight:a[0]||null});return}let c=a.findIndex(u=>u["@id"]===s["@id"]);if(c===-1){o({highlight:a[0]||null});return}o({highlight:a[c+1]||a[0]||null})},previousResult(){let a=i().resources,s=i().highlight;if(!s){o({highlight:a[a.length-1]||null});return}let c=a.findIndex(u=>u["@id"]===s["@id"]);if(c===-1){o({highlight:a[a.length-1]||null});return}if(c===0){o({highlight:a[a.length-1]||null});return}o({highlight:a[c-1]||a[a.length-1]||null})}}))};var Ii=require("zustand");function Rn(){let e=z();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var Ht=require("react/jsx-runtime"),We=(0,at.createContext)(null);We.displayName="Search";function Dr(e){let t=Rn();return e.store?(0,Ht.jsx)(We.Provider,{value:e.store,children:e.children}):(0,Ht.jsx)(wi,{service:t,children:e.children})}function wi({service:e,children:t}){let n=(0,at.useMemo)(()=>Fr(e),[e]);return(0,Ht.jsx)(We.Provider,{value:n,children:t})}var Y=require("react/jsx-runtime"),st=()=>{},Ue=(0,Ot.createContext)({setCurrentCanvasId:st,setCurrentCanvasIndex:st,nextCanvas:st,previousCanvas:st,items:[],sequence:[],setSequenceIndex:st,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function Wr(e){let t=z(),{cursor:n,visibleItems:r,next:o,sequence:i,items:a,setCanvasIndex:s,setCanvasId:c,previous:u,setSequenceIndex:l,hasNext:d,hasPrevious:v}=pn({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),y=(0,Ot.useMemo)(()=>({sequence:i,items:a,setCurrentCanvasId:c,nextCanvas:o,previousCanvas:u,totalCanvases:a.length,setCurrentCanvasIndex:s,setSequenceIndex:l,currentSequenceIndex:n,hasNext:d,hasPrevious:v}),[i,a,c,o,u,a,s,l,n]);return t?r.length===0?null:(0,Y.jsx)(Ue.Provider,{value:y,children:(0,Y.jsx)(Re.Provider,{value:r,children:(0,Y.jsx)(ee,{canvas:r[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,Y.jsx)("div",{children:"Sorry, something went wrong."}))}function In(e){let t=Pe(e.vault),n=ln(e.manifest);if(!n)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,Y.jsx)("div",{children:"Sorry, something went wrong."});if(n.error)return(0,Y.jsx)("div",{children:n.error.toString()});if(!n.isLoaded)return(0,Y.jsx)("div",{children:"Loading..."});let r=(0,Y.jsx)(Wr,{...e,children:e.children});return(0,Y.jsx)(Ae,{vault:t,children:(0,Y.jsx)(dn,{manifest:n.id,children:(0,Y.jsx)(bn,{children:(0,Y.jsx)(Dr,{children:e.rangeId?(0,Y.jsx)(mn,{range:e.rangeId,children:r}):r})})})})}function ct(){return(0,qr.useContext)(Ue)}var Ur=ie(require("react"),1),Bt=require("react"),$r=ie(require("mitt"),1),Yr=require("react/jsx-runtime"),_r=(0,$r.default)(),Te=(0,Bt.createContext)({emitter:_r});Te.displayName="Events";function ut(){return Ur.default.useContext(Te).emitter}function Ti({emitter:e,children:t}){return(0,Yr.jsx)(Te.Provider,{value:(0,Bt.useMemo)(()=>({emitter:e}),[e]),children:t})}var Me=require("react/jsx-runtime");function wn(){return{VaultContext:(0,he.useContext)(pe),ResourceContext:(0,he.useContext)(tt),SimpleViewerReactContext:(0,he.useContext)(Ue),VisibleCanvasReactContext:(0,he.useContext)(Re),AuthRContext:(0,he.useContext)(we),SearchReactContext:(0,he.useContext)(We),ReactEventContext:(0,he.useContext)(Te)}}function Tn(e){return(0,Me.jsx)(Ae,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,Me.jsx)(Re.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,Me.jsx)(Ue.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,Me.jsx)(Te.Provider,{value:e.bridge.ReactEventContext,children:(0,Me.jsx)(we.Provider,{value:e.bridge.AuthRContext,children:(0,Me.jsx)(We.Provider,{value:e.bridge.SearchReactContext,children:e.children})})})})})})}var $e=require("react");var le=require("react");var Ft=require("@iiif/helpers/vault/actions");var Qr=require("react");function Mn(){let t=b().getStore();return(0,Qr.useMemo)(()=>n=>t.dispatch(n),[t])}function jr(e){return typeof e!="string"&&e&&e.bindToVault}function kn(){let e=b(),t=(0,le.useRef)([]),n=Mn(),r=(0,le.useMemo)(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);(0,le.useLayoutEffect)(()=>{let s={id:r,type:"AnnotationPage",behavior:[],label:null,thumbnail:[],summary:null,requiredStatement:null,metadata:[],rights:null,provider:[],items:[],seeAlso:[],homepage:[],rendering:[],service:[]};n(Ft.entityActions.importEntities({entities:{AnnotationPage:{[s.id]:s}}}))},[r]);let o=A(s=>r&&s.iiif.entities.AnnotationPage[r]||null,[r]),i=(0,le.useCallback)((s,c)=>{if(r){if(jr(s)){let d=s;d.__vault||d.bindToVault(e),s=typeof d.source=="string"?d.source:d.source.id,t.current[s]=d}else typeof s!="string"&&(s=s.id);let u=e.get({id:r,type:"AnnotationPage"}),l=e.get({id:s,type:"Annotation"});u&&l&&(u.items.find(d=>d.id===l.id)||n(Ft.entityActions.addReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"},index:c})))}},[r]),a=(0,le.useCallback)(s=>{r&&(jr(s)?s=typeof s.source=="string"?s.source:s.source.id:typeof s!="string"&&(s=s.id),t.current[s]&&t.current[s].beforeRemove(),e.get({id:r,type:"AnnotationPage"})&&n(Ft.entityActions.removeReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"}})))},[r]);return[o,{addAnnotation:i,removeAnnotation:a}]}var Kr=require("react/jsx-runtime"),Gr=(0,$e.createContext)(null);function Nn(){let e=(0,$e.useContext)(Gr);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function En({children:e}){let[t,{addAnnotation:n,removeAnnotation:r}]=kn();return(0,Kr.jsx)(Gr.Provider,{value:(0,$e.useMemo)(()=>({fullPage:t,addAnnotation:n,removeAnnotation:r}),[t]),children:e})}var _e=require("react/jsx-runtime");function Xr({width:e,style:t,height:n,error:r,resetErrorBoundary:o}){return(0,_e.jsxs)("div",{style:{width:e,height:n,minHeight:500,...t||{},background:"#f9f9f9"},children:[(0,_e.jsx)("h3",{children:"Error occurred"}),(0,_e.jsx)("p",{children:r.message}),(0,_e.jsx)("button",{onClick:o,children:"Reset"})]})}var Dt=require("react"),Ye=(0,Dt.createContext)(null);function Vn(){return(0,Dt.useContext)(Ye)}var ke=require("react"),Ln=(0,ke.createContext)(()=>{}),zn=(0,ke.createContext)(()=>{});function oe(e,t,n,r,o=[]){let i=(0,ke.useContext)(e==="portal"?zn:Ln);(0,ke.useEffect)(()=>(e!=="none"&&i(t,n,r),()=>{i(t,null)}),[t,e,i,...o])}var Qe=require("react");var Zr=require("react");function R(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=n||o.canvas,a=A(s=>i?s.iiif.entities.Canvas[i]:void 0,[i]);return(0,Zr.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}var Hn=(0,Qe.createContext)(()=>{});function Jr(e){let t=R(),n=(0,Qe.useContext)(Hn);(0,Qe.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var V=require("react/jsx-runtime");function to({children:e,errorFallback:t,outerContainerProps:n={},worldScale:r,...o}){let[i,a]=(0,W.useState)(),s=wn(),c=t||Xr,[u,l]=(0,W.useState)({}),d=Object.entries(u),[v,y]=(0,W.useState)({}),h=Object.entries(v),[g,S]=(0,W.useState)({}),C=(0,W.useMemo)(()=>r||Math.max(...Object.values(g)),[g]),T=(0,W.useMemo)(()=>({maxOverZoom:C||1,...o.runtimeOptions||{}}),[C,o.runtimeOptions]),m=(0,W.useCallback)((M,O)=>{S(_=>{if(O===-1){let{[M]:x,...J}=_;return J}return{..._,[M]:O}})},[]),H=(0,W.useCallback)((M,O,_)=>{l(({[M]:x,...J})=>O?{...J,[M]:{element:O,props:_}}:J)},[]),fe=(0,W.useCallback)((M,O,_)=>{y(({[M]:x,...J})=>O?{...J,[M]:{element:O,props:_}}:J)},[]);return(0,V.jsxs)(eo.ErrorBoundary,{resetKeys:[],fallbackRender:M=>(0,V.jsx)(c,{...o,...M}),children:[(0,V.jsx)(qt.AtlasAuto,{...o,containerProps:{style:{position:"relative"},...o.containerProps||{}},htmlChildren:(0,V.jsx)(V.Fragment,{children:d.map(([M,{element:O,props:_}])=>(0,V.jsx)(W.default.Fragment,{children:(0,V.jsx)(O,{..._||{}})},M))}),onCreated:M=>{a(M),o.onCreated&&o.onCreated(M)},runtimeOptions:T,children:(0,V.jsx)(Ye.Provider,{value:i,children:(0,V.jsx)(Hn.Provider,{value:m,children:(0,V.jsx)(Ln.Provider,{value:H,children:(0,V.jsx)(zn.Provider,{value:fe,children:(0,V.jsx)(Tn,{bridge:s,children:(0,V.jsx)(qt.ModeContext.Provider,{value:o.mode||"explore",children:(0,V.jsx)(En,{children:e})})})})})})})}),(0,V.jsx)("div",{children:h.map(([M,{element:O,props:_}])=>(0,V.jsx)(W.default.Fragment,{children:(0,V.jsx)(O,{..._||{}})},M))})]})}var Wt=require("@atlas-viewer/atlas");var On=require("react"),no=require("@iiif/helpers/events");function lt(e,t){let n=b(),r=(0,On.useMemo)(()=>(0,no.createEventsHelper)(n),[n]),o=A(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,On.useMemo)(()=>e?r.getListenersAsProps(e,t):{},[o,e,n,t])}var ro=require("react"),oo=require("@iiif/helpers/styles");function Ne(e,t){let n=b(),r=(0,ro.useMemo)(()=>(0,oo.createStylesHelper)(n),[n]);return A(()=>{if(!e)return null;let o=r.getAppliedStyles(e.id);return o?t?o[t]:o:void 0},[e,t])}var so=require("react");var io=require("react");var ao=require("@iiif/helpers/annotation-targets");function dt(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=b(),a=n||o.annotation,s=A(u=>a?u.iiif.entities.Annotation[a]:void 0,[a]),c=A(u=>s&&s.body?s.body.map(l=>l?l.type==="SpecificResource"?{...l,source:i.get(l)}:l?u.iiif.entities[l.type][l.id]:null:null).filter(Boolean):[],[s]);return(0,io.useMemo)(()=>{if(!s)return;let u={...s,body:c,target:(0,ao.expandTarget)(s.target,{typeMap:i.getState().iiif.mapping})};return r?r(u):u},[s,r,c,...t])}var co=require("react/jsx-runtime"),Ut=({id:e,style:t,className:n,interactive:r})=>{let o=dt({id:e}),i=Ne(o,"atlas"),a=Ne(o,"html"),s=lt(o,["atlas"]),c=R(),u=(0,so.useMemo)(()=>(0,Wt.mergeStyles)(t,i),[t,i]);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,co.jsx)(Wt.RegionHighlight,{id:o.id,isEditing:!0,region:o.target.selector.spatial,style:u,className:a?.className||n,interactive:!!(a?.href||r),href:a?.href||null,title:a?.title||null,hrefTarget:a?.target||null,onClick:()=>{},...s}):null};var lo=require("react");var uo=require("react");function Bn(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=n||o.annotationPage,a=A(s=>i?s.iiif.entities.AnnotationPage[i]:void 0,[i]);return(0,uo.useMemo)(()=>{if(a)return r?r(a):a},[a,...t])}var Fn=require("react/jsx-runtime"),mt=({className:e,page:t})=>{let n=Bn({id:t.id})||t,r=Ne(n,"atlas"),o=Ne(n,"html");return A(i=>n.id?i.iiif.entities.AnnotationPage[n.id]:null,[]),(0,Fn.jsx)(lo.Fragment,{children:n.items?.map(i=>(0,Fn.jsx)(Ut,{id:i.id,style:r,className:o?.className||e},i.id))})};var Fo=require("@iiif/helpers/styles");var pt=require("react");var ft=require("@atlas-viewer/atlas");var de=ie(require("react"),1),ae=require("react/jsx-runtime"),fo=de.default.createContext("en"),po=de.default.createContext({});function Mi(e){return(0,ae.jsx)(po.Provider,{value:e.translations,children:e.children})}function ki(e){return(0,ae.jsx)(fo.Provider,{value:e.language,children:e.children})}function $t(){return de.default.useContext(fo)}function Dn(){return de.default.useContext(po)}function mo(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function go({as:e,language:t,children:n,viewingDirection:r,...o}){let i=$t();return(0,de.useMemo)(()=>mo(i)===mo(t),[i,t])?e?(0,ae.jsx)(e,{...o,children:n}):(0,ae.jsx)("span",{...o,children:n}):e?(0,ae.jsx)(e,{...o,lang:t,dir:r,children:n}):(0,ae.jsx)("span",{...o,lang:t,dir:r,children:n})}function ho(e,t,n){if(t.length===0)return;if(t.length===1)return t[0];if(t.indexOf(e)!==-1)return e;let r=e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):null;if(r&&t.indexOf(r)!==-1)return r;for(let o of n)if(t.indexOf(o)!==-1)return o;return t.indexOf("none")!==-1?"none":t.indexOf("@none")!==-1?"@none":t[0]}var vo=(e,t=[])=>{let n=$t();return(0,de.useMemo)(()=>{let r=e();return ho(n,r,[])},[n,...t])};function Ee(e,t){return t?e[t]||t:""}function yo(e,t,n=`
-`,r={}){let o=vo(()=>Object.keys(e||{}),[e]);return[(0,de.useMemo)(()=>{if(!e)return Ee(r,t)||"";if(typeof e=="string")return Ee(r,e);let i=o?e[o]:void 0;return i?typeof i=="string"?i:i.map(a=>Ee(r,a)).join(n):""},[o,t,e]),o]}function Ni(){let e=$t(),t=Dn();return function(r,o="",i=`
-`,a=t){let s=Object.keys(r||{}),c=ho(e,s,[]);if(!r)return Ee(a,o)||"";if(typeof r=="string")return Ee(a,r);let u=c?r[c]:void 0;return u?typeof u=="string"?Ee(a,u):u.map(l=>Ee(a,l)).join(typeof i<"u"?i:`
-`):""}}function K({as:e,defaultText:t,enableDangerouslySetInnerHTML:n,children:r,separator:o,...i}){let a=Dn(),[s,c]=yo(r,t,o,a);return c?(0,ae.jsx)(go,{...i,as:e,language:c,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s}):e?(0,ae.jsx)(e,{...i,children:s}):(0,ae.jsx)("span",{...i,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s})}var Z=require("react/jsx-runtime");function Ei({resource:e,heading:t,note:n,extra:r}){return r?(0,Z.jsx)(ft.HTMLPortal,{target:{x:0,y:0,width:r.target?.spatial.width,height:r.target?.spatial.height},backgroundColor:"#333",relative:!0,children:(0,Z.jsx)("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",background:"#444",color:"#BBB"},children:(0,Z.jsxs)("div",{children:[(0,Z.jsx)(K,{children:t||"Not authorised"}),n&&(0,Z.jsx)("p",{children:(0,Z.jsx)(K,{children:n})}),(0,Z.jsx)("p",{children:e.id||e["@id"]||"unknown"})]})})}):null}function So({image:e,thumbnail:t,crop:n,enableSizes:r}){if(!An()){let i=e.service,a=i.width||e.width||0,s=i.height||e.height||0;return(0,Z.jsx)(ft.TileSet,{tiles:{id:i.id||i["@id"]||"unknown",height:s,width:a,imageService:i},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:n})}return(0,Z.jsx)(Pn,{resource:e.service,errorComponent:Ei,extra:e,children:i=>{let a=i.width||e.width||0,s=i.height||e.height||0;return(0,Z.jsx)(ft.TileSet,{tiles:{id:i.id||i["@id"]||"unknown",height:s,width:a,imageService:i},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:n})}},e.id)}var Ve=require("react/jsx-runtime");function _t({id:e,image:t,thumbnail:n,isStatic:r,x:o=0,y:i=0,children:a,selector:s,onClick:c,enableSizes:u}){let l=(0,pt.useMemo)(()=>{if(!(!s||s.spatial.x===0&&s.spatial.y===0))return s.spatial},[s]);return(0,Ve.jsx)("world-object",{x:o+t.target.spatial.x,y:i+t.target.spatial.y,width:t.target.spatial.width,height:t.target.spatial.height,onClick:c,children:t.service?(0,Ve.jsxs)(pt.Fragment,{children:[(0,Ve.jsx)(So,{image:t,thumbnail:n,crop:l,enableSizes:u}),a]},"service"):(0,Ve.jsxs)(pt.Fragment,{children:[(0,Ve.jsx)("world-image",{onClick:c,uri:t.id,target:{x:0,y:0,width:t.target.spatial.width,height:t.target.spatial.height},display:t.width&&t.height?{width:t.width,height:t.height}:void 0,crop:l}),a]},"no-service")},e+(t.service?"server":"no-service"))}var se=require("react"),Do=require("@atlas-viewer/atlas");var je=require("react");var xo=require("@iiif/helpers");function Vi(e){return e.type==="SpecificResource"?[e.source,{selector:e.selector}]:[e,{selector:null}]}function gt(e,t){let{selector:n,source:r}=(0,xo.expandTarget)(t);if(r.id!==e.id)return[null,r];let o={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[n?n.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:n.temporal,spatial:o.spatial}:n:null,r]}var qn={makeChoice:()=>{}},ht={type:"unknown"},I=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),Wn=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var vt=require("react");function Li(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function Co(e,t){return A(n=>{let r=[];if(!e)return r;let o=Object.keys(n.iiif.entities.AnnotationPage);for(let i of o)if(!t||t.indexOf(i)!==-1){let a=Li(n,i);a&&a.views&&a.views[e]&&r.push(i)}return r},[e,t])}function Un({canvas:e,manifest:t,all:n,canvases:r}){let o=[];if(t)for(let i of t.annotations)o.indexOf(i.id)===-1&&o.push(i.id);if(n){if(r&&r.length)for(let i of r)for(let a of i.annotations)o.indexOf(a.id)===-1&&o.push(a.id)}else if(e)for(let i of e.annotations)o.indexOf(i.id)===-1&&o.push(i.id);return o}function zi(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function yt(e,t={}){let n=b(),r=z(),o=R(),i=Ie(),a=(0,vt.useMemo)(()=>Un({all:t.all,manifest:r,canvas:o,canvases:i}),[t.all,o,i,r]),s=Co(e,t.all?void 0:a),c=(0,vt.useCallback)(l=>{e&&n.setMetaValue([l,"annotationPageManager","views"],d=>d&&!d[e]?d:{...d||{},[e]:!1})},[e,n]),u=(0,vt.useCallback)((l,d={})=>{if(!e)return;let v=n.getState(),y=[];if(d?.deselectOthers){let h=Object.keys(v.iiif.entities.AnnotationPage);for(let g of h){let S=zi(v,g);S&&S.views&&S.views[e]&&y.push(g)}}for(let h of y)c(h);n.setMetaValue([l,"annotationPageManager","views"],h=>h&&h[e]?h:{...h||{},[e]:!0})},[e,c,n]);return{availablePageIds:a,enabledPageIds:s,setPageEnabled:u,setPageDisabled:c}}function $n(e,t){return A((n,r)=>r.get(e.map(o=>({id:o,type:t}))),[e,t])}var ve=require("react");var Yt=ie(require("react"),1),bo=require("@atlas-viewer/iiif-image-api"),Ao=Yt.default.createContext(new bo.ImageServiceLoader);function me(){return(0,Yt.useContext)(Ao)}function _n(){let e=me(),[t,n]=(0,ve.useState)({}),r=(0,ve.useRef)(!1);return(0,ve.useEffect)(()=>()=>{r.current=!0},[]),[(0,ve.useCallback)((i,{height:a,width:s})=>{if(i){let c=i.id||i["@id"],u=e.loadServiceSync({id:c,width:i.width||s,height:i.height||a,source:i});u?i=u:t[c]||(r.current||n(l=>({...l,[c]:"loading"})),e.loadService({id:c,width:i.width||s,height:i.height||a}).then(()=>{r.current||n(l=>({...l,[c]:"done"}))}))}return i},[e,t]),t]}var ze=require("react");function Le(e={}){let t=dt(),n=R(e.canvasId?{id:e.canvasId}:void 0);return A((r,o)=>{if(!n)return[];if(t&&e.enableSingleAnnotation)return[t];let i=o.get(n.items),a=[];for(let s of i)a.push(...o.get(s.items));return a},[n])}var Po=require("@iiif/helpers/painting-annotations");function Yn(e,t=[]){let n=b(),r=(0,ze.useMemo)(()=>(0,Po.createPaintingAnnotationsHelper)(n),[]),o=Le({enableSingleAnnotation:e?.enableSingleAnnotation}),[i,a]=(0,ze.useState)(e?.defaultChoices||[]),s=(0,ze.useMemo)(()=>r.getPaintables(o,i),[n,o,i,...t]),u={makeChoice:(0,ze.useCallback)((l,{deselectOthers:d=!0,deselect:v=!1}={})=>{s.choice&&a(y=>{if(v){let g=y.filter(S=>S!==l);if(g.length===0){let S=s.items[0].resource.id;return S?[S]:[]}return g}if(d)return[l];let h=[...y];if(h.length===0&&s.items.length){let g=s.items[0].resource.id;g&&h.push(g)}return y.indexOf(l)!==-1?y:[...y,l]})},[s.choice])};return[s,u]}var Hi=["model/gltf-binary"];function Qn(e,t){let r=t.items[0].resource;return r.format?Hi.indexOf(r.format)===-1?I(`3D format: ${r.format} is unsupported`):{type:"3d-model",model:r}:I("Unknown format")}function Ro(e,t){if(!e.duration)return I("No duration on canvas");if(t.items.length>1)return I("Only one audio source supported");let n=t.items[0]?.resource;return n?n.format?{type:"media",media:{annotationId:t.items[0].annotationId,duration:e.duration,url:n.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:n.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}:I("Audio does not have format"):I("Unknown audio")}var Io=require("@atlas-viewer/iiif-image-api");var jn=require("@iiif/helpers/annotation-targets");function Gn(e,t,n){let r=[];for(let o of t.items){let i=o.resource&&o.resource.type==="SpecificResource"?o.resource.source:o.resource;if(!i.id)return I("No resource Identifier");let a;if(i.service){let h=(0,Io.getImageServices)(i);h[0]&&(a=n(h[0],e))}let s={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[c,u]=gt(e,o.target);if(!(u.id===e.id||decodeURIComponent(u.id||"")===(e.id||"")))continue;let l=o.resource.width&&o.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:o.resource.width,height:o.resource.height}}:void 0,d=o.resource.type==="SpecificResource"?(0,jn.expandTarget)(o.resource):null;if(o.selector){let h=(0,jn.expandTarget)({type:"SpecificResource",source:o.resource,selector:o.selector});h&&(d=h)}let v=d&&d.selector&&(d.selector.type==="BoxSelector"||d.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:d.selector.spatial.x,y:d.selector.spatial.y,width:d.selector.spatial.width,height:d.selector.spatial.height}}:void 0;a&&!a.id&&(a.id=a["@id"]);let y={id:i.id,type:"Image",annotationId:o.annotationId,width:Number(c||v?i.width:e.width),height:Number(c||v?i.height:e.height),service:a,sizes:a&&a.sizes?a.sizes:i.width&&i.height?[{width:i.width,height:i.height}]:[],target:c&&c.type!=="PointSelector"?c:s,selector:v};r.push(y)}return{type:"images",image:r[0],images:r,choice:t.choice}}function wo(e,t={},n){let r=e.language||n||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(t[r]=e.value);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(o=>wo(o,t,r))}return t}function Kn(e,t){let n=[];return t.items.forEach(r=>{if(r.resource){let[o]=gt(e,r.target);n.push({annotationId:r.annotationId,text:wo(r.resource),target:o})}}),{type:"textual-content",items:n}}var Oi=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function Xn(e,t){let n=t.items.filter(s=>s.type==="video"),r=!1;if(e.duration||(r=!0),n.length>1)return I("Only one video source supported");let o=n[0]?.resource,i=!!(o.service||[]).find(s=>(s.profile||"").includes("youtube.com"));if(!i&&r)return I("Video does not have duration");if(!o)return I("Unknown video");if((!o.format||o.format==="text/html")&&!i)return I("Video does not have format");let a={annotationId:t.items[0].annotationId,duration:e.duration,url:o.id,type:"Video",items:[],target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:o.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}};if(i){a.type="VideoYouTube";let s=o.id.match(Oi);if(!s[1])return I("Video is not known youtube video");a.youTubeId=s[1]}return{type:"media",media:a,annotations:{pages:[]}}}function Zn({canvas:e,paintables:t,supports:n,loadImageService:r}){if(!e)return ht;if(t.types.length===0)return n.indexOf("empty")!==-1?Wn(e.width,e.height):ht;if(t.types.length!==1)if(t.types.length===2&&t.types.indexOf("text")!==-1)t.types=t.types.filter(i=>i!=="text");else return n.indexOf("complex-timeline")===-1?I("Complex timeline not supported"):I("ComplexTimelineStrategy not yet supported");let o=t.types[0];return o==="image"?n.indexOf("images")===-1?I("Image not supported"):Gn(e,t,r):o==="Model"||o==="model"?n.indexOf("3d-model")===-1?I("3D not supported"):Qn(e,t):o==="textualbody"?n.indexOf("textual-content")===-1?I("Textual content not supported"):Kn(e,t):o==="sound"||o==="audio"?n.indexOf("media")===-1?I("Media not supported"):Ro(e,t):o==="video"?n.indexOf("media")===-1?I("Media not supported"):Xn(e,t):ht}function Jn(e){let t=z(),n=R(),r=b(),o=ut(),i=e?.emitter||o,[a,s]=_n(),{enabledPageIds:c}=yt(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),u=$n(c,"AnnotationPage"),l=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[d,v]=Yn(e,[s]);(0,je.useEffect)(()=>{let h=g=>{v.makeChoice(g.choiceId,{deselectOthers:g.deselectOthers,deselect:g.deselect})};return i.on("make-choice",h),()=>{i.off("make-choice",h)}},[]);let y=(0,je.useMemo)(()=>Zn({canvas:n,paintables:d,supports:l,loadImageService:a}),[n,d,r,v.makeChoice]);return(0,je.useEffect)(()=>{let h=d.allChoices,g={canvasId:n?.id,manifestId:t?.id};h&&i.emit("choice-change",{choice:h,partOf:g})},[n?.id,d.allChoices]),(0,je.useMemo)(()=>y.type==="unknown"?[y,qn]:[{...y,annotations:{pages:u}},v],[y,u])}var ye=require("react");var To=require("react"),er=(e,t=[])=>{let n=b();(0,To.useEffect)(()=>{e(n)},[n,...t])};var Mo=require("@iiif/helpers/thumbnail");function He(e,t,{canvasId:n,manifestId:r}={}){let o=b(),i=me(),a=(0,ye.useMemo)(()=>(0,Mo.createThumbnailHelper)(o,{imageServiceLoader:i}),[o,i]),[s,c]=(0,ye.useState)(),u=z(r?{id:r}:void 0),l=R(n?{id:n}:void 0),d=l||u,v=(0,ye.useRef)(!1);if((0,ye.useEffect)(()=>(v.current=!1,()=>{v.current=!0}),[]),!d)throw new Error("Must be called under a manifest or canvas context.");return er(y=>{a.getBestThumbnailAtSize(d,e,t).then(h=>{h.best&&!v.current&&c(h.best)})},[d]),s}var E=require("react");function Bi(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function Fi(e,t){switch(t.type){case"FINISHED":return{...e,isFinished:!0,isPlaying:!1,playRequested:!1};case"PLAY_PAUSE":return{...e,isFinished:!1,isPlaying:!e.isPlaying};case"PLAY_REQUESTED":return{...e,isFinished:!1,playRequested:!0};case"PAUSE":return{...e,isPlaying:!1};case"PLAY":return{...e,isFinished:!1,playRequested:!1,isPlaying:!0};case"MUTE":return{...e,isMuted:!0};case"SET_VOLUME":return{...e,volume:t.volume,isMuted:t.volume===0};case"TOGGLE_MUTE":return{...e,isMuted:!e.isMuted};case"UNMUTE":return{...e,isMuted:!1}}return e}function ko(e){let t=Math.round(e);return`${Math.floor(t/60)}:${`${t%60}`.padStart(2,"0")}`}function Oe(e){let[t,n]=(0,E.useReducer)(Fi,Bi(e.duration)),r=(0,E.useRef)(null),o=(0,E.useRef)(null),i=(0,E.useRef)(null),a=(0,E.useRef)(!1),s=(0,E.useCallback)(()=>{o.current&&r.current&&(o.current.innerHTML=ko(r.current.currentTime),i.current&&(i.current.style.width=`${r.current.currentTime/e.duration*100}%`),a.current!==r.current.muted&&(a.current=r.current.muted,n(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"})))},[e.duration]),c=(0,E.useCallback)(()=>{r.current&&(n({type:"PLAY_REQUESTED"}),r.current.play().then(()=>{n({type:"PLAY"})}),s())},[s]),u=(0,E.useCallback)(()=>{r.current&&(r.current.duration>0&&r.current.paused?c():l())},[s]),l=(0,E.useCallback)(()=>{r.current&&(r.current.pause(),n({type:"PAUSE"}),s())},[s]),d=(0,E.useCallback)(()=>{r.current&&(r.current.muted=!r.current.muted,n(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"}))},[]),v=(0,E.useCallback)(()=>{r.current&&(r.current.muted=!0,n({type:"MUTE"}))},[]),y=(0,E.useCallback)(()=>{r.current&&(r.current.muted=!1,n({type:"UNMUTE"}))},[]),h=(0,E.useCallback)(C=>{r.current&&(r.current.muted=!1,r.current.volume=C/100,n({type:"SET_VOLUME",volume:C}))},[]),g=(0,E.useCallback)(C=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(C*e.duration,e.duration)),s())},[]),S=(0,E.useCallback)(C=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(C,e.duration)),s())},[]);return(0,E.useEffect)(()=>{let C=setInterval(()=>{s()},350);return()=>clearInterval(C)},[s,e.duration]),(0,E.useEffect)(()=>{let C=()=>{n({type:"FINISHED"})},T=r.current;return T?.addEventListener("ended",C),()=>T?.removeEventListener("ended",C)},[]),[{element:r,currentTime:o,progress:i},t,{play:c,pause:l,playPause:u,mute:v,unmute:y,toggleMute:d,setVolume:h,setDurationPercent:g,setTime:S}]}var Se=require("react"),Qt=require("react/jsx-runtime"),No=(0,Se.createContext)(null),Eo=(0,Se.createContext)(null),Vo=(0,Se.createContext)(null);function Di(){let e=(0,Se.useContext)(No);if(!e)throw new Error("Ctx not found");return e}function qi(){let e=(0,Se.useContext)(Eo);if(!e)throw new Error("Ctx not found");return e}function Wi(){let e=(0,Se.useContext)(Vo);if(!e)throw new Error("Ctx not found");return e}function St({actions:e,state:t,children:n,currentTime:r,progress:o,element:i}){return(0,Qt.jsx)(Vo.Provider,{value:{currentTime:r,progress:o,element:i},children:(0,Qt.jsx)(Eo.Provider,{value:e,children:(0,Qt.jsx)(No.Provider,{value:t,children:n})})})}var Gt=require("react/jsx-runtime");function tr({media:e,children:t}){let[{element:n,currentTime:r,progress:o},i,a]=Oe({duration:e.duration});return(0,Gt.jsxs)(St,{state:i,actions:a,currentTime:r,progress:o,element:n,children:[(0,Gt.jsx)("audio",{ref:n,src:e.url}),t]})}function jt({media:e,mediaControlsDeps:t,children:n}){return oe("portal","audio",tr,{media:e,children:n},[e,...t||[]]),null}var xt=require("react/jsx-runtime");function nr({element:e,media:t,playPause:n,poster:r}){return(0,xt.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,xt.jsx)("style",{children:`
+"use strict";var fi=Object.create;var kt=Object.defineProperty;var pi=Object.getOwnPropertyDescriptor;var gi=Object.getOwnPropertyNames;var hi=Object.getPrototypeOf,vi=Object.prototype.hasOwnProperty;var yi=(e,t)=>{for(var n in t)kt(e,n,{get:t[n],enumerable:!0})},Mt=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of gi(t))!vi.call(e,o)&&o!==n&&kt(e,o,{get:()=>t[o],enumerable:!(r=pi(t,o))||r.enumerable});return e},p=(e,t,n)=>(Mt(e,t,"default"),n&&Mt(n,t,"default")),ie=(e,t,n)=>(n=e!=null?fi(hi(e)):{},Mt(t||!e||!e.__esModule?kt(n,"default",{value:e,enumerable:!0}):n,e)),Si=e=>Mt(kt({},"__esModule",{value:!0}),e);var f={};yi(f,{AnnotationContext:()=>ca,AnnotationPageContext:()=>ua,AnnotationStyleProvider:()=>aa,Auth:()=>In,AuthProvider:()=>An,AuthRContext:()=>we,AuthReactContext:()=>Or,AuthReactContextActions:()=>Br,CanvasAnnotations:()=>ji,CanvasContext:()=>Z,CanvasPanel:()=>O,CollectionContext:()=>la,CombinedMetadata:()=>Gi,ContextBridge:()=>kn,CreateCustomShape:()=>vr,EventsProvider:()=>Ni,Image:()=>Go,ImageServiceLoaderContext:()=>Io,InnerViewerProvider:()=>_r,LanguageProvider:()=>Vi,LanguageString:()=>yo,LocaleString:()=>K,ManifestContext:()=>fn,ManifestMetadata:()=>Xi,MediaPlayerProvider:()=>St,Metadata:()=>Rt,PolygonSelector:()=>sa,RangeContext:()=>pn,ReactEventContext:()=>Te,ReactVaultContext:()=>pe,RenderSvgEditorControls:()=>na,ResourceProvider:()=>q,ResourceReactContext:()=>tt,SelectorControllerProvider:()=>ra,SequenceThumbnails:()=>ea,SimpleViewerProvider:()=>Tn,SimpleViewerReactContext:()=>Ue,SingleCanvasThumbnail:()=>cr,TranslationProvider:()=>Ei,VaultProvider:()=>Pe,ViewerPresetContext:()=>Ye,VirtualAnnotationProvider:()=>Ln,VisibleCanvasReactContext:()=>Re,authDetailsForResource:()=>Cn,createAuthStateStore:()=>Sn,createProbe:()=>xn,defaultEmitter:()=>jr,emptyActions:()=>Un,emptyStrategy:()=>$n,findAllCanvasesInRange:()=>Vt,findFirstCanvasFromRange:()=>Er,findManifestSelectedRange:()=>Ci,findSelectedRange:()=>gn,flattenAnnotationPageIds:()=>_n,formatTime:()=>Vo,get3dStrategy:()=>Gn,getDefaultAnnotationStyles:()=>mr,getImageStrategy:()=>Xn,getManifestSequence:()=>Lt,getParsedTargetSelector:()=>gt,getRenderingStrategy:()=>er,getTextualContentStrategy:()=>Zn,getVideoStrategy:()=>Jn,getVisibleCanvasesFromCanvasId:()=>bi,hasAuth:()=>Pi,makeAccessServiceRequest:()=>vn,makeAccessTokenRequest:()=>zt,parseSpecificResource:()=>Hi,svgThemes:()=>ri,unknownResponse:()=>ht,unsupportedStrategy:()=>I,useAnnotation:()=>dt,useAnnotationPage:()=>Dn,useAnnotationPageManager:()=>yt,useAnnotationStyles:()=>pr,useAnnotationsAtTime:()=>da,useAuthActions:()=>Fr,useAuthService:()=>Dr,useAuthStore:()=>qe,useAuthToken:()=>Ri,useAuthTokens:()=>bn,useCanvas:()=>A,useCanvasChoices:()=>ma,useCanvasClock:()=>fa,useCanvasSequence:()=>hn,useCanvasStartTime:()=>xt,useCanvasSubset:()=>pa,useClosestLanguage:()=>xo,useCollection:()=>ga,useContextBridge:()=>Mn,useCreateLocaleString:()=>Li,useCurrentAuth:()=>Ai,useDispatch:()=>Nn,useEventEmitter:()=>ut,useEventListener:()=>ha,useExistingVault:()=>Ae,useExternalCollection:()=>va,useExternalManifest:()=>mn,useExternalResource:()=>rt,useIIIFLanguage:()=>$t,useImage:()=>nn,useImageService:()=>xr,useImageServiceLoader:()=>me,useImageTile:()=>ya,useIsAuthEnabled:()=>Rn,useLoadImageService:()=>Qn,useLocaleString:()=>Co,useManifest:()=>E,useMediaActions:()=>$i,useMediaElements:()=>_i,useMediaState:()=>Ui,usePaintables:()=>jn,usePaintingAnnotations:()=>Le,usePolygonHelper:()=>gr,useRange:()=>ot,useRenderingStrategy:()=>tr,useResourceContext:()=>D,useResourceEvents:()=>lt,useResources:()=>Yn,useSearchService:()=>wn,useSelectorController:()=>dr,useSelectorEmitter:()=>oa,useSelectorEvents:()=>lr,useSelectorHelper:()=>ia,useSimpleMediaPlayer:()=>Oe,useSimpleViewer:()=>ct,useStyleHelper:()=>Sa,useStyles:()=>Ne,useSvgEditor:()=>hr,useThumbnail:()=>He,useTranslations:()=>Wn,useVault:()=>b,useVaultEffect:()=>nr,useVaultSelector:()=>P,useViewerPreset:()=>zn,useVirtualAnnotationPage:()=>En,useVirtualAnnotationPageContext:()=>Vn,useVisibleCanvases:()=>Ie});module.exports=Si(f);var Pt=require("react");var W=ie(require("react"),1),qt=require("@atlas-viewer/atlas"),ro=require("react-error-boundary");var he=require("react");var Be=ie(require("react"),1),br=require("react/jsx-runtime"),xi={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},tt=Be.default.createContext(xi),D=()=>(0,Be.useContext)(tt);function q({value:e,children:t}){let n=D(),r=(0,Be.useMemo)(()=>({...n,...e}),[e,n]);return(0,br.jsx)(tt.Provider,{value:r,children:t})}var Nt=ie(require("react"),1),nt=require("@iiif/helpers/vault");var dn=require("react/jsx-runtime"),pe=Nt.default.createContext({vault:null,setVaultInstance:e=>{}});function Pe({vault:e,vaultOptions:t,useGlobal:n,resources:r,children:o}){let[i,a]=(0,Nt.useState)(()=>e||(n?(0,nt.globalVault)(t):t?new nt.Vault(t):new nt.Vault));return(0,dn.jsx)(pe.Provider,{value:{vault:i,setVaultInstance:a},children:(0,dn.jsx)(q,{value:r||{},children:o})})}var $r=require("react"),Ot=require("react");var Pr=require("@iiif/helpers/vault"),Ar=require("react");function Ae(e){let t=(0,Ar.useContext)(pe);return e||(t&&t.vault?t.vault:(0,Pr.globalVault)())}var ge=require("react");function rt(e,{noCache:t=!1}={}){let n=typeof e=="string"?e:e.id,r=Ae(),[o,i]=(0,ge.useState)(n),[a,s]=(0,ge.useState)(void 0),c=(0,ge.useMemo)(()=>r.get(n,{skipSelfReturn:!0})||void 0,[n,r]),[u,l]=(0,ge.useState)(c);return(0,ge.useEffect)(()=>{(async()=>{try{let d=c&&!t?c:await r.load(n),v=d?d.id||d["@id"]:null;d&&o!==v&&i(v),l(d)}catch(d){s(d)}})()},[n,t]),{isLoaded:!!u,id:o,requestId:n,error:a,resource:u,cached:!!(u&&u===c)}}function mn(e,t){let{id:n,isLoaded:r,error:o,resource:i,requestId:a,cached:s}=rt(e,t);return{id:n,isLoaded:r,error:o,manifest:i,requestId:a,cached:s}}var Rr=require("react/jsx-runtime");function fn({manifest:e,children:t}){return(0,Rr.jsx)(q,{value:{manifest:e},children:t})}var Ir=require("react/jsx-runtime");function Z({canvas:e,children:t}){return(0,Ir.jsx)(q,{value:{canvas:e},children:t})}var Tr=require("react"),Mr=ie(require("react"),1);var wr=require("react"),b=()=>{let{vault:e}=(0,wr.useContext)(pe);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var Et=require("react");function P(e,t=[]){let n=b(),[r,o]=(0,Et.useState)(()=>e(n.getState(),n));return(0,Et.useEffect)(()=>n.subscribe(i=>e(i,n),i=>{o(i)},!1),t),r}var Re=Mr.default.createContext([]);function Ie(){let e=(0,Tr.useContext)(Re);return P(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var kr=require("react");function E(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=b(),a=n||o.manifest,s=P(c=>a?c.iiif.entities.Manifest[a]:void 0,[a]);return(0,kr.useMemo)(()=>{if(s)return r?r(s):s},[s,r,...t])}var Nr=require("react/jsx-runtime");function pn({range:e,children:t}){return(0,Nr.jsx)(q,{value:{range:e},children:t})}function Er(e,t){for(let n of t.items){if(n.type==="Canvas")return n;if(n.type==="SpecificResource")return n.source;if(n.type==="Range"){let r=Er(e,e.get(n));if(r)return r}}return null}function Vt(e,t){let n=[];for(let r of t.items)if(r.type==="SpecificResource"&&r.source?.type==="Canvas"&&(r.source.id.indexOf("#")!==-1?n.push({id:r.source.id.split("#")[0],type:"Canvas"}):n.push(r.source)),r.type==="Range"&&n.push(...Vt(e,e.get(r))),r.type==="SpecificResource"){let o=typeof r.source=="string"?r.source:r.source.id;n.push({id:o,type:"Canvas"})}return n}function Ci(e,t,n){for(let r of t.structures){let o=gn(e,e.get(r),n);if(o)return o}return null}function gn(e,t,n){for(let r of t.items){let o=r?.source?.id?.split("#")[0];if(r.type==="SpecificResource"&&r.source===n||r.type==="SpecificResource"&&r.source?.type==="Canvas"&&n===o)return t;if(r.type==="Range"){let i=gn(e,e.get(r),n);if(i)return i}}return null}function bi(e,t,n,r=!1){let o=t.behavior,i=n?e.get(n):null;if(!i)return[];let a=i.behavior,s=r?!1:o.includes("paged"),c=s?!1:o.includes("continuous"),u=s||c?!1:o.includes("individuals"),l=a.includes("facing-pages"),d=a.includes("non-paged");if(l||d||u||r)return[{id:i.id,type:"Canvas"}];let[v,y]=Lt(e,t);if(c)return v;let h=v.findIndex(g=>g.id===n);if(h===-1)return[];for(let g of y)if(g.includes(h))return g.map(S=>v[S]);return[{id:i.id,type:"Canvas"}]}function Lt(e,t,{disablePaging:n,skipNonPaged:r}={}){let o=t.behavior,i=o.includes("paged"),a=i?!1:o.includes("continuous"),s=i||a?!1:o.includes("individuals"),c=t.type==="Manifest"?t.items:Vt(e,t);if(a)return[c,[c.map((h,g)=>g)]];if(s||!i||n)return[c,c.map((h,g)=>[g])];let u=[],l=[],d=()=>{l.length&&(u.push([...l]),l=[])},v=0,y=!1;for(let h=0;h<c.length;h++){let g=e.get(c[h]);if(g.behavior.includes("non-paged")){h===v&&v++,r||(d(),u.push([h]),d());continue}if(h===v||g.behavior.includes("facing-pages")){l.length&&(y=!0),d(),u.push([h]),d();continue}if(l.push(h),y){d(),y=!1;continue}l.length>1&&d()}return l.length&&d(),[c,u]}var te=require("react");var Vr=require("react");function ot(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=n||o.range,a=P(s=>i?s.iiif.entities.Range[i]:void 0,[i]);return(0,Vr.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}function hn({startCanvas:e,disablePaging:t}){let n=b(),r=E(),o=ot(),[i,a]=(0,te.useState)(void 0),s=o||r;if(!s)throw new Error("Nothing selected");let[c,u]=(0,te.useMemo)(()=>Lt(n,s,{disablePaging:t}),[n,s,t]),l=(0,te.useRef)(u);if(l.current!==u){let S=l.current[i][0],C=u.findIndex(T=>T.includes(S));l.current=u,a(C)}let d=(0,te.useCallback)(g=>{let S=u.findIndex(C=>C.includes(g));a(S===-1?0:S)},[c,u]),v=(0,te.useCallback)(g=>{let S=c.findIndex(C=>C.id===g);S!==-1?d(S):a(0)},[c,u]),y=(0,te.useCallback)(()=>{a(g=>g>=u.length-1?g:g+1)},[u]),h=(0,te.useCallback)(()=>{a(g=>g<=0?0:g-1)},[u]);return typeof i>"u"&&(e?v(e):a(0)),{visibleItems:u[i]?.map(g=>c[g].id)||[],cursor:i,items:c,sequence:u,hasPrevious:i>0,hasNext:i<u.length-1,setSequenceIndex:a,setCanvasIndex:d,setCanvasId:v,next:y,previous:h}}var re=require("react"),De=require("zustand");var yn=require("zustand/vanilla");function Pi(e){let t=e.service||e.services||[];for(let n of t)if(n.type==="AuthProbeService2")return!0;return!1}function ne(e,t,n){let r=t.findIndex(a=>a.service.id===e);if(r===-1)return t;let o=[...t],i=n(o[r]);return i===o[r]?t:(o[r]=i,o)}var Sn=()=>(0,yn.createStore)((e,t)=>({currentAuth:-1,authItems:[],login:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot login to non-active service");let r=n.service.service.find(o=>o.type==="AuthAccessTokenService2");if(!r)throw new Error("Token service not found");e(()=>({authItems:ne(n.id,t().authItems,o=>({...o,isPending:!0}))})),vn(n.service).then(()=>{zt(r).then(o=>{let i=o.expiresIn,a=Date.now()+i*1e3;e(()=>({authItems:ne(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:o.accessToken,expires:a}}))}))}).catch(o=>{e(()=>({authItems:ne(n.id,t().authItems,i=>({...i,isLoggedIn:!1,isPending:!1,error:o.message}))}))})})},logout:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||!n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot logout of non-active service");let r=n.service.service.find(a=>a.type==="AuthLogoutService2");if(!r)return;let o=`${r.id}?origin=${Lr()}`,i=window.open(o);e(()=>({authItems:ne(n.id,t().authItems,a=>({...a,isLoggedIn:!1,session:null,isPending:!1}))}))},nextAuth:()=>{let n=t().authItems.length,r=t().currentAuth+1;r>=n||e(()=>({currentAuth:r}))},previousAuth:()=>{let n=t().currentAuth-1;n<0||e(()=>({currentAuth:n}))},setAuth:n=>{n!==-1&&(n<0||n>=t().authItems.length)||e(()=>({currentAuth:n}))},addService:(n,r)=>{if(!n.service)return;let o=n.service.find(s=>s.type==="AuthAccessTokenService2"),i=n;if(t().authItems.find(s=>s.service.id===n.id)){e(()=>({authItems:ne(n.id,t().authItems,s=>({...s,instances:s.instances+1}))}));return}if(e(()=>({currentAuth:i.profile==="active"?0:t().currentAuth,authItems:[{id:n.id,type:n.profile,service:n,probeId:r,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...t().authItems]})),n.profile==="external"){if(!o)throw new Error("Token service not found");zt(o).then(s=>{e(()=>({authItems:ne(n.id,t().authItems,c=>({...c,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ne(n.id,t().authItems,c=>({...c,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:s.message}))}))})}if(n.profile==="kiosk"){if(!o)throw new Error("Token service not found");e(()=>({authItems:ne(n.id,t().authItems,s=>({...s,isPending:!0}))})),vn(i).then(()=>{zt(o).then(s=>{e(()=>({authItems:ne(n.id,t().authItems,c=>({...c,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ne(n.id,t().authItems,c=>({...c,isLoggedIn:!1,isPending:!1,error:s.message}))}))})})}n.profile},removeService:(n,r)=>{let o=t().currentAuth===t().authItems.findIndex(a=>a.service.id===n.id),i=t().currentAuth;if(o){let a=t().authItems.find(c=>c.service.id===n.id);a&&a.instances>1||(i=t().authItems.findIndex(u=>u.service.id!==n.id&&u.instances>0))}e(()=>({authItems:ne(n.id,t().authItems,a=>({...a,instances:a.instances-1})),currentAuth:i}))}})),xn=(e,t)=>(0,yn.createStore)((n,r)=>({service:e,status:e?"unknown":"success",shouldRedirect:!1,redirectResource:null,shouldSubstitute:!1,substituteResource:null,error:null,errorHeading:null,errorNote:null,shouldDisplayResource:!1,token:t||null,async probe(){if(!r().service)return;let o=r().service?.id;if(!o){n({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}n({status:"probing"});let i=r().token;try{let a=await fetch(o,{headers:i?{Authorization:`Bearer ${r().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(s=>s.json());if(a.status===200)n({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(a.status<400&&a.status>=300){if(!a.location)throw new Error("Redirect location not found");n({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:a.location||null})}else if(a.status===401)n({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!a.substitute,substituteResource:a.substitute||null,error:"Unauthorized",errorHeading:a.heading||{en:["Unauthorized"]},errorNote:a.note||null});else throw new Error("Unknown error")}catch(a){n({status:"error",error:a.message,errorHeading:{en:["Unknown error"]}})}},setToken(o){n({token:o})}}));function Cn(e){let t=e.service||e.services||[],n={hasAuth:!1,services:{}};for(let r of t)if(r.type==="AuthProbeService2"){n.services.probe=r,n.hasAuth=!0;let o=r.service.filter(i=>i.type==="AuthAccessService2");o[0]&&(n.services.access=o[0])}return n}async function zt(e,{strict:t=!0}={}){return new Promise((n,r)=>{let o=Math.random().toString(36).substring(7),i=`${e.id}?messageId=${o}&origin=${window.location.origin}`,a=u=>{let l=u.data;if(l.messageId===o){if(t&&l.type!=="AuthAccessToken2"){s(),r("Invalid response, expected type=AuthAccessToken2");return}if(!l.accessToken){s(),r("Invalid response, expected accessToken");return}s(),n(l)}},s=()=>window.removeEventListener("message",a),c=document.createElement("iframe");c.src=i,c.style.display="none",document.body.appendChild(c),window.addEventListener("message",a)})}function Lr(e){let t=window.location;if(e){let n=document.createElement("a");return n.href=e,n.protocol+"//"+n.hostname+(n.port?":"+n.port:"")}return t.protocol+"//"+t.hostname+(t.port?":"+t.port:"")}async function vn(e){let t=`${e.id}?origin=${Lr()}`,n=window.open(t);if(!n)throw new Error("Failed to open window");return new Promise((r,o)=>{let i=setInterval(()=>{n.closed&&(clearInterval(i),r())},500)})}var Fe=require("react");var zr=require("zustand");function Hr(e){let t=(0,Fe.useMemo)(()=>Cn(e),[e]),n=bn(t.services.access?.id),r=(0,Fe.useMemo)(()=>xn(t.services.probe,n),[t.services.probe]),o=(0,zr.useStore)(r);return(0,Fe.useEffect)(()=>{o.status==="unknown"&&!n&&o.probe()},[t.services.probe,o.status]),(0,Fe.useEffect)(()=>{n&&(o.setToken(n),o.probe())},[n]),[e,o,t.hasAuth]}var it=require("react/jsx-runtime"),we=(0,re.createContext)(null),Or=(0,re.createContext)(null);Or.displayName="CurrentAuth";var Br=(0,re.createContext)(null);Br.displayName="AuthActions";function An({children:e}){let t=(0,re.useMemo)(()=>Sn(),[]);return(0,it.jsx)(we.Provider,{value:t,children:e})}function Rn(){return!!(0,re.useContext)(we)}function qe(){let e=(0,re.useContext)(we);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function Fr(){let e=qe();return(0,De.useStore)(e,n=>({login:n.login,logout:n.logout,nextAuth:n.nextAuth,previousAuth:n.previousAuth,setAuth:n.setAuth,addService:n.addService,removeService:n.removeService}))}function Ai(){let e=qe();return(0,De.useStore)(e,t=>t)}function Dr(e){let t=qe();return(0,De.useStore)(t,r=>r.authItems.find(o=>o.service.id===e))}function bn(e){let t=qe();return(0,De.useStore)(t,r=>r.authItems.find(o=>o.id===e)?.session?.token)}function Ri(e){let t=qe();return(0,De.useStore)(t,r=>{let o=r.authItems.find(i=>i.service.id===e);return!o||!o.isLoggedIn||!o.session?null:o.session?.token||null})}function Ii(e){let t=Fr(),n=Dr(e.service.id);return(0,re.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function Pn(){return null}function In(e){let[t,n,r]=Hr(e.resource),o=e.fallbackComponent||Pn,i=e.loadingComponent||Pn,a=e.errorComponent||Pn,s=n.service,c=null;if(!r||!s)return e.children(t);let u=s.service.filter(l=>l.type==="AuthAccessService2");n.status==="error"&&(c=(0,it.jsx)(a,{resource:e.resource,error:n.error||"",heading:n.errorHeading,note:n.errorNote,extra:e.extra})),(n.status==="unknown"||n.status==="probing")&&(c=(0,it.jsx)(i,{})),n.status==="success"&&(c=e.children(t));for(let l of u)c=(0,it.jsx)(Ii,{service:l,probeId:s.id,children:c},l.id);return c}var at=require("react");var qr=require("zustand/vanilla"),wi=e=>e.id||e["@id"];function Ti(e){return(Array.isArray(e.service)?e.service:[e.service]).find(n=>n.profile==="http://iiif.io/api/search/0/autocomplete"||n.profile==="http://iiif.io/api/search/1/autocomplete"||n.profile==="AutoCompleteService1")}var Wr=e=>{let t;typeof e=="string"?t={"@context":"http://iiif.io/api/search/1/context.json",profile:"http://iiif.io/api/search/1/search","@id":e,id:e,service:[]}:t=e;let n=t?wi(t):void 0,r=null;return(0,qr.createStore)((o,i)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!Ti(t):!1,errorMessage:"",search(a,s={}){if(!n)throw new Error("No search service found.");r&&!r.signal.aborted&&r.abort(),r=new AbortController;let c=new URLSearchParams;a.q&&c.set("q",a.q),a.motivation&&c.set("motivation",a.motivation),a.date&&c.set("date",a.date),a.user&&c.set("user",a.user),o({loading:!0}),fetch(`${n}?${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(a){let s=i().resources.find(c=>c["@id"]===a);o({highlight:s})},nextResult(){let a=i().resources,s=i().highlight;if(!s){o({highlight:a[0]||null});return}let c=a.findIndex(u=>u["@id"]===s["@id"]);if(c===-1){o({highlight:a[0]||null});return}o({highlight:a[c+1]||a[0]||null})},previousResult(){let a=i().resources,s=i().highlight;if(!s){o({highlight:a[a.length-1]||null});return}let c=a.findIndex(u=>u["@id"]===s["@id"]);if(c===-1){o({highlight:a[a.length-1]||null});return}if(c===0){o({highlight:a[a.length-1]||null});return}o({highlight:a[c-1]||a[a.length-1]||null})}}))};var Mi=require("zustand");function wn(){let e=E();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var Ht=require("react/jsx-runtime"),We=(0,at.createContext)(null);We.displayName="Search";function Ur(e){let t=wn();return e.store?(0,Ht.jsx)(We.Provider,{value:e.store,children:e.children}):(0,Ht.jsx)(ki,{service:t,children:e.children})}function ki({service:e,children:t}){let n=(0,at.useMemo)(()=>Wr(e),[e]);return(0,Ht.jsx)(We.Provider,{value:n,children:t})}var Y=require("react/jsx-runtime"),st=()=>{},Ue=(0,Ot.createContext)({setCurrentCanvasId:st,setCurrentCanvasIndex:st,nextCanvas:st,previousCanvas:st,items:[],sequence:[],setSequenceIndex:st,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function _r(e){let t=E(),{cursor:n,visibleItems:r,next:o,sequence:i,items:a,setCanvasIndex:s,setCanvasId:c,previous:u,setSequenceIndex:l,hasNext:d,hasPrevious:v}=hn({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),y=(0,Ot.useMemo)(()=>({sequence:i,items:a,setCurrentCanvasId:c,nextCanvas:o,previousCanvas:u,totalCanvases:a.length,setCurrentCanvasIndex:s,setSequenceIndex:l,currentSequenceIndex:n,hasNext:d,hasPrevious:v}),[i,a,c,o,u,a,s,l,n]);return t?r.length===0?null:(0,Y.jsx)(Ue.Provider,{value:y,children:(0,Y.jsx)(Re.Provider,{value:r,children:(0,Y.jsx)(Z,{canvas:r[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,Y.jsx)("div",{children:"Sorry, something went wrong."}))}function Tn(e){let t=Ae(e.vault),n=mn(e.manifest);if(!n)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,Y.jsx)("div",{children:"Sorry, something went wrong."});if(n.error)return(0,Y.jsx)("div",{children:n.error.toString()});if(!n.isLoaded)return(0,Y.jsx)("div",{children:"Loading..."});let r=(0,Y.jsx)(_r,{...e,children:e.children});return(0,Y.jsx)(Pe,{vault:t,children:(0,Y.jsx)(fn,{manifest:n.id,children:(0,Y.jsx)(An,{children:(0,Y.jsx)(Ur,{children:e.rangeId?(0,Y.jsx)(pn,{range:e.rangeId,children:r}):r})})})})}function ct(){return(0,$r.useContext)(Ue)}var Yr=ie(require("react"),1),Bt=require("react"),Qr=ie(require("mitt"),1),Gr=require("react/jsx-runtime"),jr=(0,Qr.default)(),Te=(0,Bt.createContext)({emitter:jr});Te.displayName="Events";function ut(){return Yr.default.useContext(Te).emitter}function Ni({emitter:e,children:t}){return(0,Gr.jsx)(Te.Provider,{value:(0,Bt.useMemo)(()=>({emitter:e}),[e]),children:t})}var Me=require("react/jsx-runtime");function Mn(){return{VaultContext:(0,he.useContext)(pe),ResourceContext:(0,he.useContext)(tt),SimpleViewerReactContext:(0,he.useContext)(Ue),VisibleCanvasReactContext:(0,he.useContext)(Re),AuthRContext:(0,he.useContext)(we),SearchReactContext:(0,he.useContext)(We),ReactEventContext:(0,he.useContext)(Te)}}function kn(e){return(0,Me.jsx)(Pe,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,Me.jsx)(Re.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,Me.jsx)(Ue.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,Me.jsx)(Te.Provider,{value:e.bridge.ReactEventContext,children:(0,Me.jsx)(we.Provider,{value:e.bridge.AuthRContext,children:(0,Me.jsx)(We.Provider,{value:e.bridge.SearchReactContext,children:e.children})})})})})})}var $e=require("react");var le=require("react");var Ft=require("@iiif/helpers/vault/actions");var Kr=require("react");function Nn(){let t=b().getStore();return(0,Kr.useMemo)(()=>n=>t.dispatch(n),[t])}function Xr(e){return typeof e!="string"&&e&&e.bindToVault}function En(){let e=b(),t=(0,le.useRef)([]),n=Nn(),r=(0,le.useMemo)(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);(0,le.useLayoutEffect)(()=>{let s={id:r,type:"AnnotationPage",behavior:[],label:null,thumbnail:[],summary:null,requiredStatement:null,metadata:[],rights:null,provider:[],items:[],seeAlso:[],homepage:[],rendering:[],service:[]};n(Ft.entityActions.importEntities({entities:{AnnotationPage:{[s.id]:s}}}))},[r]);let o=P(s=>r&&s.iiif.entities.AnnotationPage[r]||null,[r]),i=(0,le.useCallback)((s,c)=>{if(r){if(Xr(s)){let d=s;d.__vault||d.bindToVault(e),s=typeof d.source=="string"?d.source:d.source.id,t.current[s]=d}else typeof s!="string"&&(s=s.id);let u=e.get({id:r,type:"AnnotationPage"}),l=e.get({id:s,type:"Annotation"});u&&l&&(u.items.find(d=>d.id===l.id)||n(Ft.entityActions.addReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"},index:c})))}},[r]),a=(0,le.useCallback)(s=>{r&&(Xr(s)?s=typeof s.source=="string"?s.source:s.source.id:typeof s!="string"&&(s=s.id),t.current[s]&&t.current[s].beforeRemove(),e.get({id:r,type:"AnnotationPage"})&&n(Ft.entityActions.removeReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"}})))},[r]);return[o,{addAnnotation:i,removeAnnotation:a}]}var Jr=require("react/jsx-runtime"),Zr=(0,$e.createContext)(null);function Vn(){let e=(0,$e.useContext)(Zr);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function Ln({children:e}){let[t,{addAnnotation:n,removeAnnotation:r}]=En();return(0,Jr.jsx)(Zr.Provider,{value:(0,$e.useMemo)(()=>({fullPage:t,addAnnotation:n,removeAnnotation:r}),[t]),children:e})}var _e=require("react/jsx-runtime");function eo({width:e,style:t,height:n,error:r,resetErrorBoundary:o}){return(0,_e.jsxs)("div",{style:{width:e,height:n,minHeight:500,...t||{},background:"#f9f9f9"},children:[(0,_e.jsx)("h3",{children:"Error occurred"}),(0,_e.jsx)("p",{children:r.message}),(0,_e.jsx)("button",{onClick:o,children:"Reset"})]})}var Dt=require("react"),Ye=(0,Dt.createContext)(null);function zn(){return(0,Dt.useContext)(Ye)}var ke=require("react"),Hn=(0,ke.createContext)(()=>{}),On=(0,ke.createContext)(()=>{});function oe(e,t,n,r,o=[]){let i=(0,ke.useContext)(e==="portal"?On:Hn);(0,ke.useEffect)(()=>(e!=="none"&&i(t,n,r),()=>{i(t,null)}),[t,e,i,...o])}var Qe=require("react");var to=require("react");function A(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=n||o.canvas,a=P(s=>i?s.iiif.entities.Canvas[i]:void 0,[i]);return(0,to.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}var Bn=(0,Qe.createContext)(()=>{});function no(e){let t=A(),n=(0,Qe.useContext)(Bn);(0,Qe.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var L=require("react/jsx-runtime");function oo({children:e,errorFallback:t,outerContainerProps:n={},worldScale:r,...o}){let[i,a]=(0,W.useState)(),s=Mn(),c=t||eo,[u,l]=(0,W.useState)({}),d=Object.entries(u),[v,y]=(0,W.useState)({}),h=Object.entries(v),[g,S]=(0,W.useState)({}),C=(0,W.useMemo)(()=>r||Math.max(...Object.values(g)),[g]),T=(0,W.useMemo)(()=>({maxOverZoom:C||1,...o.runtimeOptions||{}}),[C,o.runtimeOptions]),m=(0,W.useCallback)((M,B)=>{S(_=>{if(B===-1){let{[M]:x,...ee}=_;return ee}return{..._,[M]:B}})},[]),H=(0,W.useCallback)((M,B,_)=>{l(({[M]:x,...ee})=>B?{...ee,[M]:{element:B,props:_}}:ee)},[]),fe=(0,W.useCallback)((M,B,_)=>{y(({[M]:x,...ee})=>B?{...ee,[M]:{element:B,props:_}}:ee)},[]);return(0,L.jsxs)(ro.ErrorBoundary,{resetKeys:[],fallbackRender:M=>(0,L.jsx)(c,{...o,...M}),children:[(0,L.jsx)(qt.AtlasAuto,{...o,containerProps:{style:{position:"relative"},...o.containerProps||{}},htmlChildren:(0,L.jsx)(L.Fragment,{children:d.map(([M,{element:B,props:_}])=>(0,L.jsx)(W.default.Fragment,{children:(0,L.jsx)(B,{..._||{}})},M))}),onCreated:M=>{a(M),o.onCreated&&o.onCreated(M)},runtimeOptions:T,children:(0,L.jsx)(Ye.Provider,{value:i,children:(0,L.jsx)(Bn.Provider,{value:m,children:(0,L.jsx)(Hn.Provider,{value:H,children:(0,L.jsx)(On.Provider,{value:fe,children:(0,L.jsx)(kn,{bridge:s,children:(0,L.jsx)(qt.ModeContext.Provider,{value:o.mode||"explore",children:(0,L.jsx)(Ln,{children:e})})})})})})})}),(0,L.jsx)("div",{children:h.map(([M,{element:B,props:_}])=>(0,L.jsx)(W.default.Fragment,{children:(0,L.jsx)(B,{..._||{}})},M))})]})}var Wt=require("@atlas-viewer/atlas");var Fn=require("react"),io=require("@iiif/helpers/events");function lt(e,t){let n=b(),r=(0,Fn.useMemo)(()=>(0,io.createEventsHelper)(n),[n]),o=P(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,Fn.useMemo)(()=>e?r.getListenersAsProps(e,t):{},[o,e,n,t])}var ao=require("react"),so=require("@iiif/helpers/styles");function Ne(e,t){let n=b(),r=(0,ao.useMemo)(()=>(0,so.createStylesHelper)(n),[n]);return P(()=>{if(!e)return null;let o=r.getAppliedStyles(e.id);return o?t?o[t]:o:void 0},[e,t])}var lo=require("react");var co=require("react");var uo=require("@iiif/helpers/annotation-targets");function dt(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=b(),a=n||o.annotation,s=P(u=>a?u.iiif.entities.Annotation[a]:void 0,[a]),c=P(u=>s&&s.body?s.body.map(l=>l?l.type==="SpecificResource"?{...l,source:i.get(l)}:l?u.iiif.entities[l.type][l.id]:null:null).filter(Boolean):[],[s]);return(0,co.useMemo)(()=>{if(!s)return;let u={...s,body:c,target:(0,uo.expandTarget)(s.target,{typeMap:i.getState().iiif.mapping})};return r?r(u):u},[s,r,c,...t])}var mo=require("react/jsx-runtime"),Ut=({id:e,style:t,className:n,interactive:r})=>{let o=dt({id:e}),i=Ne(o,"atlas"),a=Ne(o,"html"),s=lt(o,["atlas"]),c=A(),u=(0,lo.useMemo)(()=>(0,Wt.mergeStyles)(t,i),[t,i]);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,mo.jsx)(Wt.RegionHighlight,{id:o.id,isEditing:!0,region:o.target.selector.spatial,style:u,className:a?.className||n,interactive:!!(a?.href||r),href:a?.href||null,title:a?.title||null,hrefTarget:a?.target||null,onClick:()=>{},...s}):null};var po=require("react");var fo=require("react");function Dn(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=n||o.annotationPage,a=P(s=>i?s.iiif.entities.AnnotationPage[i]:void 0,[i]);return(0,fo.useMemo)(()=>{if(a)return r?r(a):a},[a,...t])}var qn=require("react/jsx-runtime"),mt=({className:e,page:t})=>{let n=Dn({id:t.id})||t,r=Ne(n,"atlas"),o=Ne(n,"html");return P(i=>n.id?i.iiif.entities.AnnotationPage[n.id]:null,[]),(0,qn.jsx)(po.Fragment,{children:n.items?.map(i=>(0,qn.jsx)(Ut,{id:i.id,style:r,className:o?.className||e},i.id))})};var Wo=require("@iiif/helpers/styles");var pt=require("react");var ft=require("@atlas-viewer/atlas");var de=ie(require("react"),1),ae=require("react/jsx-runtime"),ho=de.default.createContext("en"),vo=de.default.createContext({});function Ei(e){return(0,ae.jsx)(vo.Provider,{value:e.translations,children:e.children})}function Vi(e){return(0,ae.jsx)(ho.Provider,{value:e.language,children:e.children})}function $t(){return de.default.useContext(ho)}function Wn(){return de.default.useContext(vo)}function go(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function yo({as:e,language:t,children:n,viewingDirection:r,...o}){let i=$t();return(0,de.useMemo)(()=>go(i)===go(t),[i,t])?e?(0,ae.jsx)(e,{...o,children:n}):(0,ae.jsx)("span",{...o,children:n}):e?(0,ae.jsx)(e,{...o,lang:t,dir:r,children:n}):(0,ae.jsx)("span",{...o,lang:t,dir:r,children:n})}function So(e,t,n){if(t.length===0)return;if(t.length===1)return t[0];if(t.indexOf(e)!==-1)return e;let r=e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):null;if(r&&t.indexOf(r)!==-1)return r;for(let o of n)if(t.indexOf(o)!==-1)return o;return t.indexOf("none")!==-1?"none":t.indexOf("@none")!==-1?"@none":t[0]}var xo=(e,t=[])=>{let n=$t();return(0,de.useMemo)(()=>{let r=e();return So(n,r,[])},[n,...t])};function Ee(e,t){return t?e[t]||t:""}function Co(e,t,n=`
+`,r={}){let o=xo(()=>Object.keys(e||{}),[e]);return[(0,de.useMemo)(()=>{if(!e)return Ee(r,t)||"";if(typeof e=="string")return Ee(r,e);let i=o?e[o]:void 0;return i?typeof i=="string"?i:i.map(a=>Ee(r,a)).join(n):""},[o,t,e]),o]}function Li(){let e=$t(),t=Wn();return function(r,o="",i=`
+`,a=t){let s=Object.keys(r||{}),c=So(e,s,[]);if(!r)return Ee(a,o)||"";if(typeof r=="string")return Ee(a,r);let u=c?r[c]:void 0;return u?typeof u=="string"?Ee(a,u):u.map(l=>Ee(a,l)).join(typeof i<"u"?i:`
+`):""}}function K({as:e,defaultText:t,enableDangerouslySetInnerHTML:n,children:r,separator:o,...i}){let a=Wn(),[s,c]=Co(r,t,o,a);return c?(0,ae.jsx)(yo,{...i,as:e,language:c,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s}):e?(0,ae.jsx)(e,{...i,children:s}):(0,ae.jsx)("span",{...i,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s})}var J=require("react/jsx-runtime");function zi({resource:e,heading:t,note:n,extra:r}){return r?(0,J.jsx)(ft.HTMLPortal,{target:{x:0,y:0,width:r.target?.spatial.width,height:r.target?.spatial.height},backgroundColor:"#333",relative:!0,children:(0,J.jsx)("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",background:"#444",color:"#BBB"},children:(0,J.jsxs)("div",{children:[(0,J.jsx)(K,{children:t||"Not authorised"}),n&&(0,J.jsx)("p",{children:(0,J.jsx)(K,{children:n})}),(0,J.jsx)("p",{children:e.id||e["@id"]||"unknown"})]})})}):null}function bo({image:e,thumbnail:t,crop:n,enableSizes:r}){if(!Rn()){let i=e.service,a=i.width||e.width||0,s=i.height||e.height||0;return(0,J.jsx)(ft.TileSet,{tiles:{id:i.id||i["@id"]||"unknown",height:s,width:a,imageService:i},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:n})}return(0,J.jsx)(In,{resource:e.service,errorComponent:zi,extra:e,children:i=>{let a=i.width||e.width||0,s=i.height||e.height||0;return(0,J.jsx)(ft.TileSet,{tiles:{id:i.id||i["@id"]||"unknown",height:s,width:a,imageService:i},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:n})}},e.id)}var Ve=require("react/jsx-runtime");function _t({id:e,image:t,thumbnail:n,isStatic:r,x:o=0,y:i=0,children:a,selector:s,onClick:c,enableSizes:u}){let l=(0,pt.useMemo)(()=>{if(!(!s||s.spatial.x===0&&s.spatial.y===0))return s.spatial},[s]);return(0,Ve.jsx)("world-object",{x:o+t.target.spatial.x,y:i+t.target.spatial.y,width:t.target.spatial.width,height:t.target.spatial.height,onClick:c,children:t.service?(0,Ve.jsxs)(pt.Fragment,{children:[(0,Ve.jsx)(bo,{image:t,thumbnail:n,crop:l,enableSizes:u}),a]},"service"):(0,Ve.jsxs)(pt.Fragment,{children:[(0,Ve.jsx)("world-image",{onClick:c,uri:t.id,target:{x:0,y:0,width:t.target.spatial.width,height:t.target.spatial.height},display:t.width&&t.height?{width:t.width,height:t.height}:void 0,crop:l}),a]},"no-service")},e+(t.service?"server":"no-service"))}var se=require("react"),Uo=require("@atlas-viewer/atlas");var je=require("react");var Po=require("@iiif/helpers");function Hi(e){return e.type==="SpecificResource"?[e.source,{selector:e.selector}]:[e,{selector:null}]}function gt(e,t){let{selector:n,source:r}=(0,Po.expandTarget)(t);if(r.id!==e.id)return[null,r];let o={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[n?n.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:n.temporal,spatial:o.spatial}:n:null,r]}var Un={makeChoice:()=>{}},ht={type:"unknown"},I=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),$n=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var vt=require("react");function Oi(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function Ao(e,t){return P(n=>{let r=[];if(!e)return r;let o=Object.keys(n.iiif.entities.AnnotationPage);for(let i of o)if(!t||t.indexOf(i)!==-1){let a=Oi(n,i);a&&a.views&&a.views[e]&&r.push(i)}return r},[e,t])}function _n({canvas:e,manifest:t,all:n,canvases:r}){let o=[];if(t)for(let i of t.annotations)o.indexOf(i.id)===-1&&o.push(i.id);if(n){if(r&&r.length)for(let i of r)for(let a of i.annotations)o.indexOf(a.id)===-1&&o.push(a.id)}else if(e)for(let i of e.annotations)o.indexOf(i.id)===-1&&o.push(i.id);return o}function Bi(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function yt(e,t={}){let n=b(),r=E(),o=A(),i=Ie(),a=(0,vt.useMemo)(()=>_n({all:t.all,manifest:r,canvas:o,canvases:i}),[t.all,o,i,r]),s=Ao(e,t.all?void 0:a),c=(0,vt.useCallback)(l=>{e&&n.setMetaValue([l,"annotationPageManager","views"],d=>d&&!d[e]?d:{...d||{},[e]:!1})},[e,n]),u=(0,vt.useCallback)((l,d={})=>{if(!e)return;let v=n.getState(),y=[];if(d?.deselectOthers){let h=Object.keys(v.iiif.entities.AnnotationPage);for(let g of h){let S=Bi(v,g);S&&S.views&&S.views[e]&&y.push(g)}}for(let h of y)c(h);n.setMetaValue([l,"annotationPageManager","views"],h=>h&&h[e]?h:{...h||{},[e]:!0})},[e,c,n]);return{availablePageIds:a,enabledPageIds:s,setPageEnabled:u,setPageDisabled:c}}function Yn(e,t){return P((n,r)=>r.get(e.map(o=>({id:o,type:t}))),[e,t])}var ve=require("react");var Yt=ie(require("react"),1),Ro=require("@atlas-viewer/iiif-image-api"),Io=Yt.default.createContext(new Ro.ImageServiceLoader);function me(){return(0,Yt.useContext)(Io)}function Qn(){let e=me(),[t,n]=(0,ve.useState)({}),r=(0,ve.useRef)(!1);return(0,ve.useEffect)(()=>()=>{r.current=!0},[]),[(0,ve.useCallback)((i,{height:a,width:s})=>{if(i){let c=i.id||i["@id"],u=e.loadServiceSync({id:c,width:i.width||s,height:i.height||a,source:i});u?i=u:t[c]||(r.current||n(l=>({...l,[c]:"loading"})),e.loadService({id:c,width:i.width||s,height:i.height||a}).then(()=>{r.current||n(l=>({...l,[c]:"done"}))}))}return i},[e,t]),t]}var ze=require("react");function Le(e={}){let t=dt(),n=A(e.canvasId?{id:e.canvasId}:void 0);return P((r,o)=>{if(!n)return[];if(t&&e.enableSingleAnnotation)return[t];let i=o.get(n.items),a=[];for(let s of i)a.push(...o.get(s.items));return a},[n])}var wo=require("@iiif/helpers/painting-annotations");function jn(e,t=[]){let n=b(),r=(0,ze.useMemo)(()=>(0,wo.createPaintingAnnotationsHelper)(n),[]),o=Le({enableSingleAnnotation:e?.enableSingleAnnotation}),[i,a]=(0,ze.useState)(e?.defaultChoices||[]),s=(0,ze.useMemo)(()=>r.getPaintables(o,i),[n,o,i,...t]),u={makeChoice:(0,ze.useCallback)((l,{deselectOthers:d=!0,deselect:v=!1}={})=>{s.choice&&a(y=>{if(v){let g=y.filter(S=>S!==l);if(g.length===0){let S=s.items[0].resource.id;return S?[S]:[]}return g}if(d)return[l];let h=[...y];if(h.length===0&&s.items.length){let g=s.items[0].resource.id;g&&h.push(g)}return y.indexOf(l)!==-1?y:[...y,l]})},[s.choice])};return[s,u]}var Fi=["model/gltf-binary"];function Gn(e,t){let r=t.items[0].resource;return r.format?Fi.indexOf(r.format)===-1?I(`3D format: ${r.format} is unsupported`):{type:"3d-model",model:r}:I("Unknown format")}function To(e,t){if(!e.duration)return I("No duration on canvas");if(t.items.length>1)return I("Only one audio source supported");let n=t.items[0]?.resource;return n?n.format?{type:"media",media:{annotationId:t.items[0].annotationId,duration:e.duration,url:n.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:n.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}:I("Audio does not have format"):I("Unknown audio")}var Mo=require("@atlas-viewer/iiif-image-api");var Kn=require("@iiif/helpers/annotation-targets");function Xn(e,t,n){let r=[];for(let o of t.items){let i=o.resource&&o.resource.type==="SpecificResource"?o.resource.source:o.resource;if(!i.id)return I("No resource Identifier");let a;if(i.service){let h=(0,Mo.getImageServices)(i);h[0]&&(a=n(h[0],e))}let s={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[c,u]=gt(e,o.target);if(!(u.id===e.id||decodeURIComponent(u.id||"")===(e.id||"")))continue;let l=o.resource.width&&o.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:o.resource.width,height:o.resource.height}}:void 0,d=o.resource.type==="SpecificResource"?(0,Kn.expandTarget)(o.resource):null;if(o.selector){let h=(0,Kn.expandTarget)({type:"SpecificResource",source:o.resource,selector:o.selector});h&&(d=h)}let v=d&&d.selector&&(d.selector.type==="BoxSelector"||d.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:d.selector.spatial.x,y:d.selector.spatial.y,width:d.selector.spatial.width,height:d.selector.spatial.height}}:void 0;a&&!a.id&&(a.id=a["@id"]);let y={id:i.id,type:"Image",annotationId:o.annotationId,width:Number(c||v?i.width:e.width),height:Number(c||v?i.height:e.height),service:a,sizes:a&&a.sizes?a.sizes:i.width&&i.height?[{width:i.width,height:i.height}]:[],target:c&&c.type!=="PointSelector"?c:s,selector:v};r.push(y)}return{type:"images",image:r[0],images:r,choice:t.choice}}function ko(e,t={},n){let r=e.language||n||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(t[r]=e.value);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(o=>ko(o,t,r))}return t}function Zn(e,t){let n=[];return t.items.forEach(r=>{if(r.resource){let[o]=gt(e,r.target);n.push({annotationId:r.annotationId,text:ko(r.resource),target:o})}}),{type:"textual-content",items:n}}var Di=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function Jn(e,t){let n=t.items.filter(s=>s.type==="video"),r=!1;if(e.duration||(r=!0),n.length>1)return I("Only one video source supported");let o=n[0]?.resource,i=!!(o.service||[]).find(s=>(s.profile||"").includes("youtube.com"));if(!i&&r)return I("Video does not have duration");if(!o)return I("Unknown video");if((!o.format||o.format==="text/html")&&!i)return I("Video does not have format");let a={annotationId:t.items[0].annotationId,duration:e.duration,url:o.id,type:"Video",items:[],target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:o.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}};if(i){a.type="VideoYouTube";let s=o.id.match(Di);if(!s[1])return I("Video is not known youtube video");a.youTubeId=s[1]}return{type:"media",media:a,annotations:{pages:[]}}}function er({canvas:e,paintables:t,supports:n,loadImageService:r}){if(!e)return ht;if(t.types.length===0)return n.indexOf("empty")!==-1?$n(e.width,e.height):ht;if(t.types.length!==1)if(t.types.length===2&&t.types.indexOf("text")!==-1)t.types=t.types.filter(i=>i!=="text");else return n.indexOf("complex-timeline")===-1?I("Complex timeline not supported"):I("ComplexTimelineStrategy not yet supported");let o=t.types[0];return o==="image"?n.indexOf("images")===-1?I("Image not supported"):Xn(e,t,r):o==="Model"||o==="model"?n.indexOf("3d-model")===-1?I("3D not supported"):Gn(e,t):o==="textualbody"?n.indexOf("textual-content")===-1?I("Textual content not supported"):Zn(e,t):o==="sound"||o==="audio"?n.indexOf("media")===-1?I("Media not supported"):To(e,t):o==="video"?n.indexOf("media")===-1?I("Media not supported"):Jn(e,t):ht}function tr(e){let t=E(),n=A(),r=b(),o=ut(),i=e?.emitter||o,[a,s]=Qn(),{enabledPageIds:c}=yt(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),u=Yn(c,"AnnotationPage"),l=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[d,v]=jn(e,[s]);(0,je.useEffect)(()=>{let h=g=>{v.makeChoice(g.choiceId,{deselectOthers:g.deselectOthers,deselect:g.deselect})};return i.on("make-choice",h),()=>{i.off("make-choice",h)}},[]);let y=(0,je.useMemo)(()=>er({canvas:n,paintables:d,supports:l,loadImageService:a}),[n,d,r,v.makeChoice]);return(0,je.useEffect)(()=>{let h=d.allChoices,g={canvasId:n?.id,manifestId:t?.id};h&&i.emit("choice-change",{choice:h,partOf:g})},[n?.id,d.allChoices]),(0,je.useMemo)(()=>y.type==="unknown"?[y,Un]:[{...y,annotations:{pages:u}},v],[y,u])}var ye=require("react");var No=require("react"),nr=(e,t=[])=>{let n=b();(0,No.useEffect)(()=>{e(n)},[n,...t])};var Eo=require("@iiif/helpers/thumbnail");function He(e,t,{canvasId:n,manifestId:r}={}){let o=b(),i=me(),a=(0,ye.useMemo)(()=>(0,Eo.createThumbnailHelper)(o,{imageServiceLoader:i}),[o,i]),[s,c]=(0,ye.useState)(),u=E(r?{id:r}:void 0),l=A(n?{id:n}:void 0),d=l||u,v=(0,ye.useRef)(!1);if((0,ye.useEffect)(()=>(v.current=!1,()=>{v.current=!0}),[]),!d)throw new Error("Must be called under a manifest or canvas context.");return nr(y=>{a.getBestThumbnailAtSize(d,e,t).then(h=>{h.best&&!v.current&&c(h.best)})},[d]),s}var V=require("react");function qi(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function Wi(e,t){switch(t.type){case"FINISHED":return{...e,isFinished:!0,isPlaying:!1,playRequested:!1};case"PLAY_PAUSE":return{...e,isFinished:!1,isPlaying:!e.isPlaying};case"PLAY_REQUESTED":return{...e,isFinished:!1,playRequested:!0};case"PAUSE":return{...e,isPlaying:!1};case"PLAY":return{...e,isFinished:!1,playRequested:!1,isPlaying:!0};case"MUTE":return{...e,isMuted:!0};case"SET_VOLUME":return{...e,volume:t.volume,isMuted:t.volume===0};case"TOGGLE_MUTE":return{...e,isMuted:!e.isMuted};case"UNMUTE":return{...e,isMuted:!1}}return e}function Vo(e){let t=Math.round(e);return`${Math.floor(t/60)}:${`${t%60}`.padStart(2,"0")}`}function Oe(e){let[t,n]=(0,V.useReducer)(Wi,qi(e.duration)),r=(0,V.useRef)(null),o=(0,V.useRef)(null),i=(0,V.useRef)(null),a=(0,V.useRef)(!1),s=(0,V.useCallback)(()=>{o.current&&r.current&&(o.current.innerHTML=Vo(r.current.currentTime),i.current&&(i.current.style.width=`${r.current.currentTime/e.duration*100}%`),a.current!==r.current.muted&&(a.current=r.current.muted,n(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"})))},[e.duration]),c=(0,V.useCallback)(()=>{r.current&&(n({type:"PLAY_REQUESTED"}),r.current.play().then(()=>{n({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(),n({type:"PAUSE"}),s())},[s]),d=(0,V.useCallback)(()=>{r.current&&(r.current.muted=!r.current.muted,n(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"}))},[]),v=(0,V.useCallback)(()=>{r.current&&(r.current.muted=!0,n({type:"MUTE"}))},[]),y=(0,V.useCallback)(()=>{r.current&&(r.current.muted=!1,n({type:"UNMUTE"}))},[]),h=(0,V.useCallback)(C=>{r.current&&(r.current.muted=!1,r.current.volume=C/100,n({type:"SET_VOLUME",volume:C}))},[]),g=(0,V.useCallback)(C=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(C*e.duration,e.duration)),s())},[]),S=(0,V.useCallback)(C=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(C,e.duration)),s())},[]);return(0,V.useEffect)(()=>{let C=setInterval(()=>{s()},350);return()=>clearInterval(C)},[s,e.duration]),(0,V.useEffect)(()=>{let C=()=>{n({type:"FINISHED"})},T=r.current;return T?.addEventListener("ended",C),()=>T?.removeEventListener("ended",C)},[]),[{element:r,currentTime:o,progress:i},t,{play:c,pause:l,playPause:u,mute:v,unmute:y,toggleMute:d,setVolume:h,setDurationPercent:g,setTime:S}]}var Se=require("react"),Qt=require("react/jsx-runtime"),Lo=(0,Se.createContext)(null),zo=(0,Se.createContext)(null),Ho=(0,Se.createContext)(null);function Ui(){let e=(0,Se.useContext)(Lo);if(!e)throw new Error("Ctx not found");return e}function $i(){let e=(0,Se.useContext)(zo);if(!e)throw new Error("Ctx not found");return e}function _i(){let e=(0,Se.useContext)(Ho);if(!e)throw new Error("Ctx not found");return e}function St({actions:e,state:t,children:n,currentTime:r,progress:o,element:i}){return(0,Qt.jsx)(Ho.Provider,{value:{currentTime:r,progress:o,element:i},children:(0,Qt.jsx)(zo.Provider,{value:e,children:(0,Qt.jsx)(Lo.Provider,{value:t,children:n})})})}var Oo=require("react");var Bo=require("@iiif/helpers");function xt(){let e=E(),t=A();return(0,Oo.useMemo)(()=>{if(!e||!t||!e.start)return null;let n=(0,Bo.expandTarget)(e.start);return!n||n.source.id!==t.id||!n||!n.selector||n.selector.type!=="TemporalSelector"?null:n.selector.temporal},[e,t])}var Gt=require("react/jsx-runtime");function rr({media:e,startTime:t,children:n}){let[{element:r,currentTime:o,progress:i},a,s]=Oe({duration:e.duration}),c=t?`${e.url}#t=${t}`:e.url;return(0,Gt.jsxs)(St,{state:a,actions:s,currentTime:o,progress:i,element:r,children:[(0,Gt.jsx)("audio",{ref:r,src:c}),n]})}function jt({media:e,mediaControlsDeps:t,children:n}){let r=xt();return oe("portal","audio",rr,{media:e,startTime:r?r.startTime:null,children:n},[e,r,...t||[]]),null}var Ct=require("react/jsx-runtime");function or({element:e,media:t,startTime:n,playPause:r,poster:o}){let i="div",a=n?`${t.url}#t=${n}`:t.url;return(0,Ct.jsxs)(i,{className:"video-container",part:"video-container",onClick:r,children:[(0,Ct.jsx)("style",{children:`
             .video-container {
               position: absolute;
               top: 0;
@@ -14,7 +14,7 @@
               justify-content: center;
               pointer-events: visible;
             }
-          `}),(0,xt.jsx)("video",{poster:r,ref:e,src:t.url,style:{width:"100%",objectFit:"contain"}})]})}function Kt({media:e,mediaControlsDeps:t,children:n,videoComponent:r=nr}){let o=R(),i=o&&o.placeholderCanvas&&o.placeholderCanvas.id||void 0,a=He({},!1,{canvasId:i}),[{element:s,currentTime:c,progress:u},l,d]=Oe({duration:e.duration});return oe("overlay","video-element",r,{element:s,media:e,playPause:d.playPause,poster:a?.id},[a]),oe("portal","custom-controls",St,{state:l,actions:d,currentTime:c,progress:u,element:s,children:n},[c,l,e,...t||[]]),null}var xe=require("react/jsx-runtime");function rr({model:e}){return(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)("style",{children:`
+          `}),(0,Ct.jsx)("video",{poster:o,ref:e,src:a,style:{width:"100%",objectFit:"contain"}})]})}function Kt({media:e,mediaControlsDeps:t,children:n,videoComponent:r=or}){let o=A(),i=xt(),a=o&&o.placeholderCanvas&&o.placeholderCanvas.id||void 0,s=He({},!1,{canvasId:a}),[{element:c,currentTime:u,progress:l},d,v]=Oe({duration:e.duration});return oe("overlay","video-element",r,{element:c,media:e,playPause:v.playPause,poster:s?.id,startTime:i?i.startTime:null},[s]),oe("portal","custom-controls",St,{state:d,actions:v,currentTime:u,progress:l,element:c,children:n},[u,d,e,...t||[]]),null}var xe=require("react/jsx-runtime");function ir({model:e}){return(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)("style",{children:`
             .model-container {
               position: absolute;
               top: 0;
@@ -27,7 +27,7 @@
               justify-content: center;
               pointer-events: visible;
             }
-          `}),(0,xe.jsx)("div",{className:"model-container",children:(0,xe.jsx)("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function Xt({model:e,name:t}){return oe("overlay",`model-${t}`,rr,{model:e},[e]),null}var Lo=require("react/jsx-runtime");function Zt({style:e}){let t=R();return!t||!t.height||!t.width?null:(0,Lo.jsx)("box",{interactive:!1,target:{x:0,y:0,width:Number(t.width),height:Number(t.height)},style:e})}var Ho=require("react/jsx-runtime");function zo(e){return R()?(0,Ho.jsx)(Ge,{renderViewerControls:e.renderViewerControls}):null}var Oo=require("react"),Ct=require("react/jsx-runtime");function Ui({element:e,media:t,playPause:n}){let r=(0,Oo.useRef)(null);return t.youTubeId?(0,Ct.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,Ct.jsx)("style",{children:`
+          `}),(0,xe.jsx)("div",{className:"model-container",children:(0,xe.jsx)("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function Xt({model:e,name:t}){return oe("overlay",`model-${t}`,ir,{model:e},[e]),null}var Fo=require("react/jsx-runtime");function Zt({style:e}){let t=A();return!t||!t.height||!t.width?null:(0,Fo.jsx)("box",{interactive:!1,target:{x:0,y:0,width:Number(t.width),height:Number(t.height)},style:e})}var ar=require("react/jsx-runtime");function Jt(e){let t=A();return!t||!t.placeholderCanvas?null:(0,ar.jsx)(Z,{canvas:t.placeholderCanvas.id,children:(0,ar.jsx)(Ge,{renderViewerControls:e.renderViewerControls})})}var Do=require("react"),bt=require("react/jsx-runtime");function Yi({element:e,media:t,playPause:n}){let r=(0,Do.useRef)(null);return t.youTubeId?(0,bt.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,bt.jsx)("style",{children:`
             .video-container {
               position: absolute;
               top: 0;
@@ -45,4 +45,4 @@
               width: 100%;
               object-fit: contain;
             }
-          `}),(0,Ct.jsx)("iframe",{className:"video-yt",ref:r,src:`https://www.youtube.com/embed/${t.youTubeId}?enablejsapi=1&origin=${window.location.host}`,referrerPolicy:"no-referrer",sandbox:"allow-scripts allow-same-origin allow-presentation"})]}):null}function Bo({media:e,mediaControlsDeps:t,children:n}){let[{element:r,currentTime:o,progress:i},a,s]=Oe({duration:e.duration});return oe("overlay","video-element",Ui,{element:r,media:e,playPause:s.playPause}),null}var P=require("react/jsx-runtime");function Ge({x:e,y:t,onChoiceChange:n,registerActions:r,defaultChoices:o,isStatic:i,renderViewerControls:a,renderMediaControls:s,viewControlsDeps:c,mediaControlsDeps:u,strategies:l,throwOnUnknown:d,backgroundStyle:v,alwaysShowBackground:y,keepCanvasScale:h=!1,enableSizes:g=!1,enableYouTube:S=!0,onClickPaintingAnnotation:C,children:T}){let m=R(),H=lt(m,["deep-zoom"]),[fe]=Nn(),M=Vn(),O=b(),_=(0,se.useMemo)(()=>(0,Fo.createStylesHelper)(O),[O]),[x,J]=Jn({strategies:l||["images"],defaultChoices:o?.map(({id:k})=>k)}),N=x.type==="images"?x.choice:void 0,X=(0,se.useMemo)(()=>h?1:Math.max(1,...x.type==="images"?x.images.map(k=>(k.width||0)/k.target?.spatial.width):[]),[h,x]);Jr(X),(0,se.useEffect)(()=>{r&&r(J)},[x.annotations]),(0,se.useEffect)(()=>{if(o)for(let k of o)typeof k.opacity<"u"&&_.applyStyles({id:k.id},"atlas",{opacity:k.opacity})},[o]),(0,se.useLayoutEffect)(()=>{n&&n(N)},[N]),oe(M&&(x.type==="images"||x.type==="empty"||x.type==="textual-content"&&a)?"overlay":"none",`canvas-portal-controls-${m?.id}`,Ye.Provider,a?{value:M||null,children:a(x)}:{},[m,M,x,...c||[]]);let ue=He({maxWidth:256,maxHeight:256});if(!m)return null;let It=m.accompanyingCanvas,wt=m.placeholderCanvas,Je=ue&&ue.type==="fixed"?(0,P.jsx)("world-object",{height:m.height,width:m.width,x:e,y:t,children:(0,P.jsx)("world-image",{uri:ue.id,target:{x:0,y:0,width:m.width,height:m.height},display:ue.width&&ue.height?{width:ue.width,height:ue.height}:void 0,crop:void 0})}):null;if(x.type==="unknown"){if(Je)return Je;if(d)throw new Error(x.reason||"Unknown image strategy");return null}let yr=(0,P.jsxs)(se.Fragment,{children:[fe?(0,P.jsx)(mt,{page:fe}):null,x.annotations&&x.annotations.pages?x.annotations.pages.map(k=>(0,P.jsx)(mt,{page:k},k.id)):null,T]}),ui=x.type==="images"?x.images.length:0,va=x.type==="media"&&x.media.type==="Video"&&wt?(0,P.jsx)(ee,{canvas:wt.id,children:(0,P.jsx)(zo,{renderViewerControls:a})}):null;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("world-object",{height:m.height,width:m.width,x:e,y:t,...H,children:[x.type==="empty"||y?(0,P.jsx)(Zt,{style:v}):null,x.type==="textual-content"?x.items.map((k,Tt)=>(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(Do.HTMLPortal,{onClick:C?et=>{et.stopPropagation(),C(k.annotationId,k,et)}:void 0,target:k.target?.spatial||void 0,children:(0,P.jsx)("div",{"data-textual-content":!0,children:(0,P.jsx)(K,{enableDangerouslySetInnerHTML:!0,children:k.text})})},Tt),yr]})):null,x.type==="images"?(0,P.jsxs)(P.Fragment,{children:[x.images.map((k,Tt)=>(0,P.jsx)(_t,{isStatic:i,image:k,id:k.id,thumbnail:Tt===0?ue:void 0,selector:k.selector,enableSizes:g,onClick:C?et=>{et.stopPropagation(),C(k.annotationId,k,et)}:void 0},k.id+Tt)),yr]}):null,x.type==="3d-model"?(0,P.jsx)(Xt,{model:x.model}):null,x.type==="media"?(0,P.jsx)(P.Fragment,{children:x.media.type==="Sound"?(0,P.jsxs)(jt,{media:x.media,mediaControlsDeps:u,children:[Je,s?s(x):null]}):x.media.type==="Video"?(0,P.jsxs)(Kt,{media:x.media,mediaControlsDeps:u,children:[Je,s?s(x):null]}):x.media.type==="VideoYouTube"&&S?(0,P.jsxs)(Bo,{media:x.media,mediaControlsDeps:u,children:[Je,s?s(x):null]}):null}):null]},`${m.id}/${x.type}/${ui}`),x.type==="media"&&x.media.type==="Sound"&&It?(0,P.jsx)(ee,{canvas:It.id,children:(0,P.jsx)(Ge,{renderViewerControls:a})}):null,x.type==="media"&&x.media.type==="Sound"&&wt&&!It?(0,P.jsx)(ee,{canvas:wt.id,children:(0,P.jsx)(Ge,{renderViewerControls:a})}):null]})}var Q=require("react/jsx-runtime"),$i=(0,bt.forwardRef)(function(t,n){let r=z(),o=Ie(),i=ct(),{ViewerControls:a,MediaControls:s}=t.components||{};if((0,bt.useImperativeHandle)(n,()=>i,[i]),!r)return(0,Q.jsx)("div",{});let c=0;return(0,Q.jsxs)(Q.Fragment,{children:[t.header,(0,Q.jsx)(B.Viewer,{height:t.height,mode:t.mode,renderPreset:t.renderPreset,runtimeOptions:t.runtimeOptions,children:o.map((u,l)=>{let d=c;return c+=u.width+(t.spacing||0),(0,Q.jsx)(ee,{canvas:u.id,children:(0,Q.jsx)(B.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content"],renderViewerControls:l===0&&a?()=>(0,Q.jsx)(a,{}):void 0,renderMediaControls:l===0&&s?()=>(0,Q.jsx)(s,{}):void 0,x:d,...t.canvasProps||{},children:t.annotations},u.id)},u.id)})},t.reuseAtlas?"":i.currentSequenceIndex),t.children]})}),B=(0,bt.forwardRef)(function({children:t,height:n,annotations:r,canvasProps:o,spacing:i,header:a,components:s,mode:c,reuseAtlas:u,renderPreset:l,runtimeOptions:d,...v},y){let h=Pe();return(0,Q.jsx)(Ae,{vault:h,children:(0,Q.jsx)(In,{...v,children:(0,Q.jsx)($i,{ref:y,height:n,components:s,spacing:i,canvasProps:o,annotations:r,header:a,mode:c,reuseAtlas:u,renderPreset:l,runtimeOptions:d,children:t})})})});B.RenderImage=_t;B.RenderCanvas=Ge;B.RenderAnnotationPage=mt;B.RenderAnnotation=Ut;B.Viewer=to;B.CanvasBackground=Zt;B.Audio=jt;B.Video=Kt;B.Model=Xt;B.AudioHTML=tr;B.VideoHTML=nr;B.ModelHTML=rr;var qo=require("@atlas-viewer/atlas");var Jt=require("react"),At=require("react/jsx-runtime"),_i=(0,Jt.forwardRef)(function({canvasId:t},n){let r=(0,qo.useCanvas)(),o=yt(t||r?.id),i=b();return(0,Jt.useImperativeHandle)(n,()=>o,[t,r]),!r||o.enabledPageIds.length===0?null:(0,At.jsx)(At.Fragment,{children:o.enabledPageIds.map(a=>(0,At.jsx)(B.RenderAnnotationPage,{page:i.get(a)},a))})});var Uo=require("react");var Wo=require("react");var L=require("react/jsx-runtime");function Pt({metadata:e=[],config:t,labelWidth:n=16,showEmptyMessage:r=!0,allowHtml:o,emptyFallback:i,classes:a={},emptyMessage:s="No metadata available",emptyValueFallback:c="No value",emptyLabelFallback:u="",separator:l,tableFooter:d,tableHeader:v}){let y=(0,Wo.useMemo)(()=>{let g=(t||[]).reduce((C,T)=>[...C,...T.keys],[]),S={};for(let C of e){let T=C&&C.label?Object.values(C.label):[];for(let m of T)if(m&&m.length&&(g.indexOf(`metadata.${m[0]}`)!==-1||g.length===0)&&C){let H=`metadata.${m[0]}`;S[H]=S[H]?S[H]:[],S[H].push(C);break}}return S},[t,e]);return Object.keys(y).length===0&&r?(0,L.jsx)(L.Fragment,{children:i})||(0,L.jsx)("div",{className:a.empty,children:s}):t&&t.length?(0,L.jsxs)("table",{className:a.container,children:[v,(0,L.jsx)("tbody",{children:t.map((g,S)=>{let C=[];for(let T of g.keys)for(let m of y[T]||[])C.push((0,L.jsx)(K,{enableDangerouslySetInnerHTML:o,defaultText:c,separator:l,children:m.value},S+"__"+T));return C.length===0?null:(0,L.jsxs)("tr",{className:a.row,children:[(0,L.jsx)("td",{className:a.label,style:n?{minWidth:n}:{},children:(0,L.jsx)(K,{enableDangerouslySetInnerHTML:o,separator:l,defaultText:u,children:g.label})}),(0,L.jsx)("td",{className:a.value,children:C})]},S)})}),d]}):(0,L.jsxs)("table",{className:a.container,children:[v,(0,L.jsx)("tbody",{children:e&&e.length?e.map((g,S)=>g?(0,L.jsxs)("tr",{className:a.row,children:[(0,L.jsx)("td",{className:a.label,style:n?{minWidth:n}:{},children:(0,L.jsx)(K,{enableDangerouslySetInnerHTML:o,defaultText:c,separator:l,children:g.label})}),(0,L.jsx)("td",{className:a.value,children:(0,L.jsx)(K,{enableDangerouslySetInnerHTML:o,defaultText:c,separator:l,children:g.value})})]},S):null):null}),d]})}var $o=require("react/jsx-runtime");function Yi(e){let t=z(),n=R(),r=ot(),o=(0,Uo.useMemo)(()=>{let i=t?.metadata||[],a=n?.metadata||[],s=r?.metadata||[];return[...i,...a,...s]},[t,n,r]);return(0,$o.jsx)(Pt,{metadata:o,...e})}var nn=require("react");var en=require("@atlas-viewer/iiif-image-api"),_o=require("react");function tn(e,t={},n=[]){return(0,_o.useMemo)(()=>{if(!e)return null;let r=t.quality;e&&e.extraQualities&&t.quality&&(e.extraQualities.includes(t.quality)||(r="default"));let o=(0,en.createImageServiceRequest)(e);return(0,en.imageServiceRequestToString)({identifier:o.identifier,server:o.server,scheme:o.scheme,type:"image",size:{max:!t.size?.width&&!t.size?.height,confined:!1,upscaled:!1,...t.size||{}},format:t.format||"jpg",region:t.region||{full:!0},rotation:t?.rotation?Number.isInteger(t.rotation)?{angle:t.rotation}:t.rotation:{angle:0},quality:r||"default",prefix:o.prefix,originalPath:o.originalPath})},[...n])}var Rt=require("react/jsx-runtime");function Qi(e){let t=typeof e.src=="string"?e.src:e.src.id,n=me(),[r,o]=(0,nn.useState)(!1),i;if(t){let s=n.loadServiceSync({id:t});s&&(i=s)}!i&&!r&&n.loadService({id:t}).then(()=>{o(!0)});let a=tn(i,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[r,e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return(0,nn.useEffect)(()=>()=>{o(!1)},[t]),a?(0,Rt.jsx)("img",{src:a,alt:e.alt,className:e.className,style:e.style}):(0,Rt.jsx)(Yo,{...e,fetchImageService:!1})}function Yo(e){if(e.fetchImageService)return(0,Rt.jsx)(Qi,{...e});let t=typeof e.src=="string"?{id:e.src,profile:"level0"}:e.src,n=tn(t,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return n?(0,Rt.jsx)("img",{src:n,alt:e.alt,className:e.className,style:e.style}):null}var Qo=require("react/jsx-runtime");function ji(e){let t=z();return(0,Qo.jsx)(Pt,{metadata:t?.metadata||[],...e})}var rn=require("react");var or=ie(require("react-lazy-load-image-component"),1);var jo=require("@iiif/helpers/i18n"),j=require("react/jsx-runtime"),{LazyLoadComponent:Gi}=or||or.default;function ir(e){let{size:t,visible:n,classes:r,canvasId:o,figure:i}=e,a=t?.width||128,s=t?.height||t?.width||128,c=(0,j.jsx)(Ki,{...e}),u=(0,j.jsx)(Gi,{threshold:300,style:{height:s,width:a},visibleByDefault:n,children:o?(0,j.jsx)(ee,{canvas:o,children:c}):c});return i?(0,j.jsx)("figure",{className:r?.figure,children:u}):u}function Ki({fallback:e,size:t,classes:n,showLabel:r,alt:o,dereference:i=!1}){let a=R(),s=t?.width||128,c=t?.height||t?.width||128,u=o||(0,jo.getValue)(a?.label)||"",l=He({width:s,height:c},i);return!l||l.type!=="fixed"?(0,j.jsx)(j.Fragment,{children:e}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:n?.imageWrapper,children:(0,j.jsx)("img",{className:n?.img,src:l.id,alt:u})}),r?(0,j.jsx)(K,{as:"figcaption",className:n?.label,children:a?.label}):null]})}var Ke=require("react/jsx-runtime");function Xi({flat:e,size:t,classes:n={},showLabel:r,figure:o,fallback:i}){let a=(0,rn.useRef)(null),{items:s,sequence:c,currentSequenceIndex:u,setSequenceIndex:l}=ct(),d={row:n.selected?.row||n.row,item:n.selected?.item||n.item,figure:n.selected?.figure||n.figure,img:n.selected?.img||n.img,label:n.selected?.label||n.label,imageWrapper:n.selected?.imageWrapper||n.imageWrapper};(0,rn.useLayoutEffect)(()=>{if(!a.current)return;let y=a.current.querySelector("[data-selected=true]");y&&y.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},[u]);let v=[];for(let y of c){let h=[],g=c[u]===y;for(let S of y){let C=s[S];h.push((0,Ke.jsx)("div",{className:g?d.item:n.item,children:(0,Ke.jsx)(ir,{classes:g?d:n,canvasId:C.id,size:t,showLabel:r,figure:o,placeholder:(0,Ke.jsx)("div",{style:{height:128,width:128}}),fallback:i})},S))}if(e){v.push(h);continue}v.push((0,Ke.jsx)("div",{onClick:S=>{l(c.indexOf(y))},"data-selected":g,className:g?d.row:n.row,children:h}))}return(0,Ke.jsx)("div",{ref:a,className:n.container,children:v})}var U=require("react/jsx-runtime"),Zi={draw:!0,polygon:!0,line:!0,lineBox:!0,square:!0,triangle:!0,hexagon:!0,circle:!0,delete:!0};function Ji({helper:e,showShapes:t,state:n,enabled:r=Zi,classNames:o={},icons:i={}}){return(0,U.jsxs)(U.Fragment,{children:[t?(0,U.jsxs)(U.Fragment,{children:[r.draw&&(0,U.jsx)("button",{className:o.button,onClick:()=>{e.stamps.clear(),e.draw.enable()},"data-active":!n.lineMode&&!n.selectedStamp&&t&&n.drawMode,children:i.DrawIcon||"Draw"}),r.polygon&&(0,U.jsx)("button",{className:o.button,"data-active":!n.lineMode&&!n.selectedStamp&&t&&!n.drawMode,onClick:()=>{e.stamps.clear(),e.draw.disable(),e.modes.disableLineBoxMode(),e.modes.disableLineMode()},children:i.PolygonIcon||"Polygon"}),r.line&&(0,U.jsx)("button",{className:o.button,"data-active":n.lineMode&&!n.lineBoxMode,onClick:()=>{e.modes.enableLineMode()},children:i.LineIcon||"Line"}),r.lineBox&&(0,U.jsx)("button",{className:o.button,"data-active":n.lineBoxMode,onClick:()=>{e.modes.enableLineBoxMode()},children:i.LineBoxIcon||"LineBox"}),r.square&&(0,U.jsx)("button",{className:o.button,"data-active":n.selectedStamp?.id==="square",onClick:()=>{e.stamps.square()},children:i.SquareIcon||"Square"}),r.triangle&&(0,U.jsx)("button",{className:o.button,"data-active":n.selectedStamp?.id==="triangle",onClick:()=>{e.stamps.triangle()},children:i.TriangleIcon||"Triangle"}),r.hexagon&&(0,U.jsx)("button",{className:o.button,"data-active":n.selectedStamp?.id==="hexagon",onClick:()=>{e.stamps.hexagon()},children:i.HexagonIcon||"Hexagon"})]}):null,n.showBoundingBox&&r.delete&&(0,U.jsx)("button",{className:o.button,onClick:()=>e.key.down("Backspace"),children:i.DeleteForeverIcon||"Delete"})]})}var F=require("react"),ar=ie(require("mitt"),1),Go=require("react/jsx-runtime"),on=(0,F.createContext)((0,ar.default)());on.displayName="SelectorHelper";function ea({children:e}){return(0,Go.jsx)(on.Provider,{value:(0,F.useMemo)(()=>(0,ar.default)(),[]),children:e})}function ta(){return(0,F.useContext)(on)}function sr(e){let t=cr(),[n,r]=(0,F.useState)(!1);(0,F.useEffect)(()=>t.withSelector(e).on("highlight",()=>{r(!0)}),[t,e]),(0,F.useEffect)(()=>t.withSelector(e).on("clear-highlight",()=>{r(!1)}),[t,e]);let o=(0,F.useCallback)(a=>{t.emit("click",{selectorId:e,event:a})},[e,t]),i=(0,F.useCallback)(a=>{t.emit("hover",{selectorId:e,event:a})},[e,t]);return{controller:t,onClick:o,onHover:i,isHighlighted:n}}function cr(){let e=(0,F.useContext)(on);return(0,F.useMemo)(()=>({withSelector(t){return{on(n,r){let o=i=>{i&&i.selectorId===t&&r(i)};return e.on(n,o),()=>{e.off(n,o)}},emit(n,r){e.emit(n,{...r,selectorId:t})}}},on(t,n){return e.on(t,n),()=>{e.off(t,n)}},emit(t,n){e.emit(t,n)}}),[e])}function na(){let e=cr();return(0,F.useMemo)(()=>({withSelector(t){return{highlight(){e.emit("highlight",{selectorId:t})},clearHighlight(){e.emit("clear-highlight",{selectorId:t})},zoomTo(){e.emit("zoom-to",{selectorId:t})},addEventListener(n,r){return e.emit("event-listener",{selectorId:t,name:n,callback:r}),()=>{e.emit("remove-event-listener",{selectorId:t,name:n,callback:r})}},getImagePreview(){return new Promise((n,r)=>{e.emit("image-preview-request",{selectorId:t,resolve:n,reject:r})})},on(n,r){return e.withSelector(t).on(n,r)}}},highlight(t){e.emit("highlight",{selectorId:t})},clearHighlight(t){e.emit("clear-highlight",{selectorId:t})},zoomTo(t){e.emit("zoom-to",{selectorId:t})},addEventListener(t,n,r){return e.emit("event-listener",{selectorId:t,name:n,callback:r}),()=>{e.emit("remove-event-listener",{selectorId:t,name:n,callback:r})}},getImagePreview(t){return new Promise((n,r)=>{e.emit("image-preview-request",{selectorId:t,resolve:n,reject:r})})},on(t,n){return e.on(t,n)}}),[e])}var Xe=require("react"),Ko=require("react/jsx-runtime");function ur(){return{default:{backgroundColor:"rgba(0,0,0,0)",borderWidth:"2px",borderColor:"rgba(252,0,98, .5)"},highlighted:{backgroundColor:"rgba(75, 103, 225, 0.4)",borderWidth:"1px",borderColor:"rgba(75,103,225,0.99)"},hidden:{borderWidth:"0px",borderColor:"rgba(0,0,0,0)",backgroundColor:"rgba(0,0,0,0)",hidden:!0}}}var lr=(0,Xe.createContext)(ur());lr.displayName="AnnotationStyle";function dr(){return(0,Xe.useContext)(lr)}function ra({theme:e,children:t}){let n=(0,Xe.useMemo)(()=>e||ur(),[e]);return(0,Ko.jsx)(lr.Provider,{value:n,children:t})}var sn=require("@atlas-viewer/atlas");var $=require("react");var Ze=require("react"),Xo=require("polygon-editor");function mr(e,t,n){let[r,o]=(0,Ze.useState)({}),i=(0,Ze.useMemo)(()=>(0,Xo.createHelper)(e,n),[]);return(0,Ze.useEffect)(()=>(i.clock.start(t,o),()=>{i.clock.stop()}),[]),{state:r,helper:i}}var Zo=require("polygon-editor"),w=require("react/jsx-runtime"),Ce=(0,Zo.createSvgHelpers)();function fr(e,t){let{image:n,currentShape:r,onChange:o,hideShapeLines:i}=e,a=(0,$.useRef)(),s=(0,$.useRef)(),c=(0,$.useRef)(),u=(0,$.useRef)(),l=(0,$.useRef)(),d=(0,$.useRef)(),v=(0,$.useRef)(),y=(0,$.useRef)(),[h,g]=(0,$.useState)(null),[S,C]=(0,$.useState)(!1),{helper:T,state:m}=mr(r,(N,X)=>{Ce.updateTransitionBoundingBox(s.current,N,X),Ce.updateBoundingBoxPolygon(a.current,N,X),Ce.updateTransitionShape(d.current,N,X),Ce.updateClosestLinePointTransform(u.current,N,X),Ce.updateSelectBox(c.current,N,X),Ce.updatePointLine(v.current,N,X),Ce.updateDrawPreview(l.current,N,X,3),Ce.updateLineBox(y.current,N),g(N.transitionDirection),C(N.transitionRotate)},o);(0,$.useEffect)(()=>{T.setShape(r||null)},t),(0,$.useEffect)(()=>{let N=()=>{T.modifiers.reset()};return document.addEventListener("mouseleave",N),()=>{document.removeEventListener("mouseleave",N)}},[]);let H=(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("marker",{id:"dot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,w.jsx)("circle",{cx:"5",cy:"5",r:"4",className:"marker"})}),(0,w.jsx)("marker",{id:"selected",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,w.jsx)("circle",{cx:"5",cy:"5",r:"4",fill:"#FAFF00"})}),(0,w.jsx)("marker",{id:"resizer",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,w.jsx)("rect",{width:"10",height:"10",stroke:"#FF0DCB",fill:"#fff",strokeWidth:2})})]}),fe=r?r.open?"polyline":"polygon":null,M=!m.showBoundingBox&&m.closestPoint!==null&&m.actionIntentType==="select-point",O=m.actionIntentType==="add-open-point",_=m.transitionIntentType==="split-line",x=m.transitioning&&m.selectedStamp&&m.transitionIntentType==="stamp-shape",J=r&&fe?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(fe,{fill:!m.transitioning&&m.showBoundingBox?"rgba(255, 0, 0, .5)":"none",strokeWidth:x?0:2,stroke:i?"transparent":"#000",points:r.points.map(N=>N.join(",")).join(" "),vectorEffect:"non-scaling-stroke",markerStart:m.showBoundingBox?void 0:"url(#dot)",markerMid:m.showBoundingBox?void 0:"url(#dot)",markerEnd:m.showBoundingBox?void 0:"url(#dot)",style:{pointerEvents:"none"}}),m.lineBoxMode&&m.actionIntentType==="close-line-box"?(0,w.jsx)("polygon",{fill:"rgba(255, 0, 0, .4)",ref:y,stroke:"#000",strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,m.transitionIntentType==="draw-shape"&&m.transitioning?(0,w.jsx)("polyline",{ref:l,fill:"none",stroke:"rgba(255, 0, 0, .5)",strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,!m.showBoundingBox&&m.selectedPoints&&m.selectedPoints.length?(0,w.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:"transparent",points:r.points.filter((N,X)=>m.selectedPoints?.includes(X)).map(N=>N.join(",")).join(" ")}):null,M&&m.closestPoint!==null&&r.points[m.closestPoint]?(0,w.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:"transparent",points:`${r.points[m.closestPoint][0]},${r.points[m.closestPoint][1]}`}):null,!m.transitioning&&(m.actionIntentType==="add-open-point"||m.actionIntentType==="close-shape"||m.actionIntentType==="close-shape-line")?(0,w.jsx)("polyline",{stroke:"#000",ref:v,strokeWidth:m.actionIntentType==="close-shape"?2:1,vectorEffect:"non-scaling-stroke"}):null,m.hasClosestLine&&(!m.transitionIntentType||m.transitionIntentType==="split-line")?(0,w.jsx)("g",{ref:u,children:(0,w.jsx)("polyline",{style:{opacity:.5},markerStart:"url(#dot)",points:"0,0 10,10",vectorEffect:"non-scaling-stroke",fill:"transparent",strokeWidth:2})}):null,m.transitioning?(0,w.jsx)(fe,{ref:d,fill:r.open?"none":"rgba(255, 0, 0, .5)",stroke:"rgba(255, 0, 0, .5)",strokeWidth:r.open?2:0}):null,m.transitioning&&m.transitionIntentType==="select-multiple-points"?(0,w.jsx)("rect",{ref:c,fill:"rgba(255, 255, 255, .3)",strokeWidth:1,stroke:"rgba(0,0,0,.2)",vectorEffect:"non-scaling-stroke"}):null,m.showBoundingBox?null:(0,w.jsx)("g",{name:"controls",children:!1}),m.showBoundingBox&&!x?(0,w.jsx)("polygon",{ref:a,strokeWidth:2,stroke:"#FF0DCB",fill:"none",markerStart:"url(#resizer)",markerMid:"url(#resizer)",markerEnd:"url(#resizer)",vectorEffect:"non-scaling-stroke"}):null]}):null;return{helper:T,state:m,isAddingPoint:O,isSplitting:_,isStamping:x,isHoveringPoint:M,transitionDirection:h,transitionRotate:S,defs:H,editor:J}}var an=require("react"),Jo=require("react-dom"),G=require("react/jsx-runtime"),ei=[{name:"Default",outer:{borderWidth:4,borderColor:"rgba(255, 255, 255, .4)"},inner:{borderWidth:2,borderColor:"#000"}},{name:"High contrast",outer:{borderWidth:3,borderColor:"#fff"},inner:{borderWidth:1,borderColor:"#000"}},{name:"Lightsaber",outer:{borderWidth:"4",borderColor:"rgba(56,68,255,0.64)"},inner:{borderWidth:"2",borderColor:"#fff"}},{name:"Bright",outer:{borderWidth:"6",borderColor:"#25d527"},inner:{borderWidth:"3",borderColor:"#a916ff"}},{name:"pink",outer:{borderWidth:"4",borderColor:"#ff00ff"},inner:{borderWidth:"2",borderColor:"#ffffff"}},{name:"fine (dark)",outer:{borderWidth:"1",borderColor:"#000000"},inner:{}},{name:"fine (light)",outer:{borderWidth:"1",borderColor:"#FFF"},inner:{}}];function pr(e){let t=e.theme||ei[0],n=(0,sn.useAtlas)(),{image:r}=e,{helper:o,defs:i,editor:a,state:s,transitionDirection:c,isSplitting:u,transitionRotate:l,isHoveringPoint:d,isAddingPoint:v,isStamping:y}=fr({currentShape:e.shape||null,onChange:e.updateShape,image:e.image,hideShapeLines:!0},[]),h=m=>{o.pointer([[~~m.atlas.x,~~m.atlas.y]])};(0,an.useEffect)(()=>{let m=H=>{o.key.up(H.key)};return document.addEventListener("keyup",m),()=>{document.removeEventListener("keyup",m)}},[]),(0,an.useEffect)(()=>{let m=H=>{o.key.down(H.key)};return document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m)}},[]),(0,an.useEffect)(()=>{let m=[];return c&&m.push(`atlas-cursor-${c}`),s.actionIntentType==="cut-line"&&s.modifiers?.Shift&&m.push("atlas-cursor-cut"),(d||s.transitionIntentType==="move-shape"||s.transitionIntentType==="move-point")&&m.push("atlas-cursor-move"),v&&m.push("atlas-cursor-crosshair"),u&&m.push("atlas-cursor-copy"),l&&m.push("atlas-cursor-rotate"),s.transitionIntentType==="draw-shape"&&m.push("atlas-cursor-draw"),n?.canvas&&n.canvas.classList.add(...m),()=>{n?.canvas&&n.canvas.classList.remove(...m)}},[n?.canvas,v,d,u,s.modifiers?.Shift,s.actionIntentType,s.transitionIntentType,c,l]);let g=e.shape&&e.shape?.points.length===0,S=e.renderControls?e.renderControls(o,s,g):null,C=document.getElementById(e.controlsHtmlId||"atlas-controls"),T="shape";return(0,G.jsx)(G.Fragment,{children:(0,G.jsxs)("world-object",{height:r.height,width:r.width,onMouseMove:h,onMouseDown:o.pointerDown,onMouseUp:o.pointerUp,onMouseLeave:o.blur,children:[e.shape?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(T,{open:e.shape.open,points:e.shape.points,relativeStyle:!0,style:y?{}:t.outer}),(0,G.jsx)(T,{open:e.shape.open,points:e.shape.points,relativeStyle:!0,style:y?{}:t.inner})]}):null,(0,G.jsxs)(sn.HTMLPortal,{relative:!0,interactive:!1,children:[(0,G.jsx)("div",{style:{position:"absolute",top:0,right:0,left:0,bottom:0},children:(0,G.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${r.width} ${r.height}`,tabIndex:-1,children:[(0,G.jsx)("defs",{children:i}),a]})}),C?(0,Jo.createPortal)(S,C,"controls"):null]})]})})}var gr=require("react/jsx-runtime");function oa(e){let t=R(),n=e.annotationBucket,r=e.readOnly,o=e.id,{onClick:i,isHighlighted:a}=sr(e.id),s=dr(),c=a?s.highlighted:s[n||"hidden"]||s.hidden;if(!t)return null;if(r){let u="shape",l=e.polygon,d=l.open;return l?(0,gr.jsx)(u,{id:`shape-${o}`,points:l.points,open:d,onClick:i,relativeStyle:!0,target:{x:0,y:0,width:t.width,height:t.height},style:c}):null}return(0,gr.jsx)(pr,{image:t,shape:e.polygon||{id:e.id,open:!0,points:[]},updateShape:e.updatePolygon,theme:e.theme,controlsHtmlId:e.controlsHtmlId,renderControls:e.renderControls})}var ti=require("react/jsx-runtime");function ia({annotation:e,children:t}){return(0,ti.jsx)(q,{value:{annotation:e},children:t})}var ni=require("react/jsx-runtime");function aa({annotationPage:e,children:t}){return(0,ni.jsx)(q,{value:{annotationPage:e},children:t})}var ri=require("react/jsx-runtime");function sa({collection:e,children:t}){return(0,ri.jsx)(q,{value:{collection:e},children:t})}function ca(e,t={}){return Le(t)}var oi=require("@atlas-viewer/atlas"),be=require("react");function ua({canvasId:e}={}){let t=(0,oi.useCanvas)(),n=Ie(),r=(0,be.useMemo)(()=>e?[e]:t?[t.id]:n.map(u=>u.id),[e,t,n]),[o,i]=(0,be.useState)({}),a=ut();(0,be.useEffect)(()=>{let u=l=>{let d=l.partOf.canvasId;d&&i(v=>({...v,[d]:l.choice}))};return a.on("choice-change",u),()=>{a.off("choice-change",u)}},[]);let s=(0,be.useMemo)(()=>{let u=[];for(let l of r){let d=o[l];d&&u.push({canvasId:l,choice:d})}return u},[r,o]),c=(0,be.useMemo)(()=>({makeChoice:(u,l)=>{a.emit("make-choice",{choiceId:u,...l})}}),[a]);return{choices:s,actions:c}}function la(e,t=!1){}function da(e){let n=D().manifest,r=e?e.map(o=>typeof o=="string"?o:o?.id):[];return A(o=>{let i=n?o.iiif.entities.Manifest[n]:void 0,a=i?.items||[];if(typeof e>"u")return a;let s=[];for(let c of i?.items||[])r.indexOf(c.id)!==-1&&s.push(c);return s},[r.join("/")])}var ii=require("react");function ma(e,t=[]){let{id:n,selector:r}=e,o=D(),i=n||o.collection,a=A(s=>i?s.iiif.entities.Collection[i]:void 0,[i]);return(0,ii.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}var cn=require("react"),ai=require("@iiif/helpers/events");function fa(e,t,n,r,o=[]){let i=b(),a=(0,cn.useMemo)(()=>(0,ai.createEventsHelper)(i),[i]);(0,cn.useEffect)(()=>{let s=e;return s?(a.addEventListener(s,t,n,r),()=>{a.removeEventListener(s,t,n)}):()=>{}},[a,e,t,...o])}function pa(e,t){let{id:n,isLoaded:r,error:o,resource:i,requestId:a,cached:s}=rt(e,t);return{id:n,isLoaded:r,error:o,manifest:i,requestId:a,cached:s}}var hr=require("@atlas-viewer/iiif-image-api");var ce=require("react");function vr({cacheKey:e}={}){let t=R(),n=Le(),r=b(),o=me(),[i,a]=(0,ce.useState)(void 0),[s,c]=(0,ce.useState)(!1),[u,l]=(0,ce.useState)("idle"),[d,v]=(0,ce.useState)(void 0),y=t?t.id:"undefined",h=(0,ce.useMemo)(()=>{try{if(t&&n.length){let S=n[0],C=r.get(S.body[0]),m=(0,hr.getImageServices)(C)[0];return m&&o.loadServiceSync({id:m.id||m["@id"],width:m.width||t.width,height:m.height||t.height})||void 0}}catch(S){console.error(S)}},[y,e,t]),g=u==="success"&&i?i:h;return(0,ce.useEffect)(()=>{(async()=>{try{if(t&&n.length){let S=n[0],C=r.get(S.body[0]),m=(0,hr.getImageServices)(C)[0];if(!m)return;c(!0),l("loading");try{let H=await o.loadService({id:m.id||m["@id"],width:m.width||t.width,height:m.height||t.height})||void 0;a(H),l("success"),c(!1)}catch(H){l("error"),v(H)}}}catch(S){l("error"),v(S)}})()},[y,e]),(0,ce.useMemo)(()=>({data:g,isFetching:s,status:u,error:d}),[g,s,u,d])}function ga(){let e=vr();return{isLoading:e.isFetching,tile:e.data?{id:e.data.id||e.data["@id"],width:e.data.width,height:e.data.height,imageService:e.data,thumbnail:void 0}:null}}var si=require("@iiif/helpers/styles"),ci=require("react");function ha(){let e=b();return(0,ci.useMemo)(()=>(0,si.createStylesHelper)(e),[e])}p(f,require("@iiif/helpers/annotation-targets"),module.exports);
+          `}),(0,bt.jsx)("iframe",{className:"video-yt",ref:r,src:`https://www.youtube.com/embed/${t.youTubeId}?enablejsapi=1&origin=${window.location.host}`,referrerPolicy:"no-referrer",sandbox:"allow-scripts allow-same-origin allow-presentation"})]}):null}function qo({media:e,mediaControlsDeps:t,children:n}){let[{element:r,currentTime:o,progress:i},a,s]=Oe({duration:e.duration});return oe("overlay","video-element",Yi,{element:r,media:e,playPause:s.playPause}),null}var R=require("react/jsx-runtime");function Ge({x:e,y:t,onChoiceChange:n,registerActions:r,defaultChoices:o,isStatic:i,renderViewerControls:a,renderMediaControls:s,viewControlsDeps:c,mediaControlsDeps:u,strategies:l,throwOnUnknown:d,backgroundStyle:v,alwaysShowBackground:y,keepCanvasScale:h=!1,enableSizes:g=!1,enableYouTube:S=!0,onClickPaintingAnnotation:C,children:T}){let m=A(),H=lt(m,["deep-zoom"]),[fe]=Vn(),M=zn(),B=b(),_=(0,se.useMemo)(()=>(0,Wo.createStylesHelper)(B),[B]),[x,ee]=tr({strategies:l||["images"],defaultChoices:o?.map(({id:k})=>k)}),N=x.type==="images"?x.choice:void 0,X=(0,se.useMemo)(()=>h?1:Math.max(1,...x.type==="images"?x.images.map(k=>(k.width||0)/k.target?.spatial.width):[]),[h,x]);no(X),(0,se.useEffect)(()=>{r&&r(ee)},[x.annotations]),(0,se.useEffect)(()=>{if(o)for(let k of o)typeof k.opacity<"u"&&_.applyStyles({id:k.id},"atlas",{opacity:k.opacity})},[o]),(0,se.useLayoutEffect)(()=>{n&&n(N)},[N]),oe(M&&(x.type==="images"||x.type==="empty"||x.type==="textual-content"&&a)?"overlay":"none",`canvas-portal-controls-${m?.id}`,Ye.Provider,a?{value:M||null,children:a(x)}:{},[m,M,x,...c||[]]);let ue=He({maxWidth:256,maxHeight:256});if(!m)return null;let wt=m.accompanyingCanvas,ln=m.placeholderCanvas,Je=ue&&ue.type==="fixed"?(0,R.jsx)("world-object",{height:m.height,width:m.width,x:e,y:t,children:(0,R.jsx)("world-image",{uri:ue.id,target:{x:0,y:0,width:m.width,height:m.height},display:ue.width&&ue.height?{width:ue.width,height:ue.height}:void 0,crop:void 0})}):null;if(x.type==="unknown"){if(Je)return Je;if(d)throw new Error(x.reason||"Unknown image strategy");return null}let Cr=(0,R.jsxs)(se.Fragment,{children:[fe?(0,R.jsx)(mt,{page:fe}):null,x.annotations&&x.annotations.pages?x.annotations.pages.map(k=>(0,R.jsx)(mt,{page:k},k.id)):null,T]}),mi=x.type==="images"?x.images.length:0,xa=x.type==="media"&&x.media.type==="Video"&&ln?(0,R.jsx)(Jt,{renderViewerControls:a}):null;return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)("world-object",{height:m.height,width:m.width,x:e,y:t,...H,children:[x.type==="empty"||y?(0,R.jsx)(Zt,{style:v}):null,x.type==="textual-content"?x.items.map((k,Tt)=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Uo.HTMLPortal,{onClick:C?et=>{et.stopPropagation(),C(k.annotationId,k,et)}:void 0,target:k.target?.spatial||void 0,children:(0,R.jsx)("div",{"data-textual-content":!0,children:(0,R.jsx)(K,{enableDangerouslySetInnerHTML:!0,children:k.text})})},Tt),Cr]})):null,x.type==="images"?(0,R.jsxs)(R.Fragment,{children:[x.images.map((k,Tt)=>(0,R.jsx)(_t,{isStatic:i,image:k,id:k.id,thumbnail:Tt===0?ue:void 0,selector:k.selector,enableSizes:g,onClick:C?et=>{et.stopPropagation(),C(k.annotationId,k,et)}:void 0},k.id+Tt)),Cr]}):null,x.type==="3d-model"?(0,R.jsx)(Xt,{model:x.model}):null,x.type==="media"?(0,R.jsx)(R.Fragment,{children:x.media.type==="Sound"?(0,R.jsxs)(jt,{media:x.media,mediaControlsDeps:u,children:[Je,s?s(x):null]}):x.media.type==="Video"?(0,R.jsxs)(Kt,{media:x.media,mediaControlsDeps:u,children:[Je,s?s(x):null]}):x.media.type==="VideoYouTube"&&S?(0,R.jsxs)(qo,{media:x.media,mediaControlsDeps:u,children:[Je,s?s(x):null]}):null}):null]},`${m.id}/${x.type}/${mi}`),x.type==="media"&&x.media.type==="Sound"&&wt?(0,R.jsx)(Z,{canvas:wt.id,children:(0,R.jsx)(Ge,{renderViewerControls:a})}):null,x.type==="media"&&x.media.type==="Sound"&&ln&&!wt?(0,R.jsx)(Z,{canvas:ln.id,children:(0,R.jsx)(Ge,{renderViewerControls:a})}):null]})}var Q=require("react/jsx-runtime"),Qi=(0,Pt.forwardRef)(function(t,n){let r=E(),o=Ie(),i=ct(),{ViewerControls:a,MediaControls:s}=t.components||{};if((0,Pt.useImperativeHandle)(n,()=>i,[i]),!r)return(0,Q.jsx)("div",{});let c=0;return(0,Q.jsxs)(Q.Fragment,{children:[t.header,(0,Q.jsx)(O.Viewer,{height:t.height,mode:t.mode,renderPreset:t.renderPreset,runtimeOptions:t.runtimeOptions,children:o.map((u,l)=>{let d=c;return c+=u.width+(t.spacing||0),(0,Q.jsx)(Z,{canvas:u.id,children:(0,Q.jsx)(O.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content"],renderViewerControls:l===0&&a?()=>(0,Q.jsx)(a,{}):void 0,renderMediaControls:l===0&&s?()=>(0,Q.jsx)(s,{}):void 0,x:d,...t.canvasProps||{},children:t.annotations},u.id)},u.id)})},t.reuseAtlas?"":i.currentSequenceIndex),t.children]})}),O=(0,Pt.forwardRef)(function({children:t,height:n,annotations:r,canvasProps:o,spacing:i,header:a,components:s,mode:c,reuseAtlas:u,renderPreset:l,runtimeOptions:d,...v},y){let h=Ae();return(0,Q.jsx)(Pe,{vault:h,children:(0,Q.jsx)(Tn,{...v,children:(0,Q.jsx)(Qi,{ref:y,height:n,components:s,spacing:i,canvasProps:o,annotations:r,header:a,mode:c,reuseAtlas:u,renderPreset:l,runtimeOptions:d,children:t})})})});O.RenderImage=_t;O.RenderCanvas=Ge;O.RenderAnnotationPage=mt;O.RenderAnnotation=Ut;O.Viewer=oo;O.CanvasBackground=Zt;O.Audio=jt;O.Video=Kt;O.Model=Xt;O.AudioHTML=rr;O.VideoHTML=or;O.ModelHTML=ir;O.PlaceholderCanvas=Jt;var $o=require("@atlas-viewer/atlas");var en=require("react"),At=require("react/jsx-runtime"),ji=(0,en.forwardRef)(function({canvasId:t},n){let r=(0,$o.useCanvas)(),o=yt(t||r?.id),i=b();return(0,en.useImperativeHandle)(n,()=>o,[t,r]),!r||o.enabledPageIds.length===0?null:(0,At.jsx)(At.Fragment,{children:o.enabledPageIds.map(a=>(0,At.jsx)(O.RenderAnnotationPage,{page:i.get(a)},a))})});var Yo=require("react");var _o=require("react");var z=require("react/jsx-runtime");function Rt({metadata:e=[],config:t,labelWidth:n=16,showEmptyMessage:r=!0,allowHtml:o,emptyFallback:i,classes:a={},emptyMessage:s="No metadata available",emptyValueFallback:c="No value",emptyLabelFallback:u="",separator:l,tableFooter:d,tableHeader:v}){let y=(0,_o.useMemo)(()=>{let g=(t||[]).reduce((C,T)=>[...C,...T.keys],[]),S={};for(let C of e){let T=C&&C.label?Object.values(C.label):[];for(let m of T)if(m&&m.length&&(g.indexOf(`metadata.${m[0]}`)!==-1||g.length===0)&&C){let H=`metadata.${m[0]}`;S[H]=S[H]?S[H]:[],S[H].push(C);break}}return S},[t,e]);return Object.keys(y).length===0&&r?(0,z.jsx)(z.Fragment,{children:i})||(0,z.jsx)("div",{className:a.empty,children:s}):t&&t.length?(0,z.jsxs)("table",{className:a.container,children:[v,(0,z.jsx)("tbody",{children:t.map((g,S)=>{let C=[];for(let T of g.keys)for(let m of y[T]||[])C.push((0,z.jsx)(K,{enableDangerouslySetInnerHTML:o,defaultText:c,separator:l,children:m.value},S+"__"+T));return C.length===0?null:(0,z.jsxs)("tr",{className:a.row,children:[(0,z.jsx)("td",{className:a.label,style:n?{minWidth:n}:{},children:(0,z.jsx)(K,{enableDangerouslySetInnerHTML:o,separator:l,defaultText:u,children:g.label})}),(0,z.jsx)("td",{className:a.value,children:C})]},S)})}),d]}):(0,z.jsxs)("table",{className:a.container,children:[v,(0,z.jsx)("tbody",{children:e&&e.length?e.map((g,S)=>g?(0,z.jsxs)("tr",{className:a.row,children:[(0,z.jsx)("td",{className:a.label,style:n?{minWidth:n}:{},children:(0,z.jsx)(K,{enableDangerouslySetInnerHTML:o,defaultText:c,separator:l,children:g.label})}),(0,z.jsx)("td",{className:a.value,children:(0,z.jsx)(K,{enableDangerouslySetInnerHTML:o,defaultText:c,separator:l,children:g.value})})]},S):null):null}),d]})}var Qo=require("react/jsx-runtime");function Gi(e){let t=E(),n=A(),r=ot(),o=(0,Yo.useMemo)(()=>{let i=t?.metadata||[],a=n?.metadata||[],s=r?.metadata||[];return[...i,...a,...s]},[t,n,r]);return(0,Qo.jsx)(Rt,{metadata:o,...e})}var rn=require("react");var tn=require("@atlas-viewer/iiif-image-api"),jo=require("react");function nn(e,t={},n=[]){return(0,jo.useMemo)(()=>{if(!e)return null;let r=t.quality;e&&e.extraQualities&&t.quality&&(e.extraQualities.includes(t.quality)||(r="default"));let o=(0,tn.createImageServiceRequest)(e);return(0,tn.imageServiceRequestToString)({identifier:o.identifier,server:o.server,scheme:o.scheme,type:"image",size:{max:!t.size?.width&&!t.size?.height,confined:!1,upscaled:!1,...t.size||{}},format:t.format||"jpg",region:t.region||{full:!0},rotation:t?.rotation?Number.isInteger(t.rotation)?{angle:t.rotation}:t.rotation:{angle:0},quality:r||"default",prefix:o.prefix,originalPath:o.originalPath})},[...n])}var It=require("react/jsx-runtime");function Ki(e){let t=typeof e.src=="string"?e.src:e.src.id,n=me(),[r,o]=(0,rn.useState)(!1),i;if(t){let s=n.loadServiceSync({id:t});s&&(i=s)}!i&&!r&&n.loadService({id:t}).then(()=>{o(!0)});let a=nn(i,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[r,e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return(0,rn.useEffect)(()=>()=>{o(!1)},[t]),a?(0,It.jsx)("img",{src:a,alt:e.alt,className:e.className,style:e.style}):(0,It.jsx)(Go,{...e,fetchImageService:!1})}function Go(e){if(e.fetchImageService)return(0,It.jsx)(Ki,{...e});let t=typeof e.src=="string"?{id:e.src,profile:"level0"}:e.src,n=nn(t,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return n?(0,It.jsx)("img",{src:n,alt:e.alt,className:e.className,style:e.style}):null}var Ko=require("react/jsx-runtime");function Xi(e){let t=E();return(0,Ko.jsx)(Rt,{metadata:t?.metadata||[],...e})}var on=require("react");var sr=ie(require("react-lazy-load-image-component"),1);var Xo=require("@iiif/helpers/i18n"),j=require("react/jsx-runtime"),{LazyLoadComponent:Zi}=sr||sr.default;function cr(e){let{size:t,visible:n,classes:r,canvasId:o,figure:i}=e,a=t?.width||128,s=t?.height||t?.width||128,c=(0,j.jsx)(Ji,{...e}),u=(0,j.jsx)(Zi,{threshold:300,style:{height:s,width:a},visibleByDefault:n,children:o?(0,j.jsx)(Z,{canvas:o,children:c}):c});return i?(0,j.jsx)("figure",{className:r?.figure,children:u}):u}function Ji({fallback:e,size:t,classes:n,showLabel:r,alt:o,dereference:i=!1}){let a=A(),s=t?.width||128,c=t?.height||t?.width||128,u=o||(0,Xo.getValue)(a?.label)||"",l=He({width:s,height:c},i);return!l||l.type!=="fixed"?(0,j.jsx)(j.Fragment,{children:e}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:n?.imageWrapper,children:(0,j.jsx)("img",{className:n?.img,src:l.id,alt:u})}),r?(0,j.jsx)(K,{as:"figcaption",className:n?.label,children:a?.label}):null]})}var Ke=require("react/jsx-runtime");function ea({flat:e,size:t,classes:n={},showLabel:r,figure:o,fallback:i}){let a=(0,on.useRef)(null),{items:s,sequence:c,currentSequenceIndex:u,setSequenceIndex:l}=ct(),d={row:n.selected?.row||n.row,item:n.selected?.item||n.item,figure:n.selected?.figure||n.figure,img:n.selected?.img||n.img,label:n.selected?.label||n.label,imageWrapper:n.selected?.imageWrapper||n.imageWrapper};(0,on.useLayoutEffect)(()=>{if(!a.current)return;let y=a.current.querySelector("[data-selected=true]");y&&y.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},[u]);let v=[];for(let y of c){let h=[],g=c[u]===y;for(let S of y){let C=s[S];h.push((0,Ke.jsx)("div",{className:g?d.item:n.item,children:(0,Ke.jsx)(cr,{classes:g?d:n,canvasId:C.id,size:t,showLabel:r,figure:o,placeholder:(0,Ke.jsx)("div",{style:{height:128,width:128}}),fallback:i})},S))}if(e){v.push(h);continue}v.push((0,Ke.jsx)("div",{onClick:S=>{l(c.indexOf(y))},"data-selected":g,className:g?d.row:n.row,children:h}))}return(0,Ke.jsx)("div",{ref:a,className:n.container,children:v})}var U=require("react/jsx-runtime"),ta={draw:!0,polygon:!0,line:!0,lineBox:!0,square:!0,triangle:!0,hexagon:!0,circle:!0,delete:!0};function na({helper:e,showShapes:t,state:n,enabled:r=ta,classNames:o={},icons:i={}}){return(0,U.jsxs)(U.Fragment,{children:[t?(0,U.jsxs)(U.Fragment,{children:[r.draw&&(0,U.jsx)("button",{className:o.button,onClick:()=>{e.stamps.clear(),e.draw.enable()},"data-active":!n.lineMode&&!n.selectedStamp&&t&&n.drawMode,children:i.DrawIcon||"Draw"}),r.polygon&&(0,U.jsx)("button",{className:o.button,"data-active":!n.lineMode&&!n.selectedStamp&&t&&!n.drawMode,onClick:()=>{e.stamps.clear(),e.draw.disable(),e.modes.disableLineBoxMode(),e.modes.disableLineMode()},children:i.PolygonIcon||"Polygon"}),r.line&&(0,U.jsx)("button",{className:o.button,"data-active":n.lineMode&&!n.lineBoxMode,onClick:()=>{e.modes.enableLineMode()},children:i.LineIcon||"Line"}),r.lineBox&&(0,U.jsx)("button",{className:o.button,"data-active":n.lineBoxMode,onClick:()=>{e.modes.enableLineBoxMode()},children:i.LineBoxIcon||"LineBox"}),r.square&&(0,U.jsx)("button",{className:o.button,"data-active":n.selectedStamp?.id==="square",onClick:()=>{e.stamps.square()},children:i.SquareIcon||"Square"}),r.triangle&&(0,U.jsx)("button",{className:o.button,"data-active":n.selectedStamp?.id==="triangle",onClick:()=>{e.stamps.triangle()},children:i.TriangleIcon||"Triangle"}),r.hexagon&&(0,U.jsx)("button",{className:o.button,"data-active":n.selectedStamp?.id==="hexagon",onClick:()=>{e.stamps.hexagon()},children:i.HexagonIcon||"Hexagon"})]}):null,n.showBoundingBox&&r.delete&&(0,U.jsx)("button",{className:o.button,onClick:()=>e.key.down("Backspace"),children:i.DeleteForeverIcon||"Delete"})]})}var F=require("react"),ur=ie(require("mitt"),1),Zo=require("react/jsx-runtime"),an=(0,F.createContext)((0,ur.default)());an.displayName="SelectorHelper";function ra({children:e}){return(0,Zo.jsx)(an.Provider,{value:(0,F.useMemo)(()=>(0,ur.default)(),[]),children:e})}function oa(){return(0,F.useContext)(an)}function lr(e){let t=dr(),[n,r]=(0,F.useState)(!1);(0,F.useEffect)(()=>t.withSelector(e).on("highlight",()=>{r(!0)}),[t,e]),(0,F.useEffect)(()=>t.withSelector(e).on("clear-highlight",()=>{r(!1)}),[t,e]);let o=(0,F.useCallback)(a=>{t.emit("click",{selectorId:e,event:a})},[e,t]),i=(0,F.useCallback)(a=>{t.emit("hover",{selectorId:e,event:a})},[e,t]);return{controller:t,onClick:o,onHover:i,isHighlighted:n}}function dr(){let e=(0,F.useContext)(an);return(0,F.useMemo)(()=>({withSelector(t){return{on(n,r){let o=i=>{i&&i.selectorId===t&&r(i)};return e.on(n,o),()=>{e.off(n,o)}},emit(n,r){e.emit(n,{...r,selectorId:t})}}},on(t,n){return e.on(t,n),()=>{e.off(t,n)}},emit(t,n){e.emit(t,n)}}),[e])}function ia(){let e=dr();return(0,F.useMemo)(()=>({withSelector(t){return{highlight(){e.emit("highlight",{selectorId:t})},clearHighlight(){e.emit("clear-highlight",{selectorId:t})},zoomTo(){e.emit("zoom-to",{selectorId:t})},addEventListener(n,r){return e.emit("event-listener",{selectorId:t,name:n,callback:r}),()=>{e.emit("remove-event-listener",{selectorId:t,name:n,callback:r})}},getImagePreview(){return new Promise((n,r)=>{e.emit("image-preview-request",{selectorId:t,resolve:n,reject:r})})},on(n,r){return e.withSelector(t).on(n,r)}}},highlight(t){e.emit("highlight",{selectorId:t})},clearHighlight(t){e.emit("clear-highlight",{selectorId:t})},zoomTo(t){e.emit("zoom-to",{selectorId:t})},addEventListener(t,n,r){return e.emit("event-listener",{selectorId:t,name:n,callback:r}),()=>{e.emit("remove-event-listener",{selectorId:t,name:n,callback:r})}},getImagePreview(t){return new Promise((n,r)=>{e.emit("image-preview-request",{selectorId:t,resolve:n,reject:r})})},on(t,n){return e.on(t,n)}}),[e])}var Xe=require("react"),Jo=require("react/jsx-runtime");function mr(){return{default:{backgroundColor:"rgba(0,0,0,0)",borderWidth:"2px",borderColor:"rgba(252,0,98, .5)"},highlighted:{backgroundColor:"rgba(75, 103, 225, 0.4)",borderWidth:"1px",borderColor:"rgba(75,103,225,0.99)"},hidden:{borderWidth:"0px",borderColor:"rgba(0,0,0,0)",backgroundColor:"rgba(0,0,0,0)",hidden:!0}}}var fr=(0,Xe.createContext)(mr());fr.displayName="AnnotationStyle";function pr(){return(0,Xe.useContext)(fr)}function aa({theme:e,children:t}){let n=(0,Xe.useMemo)(()=>e||mr(),[e]);return(0,Jo.jsx)(fr.Provider,{value:n,children:t})}var cn=require("@atlas-viewer/atlas");var $=require("react");var Ze=require("react"),ei=require("polygon-editor");function gr(e,t,n){let[r,o]=(0,Ze.useState)({}),i=(0,Ze.useMemo)(()=>(0,ei.createHelper)(e,n),[]);return(0,Ze.useEffect)(()=>(i.clock.start(t,o),()=>{i.clock.stop()}),[]),{state:r,helper:i}}var ti=require("polygon-editor"),w=require("react/jsx-runtime"),Ce=(0,ti.createSvgHelpers)();function hr(e,t){let{image:n,currentShape:r,onChange:o,hideShapeLines:i}=e,a=(0,$.useRef)(),s=(0,$.useRef)(),c=(0,$.useRef)(),u=(0,$.useRef)(),l=(0,$.useRef)(),d=(0,$.useRef)(),v=(0,$.useRef)(),y=(0,$.useRef)(),[h,g]=(0,$.useState)(null),[S,C]=(0,$.useState)(!1),{helper:T,state:m}=gr(r,(N,X)=>{Ce.updateTransitionBoundingBox(s.current,N,X),Ce.updateBoundingBoxPolygon(a.current,N,X),Ce.updateTransitionShape(d.current,N,X),Ce.updateClosestLinePointTransform(u.current,N,X),Ce.updateSelectBox(c.current,N,X),Ce.updatePointLine(v.current,N,X),Ce.updateDrawPreview(l.current,N,X,3),Ce.updateLineBox(y.current,N),g(N.transitionDirection),C(N.transitionRotate)},o);(0,$.useEffect)(()=>{T.setShape(r||null)},t),(0,$.useEffect)(()=>{let N=()=>{T.modifiers.reset()};return document.addEventListener("mouseleave",N),()=>{document.removeEventListener("mouseleave",N)}},[]);let H=(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("marker",{id:"dot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,w.jsx)("circle",{cx:"5",cy:"5",r:"4",className:"marker"})}),(0,w.jsx)("marker",{id:"selected",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,w.jsx)("circle",{cx:"5",cy:"5",r:"4",fill:"#FAFF00"})}),(0,w.jsx)("marker",{id:"resizer",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,w.jsx)("rect",{width:"10",height:"10",stroke:"#FF0DCB",fill:"#fff",strokeWidth:2})})]}),fe=r?r.open?"polyline":"polygon":null,M=!m.showBoundingBox&&m.closestPoint!==null&&m.actionIntentType==="select-point",B=m.actionIntentType==="add-open-point",_=m.transitionIntentType==="split-line",x=m.transitioning&&m.selectedStamp&&m.transitionIntentType==="stamp-shape",ee=r&&fe?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(fe,{fill:!m.transitioning&&m.showBoundingBox?"rgba(255, 0, 0, .5)":"none",strokeWidth:x?0:2,stroke:i?"transparent":"#000",points:r.points.map(N=>N.join(",")).join(" "),vectorEffect:"non-scaling-stroke",markerStart:m.showBoundingBox?void 0:"url(#dot)",markerMid:m.showBoundingBox?void 0:"url(#dot)",markerEnd:m.showBoundingBox?void 0:"url(#dot)",style:{pointerEvents:"none"}}),m.lineBoxMode&&m.actionIntentType==="close-line-box"?(0,w.jsx)("polygon",{fill:"rgba(255, 0, 0, .4)",ref:y,stroke:"#000",strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,m.transitionIntentType==="draw-shape"&&m.transitioning?(0,w.jsx)("polyline",{ref:l,fill:"none",stroke:"rgba(255, 0, 0, .5)",strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,!m.showBoundingBox&&m.selectedPoints&&m.selectedPoints.length?(0,w.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:"transparent",points:r.points.filter((N,X)=>m.selectedPoints?.includes(X)).map(N=>N.join(",")).join(" ")}):null,M&&m.closestPoint!==null&&r.points[m.closestPoint]?(0,w.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:"transparent",points:`${r.points[m.closestPoint][0]},${r.points[m.closestPoint][1]}`}):null,!m.transitioning&&(m.actionIntentType==="add-open-point"||m.actionIntentType==="close-shape"||m.actionIntentType==="close-shape-line")?(0,w.jsx)("polyline",{stroke:"#000",ref:v,strokeWidth:m.actionIntentType==="close-shape"?2:1,vectorEffect:"non-scaling-stroke"}):null,m.hasClosestLine&&(!m.transitionIntentType||m.transitionIntentType==="split-line")?(0,w.jsx)("g",{ref:u,children:(0,w.jsx)("polyline",{style:{opacity:.5},markerStart:"url(#dot)",points:"0,0 10,10",vectorEffect:"non-scaling-stroke",fill:"transparent",strokeWidth:2})}):null,m.transitioning?(0,w.jsx)(fe,{ref:d,fill:r.open?"none":"rgba(255, 0, 0, .5)",stroke:"rgba(255, 0, 0, .5)",strokeWidth:r.open?2:0}):null,m.transitioning&&m.transitionIntentType==="select-multiple-points"?(0,w.jsx)("rect",{ref:c,fill:"rgba(255, 255, 255, .3)",strokeWidth:1,stroke:"rgba(0,0,0,.2)",vectorEffect:"non-scaling-stroke"}):null,m.showBoundingBox?null:(0,w.jsx)("g",{name:"controls",children:!1}),m.showBoundingBox&&!x?(0,w.jsx)("polygon",{ref:a,strokeWidth:2,stroke:"#FF0DCB",fill:"none",markerStart:"url(#resizer)",markerMid:"url(#resizer)",markerEnd:"url(#resizer)",vectorEffect:"non-scaling-stroke"}):null]}):null;return{helper:T,state:m,isAddingPoint:B,isSplitting:_,isStamping:x,isHoveringPoint:M,transitionDirection:h,transitionRotate:S,defs:H,editor:ee}}var sn=require("react"),ni=require("react-dom"),G=require("react/jsx-runtime"),ri=[{name:"Default",outer:{borderWidth:4,borderColor:"rgba(255, 255, 255, .4)"},inner:{borderWidth:2,borderColor:"#000"}},{name:"High contrast",outer:{borderWidth:3,borderColor:"#fff"},inner:{borderWidth:1,borderColor:"#000"}},{name:"Lightsaber",outer:{borderWidth:"4",borderColor:"rgba(56,68,255,0.64)"},inner:{borderWidth:"2",borderColor:"#fff"}},{name:"Bright",outer:{borderWidth:"6",borderColor:"#25d527"},inner:{borderWidth:"3",borderColor:"#a916ff"}},{name:"pink",outer:{borderWidth:"4",borderColor:"#ff00ff"},inner:{borderWidth:"2",borderColor:"#ffffff"}},{name:"fine (dark)",outer:{borderWidth:"1",borderColor:"#000000"},inner:{}},{name:"fine (light)",outer:{borderWidth:"1",borderColor:"#FFF"},inner:{}}];function vr(e){let t=e.theme||ri[0],n=(0,cn.useAtlas)(),{image:r}=e,{helper:o,defs:i,editor:a,state:s,transitionDirection:c,isSplitting:u,transitionRotate:l,isHoveringPoint:d,isAddingPoint:v,isStamping:y}=hr({currentShape:e.shape||null,onChange:e.updateShape,image:e.image,hideShapeLines:!0},[]),h=m=>{o.pointer([[~~m.atlas.x,~~m.atlas.y]])};(0,sn.useEffect)(()=>{let m=H=>{o.key.up(H.key)};return document.addEventListener("keyup",m),()=>{document.removeEventListener("keyup",m)}},[]),(0,sn.useEffect)(()=>{let m=H=>{o.key.down(H.key)};return document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m)}},[]),(0,sn.useEffect)(()=>{let m=[];return c&&m.push(`atlas-cursor-${c}`),s.actionIntentType==="cut-line"&&s.modifiers?.Shift&&m.push("atlas-cursor-cut"),(d||s.transitionIntentType==="move-shape"||s.transitionIntentType==="move-point")&&m.push("atlas-cursor-move"),v&&m.push("atlas-cursor-crosshair"),u&&m.push("atlas-cursor-copy"),l&&m.push("atlas-cursor-rotate"),s.transitionIntentType==="draw-shape"&&m.push("atlas-cursor-draw"),n?.canvas&&n.canvas.classList.add(...m),()=>{n?.canvas&&n.canvas.classList.remove(...m)}},[n?.canvas,v,d,u,s.modifiers?.Shift,s.actionIntentType,s.transitionIntentType,c,l]);let g=e.shape&&e.shape?.points.length===0,S=e.renderControls?e.renderControls(o,s,g):null,C=document.getElementById(e.controlsHtmlId||"atlas-controls"),T="shape";return(0,G.jsx)(G.Fragment,{children:(0,G.jsxs)("world-object",{height:r.height,width:r.width,onMouseMove:h,onMouseDown:o.pointerDown,onMouseUp:o.pointerUp,onMouseLeave:o.blur,children:[e.shape?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(T,{open:e.shape.open,points:e.shape.points,relativeStyle:!0,style:y?{}:t.outer}),(0,G.jsx)(T,{open:e.shape.open,points:e.shape.points,relativeStyle:!0,style:y?{}:t.inner})]}):null,(0,G.jsxs)(cn.HTMLPortal,{relative:!0,interactive:!1,children:[(0,G.jsx)("div",{style:{position:"absolute",top:0,right:0,left:0,bottom:0},children:(0,G.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${r.width} ${r.height}`,tabIndex:-1,children:[(0,G.jsx)("defs",{children:i}),a]})}),C?(0,ni.createPortal)(S,C,"controls"):null]})]})})}var yr=require("react/jsx-runtime");function sa(e){let t=A(),n=e.annotationBucket,r=e.readOnly,o=e.id,{onClick:i,isHighlighted:a}=lr(e.id),s=pr(),c=a?s.highlighted:s[n||"hidden"]||s.hidden;if(!t)return null;if(r){let u="shape",l=e.polygon,d=l.open;return l?(0,yr.jsx)(u,{id:`shape-${o}`,points:l.points,open:d,onClick:i,relativeStyle:!0,target:{x:0,y:0,width:t.width,height:t.height},style:c}):null}return(0,yr.jsx)(vr,{image:t,shape:e.polygon||{id:e.id,open:!0,points:[]},updateShape:e.updatePolygon,theme:e.theme,controlsHtmlId:e.controlsHtmlId,renderControls:e.renderControls})}var oi=require("react/jsx-runtime");function ca({annotation:e,children:t}){return(0,oi.jsx)(q,{value:{annotation:e},children:t})}var ii=require("react/jsx-runtime");function ua({annotationPage:e,children:t}){return(0,ii.jsx)(q,{value:{annotationPage:e},children:t})}var ai=require("react/jsx-runtime");function la({collection:e,children:t}){return(0,ai.jsx)(q,{value:{collection:e},children:t})}function da(e,t={}){return Le(t)}var si=require("@atlas-viewer/atlas"),be=require("react");function ma({canvasId:e}={}){let t=(0,si.useCanvas)(),n=Ie(),r=(0,be.useMemo)(()=>e?[e]:t?[t.id]:n.map(u=>u.id),[e,t,n]),[o,i]=(0,be.useState)({}),a=ut();(0,be.useEffect)(()=>{let u=l=>{let d=l.partOf.canvasId;d&&i(v=>({...v,[d]:l.choice}))};return a.on("choice-change",u),()=>{a.off("choice-change",u)}},[]);let s=(0,be.useMemo)(()=>{let u=[];for(let l of r){let d=o[l];d&&u.push({canvasId:l,choice:d})}return u},[r,o]),c=(0,be.useMemo)(()=>({makeChoice:(u,l)=>{a.emit("make-choice",{choiceId:u,...l})}}),[a]);return{choices:s,actions:c}}function fa(e,t=!1){}function pa(e){let n=D().manifest,r=e?e.map(o=>typeof o=="string"?o:o?.id):[];return P(o=>{let i=n?o.iiif.entities.Manifest[n]:void 0,a=i?.items||[];if(typeof e>"u")return a;let s=[];for(let c of i?.items||[])r.indexOf(c.id)!==-1&&s.push(c);return s},[r.join("/")])}var ci=require("react");function ga(e,t=[]){let{id:n,selector:r}=e,o=D(),i=n||o.collection,a=P(s=>i?s.iiif.entities.Collection[i]:void 0,[i]);return(0,ci.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}var un=require("react"),ui=require("@iiif/helpers/events");function ha(e,t,n,r,o=[]){let i=b(),a=(0,un.useMemo)(()=>(0,ui.createEventsHelper)(i),[i]);(0,un.useEffect)(()=>{let s=e;return s?(a.addEventListener(s,t,n,r),()=>{a.removeEventListener(s,t,n)}):()=>{}},[a,e,t,...o])}function va(e,t){let{id:n,isLoaded:r,error:o,resource:i,requestId:a,cached:s}=rt(e,t);return{id:n,isLoaded:r,error:o,manifest:i,requestId:a,cached:s}}var Sr=require("@atlas-viewer/iiif-image-api");var ce=require("react");function xr({cacheKey:e}={}){let t=A(),n=Le(),r=b(),o=me(),[i,a]=(0,ce.useState)(void 0),[s,c]=(0,ce.useState)(!1),[u,l]=(0,ce.useState)("idle"),[d,v]=(0,ce.useState)(void 0),y=t?t.id:"undefined",h=(0,ce.useMemo)(()=>{try{if(t&&n.length){let S=n[0],C=r.get(S.body[0]),m=(0,Sr.getImageServices)(C)[0];return m&&o.loadServiceSync({id:m.id||m["@id"],width:m.width||t.width,height:m.height||t.height})||void 0}}catch(S){console.error(S)}},[y,e,t]),g=u==="success"&&i?i:h;return(0,ce.useEffect)(()=>{(async()=>{try{if(t&&n.length){let S=n[0],C=r.get(S.body[0]),m=(0,Sr.getImageServices)(C)[0];if(!m)return;c(!0),l("loading");try{let H=await o.loadService({id:m.id||m["@id"],width:m.width||t.width,height:m.height||t.height})||void 0;a(H),l("success"),c(!1)}catch(H){l("error"),v(H)}}}catch(S){l("error"),v(S)}})()},[y,e]),(0,ce.useMemo)(()=>({data:g,isFetching:s,status:u,error:d}),[g,s,u,d])}function ya(){let e=xr();return{isLoading:e.isFetching,tile:e.data?{id:e.data.id||e.data["@id"],width:e.data.width,height:e.data.height,imageService:e.data,thumbnail:void 0}:null}}var li=require("@iiif/helpers/styles"),di=require("react");function Sa(){let e=b();return(0,di.useMemo)(()=>(0,li.createStylesHelper)(e),[e])}p(f,require("@iiif/helpers/annotation-targets"),module.exports);

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { S as SimpleViewerContext, a as SimpleViewerProps } from './index-Bxl9_Mut.cjs';
-export { C as CanvasPanel, c as SimpleViewerActions, d as SimpleViewerActionsType, b as SimpleViewerReducerState } from './index-Bxl9_Mut.cjs';
+import { S as SimpleViewerContext, a as SimpleViewerProps } from './index-BmF5JPHb.cjs';
+export { C as CanvasPanel, c as SimpleViewerActions, d as SimpleViewerActionsType, b as SimpleViewerReducerState } from './index-BmF5JPHb.cjs';
 import * as React$1 from 'react';
 import React__default, { ReactNode, FunctionComponent, RefObject } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -751,6 +751,11 @@ declare function useCanvasClock(canvasId?: string, autoplay?: boolean): void;
 
 declare function useCanvasSubset(idsOrRefs?: Array<string | Reference>): Reference<'Canvas'>[];
 
+declare function useCanvasStartTime(): {
+    startTime: number;
+    endTime?: number | undefined;
+} | null;
+
 declare function useCollection(options: {
     id: string;
 }): CollectionNormalized | undefined;
@@ -1072,4 +1077,4 @@ declare function findAllCanvasesInRange(vault: Vault, range: RangeNormalized): A
 declare function findManifestSelectedRange(vault: Vault, manifest: ManifestNormalized, canvasId: string): null | RangeNormalized;
 declare function findSelectedRange(vault: Vault, range: RangeNormalized, canvasId: string): null | RangeNormalized;
 
-export { AnnotationContext, AnnotationPageContext, AnnotationStyleProvider, type AnnotationStyles, type AnnotationThemeDefinition, Auth, type AuthAccessState, type AuthContextActions, type AuthContextCurrentActions, type AuthContextState, AuthProvider, AuthRContext, AuthReactContext, AuthReactContextActions, type AuthState, CanvasAnnotations, CanvasContext, CollectionContext, CombinedMetadata, ContextBridge, CreateCustomShape, type CreateCustomShapeProps, EventsProvider, Image, type ImageProps, ImageServiceLoaderContext, type ImageServiceRequestOptions, InnerViewerProvider, LanguageProvider, LanguageString, LocaleString, ManifestContext, ManifestMetadata, type MediaPlayerActions, MediaPlayerProvider, type MediaPlayerState, Metadata, type MetadataProps, PolygonSelector, type PolygonSelectorProps, type ProbeStore, RangeContext, ReactEventContext, ReactVaultContext, RenderSvgEditorControls, RenderingStrategy, type ResourceContextType, ResourceProvider, ResourceReactContext, type ResourceRequestOptions, SelectorControllerProvider, type SelectorHelperEventTypes, SequenceThumbnails, SimpleViewerContext, SimpleViewerProps, SimpleViewerProvider, SimpleViewerReactContext, SingleCanvasThumbnail, type SvgTheme, TranslationProvider, type VaultActivatedAnnotation, VaultProvider, ViewerPresetContext, VirtualAnnotationProvider, VisibleCanvasReactContext, authDetailsForResource, createAuthStateStore, createProbe, defaultEmitter, findAllCanvasesInRange, findFirstCanvasFromRange, findManifestSelectedRange, findSelectedRange, flattenAnnotationPageIds, formatTime, getDefaultAnnotationStyles, getManifestSequence, getVideoStrategy, getVisibleCanvasesFromCanvasId, hasAuth, makeAccessServiceRequest, makeAccessTokenRequest, svgThemes, useAnnotation, useAnnotationPage, useAnnotationPageManager, useAnnotationStyles, useAnnotationsAtTime, useAuthActions, useAuthService, useAuthStore, useAuthToken, useAuthTokens, useCanvas, useCanvasChoices, useCanvasClock, useCanvasSequence, useCanvasSubset, useClosestLanguage, useCollection, useContextBridge, useCreateLocaleString, useCurrentAuth, useDispatch, useEventEmitter, useEventListener, useExistingVault, useExternalCollection, useExternalManifest, useExternalResource, useIIIFLanguage, useImage, useImageService, useImageServiceLoader, useImageTile, useIsAuthEnabled, useLocaleString, useManifest, useMediaActions, useMediaElements, useMediaState, usePaintables, usePaintingAnnotations, usePolygonHelper, useRange, useResourceContext, useResourceEvents, useResources, useSearchService, useSelectorController, useSelectorEmitter, useSelectorEvents, useSelectorHelper, useSimpleMediaPlayer, useSimpleViewer, useStyleHelper, useStyles, useSvgEditor, useThumbnail, useTranslations, useVault, useVaultEffect, useVaultSelector, useViewerPreset, useVirtualAnnotationPage, useVirtualAnnotationPageContext, useVisibleCanvases };
+export { AnnotationContext, AnnotationPageContext, AnnotationStyleProvider, type AnnotationStyles, type AnnotationThemeDefinition, Auth, type AuthAccessState, type AuthContextActions, type AuthContextCurrentActions, type AuthContextState, AuthProvider, AuthRContext, AuthReactContext, AuthReactContextActions, type AuthState, CanvasAnnotations, CanvasContext, CollectionContext, CombinedMetadata, ContextBridge, CreateCustomShape, type CreateCustomShapeProps, EventsProvider, Image, type ImageProps, ImageServiceLoaderContext, type ImageServiceRequestOptions, InnerViewerProvider, LanguageProvider, LanguageString, LocaleString, ManifestContext, ManifestMetadata, type MediaPlayerActions, MediaPlayerProvider, type MediaPlayerState, Metadata, type MetadataProps, PolygonSelector, type PolygonSelectorProps, type ProbeStore, RangeContext, ReactEventContext, ReactVaultContext, RenderSvgEditorControls, RenderingStrategy, type ResourceContextType, ResourceProvider, ResourceReactContext, type ResourceRequestOptions, SelectorControllerProvider, type SelectorHelperEventTypes, SequenceThumbnails, SimpleViewerContext, SimpleViewerProps, SimpleViewerProvider, SimpleViewerReactContext, SingleCanvasThumbnail, type SvgTheme, TranslationProvider, type VaultActivatedAnnotation, VaultProvider, ViewerPresetContext, VirtualAnnotationProvider, VisibleCanvasReactContext, authDetailsForResource, createAuthStateStore, createProbe, defaultEmitter, findAllCanvasesInRange, findFirstCanvasFromRange, findManifestSelectedRange, findSelectedRange, flattenAnnotationPageIds, formatTime, getDefaultAnnotationStyles, getManifestSequence, getVideoStrategy, getVisibleCanvasesFromCanvasId, hasAuth, makeAccessServiceRequest, makeAccessTokenRequest, svgThemes, useAnnotation, useAnnotationPage, useAnnotationPageManager, useAnnotationStyles, useAnnotationsAtTime, useAuthActions, useAuthService, useAuthStore, useAuthToken, useAuthTokens, useCanvas, useCanvasChoices, useCanvasClock, useCanvasSequence, useCanvasStartTime, useCanvasSubset, useClosestLanguage, useCollection, useContextBridge, useCreateLocaleString, useCurrentAuth, useDispatch, useEventEmitter, useEventListener, useExistingVault, useExternalCollection, useExternalManifest, useExternalResource, useIIIFLanguage, useImage, useImageService, useImageServiceLoader, useImageTile, useIsAuthEnabled, useLocaleString, useManifest, useMediaActions, useMediaElements, useMediaState, usePaintables, usePaintingAnnotations, usePolygonHelper, useRange, useResourceContext, useResourceEvents, useResources, useSearchService, useSelectorController, useSelectorEmitter, useSelectorEvents, useSelectorHelper, useSimpleMediaPlayer, useSimpleViewer, useStyleHelper, useStyles, useSvgEditor, useThumbnail, useTranslations, useVault, useVaultEffect, useVaultSelector, useViewerPreset, useVirtualAnnotationPage, useVirtualAnnotationPageContext, useVisibleCanvases };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { S as SimpleViewerContext, a as SimpleViewerProps } from './index-DolLOoZi.js';
-export { C as CanvasPanel, c as SimpleViewerActions, d as SimpleViewerActionsType, b as SimpleViewerReducerState } from './index-DolLOoZi.js';
+import { S as SimpleViewerContext, a as SimpleViewerProps } from './index-jRxSNVAX.js';
+export { C as CanvasPanel, c as SimpleViewerActions, d as SimpleViewerActionsType, b as SimpleViewerReducerState } from './index-jRxSNVAX.js';
 import * as React$1 from 'react';
 import React__default, { ReactNode, FunctionComponent, RefObject } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -751,6 +751,11 @@ declare function useCanvasClock(canvasId?: string, autoplay?: boolean): void;
 
 declare function useCanvasSubset(idsOrRefs?: Array<string | Reference>): Reference<'Canvas'>[];
 
+declare function useCanvasStartTime(): {
+    startTime: number;
+    endTime?: number | undefined;
+} | null;
+
 declare function useCollection(options: {
     id: string;
 }): CollectionNormalized | undefined;
@@ -1072,4 +1077,4 @@ declare function findAllCanvasesInRange(vault: Vault, range: RangeNormalized): A
 declare function findManifestSelectedRange(vault: Vault, manifest: ManifestNormalized, canvasId: string): null | RangeNormalized;
 declare function findSelectedRange(vault: Vault, range: RangeNormalized, canvasId: string): null | RangeNormalized;
 
-export { AnnotationContext, AnnotationPageContext, AnnotationStyleProvider, type AnnotationStyles, type AnnotationThemeDefinition, Auth, type AuthAccessState, type AuthContextActions, type AuthContextCurrentActions, type AuthContextState, AuthProvider, AuthRContext, AuthReactContext, AuthReactContextActions, type AuthState, CanvasAnnotations, CanvasContext, CollectionContext, CombinedMetadata, ContextBridge, CreateCustomShape, type CreateCustomShapeProps, EventsProvider, Image, type ImageProps, ImageServiceLoaderContext, type ImageServiceRequestOptions, InnerViewerProvider, LanguageProvider, LanguageString, LocaleString, ManifestContext, ManifestMetadata, type MediaPlayerActions, MediaPlayerProvider, type MediaPlayerState, Metadata, type MetadataProps, PolygonSelector, type PolygonSelectorProps, type ProbeStore, RangeContext, ReactEventContext, ReactVaultContext, RenderSvgEditorControls, RenderingStrategy, type ResourceContextType, ResourceProvider, ResourceReactContext, type ResourceRequestOptions, SelectorControllerProvider, type SelectorHelperEventTypes, SequenceThumbnails, SimpleViewerContext, SimpleViewerProps, SimpleViewerProvider, SimpleViewerReactContext, SingleCanvasThumbnail, type SvgTheme, TranslationProvider, type VaultActivatedAnnotation, VaultProvider, ViewerPresetContext, VirtualAnnotationProvider, VisibleCanvasReactContext, authDetailsForResource, createAuthStateStore, createProbe, defaultEmitter, findAllCanvasesInRange, findFirstCanvasFromRange, findManifestSelectedRange, findSelectedRange, flattenAnnotationPageIds, formatTime, getDefaultAnnotationStyles, getManifestSequence, getVideoStrategy, getVisibleCanvasesFromCanvasId, hasAuth, makeAccessServiceRequest, makeAccessTokenRequest, svgThemes, useAnnotation, useAnnotationPage, useAnnotationPageManager, useAnnotationStyles, useAnnotationsAtTime, useAuthActions, useAuthService, useAuthStore, useAuthToken, useAuthTokens, useCanvas, useCanvasChoices, useCanvasClock, useCanvasSequence, useCanvasSubset, useClosestLanguage, useCollection, useContextBridge, useCreateLocaleString, useCurrentAuth, useDispatch, useEventEmitter, useEventListener, useExistingVault, useExternalCollection, useExternalManifest, useExternalResource, useIIIFLanguage, useImage, useImageService, useImageServiceLoader, useImageTile, useIsAuthEnabled, useLocaleString, useManifest, useMediaActions, useMediaElements, useMediaState, usePaintables, usePaintingAnnotations, usePolygonHelper, useRange, useResourceContext, useResourceEvents, useResources, useSearchService, useSelectorController, useSelectorEmitter, useSelectorEvents, useSelectorHelper, useSimpleMediaPlayer, useSimpleViewer, useStyleHelper, useStyles, useSvgEditor, useThumbnail, useTranslations, useVault, useVaultEffect, useVaultSelector, useViewerPreset, useVirtualAnnotationPage, useVirtualAnnotationPageContext, useVisibleCanvases };
+export { AnnotationContext, AnnotationPageContext, AnnotationStyleProvider, type AnnotationStyles, type AnnotationThemeDefinition, Auth, type AuthAccessState, type AuthContextActions, type AuthContextCurrentActions, type AuthContextState, AuthProvider, AuthRContext, AuthReactContext, AuthReactContextActions, type AuthState, CanvasAnnotations, CanvasContext, CollectionContext, CombinedMetadata, ContextBridge, CreateCustomShape, type CreateCustomShapeProps, EventsProvider, Image, type ImageProps, ImageServiceLoaderContext, type ImageServiceRequestOptions, InnerViewerProvider, LanguageProvider, LanguageString, LocaleString, ManifestContext, ManifestMetadata, type MediaPlayerActions, MediaPlayerProvider, type MediaPlayerState, Metadata, type MetadataProps, PolygonSelector, type PolygonSelectorProps, type ProbeStore, RangeContext, ReactEventContext, ReactVaultContext, RenderSvgEditorControls, RenderingStrategy, type ResourceContextType, ResourceProvider, ResourceReactContext, type ResourceRequestOptions, SelectorControllerProvider, type SelectorHelperEventTypes, SequenceThumbnails, SimpleViewerContext, SimpleViewerProps, SimpleViewerProvider, SimpleViewerReactContext, SingleCanvasThumbnail, type SvgTheme, TranslationProvider, type VaultActivatedAnnotation, VaultProvider, ViewerPresetContext, VirtualAnnotationProvider, VisibleCanvasReactContext, authDetailsForResource, createAuthStateStore, createProbe, defaultEmitter, findAllCanvasesInRange, findFirstCanvasFromRange, findManifestSelectedRange, findSelectedRange, flattenAnnotationPageIds, formatTime, getDefaultAnnotationStyles, getManifestSequence, getVideoStrategy, getVisibleCanvasesFromCanvasId, hasAuth, makeAccessServiceRequest, makeAccessTokenRequest, svgThemes, useAnnotation, useAnnotationPage, useAnnotationPageManager, useAnnotationStyles, useAnnotationsAtTime, useAuthActions, useAuthService, useAuthStore, useAuthToken, useAuthTokens, useCanvas, useCanvasChoices, useCanvasClock, useCanvasSequence, useCanvasStartTime, useCanvasSubset, useClosestLanguage, useCollection, useContextBridge, useCreateLocaleString, useCurrentAuth, useDispatch, useEventEmitter, useEventListener, useExistingVault, useExternalCollection, useExternalManifest, useExternalResource, useIIIFLanguage, useImage, useImageService, useImageServiceLoader, useImageTile, useIsAuthEnabled, useLocaleString, useManifest, useMediaActions, useMediaElements, useMediaState, usePaintables, usePaintingAnnotations, usePolygonHelper, useRange, useResourceContext, useResourceEvents, useResources, useSearchService, useSelectorController, useSelectorEmitter, useSelectorEvents, useSelectorHelper, useSimpleMediaPlayer, useSimpleViewer, useStyleHelper, useStyles, useSvgEditor, useThumbnail, useTranslations, useVault, useVaultEffect, useVaultSelector, useViewerPreset, useVirtualAnnotationPage, useVirtualAnnotationPageContext, useVisibleCanvases };