react-iiif-vault 1.2.2 → 1.2.3

package/dist/index.cjs

@@ -1,7 +1,7 @@
-"use strict";var si=Object.create;var It=Object.defineProperty;var ci=Object.getOwnPropertyDescriptor;var ui=Object.getOwnPropertyNames;var li=Object.getPrototypeOf,di=Object.prototype.hasOwnProperty;var mi=(e,t)=>{for(var n in t)It(e,n,{get:t[n],enumerable:!0})},Rt=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ui(t))!di.call(e,o)&&o!==n&&It(e,o,{get:()=>t[o],enumerable:!(r=ci(t,o))||r.enumerable});return e},p=(e,t,n)=>(Rt(e,t,"default"),n&&Rt(n,t,"default")),oe=(e,t,n)=>(n=e!=null?si(li(e)):{},Rt(t||!e||!e.__esModule?It(n,"default",{value:e,enumerable:!0}):n,e)),fi=e=>Rt(It({},"__esModule",{value:!0}),e);var f={};mi(f,{AnnotationContext:()=>na,AnnotationPageContext:()=>ra,AnnotationStyleProvider:()=>ea,Auth:()=>bn,AuthProvider:()=>Sn,AuthRContext:()=>Ie,AuthReactContext:()=>Vr,AuthReactContextActions:()=>Lr,CanvasAnnotations:()=>Wi,CanvasContext:()=>ue,CanvasPanel:()=>B,CollectionContext:()=>oa,CombinedMetadata:()=>Ui,ContextBridge:()=>Rn,CreateCustomShape:()=>fr,EventsProvider:()=>Li,Image:()=>Uo,ImageServiceLoaderContext:()=>yo,InnerViewerProvider:()=>qr,LanguageProvider:()=>Ii,LanguageString:()=>uo,LocaleString:()=>K,ManifestContext:()=>cn,ManifestMetadata:()=>_i,MediaPlayerProvider:()=>vt,Metadata:()=>Ct,PolygonSelector:()=>ta,RangeContext:()=>un,ReactVaultContext:()=>pe,RenderSvgEditorControls:()=>Ki,ResourceProvider:()=>q,ResourceReactContext:()=>Ze,SelectorControllerProvider:()=>Xi,SequenceThumbnails:()=>ji,SimpleViewerProvider:()=>An,SimpleViewerReactContext:()=>De,SingleCanvasThumbnail:()=>or,TranslationProvider:()=>Ri,VaultProvider:()=>Ce,ViewerPresetContext:()=>$e,VirtualAnnotationProvider:()=>Mn,VisibleCanvasReactContext:()=>Pe,authDetailsForResource:()=>hn,createAuthStateStore:()=>pn,createProbe:()=>gn,defaultEmitter:()=>Ro,emptyActions:()=>Bn,emptyStrategy:()=>Fn,findAllCanvasesInRange:()=>Mt,findFirstCanvasFromRange:()=>Tr,findManifestSelectedRange:()=>gi,findSelectedRange:()=>ln,flattenAnnotationPageIds:()=>Dn,formatTime:()=>Mo,get3dStrategy:()=>$n,getDefaultAnnotationStyles:()=>cr,getImageStrategy:()=>Yn,getManifestSequence:()=>kt,getParsedTargetSelector:()=>dt,getRenderingStrategy:()=>Gn,getTextualContentStrategy:()=>Qn,getVideoStrategy:()=>jn,getVisibleCanvasesFromCanvasId:()=>hi,hasAuth:()=>vi,makeAccessServiceRequest:()=>mn,makeAccessTokenRequest:()=>Nt,parseSpecificResource:()=>Mi,svgThemes:()=>Xo,unknownResponse:()=>mt,unsupportedStrategy:()=>I,useAnnotation:()=>st,useAnnotationPage:()=>zn,useAnnotationPageManager:()=>pt,useAnnotationStyles:()=>lr,useAnnotationsAtTime:()=>ia,useAuthActions:()=>zr,useAuthService:()=>Hr,useAuthStore:()=>Be,useAuthToken:()=>Si,useAuthTokens:()=>vn,useCanvas:()=>R,useCanvasChoices:()=>aa,useCanvasClock:()=>sa,useCanvasSequence:()=>dn,useCanvasSubset:()=>ca,useClosestLanguage:()=>mo,useCollection:()=>ua,useContextBridge:()=>Pn,useCreateLocaleString:()=>wi,useCurrentAuth:()=>yi,useDispatch:()=>In,useEventEmitter:()=>gt,useEventListener:()=>la,useExistingVault:()=>Ae,useExternalCollection:()=>da,useExternalManifest:()=>sn,useExternalResource:()=>et,useIIIFLanguage:()=>Ft,useImage:()=>Xt,useImageService:()=>hr,useImageServiceLoader:()=>me,useImageTile:()=>ma,useIsAuthEnabled:()=>xn,useLoadImageService:()=>Wn,useLocaleString:()=>fo,useManifest:()=>z,useMediaActions:()=>Bi,useMediaElements:()=>Fi,useMediaState:()=>Oi,usePaintables:()=>Un,usePaintingAnnotations:()=>Ee,usePolygonHelper:()=>dr,useRange:()=>tt,useRenderingStrategy:()=>Xn,useResourceContext:()=>D,useResourceEvents:()=>at,useResources:()=>qn,useSearchService:()=>Cn,useSelectorController:()=>sr,useSelectorEmitter:()=>Zi,useSelectorEvents:()=>ar,useSelectorHelper:()=>Ji,useSimpleMediaPlayer:()=>Le,useSimpleViewer:()=>it,useStyleHelper:()=>fa,useStyles:()=>Me,useSvgEditor:()=>mr,useThumbnail:()=>ht,useTranslations:()=>On,useVault:()=>C,useVaultEffect:()=>Zn,useVaultSelector:()=>A,useViewerPreset:()=>kn,useVirtualAnnotationPage:()=>wn,useVirtualAnnotationPageContext:()=>Tn,useVisibleCanvases:()=>Re});module.exports=fi(f);var xt=require("react");var W=oe(require("react"),1),Ht=require("@atlas-viewer/atlas"),Gr=require("react-error-boundary");var we=require("react");var ze=oe(require("react"),1),yr=require("react/jsx-runtime"),pi={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},Ze=ze.default.createContext(pi),D=()=>(0,ze.useContext)(Ze);function q({value:e,children:t}){let n=D(),r=(0,ze.useMemo)(()=>({...n,...e}),[e,n]);return(0,yr.jsx)(Ze.Provider,{value:r,children:t})}var wt=oe(require("react"),1),Je=require("@iiif/helpers/vault");var an=require("react/jsx-runtime"),pe=wt.default.createContext({vault:null,setVaultInstance:e=>{}});function Ce({vault:e,vaultOptions:t,useGlobal:n,resources:r,children:o}){let[i,a]=(0,wt.useState)(()=>e||(n?(0,Je.globalVault)(t):t?new Je.Vault(t):new Je.Vault));return(0,an.jsx)(pe.Provider,{value:{vault:i,setVaultInstance:a},children:(0,an.jsx)(q,{value:r||{},children:o})})}var Dr=require("react"),Vt=require("react");var Sr=require("@iiif/helpers/vault"),xr=require("react");function Ae(e){let t=(0,xr.useContext)(pe);return e||(t&&t.vault?t.vault:(0,Sr.globalVault)())}var ge=require("react");function et(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 sn(e,t){let{id:n,isLoaded:r,error:o,resource:i,requestId:a,cached:s}=et(e,t);return{id:n,isLoaded:r,error:o,manifest:i,requestId:a,cached:s}}var br=require("react/jsx-runtime");function cn({manifest:e,children:t}){return(0,br.jsx)(q,{value:{manifest:e},children:t})}var Cr=require("react/jsx-runtime");function ue({canvas:e,children:t}){return(0,Cr.jsx)(q,{value:{canvas:e},children:t})}var Pr=require("react"),Rr=oe(require("react"),1);var Ar=require("react"),C=()=>{let{vault:e}=(0,Ar.useContext)(pe);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var Tt=require("react");function A(e,t=[]){let n=C(),[r,o]=(0,Tt.useState)(()=>e(n.getState(),n));return(0,Tt.useEffect)(()=>n.subscribe(i=>e(i,n),i=>{o(i)},!1),t),r}var Pe=Rr.default.createContext([]);function Re(){let e=(0,Pr.useContext)(Pe);return A(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var Ir=require("react");function z(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=C(),a=n||o.manifest,s=A(c=>a?c.iiif.entities.Manifest[a]:void 0,[a]);return(0,Ir.useMemo)(()=>{if(s)return r?r(s):s},[s,r,...t])}var wr=require("react/jsx-runtime");function un({range:e,children:t}){return(0,wr.jsx)(q,{value:{range:e},children:t})}function Tr(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=Tr(e,e.get(n));if(r)return r}}return null}function Mt(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(...Mt(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 gi(e,t,n){for(let r of t.structures){let o=ln(e,e.get(r),n);if(o)return o}return null}function ln(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=ln(e,e.get(r),n);if(i)return i}}return null}function hi(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]=kt(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 kt(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:Mt(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 ee=require("react");var Mr=require("react");function tt(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,Mr.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}function dn({startCanvas:e,disablePaging:t}){let n=C(),r=z(),o=tt(),[i,a]=(0,ee.useState)(void 0),s=o||r;if(!s)throw new Error("Nothing selected");let[c,u]=(0,ee.useMemo)(()=>kt(n,s,{disablePaging:t}),[n,s,t]),l=(0,ee.useRef)(u);if(l.current!==u){let S=l.current[i][0],x=u.findIndex(T=>T.includes(S));l.current=u,a(x)}let d=(0,ee.useCallback)(g=>{let S=u.findIndex(x=>x.includes(g));a(S===-1?0:S)},[c,u]),v=(0,ee.useCallback)(g=>{let S=c.findIndex(x=>x.id===g);S!==-1?d(S):a(0)},[c,u]),y=(0,ee.useCallback)(()=>{a(g=>g>=u.length-1?g:g+1)},[u]),h=(0,ee.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 ne=require("react"),Oe=require("zustand");var fn=require("zustand/vanilla");function vi(e){let t=e.service||e.services||[];for(let n of t)if(n.type==="AuthProbeService2")return!0;return!1}function te(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 pn=()=>(0,fn.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:te(n.id,t().authItems,o=>({...o,isPending:!0}))})),mn(n.service).then(()=>{Nt(r).then(o=>{let i=o.expiresIn,a=Date.now()+i*1e3;e(()=>({authItems:te(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:o.accessToken,expires:a}}))}))}).catch(o=>{e(()=>({authItems:te(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=${kr()}`,i=window.open(o);e(()=>({authItems:te(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:te(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");Nt(o).then(s=>{e(()=>({authItems:te(n.id,t().authItems,c=>({...c,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:te(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:te(n.id,t().authItems,s=>({...s,isPending:!0}))})),mn(i).then(()=>{Nt(o).then(s=>{e(()=>({authItems:te(n.id,t().authItems,c=>({...c,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:te(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:te(n.id,t().authItems,a=>({...a,instances:a.instances-1})),currentAuth:i}))}})),gn=(e,t)=>(0,fn.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 hn(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 Nt(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 kr(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 mn(e){let t=`${e.id}?origin=${kr()}`,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 He=require("react");var Nr=require("zustand");function Er(e){let t=(0,He.useMemo)(()=>hn(e),[e]),n=vn(t.services.access?.id),r=(0,He.useMemo)(()=>gn(t.services.probe,n),[t.services.probe]),o=(0,Nr.useStore)(r);return(0,He.useEffect)(()=>{o.status==="unknown"&&!n&&o.probe()},[t.services.probe,o.status]),(0,He.useEffect)(()=>{n&&(o.setToken(n),o.probe())},[n]),[e,o,t.hasAuth]}var nt=require("react/jsx-runtime"),Ie=(0,ne.createContext)(null),Vr=(0,ne.createContext)(null);Vr.displayName="CurrentAuth";var Lr=(0,ne.createContext)(null);Lr.displayName="AuthActions";function Sn({children:e}){let t=(0,ne.useMemo)(()=>pn(),[]);return(0,nt.jsx)(Ie.Provider,{value:t,children:e})}function xn(){return!!(0,ne.useContext)(Ie)}function Be(){let e=(0,ne.useContext)(Ie);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function zr(){let e=Be();return(0,Oe.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 yi(){let e=Be();return(0,Oe.useStore)(e,t=>t)}function Hr(e){let t=Be();return(0,Oe.useStore)(t,r=>r.authItems.find(o=>o.service.id===e))}function vn(e){let t=Be();return(0,Oe.useStore)(t,r=>r.authItems.find(o=>o.id===e)?.session?.token)}function Si(e){let t=Be();return(0,Oe.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 xi(e){let t=zr(),n=Hr(e.service.id);return(0,ne.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function yn(){return null}function bn(e){let[t,n,r]=Er(e.resource),o=e.fallbackComponent||yn,i=e.loadingComponent||yn,a=e.errorComponent||yn,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,nt.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,nt.jsx)(i,{})),n.status==="success"&&(c=e.children(t));for(let l of u)c=(0,nt.jsx)(xi,{service:l,probeId:s.id,children:c},l.id);return c}var rt=require("react");var Or=require("zustand/vanilla"),bi=e=>e.id||e["@id"];function Ci(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 Br=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?bi(t):void 0,r=null;return(0,Or.createStore)((o,i)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!Ci(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 Ai=require("zustand");function Cn(){let e=z();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var Et=require("react/jsx-runtime"),Fe=(0,rt.createContext)(null);Fe.displayName="Search";function Fr(e){let t=Cn();return e.store?(0,Et.jsx)(Fe.Provider,{value:e.store,children:e.children}):(0,Et.jsx)(Pi,{service:t,children:e.children})}function Pi({service:e,children:t}){let n=(0,rt.useMemo)(()=>Br(e),[e]);return(0,Et.jsx)(Fe.Provider,{value:n,children:t})}var Y=require("react/jsx-runtime"),ot=()=>{},De=(0,Vt.createContext)({setCurrentCanvasId:ot,setCurrentCanvasIndex:ot,nextCanvas:ot,previousCanvas:ot,items:[],sequence:[],setSequenceIndex:ot,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function qr(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}=dn({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),y=(0,Vt.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)(De.Provider,{value:y,children:(0,Y.jsx)(Pe.Provider,{value:r,children:(0,Y.jsx)(ue,{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 An(e){let t=Ae(e.vault),n=sn(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)(qr,{...e,children:e.children});return(0,Y.jsx)(Ce,{vault:t,children:(0,Y.jsx)(cn,{manifest:n.id,children:(0,Y.jsx)(Sn,{children:(0,Y.jsx)(Fr,{children:e.rangeId?(0,Y.jsx)(un,{range:e.rangeId,children:r}):r})})})})}function it(){return(0,Dr.useContext)(De)}var qe=require("react/jsx-runtime");function Pn(){return{VaultContext:(0,we.useContext)(pe),ResourceContext:(0,we.useContext)(Ze),SimpleViewerReactContext:(0,we.useContext)(De),VisibleCanvasReactContext:(0,we.useContext)(Pe),AuthRContext:(0,we.useContext)(Ie),SearchReactContext:(0,we.useContext)(Fe)}}function Rn(e){return(0,qe.jsx)(Ce,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,qe.jsx)(Pe.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,qe.jsx)(De.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,qe.jsx)(Ie.Provider,{value:e.bridge.AuthRContext,children:(0,qe.jsx)(Fe.Provider,{value:e.bridge.SearchReactContext,children:e.children})})})})})}var We=require("react");var le=require("react");var Lt=require("@iiif/helpers/vault/actions");var Wr=require("react");function In(){let t=C().getStore();return(0,Wr.useMemo)(()=>n=>t.dispatch(n),[t])}function Ur(e){return typeof e!="string"&&e&&e.bindToVault}function wn(){let e=C(),t=(0,le.useRef)([]),n=In(),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(Lt.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(Ur(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(Lt.entityActions.addReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"},index:c})))}},[r]),a=(0,le.useCallback)(s=>{r&&(Ur(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(Lt.entityActions.removeReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"}})))},[r]);return[o,{addAnnotation:i,removeAnnotation:a}]}var _r=require("react/jsx-runtime"),$r=(0,We.createContext)(null);function Tn(){let e=(0,We.useContext)($r);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function Mn({children:e}){let[t,{addAnnotation:n,removeAnnotation:r}]=wn();return(0,_r.jsx)($r.Provider,{value:(0,We.useMemo)(()=>({fullPage:t,addAnnotation:n,removeAnnotation:r}),[t]),children:e})}var Ue=require("react/jsx-runtime");function Yr({width:e,style:t,height:n,error:r,resetErrorBoundary:o}){return(0,Ue.jsxs)("div",{style:{width:e,height:n,minHeight:500,...t||{},background:"#f9f9f9"},children:[(0,Ue.jsx)("h3",{children:"Error occurred"}),(0,Ue.jsx)("p",{children:r.message}),(0,Ue.jsx)("button",{onClick:o,children:"Reset"})]})}var zt=require("react"),$e=(0,zt.createContext)(null);function kn(){return(0,zt.useContext)($e)}var Te=require("react"),Nn=(0,Te.createContext)(()=>{}),En=(0,Te.createContext)(()=>{});function re(e,t,n,r,o=[]){let i=(0,Te.useContext)(e==="portal"?En:Nn);(0,Te.useEffect)(()=>(e!=="none"&&i(t,n,r),()=>{i(t,null)}),[t,e,i,...o])}var _e=require("react");var Qr=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,Qr.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}var Vn=(0,_e.createContext)(()=>{});function jr(e){let t=R(),n=(0,_e.useContext)(Vn);(0,_e.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var V=require("react/jsx-runtime");function Kr({children:e,errorFallback:t,outerContainerProps:n={},worldScale:r,...o}){let[i,a]=(0,W.useState)(),s=Pn(),c=t||Yr,[u,l]=(0,W.useState)({}),d=Object.entries(u),[v,y]=(0,W.useState)({}),h=Object.entries(v),[g,S]=(0,W.useState)({}),x=(0,W.useMemo)(()=>r||Math.max(...Object.values(g)),[g]),T=(0,W.useMemo)(()=>({maxOverZoom:x||1,...o.runtimeOptions||{}}),[x,o.runtimeOptions]),m=(0,W.useCallback)((M,O)=>{S(_=>{if(O===-1){let{[M]:b,...J}=_;return J}return{..._,[M]:O}})},[]),H=(0,W.useCallback)((M,O,_)=>{l(({[M]:b,...J})=>O?{...J,[M]:{element:O,props:_}}:J)},[]),fe=(0,W.useCallback)((M,O,_)=>{y(({[M]:b,...J})=>O?{...J,[M]:{element:O,props:_}}:J)},[]);return(0,V.jsxs)(Gr.ErrorBoundary,{resetKeys:[],fallbackRender:M=>(0,V.jsx)(c,{...o,...M}),children:[(0,V.jsx)(Ht.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)($e.Provider,{value:i,children:(0,V.jsx)(Vn.Provider,{value:m,children:(0,V.jsx)(Nn.Provider,{value:H,children:(0,V.jsx)(En.Provider,{value:fe,children:(0,V.jsx)(Rn,{bridge:s,children:(0,V.jsx)(Ht.ModeContext.Provider,{value:o.mode||"explore",children:(0,V.jsx)(Mn,{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 Ot=require("@atlas-viewer/atlas");var Ln=require("react"),Xr=require("@iiif/helpers/events");function at(e,t){let n=C(),r=(0,Ln.useMemo)(()=>(0,Xr.createEventsHelper)(n),[n]),o=A(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,Ln.useMemo)(()=>e?r.getListenersAsProps(e,t):{},[o,e,n,t])}var Zr=require("react"),Jr=require("@iiif/helpers/styles");function Me(e,t){let n=C(),r=(0,Zr.useMemo)(()=>(0,Jr.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 no=require("react");var eo=require("react");var to=require("@iiif/helpers/annotation-targets");function st(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=C(),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,eo.useMemo)(()=>{if(!s)return;let u={...s,body:c,target:(0,to.expandTarget)(s.target,{typeMap:i.getState().iiif.mapping})};return r?r(u):u},[s,r,c,...t])}var ro=require("react/jsx-runtime"),Bt=({id:e,style:t,className:n,interactive:r})=>{let o=st({id:e}),i=Me(o,"atlas"),a=Me(o,"html"),s=at(o,["atlas"]),c=R(),u=(0,no.useMemo)(()=>(0,Ot.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,ro.jsx)(Ot.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 io=require("react");var oo=require("react");function zn(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,oo.useMemo)(()=>{if(a)return r?r(a):a},[a,...t])}var Hn=require("react/jsx-runtime"),ct=({className:e,page:t})=>{let n=zn({id:t.id})||t,r=Me(n,"atlas"),o=Me(n,"html");return A(i=>n.id?i.iiif.entities.AnnotationPage[n.id]:null,[]),(0,Hn.jsx)(io.Fragment,{children:n.items?.map(i=>(0,Hn.jsx)(Bt,{id:i.id,style:r,className:o?.className||e},i.id))})};var Ho=require("@iiif/helpers/styles");var lt=require("react");var ut=require("@atlas-viewer/atlas");var de=oe(require("react"),1),ie=require("react/jsx-runtime"),so=de.default.createContext("en"),co=de.default.createContext({});function Ri(e){return(0,ie.jsx)(co.Provider,{value:e.translations,children:e.children})}function Ii(e){return(0,ie.jsx)(so.Provider,{value:e.language,children:e.children})}function Ft(){return de.default.useContext(so)}function On(){return de.default.useContext(co)}function ao(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function uo({as:e,language:t,children:n,viewingDirection:r,...o}){let i=Ft();return(0,de.useMemo)(()=>ao(i)===ao(t),[i,t])?e?(0,ie.jsx)(e,{...o,children:n}):(0,ie.jsx)("span",{...o,children:n}):e?(0,ie.jsx)(e,{...o,lang:t,dir:r,children:n}):(0,ie.jsx)("span",{...o,lang:t,dir:r,children:n})}function lo(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 mo=(e,t=[])=>{let n=Ft();return(0,de.useMemo)(()=>{let r=e();return lo(n,r,[])},[n,...t])};function ke(e,t){return t?e[t]||t:""}function fo(e,t,n=`
-`,r={}){let o=mo(()=>Object.keys(e||{}),[e]);return[(0,de.useMemo)(()=>{if(!e)return ke(r,t)||"";if(typeof e=="string")return ke(r,e);let i=o?e[o]:void 0;return i?typeof i=="string"?i:i.map(a=>ke(r,a)).join(n):""},[o,t,e]),o]}function wi(){let e=Ft(),t=On();return function(r,o="",i=`
-`,a=t){let s=Object.keys(r||{}),c=lo(e,s,[]);if(!r)return ke(a,o)||"";if(typeof r=="string")return ke(a,r);let u=c?r[c]:void 0;return u?typeof u=="string"?ke(a,u):u.map(l=>ke(a,l)).join(typeof i<"u"?i:`
-`):""}}function K({as:e,defaultText:t,enableDangerouslySetInnerHTML:n,children:r,separator:o,...i}){let a=On(),[s,c]=fo(r,t,o,a);return c?(0,ie.jsx)(uo,{...i,as:e,language:c,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s}):e?(0,ie.jsx)(e,{...i,children:s}):(0,ie.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 Ti({resource:e,heading:t,note:n,extra:r}){return r?(0,Z.jsx)(ut.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 po({image:e,thumbnail:t,crop:n,enableSizes:r}){if(!xn()){let i=e.service,a=i.width||e.width||0,s=i.height||e.height||0;return(0,Z.jsx)(ut.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)(bn,{resource:e.service,errorComponent:Ti,extra:e,children:i=>{let a=i.width||e.width||0,s=i.height||e.height||0;return(0,Z.jsx)(ut.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 Ne=require("react/jsx-runtime");function Dt({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,lt.useMemo)(()=>{if(!(!s||s.spatial.x===0&&s.spatial.y===0))return s.spatial},[s]);return(0,Ne.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,Ne.jsxs)(lt.Fragment,{children:[(0,Ne.jsx)(po,{image:t,thumbnail:n,crop:l,enableSizes:u}),a]},"service"):(0,Ne.jsxs)(lt.Fragment,{children:[(0,Ne.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 ae=require("react"),Oo=require("@atlas-viewer/atlas");var Ye=require("react");var go=require("@iiif/helpers");function Mi(e){return e.type==="SpecificResource"?[e.source,{selector:e.selector}]:[e,{selector:null}]}function dt(e,t){let{selector:n,source:r}=(0,go.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 Bn={makeChoice:()=>{}},mt={type:"unknown"},I=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),Fn=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var ft=require("react");function ki(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function ho(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=ki(n,i);a&&a.views&&a.views[e]&&r.push(i)}return r},[e,t])}function Dn({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 Ni(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function pt(e,t={}){let n=C(),r=z(),o=R(),i=Re(),a=(0,ft.useMemo)(()=>Dn({all:t.all,manifest:r,canvas:o,canvases:i}),[t.all,o,i,r]),s=ho(e,t.all?void 0:a),c=(0,ft.useCallback)(l=>{e&&n.setMetaValue([l,"annotationPageManager","views"],d=>d&&!d[e]?d:{...d||{},[e]:!1})},[e,n]),u=(0,ft.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=Ni(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 qn(e,t){return A((n,r)=>r.get(e.map(o=>({id:o,type:t}))),[e,t])}var he=require("react");var qt=oe(require("react"),1),vo=require("@atlas-viewer/iiif-image-api"),yo=qt.default.createContext(new vo.ImageServiceLoader);function me(){return(0,qt.useContext)(yo)}function Wn(){let e=me(),[t,n]=(0,he.useState)({}),r=(0,he.useRef)(!1);return(0,he.useEffect)(()=>()=>{r.current=!0},[]),[(0,he.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 Ve=require("react");function Ee(e={}){let t=st(),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 So=require("@iiif/helpers/painting-annotations");function Un(e,t=[]){let n=C(),r=(0,Ve.useMemo)(()=>(0,So.createPaintingAnnotationsHelper)(n),[]),o=Ee({enableSingleAnnotation:e?.enableSingleAnnotation}),[i,a]=(0,Ve.useState)(e?.defaultChoices||[]),s=(0,Ve.useMemo)(()=>r.getPaintables(o,i),[n,o,i,...t]),u={makeChoice:(0,Ve.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 Ei=["model/gltf-binary"];function $n(e,t){let r=t.items[0].resource;return r.format?Ei.indexOf(r.format)===-1?I(`3D format: ${r.format} is unsupported`):{type:"3d-model",model:r}:I("Unknown format")}function xo(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 bo=require("@atlas-viewer/iiif-image-api");var _n=require("@iiif/helpers/annotation-targets");function Yn(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,bo.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]=dt(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,_n.expandTarget)(o.resource):null;if(o.selector){let h=(0,_n.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 Co(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=>Co(o,t,r))}return t}function Qn(e,t){let n=[];return t.items.forEach(r=>{if(r.resource){let[o]=dt(e,r.target);n.push({annotationId:r.annotationId,text:Co(r.resource),target:o})}}),{type:"textual-content",items:n}}var Vi=/^.*(?:(?: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(Vi);if(!s[1])return I("Video is not known youtube video");a.youTubeId=s[1]}return{type:"media",media:a,annotations:{pages:[]}}}function Gn({canvas:e,paintables:t,supports:n,loadImageService:r}){if(!e)return mt;if(t.types.length===0)return n.indexOf("empty")!==-1?Fn(e.width,e.height):mt;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"):Yn(e,t,r):o==="Model"||o==="model"?n.indexOf("3d-model")===-1?I("3D not supported"):$n(e,t):o==="textualbody"?n.indexOf("textual-content")===-1?I("Textual content not supported"):Qn(e,t):o==="sound"||o==="audio"?n.indexOf("media")===-1?I("Media not supported"):xo(e,t):o==="video"?n.indexOf("media")===-1?I("Media not supported"):jn(e,t):mt}var Ao=oe(require("react"),1),Wt=require("react"),Po=oe(require("mitt"),1),Io=require("react/jsx-runtime"),Ro=(0,Po.default)(),Kn=(0,Wt.createContext)({emitter:Ro});Kn.displayName="Events";function gt(){return Ao.default.useContext(Kn).emitter}function Li({emitter:e,children:t}){return(0,Io.jsx)(Kn.Provider,{value:(0,Wt.useMemo)(()=>({emitter:e}),[e]),children:t})}function Xn(e){let t=z(),n=R(),r=C(),o=gt(),i=e?.emitter||o,[a,s]=Wn(),{enabledPageIds:c}=pt(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),u=qn(c,"AnnotationPage"),l=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[d,v]=Un(e,[s]);(0,Ye.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,Ye.useMemo)(()=>Gn({canvas:n,paintables:d,supports:l,loadImageService:a}),[n,d,r,v.makeChoice]);return(0,Ye.useEffect)(()=>{if(!i)return;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,Ye.useMemo)(()=>y.type==="unknown"?[y,Bn]:[{...y,annotations:{pages:u}},v],[y,u])}var ve=require("react");var wo=require("react"),Zn=(e,t=[])=>{let n=C();(0,wo.useEffect)(()=>{e(n)},[n,...t])};var To=require("@iiif/helpers/thumbnail");function ht(e,t,{canvasId:n,manifestId:r}={}){let o=C(),i=me(),a=(0,ve.useMemo)(()=>(0,To.createThumbnailHelper)(o,{imageServiceLoader:i}),[o,i]),[s,c]=(0,ve.useState)(),u=z(r?{id:r}:void 0),l=R(n?{id:n}:void 0),d=l||u,v=(0,ve.useRef)(!1);if((0,ve.useEffect)(()=>(v.current=!1,()=>{v.current=!0}),[]),!d)throw new Error("Must be called under a manifest or canvas context.");return Zn(y=>{a.getBestThumbnailAtSize(d,e,t).then(h=>{h.best&&!v.current&&c(h.best)})},[d]),s}var E=require("react");function zi(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function Hi(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 Mo(e){let t=Math.round(e);return`${Math.floor(t/60)}:${`${t%60}`.padStart(2,"0")}`}function Le(e){let[t,n]=(0,E.useReducer)(Hi,zi(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=Mo(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)(x=>{r.current&&(r.current.muted=!1,r.current.volume=x/100,n({type:"SET_VOLUME",volume:x}))},[]),g=(0,E.useCallback)(x=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(x*e.duration,e.duration)),s())},[]),S=(0,E.useCallback)(x=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(x,e.duration)),s())},[]);return(0,E.useEffect)(()=>{let x=setInterval(()=>{s()},350);return()=>clearInterval(x)},[s,e.duration]),(0,E.useEffect)(()=>{let x=()=>{n({type:"FINISHED"})},T=r.current;return T?.addEventListener("ended",x),()=>T?.removeEventListener("ended",x)},[]),[{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 ye=require("react"),Ut=require("react/jsx-runtime"),ko=(0,ye.createContext)(null),No=(0,ye.createContext)(null),Eo=(0,ye.createContext)(null);function Oi(){let e=(0,ye.useContext)(ko);if(!e)throw new Error("Ctx not found");return e}function Bi(){let e=(0,ye.useContext)(No);if(!e)throw new Error("Ctx not found");return e}function Fi(){let e=(0,ye.useContext)(Eo);if(!e)throw new Error("Ctx not found");return e}function vt({actions:e,state:t,children:n,currentTime:r,progress:o,element:i}){return(0,Ut.jsx)(Eo.Provider,{value:{currentTime:r,progress:o,element:i},children:(0,Ut.jsx)(No.Provider,{value:e,children:(0,Ut.jsx)(ko.Provider,{value:t,children:n})})})}var _t=require("react/jsx-runtime");function Jn({media:e,children:t}){let[{element:n,currentTime:r,progress:o},i,a]=Le({duration:e.duration});return(0,_t.jsxs)(vt,{state:i,actions:a,currentTime:r,progress:o,element:n,children:[(0,_t.jsx)("audio",{ref:n,src:e.url}),t]})}function $t({media:e,mediaControlsDeps:t,children:n}){return re("portal","audio",Jn,{media:e,children:n},[e,...t||[]]),null}var yt=require("react/jsx-runtime");function er({element:e,media:t,playPause:n}){return(0,yt.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,yt.jsx)("style",{children:`
+"use strict";var si=Object.create;var wt=Object.defineProperty;var ci=Object.getOwnPropertyDescriptor;var ui=Object.getOwnPropertyNames;var li=Object.getPrototypeOf,di=Object.prototype.hasOwnProperty;var mi=(e,t)=>{for(var n in t)wt(e,n,{get:t[n],enumerable:!0})},It=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ui(t))!di.call(e,o)&&o!==n&&wt(e,o,{get:()=>t[o],enumerable:!(r=ci(t,o))||r.enumerable});return e},p=(e,t,n)=>(It(e,t,"default"),n&&It(n,t,"default")),oe=(e,t,n)=>(n=e!=null?si(li(e)):{},It(t||!e||!e.__esModule?wt(n,"default",{value:e,enumerable:!0}):n,e)),fi=e=>It(wt({},"__esModule",{value:!0}),e);var f={};mi(f,{AnnotationContext:()=>na,AnnotationPageContext:()=>ra,AnnotationStyleProvider:()=>ea,Auth:()=>Cn,AuthProvider:()=>xn,AuthRContext:()=>we,AuthReactContext:()=>Vr,AuthReactContextActions:()=>Lr,CanvasAnnotations:()=>Wi,CanvasContext:()=>ue,CanvasPanel:()=>B,CollectionContext:()=>oa,CombinedMetadata:()=>Ui,ContextBridge:()=>In,CreateCustomShape:()=>fr,EventsProvider:()=>Ri,Image:()=>Uo,ImageServiceLoaderContext:()=>Co,InnerViewerProvider:()=>qr,LanguageProvider:()=>wi,LanguageString:()=>po,LocaleString:()=>K,ManifestContext:()=>un,ManifestMetadata:()=>_i,MediaPlayerProvider:()=>yt,Metadata:()=>At,PolygonSelector:()=>ta,RangeContext:()=>ln,ReactEventContext:()=>Te,ReactVaultContext:()=>pe,RenderSvgEditorControls:()=>Ki,ResourceProvider:()=>q,ResourceReactContext:()=>Je,SelectorControllerProvider:()=>Xi,SequenceThumbnails:()=>ji,SimpleViewerProvider:()=>Pn,SimpleViewerReactContext:()=>We,SingleCanvasThumbnail:()=>or,TranslationProvider:()=>Ii,VaultProvider:()=>Ae,ViewerPresetContext:()=>_e,VirtualAnnotationProvider:()=>kn,VisibleCanvasReactContext:()=>Re,authDetailsForResource:()=>vn,createAuthStateStore:()=>gn,createProbe:()=>hn,defaultEmitter:()=>$r,emptyActions:()=>Fn,emptyStrategy:()=>Dn,findAllCanvasesInRange:()=>kt,findFirstCanvasFromRange:()=>Tr,findManifestSelectedRange:()=>gi,findSelectedRange:()=>dn,flattenAnnotationPageIds:()=>qn,formatTime:()=>Mo,get3dStrategy:()=>_n,getDefaultAnnotationStyles:()=>cr,getImageStrategy:()=>Qn,getManifestSequence:()=>Nt,getParsedTargetSelector:()=>ft,getRenderingStrategy:()=>Kn,getTextualContentStrategy:()=>jn,getVideoStrategy:()=>Gn,getVisibleCanvasesFromCanvasId:()=>hi,hasAuth:()=>vi,makeAccessServiceRequest:()=>fn,makeAccessTokenRequest:()=>Et,parseSpecificResource:()=>ki,svgThemes:()=>Xo,unknownResponse:()=>pt,unsupportedStrategy:()=>I,useAnnotation:()=>ut,useAnnotationPage:()=>Hn,useAnnotationPageManager:()=>ht,useAnnotationStyles:()=>lr,useAnnotationsAtTime:()=>ia,useAuthActions:()=>zr,useAuthService:()=>Hr,useAuthStore:()=>De,useAuthToken:()=>Si,useAuthTokens:()=>yn,useCanvas:()=>R,useCanvasChoices:()=>aa,useCanvasClock:()=>sa,useCanvasSequence:()=>mn,useCanvasSubset:()=>ca,useClosestLanguage:()=>ho,useCollection:()=>ua,useContextBridge:()=>Rn,useCreateLocaleString:()=>Ti,useCurrentAuth:()=>yi,useDispatch:()=>wn,useEventEmitter:()=>st,useEventListener:()=>la,useExistingVault:()=>Pe,useExternalCollection:()=>da,useExternalManifest:()=>cn,useExternalResource:()=>tt,useIIIFLanguage:()=>qt,useImage:()=>Zt,useImageService:()=>hr,useImageServiceLoader:()=>me,useImageTile:()=>ma,useIsAuthEnabled:()=>bn,useLoadImageService:()=>Un,useLocaleString:()=>vo,useManifest:()=>z,useMediaActions:()=>Bi,useMediaElements:()=>Fi,useMediaState:()=>Oi,usePaintables:()=>$n,usePaintingAnnotations:()=>Le,usePolygonHelper:()=>dr,useRange:()=>nt,useRenderingStrategy:()=>Xn,useResourceContext:()=>D,useResourceEvents:()=>ct,useResources:()=>Wn,useSearchService:()=>An,useSelectorController:()=>sr,useSelectorEmitter:()=>Zi,useSelectorEvents:()=>ar,useSelectorHelper:()=>Ji,useSimpleMediaPlayer:()=>He,useSimpleViewer:()=>at,useStyleHelper:()=>fa,useStyles:()=>Ne,useSvgEditor:()=>mr,useThumbnail:()=>vt,useTranslations:()=>Bn,useVault:()=>C,useVaultEffect:()=>Zn,useVaultSelector:()=>A,useViewerPreset:()=>Nn,useVirtualAnnotationPage:()=>Tn,useVirtualAnnotationPageContext:()=>Mn,useVisibleCanvases:()=>Ie});module.exports=fi(f);var bt=require("react");var W=oe(require("react"),1),Bt=require("@atlas-viewer/atlas"),Jr=require("react-error-boundary");var he=require("react");var Oe=oe(require("react"),1),yr=require("react/jsx-runtime"),pi={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},Je=Oe.default.createContext(pi),D=()=>(0,Oe.useContext)(Je);function q({value:e,children:t}){let n=D(),r=(0,Oe.useMemo)(()=>({...n,...e}),[e,n]);return(0,yr.jsx)(Je.Provider,{value:r,children:t})}var Tt=oe(require("react"),1),et=require("@iiif/helpers/vault");var sn=require("react/jsx-runtime"),pe=Tt.default.createContext({vault:null,setVaultInstance:e=>{}});function Ae({vault:e,vaultOptions:t,useGlobal:n,resources:r,children:o}){let[i,a]=(0,Tt.useState)(()=>e||(n?(0,et.globalVault)(t):t?new et.Vault(t):new et.Vault));return(0,sn.jsx)(pe.Provider,{value:{vault:i,setVaultInstance:a},children:(0,sn.jsx)(q,{value:r||{},children:o})})}var Dr=require("react"),Lt=require("react");var Sr=require("@iiif/helpers/vault"),xr=require("react");function Pe(e){let t=(0,xr.useContext)(pe);return e||(t&&t.vault?t.vault:(0,Sr.globalVault)())}var ge=require("react");function tt(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 cn(e,t){let{id:n,isLoaded:r,error:o,resource:i,requestId:a,cached:s}=tt(e,t);return{id:n,isLoaded:r,error:o,manifest:i,requestId:a,cached:s}}var br=require("react/jsx-runtime");function un({manifest:e,children:t}){return(0,br.jsx)(q,{value:{manifest:e},children:t})}var Cr=require("react/jsx-runtime");function ue({canvas:e,children:t}){return(0,Cr.jsx)(q,{value:{canvas:e},children:t})}var Pr=require("react"),Rr=oe(require("react"),1);var Ar=require("react"),C=()=>{let{vault:e}=(0,Ar.useContext)(pe);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var Mt=require("react");function A(e,t=[]){let n=C(),[r,o]=(0,Mt.useState)(()=>e(n.getState(),n));return(0,Mt.useEffect)(()=>n.subscribe(i=>e(i,n),i=>{o(i)},!1),t),r}var Re=Rr.default.createContext([]);function Ie(){let e=(0,Pr.useContext)(Re);return A(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var Ir=require("react");function z(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=C(),a=n||o.manifest,s=A(c=>a?c.iiif.entities.Manifest[a]:void 0,[a]);return(0,Ir.useMemo)(()=>{if(s)return r?r(s):s},[s,r,...t])}var wr=require("react/jsx-runtime");function ln({range:e,children:t}){return(0,wr.jsx)(q,{value:{range:e},children:t})}function Tr(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=Tr(e,e.get(n));if(r)return r}}return null}function kt(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(...kt(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 gi(e,t,n){for(let r of t.structures){let o=dn(e,e.get(r),n);if(o)return o}return null}function dn(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=dn(e,e.get(r),n);if(i)return i}}return null}function hi(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]=Nt(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 Nt(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:kt(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 ee=require("react");var Mr=require("react");function nt(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,Mr.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}function mn({startCanvas:e,disablePaging:t}){let n=C(),r=z(),o=nt(),[i,a]=(0,ee.useState)(void 0),s=o||r;if(!s)throw new Error("Nothing selected");let[c,u]=(0,ee.useMemo)(()=>Nt(n,s,{disablePaging:t}),[n,s,t]),l=(0,ee.useRef)(u);if(l.current!==u){let S=l.current[i][0],x=u.findIndex(T=>T.includes(S));l.current=u,a(x)}let d=(0,ee.useCallback)(g=>{let S=u.findIndex(x=>x.includes(g));a(S===-1?0:S)},[c,u]),v=(0,ee.useCallback)(g=>{let S=c.findIndex(x=>x.id===g);S!==-1?d(S):a(0)},[c,u]),y=(0,ee.useCallback)(()=>{a(g=>g>=u.length-1?g:g+1)},[u]),h=(0,ee.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 ne=require("react"),Fe=require("zustand");var pn=require("zustand/vanilla");function vi(e){let t=e.service||e.services||[];for(let n of t)if(n.type==="AuthProbeService2")return!0;return!1}function te(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 gn=()=>(0,pn.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:te(n.id,t().authItems,o=>({...o,isPending:!0}))})),fn(n.service).then(()=>{Et(r).then(o=>{let i=o.expiresIn,a=Date.now()+i*1e3;e(()=>({authItems:te(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:o.accessToken,expires:a}}))}))}).catch(o=>{e(()=>({authItems:te(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=${kr()}`,i=window.open(o);e(()=>({authItems:te(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:te(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");Et(o).then(s=>{e(()=>({authItems:te(n.id,t().authItems,c=>({...c,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:te(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:te(n.id,t().authItems,s=>({...s,isPending:!0}))})),fn(i).then(()=>{Et(o).then(s=>{e(()=>({authItems:te(n.id,t().authItems,c=>({...c,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:te(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:te(n.id,t().authItems,a=>({...a,instances:a.instances-1})),currentAuth:i}))}})),hn=(e,t)=>(0,pn.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 vn(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 Et(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 kr(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 fn(e){let t=`${e.id}?origin=${kr()}`,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 Be=require("react");var Nr=require("zustand");function Er(e){let t=(0,Be.useMemo)(()=>vn(e),[e]),n=yn(t.services.access?.id),r=(0,Be.useMemo)(()=>hn(t.services.probe,n),[t.services.probe]),o=(0,Nr.useStore)(r);return(0,Be.useEffect)(()=>{o.status==="unknown"&&!n&&o.probe()},[t.services.probe,o.status]),(0,Be.useEffect)(()=>{n&&(o.setToken(n),o.probe())},[n]),[e,o,t.hasAuth]}var rt=require("react/jsx-runtime"),we=(0,ne.createContext)(null),Vr=(0,ne.createContext)(null);Vr.displayName="CurrentAuth";var Lr=(0,ne.createContext)(null);Lr.displayName="AuthActions";function xn({children:e}){let t=(0,ne.useMemo)(()=>gn(),[]);return(0,rt.jsx)(we.Provider,{value:t,children:e})}function bn(){return!!(0,ne.useContext)(we)}function De(){let e=(0,ne.useContext)(we);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function zr(){let e=De();return(0,Fe.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 yi(){let e=De();return(0,Fe.useStore)(e,t=>t)}function Hr(e){let t=De();return(0,Fe.useStore)(t,r=>r.authItems.find(o=>o.service.id===e))}function yn(e){let t=De();return(0,Fe.useStore)(t,r=>r.authItems.find(o=>o.id===e)?.session?.token)}function Si(e){let t=De();return(0,Fe.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 xi(e){let t=zr(),n=Hr(e.service.id);return(0,ne.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function Sn(){return null}function Cn(e){let[t,n,r]=Er(e.resource),o=e.fallbackComponent||Sn,i=e.loadingComponent||Sn,a=e.errorComponent||Sn,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,rt.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,rt.jsx)(i,{})),n.status==="success"&&(c=e.children(t));for(let l of u)c=(0,rt.jsx)(xi,{service:l,probeId:s.id,children:c},l.id);return c}var ot=require("react");var Or=require("zustand/vanilla"),bi=e=>e.id||e["@id"];function Ci(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 Br=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?bi(t):void 0,r=null;return(0,Or.createStore)((o,i)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!Ci(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 Ai=require("zustand");function An(){let e=z();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var Vt=require("react/jsx-runtime"),qe=(0,ot.createContext)(null);qe.displayName="Search";function Fr(e){let t=An();return e.store?(0,Vt.jsx)(qe.Provider,{value:e.store,children:e.children}):(0,Vt.jsx)(Pi,{service:t,children:e.children})}function Pi({service:e,children:t}){let n=(0,ot.useMemo)(()=>Br(e),[e]);return(0,Vt.jsx)(qe.Provider,{value:n,children:t})}var Y=require("react/jsx-runtime"),it=()=>{},We=(0,Lt.createContext)({setCurrentCanvasId:it,setCurrentCanvasIndex:it,nextCanvas:it,previousCanvas:it,items:[],sequence:[],setSequenceIndex:it,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function qr(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}=mn({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),y=(0,Lt.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)(We.Provider,{value:y,children:(0,Y.jsx)(Re.Provider,{value:r,children:(0,Y.jsx)(ue,{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 Pn(e){let t=Pe(e.vault),n=cn(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)(qr,{...e,children:e.children});return(0,Y.jsx)(Ae,{vault:t,children:(0,Y.jsx)(un,{manifest:n.id,children:(0,Y.jsx)(xn,{children:(0,Y.jsx)(Fr,{children:e.rangeId?(0,Y.jsx)(ln,{range:e.rangeId,children:r}):r})})})})}function at(){return(0,Dr.useContext)(We)}var Wr=oe(require("react"),1),zt=require("react"),Ur=oe(require("mitt"),1),_r=require("react/jsx-runtime"),$r=(0,Ur.default)(),Te=(0,zt.createContext)({emitter:$r});Te.displayName="Events";function st(){return Wr.default.useContext(Te).emitter}function Ri({emitter:e,children:t}){return(0,_r.jsx)(Te.Provider,{value:(0,zt.useMemo)(()=>({emitter:e}),[e]),children:t})}var Me=require("react/jsx-runtime");function Rn(){return{VaultContext:(0,he.useContext)(pe),ResourceContext:(0,he.useContext)(Je),SimpleViewerReactContext:(0,he.useContext)(We),VisibleCanvasReactContext:(0,he.useContext)(Re),AuthRContext:(0,he.useContext)(we),SearchReactContext:(0,he.useContext)(qe),ReactEventContext:(0,he.useContext)(Te)}}function In(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)(We.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)(qe.Provider,{value:e.bridge.SearchReactContext,children:e.children})})})})})})}var Ue=require("react");var le=require("react");var Ht=require("@iiif/helpers/vault/actions");var Yr=require("react");function wn(){let t=C().getStore();return(0,Yr.useMemo)(()=>n=>t.dispatch(n),[t])}function Qr(e){return typeof e!="string"&&e&&e.bindToVault}function Tn(){let e=C(),t=(0,le.useRef)([]),n=wn(),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(Ht.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(Qr(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(Ht.entityActions.addReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"},index:c})))}},[r]),a=(0,le.useCallback)(s=>{r&&(Qr(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(Ht.entityActions.removeReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"}})))},[r]);return[o,{addAnnotation:i,removeAnnotation:a}]}var Gr=require("react/jsx-runtime"),jr=(0,Ue.createContext)(null);function Mn(){let e=(0,Ue.useContext)(jr);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function kn({children:e}){let[t,{addAnnotation:n,removeAnnotation:r}]=Tn();return(0,Gr.jsx)(jr.Provider,{value:(0,Ue.useMemo)(()=>({fullPage:t,addAnnotation:n,removeAnnotation:r}),[t]),children:e})}var $e=require("react/jsx-runtime");function Kr({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 Ot=require("react"),_e=(0,Ot.createContext)(null);function Nn(){return(0,Ot.useContext)(_e)}var ke=require("react"),En=(0,ke.createContext)(()=>{}),Vn=(0,ke.createContext)(()=>{});function re(e,t,n,r,o=[]){let i=(0,ke.useContext)(e==="portal"?Vn:En);(0,ke.useEffect)(()=>(e!=="none"&&i(t,n,r),()=>{i(t,null)}),[t,e,i,...o])}var Ye=require("react");var Xr=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,Xr.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}var Ln=(0,Ye.createContext)(()=>{});function Zr(e){let t=R(),n=(0,Ye.useContext)(Ln);(0,Ye.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var V=require("react/jsx-runtime");function eo({children:e,errorFallback:t,outerContainerProps:n={},worldScale:r,...o}){let[i,a]=(0,W.useState)(),s=Rn(),c=t||Kr,[u,l]=(0,W.useState)({}),d=Object.entries(u),[v,y]=(0,W.useState)({}),h=Object.entries(v),[g,S]=(0,W.useState)({}),x=(0,W.useMemo)(()=>r||Math.max(...Object.values(g)),[g]),T=(0,W.useMemo)(()=>({maxOverZoom:x||1,...o.runtimeOptions||{}}),[x,o.runtimeOptions]),m=(0,W.useCallback)((M,O)=>{S(_=>{if(O===-1){let{[M]:b,...J}=_;return J}return{..._,[M]:O}})},[]),H=(0,W.useCallback)((M,O,_)=>{l(({[M]:b,...J})=>O?{...J,[M]:{element:O,props:_}}:J)},[]),fe=(0,W.useCallback)((M,O,_)=>{y(({[M]:b,...J})=>O?{...J,[M]:{element:O,props:_}}:J)},[]);return(0,V.jsxs)(Jr.ErrorBoundary,{resetKeys:[],fallbackRender:M=>(0,V.jsx)(c,{...o,...M}),children:[(0,V.jsx)(Bt.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)(_e.Provider,{value:i,children:(0,V.jsx)(Ln.Provider,{value:m,children:(0,V.jsx)(En.Provider,{value:H,children:(0,V.jsx)(Vn.Provider,{value:fe,children:(0,V.jsx)(In,{bridge:s,children:(0,V.jsx)(Bt.ModeContext.Provider,{value:o.mode||"explore",children:(0,V.jsx)(kn,{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 Ft=require("@atlas-viewer/atlas");var zn=require("react"),to=require("@iiif/helpers/events");function ct(e,t){let n=C(),r=(0,zn.useMemo)(()=>(0,to.createEventsHelper)(n),[n]),o=A(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,zn.useMemo)(()=>e?r.getListenersAsProps(e,t):{},[o,e,n,t])}var no=require("react"),ro=require("@iiif/helpers/styles");function Ne(e,t){let n=C(),r=(0,no.useMemo)(()=>(0,ro.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 ao=require("react");var oo=require("react");var io=require("@iiif/helpers/annotation-targets");function ut(e={},t=[]){let{id:n,selector:r}=e,o=D(),i=C(),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,oo.useMemo)(()=>{if(!s)return;let u={...s,body:c,target:(0,io.expandTarget)(s.target,{typeMap:i.getState().iiif.mapping})};return r?r(u):u},[s,r,c,...t])}var so=require("react/jsx-runtime"),Dt=({id:e,style:t,className:n,interactive:r})=>{let o=ut({id:e}),i=Ne(o,"atlas"),a=Ne(o,"html"),s=ct(o,["atlas"]),c=R(),u=(0,ao.useMemo)(()=>(0,Ft.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,so.jsx)(Ft.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 uo=require("react");var co=require("react");function Hn(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,co.useMemo)(()=>{if(a)return r?r(a):a},[a,...t])}var On=require("react/jsx-runtime"),lt=({className:e,page:t})=>{let n=Hn({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,On.jsx)(uo.Fragment,{children:n.items?.map(i=>(0,On.jsx)(Dt,{id:i.id,style:r,className:o?.className||e},i.id))})};var Ho=require("@iiif/helpers/styles");var mt=require("react");var dt=require("@atlas-viewer/atlas");var de=oe(require("react"),1),ie=require("react/jsx-runtime"),mo=de.default.createContext("en"),fo=de.default.createContext({});function Ii(e){return(0,ie.jsx)(fo.Provider,{value:e.translations,children:e.children})}function wi(e){return(0,ie.jsx)(mo.Provider,{value:e.language,children:e.children})}function qt(){return de.default.useContext(mo)}function Bn(){return de.default.useContext(fo)}function lo(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function po({as:e,language:t,children:n,viewingDirection:r,...o}){let i=qt();return(0,de.useMemo)(()=>lo(i)===lo(t),[i,t])?e?(0,ie.jsx)(e,{...o,children:n}):(0,ie.jsx)("span",{...o,children:n}):e?(0,ie.jsx)(e,{...o,lang:t,dir:r,children:n}):(0,ie.jsx)("span",{...o,lang:t,dir:r,children:n})}function go(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 ho=(e,t=[])=>{let n=qt();return(0,de.useMemo)(()=>{let r=e();return go(n,r,[])},[n,...t])};function Ee(e,t){return t?e[t]||t:""}function vo(e,t,n=`
+`,r={}){let o=ho(()=>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 Ti(){let e=qt(),t=Bn();return function(r,o="",i=`
+`,a=t){let s=Object.keys(r||{}),c=go(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=Bn(),[s,c]=vo(r,t,o,a);return c?(0,ie.jsx)(po,{...i,as:e,language:c,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s}):e?(0,ie.jsx)(e,{...i,children:s}):(0,ie.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 Mi({resource:e,heading:t,note:n,extra:r}){return r?(0,Z.jsx)(dt.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 yo({image:e,thumbnail:t,crop:n,enableSizes:r}){if(!bn()){let i=e.service,a=i.width||e.width||0,s=i.height||e.height||0;return(0,Z.jsx)(dt.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)(Cn,{resource:e.service,errorComponent:Mi,extra:e,children:i=>{let a=i.width||e.width||0,s=i.height||e.height||0;return(0,Z.jsx)(dt.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 Wt({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,mt.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)(mt.Fragment,{children:[(0,Ve.jsx)(yo,{image:t,thumbnail:n,crop:l,enableSizes:u}),a]},"service"):(0,Ve.jsxs)(mt.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 ae=require("react"),Oo=require("@atlas-viewer/atlas");var Qe=require("react");var So=require("@iiif/helpers");function ki(e){return e.type==="SpecificResource"?[e.source,{selector:e.selector}]:[e,{selector:null}]}function ft(e,t){let{selector:n,source:r}=(0,So.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 Fn={makeChoice:()=>{}},pt={type:"unknown"},I=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),Dn=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var gt=require("react");function Ni(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function xo(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=Ni(n,i);a&&a.views&&a.views[e]&&r.push(i)}return r},[e,t])}function qn({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 Ei(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function ht(e,t={}){let n=C(),r=z(),o=R(),i=Ie(),a=(0,gt.useMemo)(()=>qn({all:t.all,manifest:r,canvas:o,canvases:i}),[t.all,o,i,r]),s=xo(e,t.all?void 0:a),c=(0,gt.useCallback)(l=>{e&&n.setMetaValue([l,"annotationPageManager","views"],d=>d&&!d[e]?d:{...d||{},[e]:!1})},[e,n]),u=(0,gt.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=Ei(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 Wn(e,t){return A((n,r)=>r.get(e.map(o=>({id:o,type:t}))),[e,t])}var ve=require("react");var Ut=oe(require("react"),1),bo=require("@atlas-viewer/iiif-image-api"),Co=Ut.default.createContext(new bo.ImageServiceLoader);function me(){return(0,Ut.useContext)(Co)}function Un(){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=ut(),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 Ao=require("@iiif/helpers/painting-annotations");function $n(e,t=[]){let n=C(),r=(0,ze.useMemo)(()=>(0,Ao.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 Vi=["model/gltf-binary"];function _n(e,t){let r=t.items[0].resource;return r.format?Vi.indexOf(r.format)===-1?I(`3D format: ${r.format} is unsupported`):{type:"3d-model",model:r}:I("Unknown format")}function Po(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 Ro=require("@atlas-viewer/iiif-image-api");var Yn=require("@iiif/helpers/annotation-targets");function Qn(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,Ro.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]=ft(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,Yn.expandTarget)(o.resource):null;if(o.selector){let h=(0,Yn.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 Io(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=>Io(o,t,r))}return t}function jn(e,t){let n=[];return t.items.forEach(r=>{if(r.resource){let[o]=ft(e,r.target);n.push({annotationId:r.annotationId,text:Io(r.resource),target:o})}}),{type:"textual-content",items:n}}var Li=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function Gn(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(Li);if(!s[1])return I("Video is not known youtube video");a.youTubeId=s[1]}return{type:"media",media:a,annotations:{pages:[]}}}function Kn({canvas:e,paintables:t,supports:n,loadImageService:r}){if(!e)return pt;if(t.types.length===0)return n.indexOf("empty")!==-1?Dn(e.width,e.height):pt;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"):Qn(e,t,r):o==="Model"||o==="model"?n.indexOf("3d-model")===-1?I("3D not supported"):_n(e,t):o==="textualbody"?n.indexOf("textual-content")===-1?I("Textual content not supported"):jn(e,t):o==="sound"||o==="audio"?n.indexOf("media")===-1?I("Media not supported"):Po(e,t):o==="video"?n.indexOf("media")===-1?I("Media not supported"):Gn(e,t):pt}function Xn(e){let t=z(),n=R(),r=C(),o=st(),i=e?.emitter||o,[a,s]=Un(),{enabledPageIds:c}=ht(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),u=Wn(c,"AnnotationPage"),l=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[d,v]=$n(e,[s]);(0,Qe.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,Qe.useMemo)(()=>Kn({canvas:n,paintables:d,supports:l,loadImageService:a}),[n,d,r,v.makeChoice]);return(0,Qe.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,Qe.useMemo)(()=>y.type==="unknown"?[y,Fn]:[{...y,annotations:{pages:u}},v],[y,u])}var ye=require("react");var wo=require("react"),Zn=(e,t=[])=>{let n=C();(0,wo.useEffect)(()=>{e(n)},[n,...t])};var To=require("@iiif/helpers/thumbnail");function vt(e,t,{canvasId:n,manifestId:r}={}){let o=C(),i=me(),a=(0,ye.useMemo)(()=>(0,To.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 Zn(y=>{a.getBestThumbnailAtSize(d,e,t).then(h=>{h.best&&!v.current&&c(h.best)})},[d]),s}var E=require("react");function zi(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function Hi(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 Mo(e){let t=Math.round(e);return`${Math.floor(t/60)}:${`${t%60}`.padStart(2,"0")}`}function He(e){let[t,n]=(0,E.useReducer)(Hi,zi(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=Mo(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)(x=>{r.current&&(r.current.muted=!1,r.current.volume=x/100,n({type:"SET_VOLUME",volume:x}))},[]),g=(0,E.useCallback)(x=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(x*e.duration,e.duration)),s())},[]),S=(0,E.useCallback)(x=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(x,e.duration)),s())},[]);return(0,E.useEffect)(()=>{let x=setInterval(()=>{s()},350);return()=>clearInterval(x)},[s,e.duration]),(0,E.useEffect)(()=>{let x=()=>{n({type:"FINISHED"})},T=r.current;return T?.addEventListener("ended",x),()=>T?.removeEventListener("ended",x)},[]),[{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"),$t=require("react/jsx-runtime"),ko=(0,Se.createContext)(null),No=(0,Se.createContext)(null),Eo=(0,Se.createContext)(null);function Oi(){let e=(0,Se.useContext)(ko);if(!e)throw new Error("Ctx not found");return e}function Bi(){let e=(0,Se.useContext)(No);if(!e)throw new Error("Ctx not found");return e}function Fi(){let e=(0,Se.useContext)(Eo);if(!e)throw new Error("Ctx not found");return e}function yt({actions:e,state:t,children:n,currentTime:r,progress:o,element:i}){return(0,$t.jsx)(Eo.Provider,{value:{currentTime:r,progress:o,element:i},children:(0,$t.jsx)(No.Provider,{value:e,children:(0,$t.jsx)(ko.Provider,{value:t,children:n})})})}var Yt=require("react/jsx-runtime");function Jn({media:e,children:t}){let[{element:n,currentTime:r,progress:o},i,a]=He({duration:e.duration});return(0,Yt.jsxs)(yt,{state:i,actions:a,currentTime:r,progress:o,element:n,children:[(0,Yt.jsx)("audio",{ref:n,src:e.url}),t]})}function _t({media:e,mediaControlsDeps:t,children:n}){return re("portal","audio",Jn,{media:e,children:n},[e,...t||[]]),null}var St=require("react/jsx-runtime");function er({element:e,media:t,playPause:n}){return(0,St.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,St.jsx)("style",{children:`
             .video-container {
               position: absolute;
               top: 0;
@@ -14,7 +14,7 @@
               justify-content: center;
               pointer-events: visible;
             }
-          `}),(0,yt.jsx)("video",{ref:e,src:t.url,style:{width:"100%",objectFit:"contain"}})]})}function Yt({media:e,mediaControlsDeps:t,children:n,videoComponent:r=er}){let[{element:o,currentTime:i,progress:a},s,c]=Le({duration:e.duration});return re("overlay","video-element",r,{element:o,media:e,playPause:c.playPause}),re("portal","custom-controls",vt,{state:s,actions:c,currentTime:i,progress:a,element:o,children:n},[i,s,e,...t||[]]),null}var Se=require("react/jsx-runtime");function tr({model:e}){return(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)("style",{children:`
+          `}),(0,St.jsx)("video",{ref:e,src:t.url,style:{width:"100%",objectFit:"contain"}})]})}function Qt({media:e,mediaControlsDeps:t,children:n,videoComponent:r=er}){let[{element:o,currentTime:i,progress:a},s,c]=He({duration:e.duration});return re("overlay","video-element",r,{element:o,media:e,playPause:c.playPause}),re("portal","custom-controls",yt,{state:s,actions:c,currentTime:i,progress:a,element:o,children:n},[i,s,e,...t||[]]),null}var xe=require("react/jsx-runtime");function tr({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,Se.jsx)("div",{className:"model-container",children:(0,Se.jsx)("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function Qt({model:e,name:t}){return re("overlay",`model-${t}`,tr,{model:e},[e]),null}var Vo=require("react/jsx-runtime");function jt({style:e}){let t=R();return!t||!t.height||!t.width?null:(0,Vo.jsx)("box",{interactive:!1,target:{x:0,y:0,width:Number(t.width),height:Number(t.height)},style:e})}var Lo=require("react"),St=require("react/jsx-runtime");function Di({element:e,media:t,playPause:n}){let r=(0,Lo.useRef)(null);return t.youTubeId?(0,St.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,St.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 jt({model:e,name:t}){return re("overlay",`model-${t}`,tr,{model:e},[e]),null}var Vo=require("react/jsx-runtime");function Gt({style:e}){let t=R();return!t||!t.height||!t.width?null:(0,Vo.jsx)("box",{interactive:!1,target:{x:0,y:0,width:Number(t.width),height:Number(t.height)},style:e})}var Lo=require("react"),xt=require("react/jsx-runtime");function Di({element:e,media:t,playPause:n}){let r=(0,Lo.useRef)(null);return t.youTubeId?(0,xt.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,xt.jsx)("style",{children:`
             .video-container {
               position: absolute;
               top: 0;
@@ -45,4 +45,4 @@
               width: 100%;
               object-fit: contain;
             }
-          `}),(0,St.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 zo({media:e,mediaControlsDeps:t,children:n}){let[{element:r,currentTime:o,progress:i},a,s]=Le({duration:e.duration});return re("overlay","video-element",Di,{element:r,media:e,playPause:s.playPause}),null}var P=require("react/jsx-runtime");function nr({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:x,children:T}){let m=R(),H=at(m,["deep-zoom"]),[fe]=Tn(),M=kn(),O=C(),_=(0,ae.useMemo)(()=>(0,Ho.createStylesHelper)(O),[O]),[b,J]=Xn({strategies:l||["images"],defaultChoices:o?.map(({id:k})=>k)}),N=b.type==="images"?b.choice:void 0,X=(0,ae.useMemo)(()=>h?1:Math.max(1,...b.type==="images"?b.images.map(k=>(k.width||0)/k.target?.spatial.width):[]),[h,b]);jr(X),(0,ae.useEffect)(()=>{r&&r(J)},[b.annotations]),(0,ae.useEffect)(()=>{if(o)for(let k of o)typeof k.opacity<"u"&&_.applyStyles({id:k.id},"atlas",{opacity:k.opacity})},[o]),(0,ae.useLayoutEffect)(()=>{n&&n(N)},[N]),re(M&&(b.type==="images"||b.type==="empty"||b.type==="textual-content"&&a)?"overlay":"none",`canvas-portal-controls-${m?.id}`,$e.Provider,a?{value:M||null,children:a(b)}:{},[m,M,b,...c||[]]);let ce=ht({maxWidth:256,maxHeight:256});if(!m)return null;let on=m.accompanyingCanvas,Ke=ce&&ce.type==="fixed"?(0,P.jsx)("world-object",{height:m.height,width:m.width,x:e,y:t,children:(0,P.jsx)("world-image",{uri:ce.id,target:{x:0,y:0,width:m.width,height:m.height},display:ce.width&&ce.height?{width:ce.width,height:ce.height}:void 0,crop:void 0})}):null;if(b.type==="unknown"){if(Ke)return Ke;if(d)throw new Error(b.reason||"Unknown image strategy");return null}let vr=(0,P.jsxs)(ae.Fragment,{children:[fe?(0,P.jsx)(ct,{page:fe}):null,b.annotations&&b.annotations.pages?b.annotations.pages.map(k=>(0,P.jsx)(ct,{page:k},k.id)):null,T]}),ai=b.type==="images"?b.images.length:0;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("world-object",{height:m.height,width:m.width,x:e,y:t,...H,children:[b.type==="empty"||y?(0,P.jsx)(jt,{style:v}):null,b.type==="textual-content"?b.items.map((k,Pt)=>(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(Oo.HTMLPortal,{onClick:x?Xe=>{Xe.stopPropagation(),x(k.annotationId,k,Xe)}: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})})},Pt),vr]})):null,b.type==="images"?(0,P.jsxs)(P.Fragment,{children:[b.images.map((k,Pt)=>(0,P.jsx)(Dt,{isStatic:i,image:k,id:k.id,thumbnail:Pt===0?ce:void 0,selector:k.selector,enableSizes:g,onClick:x?Xe=>{Xe.stopPropagation(),x(k.annotationId,k,Xe)}:void 0},k.id+Pt)),vr]}):null,b.type==="3d-model"?(0,P.jsx)(Qt,{model:b.model}):null,b.type==="media"?(0,P.jsx)(P.Fragment,{children:b.media.type==="Sound"?(0,P.jsxs)($t,{media:b.media,mediaControlsDeps:u,children:[Ke,s?s(b):null]}):b.media.type==="Video"?(0,P.jsxs)(Yt,{media:b.media,mediaControlsDeps:u,children:[Ke,s?s(b):null]}):b.media.type==="VideoYouTube"&&S?(0,P.jsxs)(zo,{media:b.media,mediaControlsDeps:u,children:[Ke,s?s(b):null]}):null}):null]},`${m.id}/${b.type}/${ai}`),b.type==="media"&&b.media.type==="Sound"&&on?(0,P.jsx)(ue,{canvas:on.id,children:(0,P.jsx)(nr,{renderViewerControls:a})}):null]})}var Q=require("react/jsx-runtime"),qi=(0,xt.forwardRef)(function(t,n){let r=z(),o=Re(),i=it(),{ViewerControls:a,MediaControls:s}=t.components||{};if((0,xt.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)(ue,{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,xt.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)(Ce,{vault:h,children:(0,Q.jsx)(An,{...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})})})});B.RenderImage=Dt;B.RenderCanvas=nr;B.RenderAnnotationPage=ct;B.RenderAnnotation=Bt;B.Viewer=Kr;B.CanvasBackground=jt;B.Audio=$t;B.Video=Yt;B.Model=Qt;B.AudioHTML=Jn;B.VideoHTML=er;B.ModelHTML=tr;var Bo=require("@atlas-viewer/atlas");var Gt=require("react"),bt=require("react/jsx-runtime"),Wi=(0,Gt.forwardRef)(function({canvasId:t},n){let r=(0,Bo.useCanvas)(),o=pt(t||r?.id),i=C();return(0,Gt.useImperativeHandle)(n,()=>o,[t,r]),!r||o.enabledPageIds.length===0?null:(0,bt.jsx)(bt.Fragment,{children:o.enabledPageIds.map(a=>(0,bt.jsx)(B.RenderAnnotationPage,{page:i.get(a)},a))})});var Do=require("react");var Fo=require("react");var L=require("react/jsx-runtime");function Ct({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,Fo.useMemo)(()=>{let g=(t||[]).reduce((x,T)=>[...x,...T.keys],[]),S={};for(let x of e){let T=x&&x.label?Object.values(x.label):[];for(let m of T)if(m&&m.length&&(g.indexOf(`metadata.${m[0]}`)!==-1||g.length===0)&&x){let H=`metadata.${m[0]}`;S[H]=S[H]?S[H]:[],S[H].push(x);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 x=[];for(let T of g.keys)for(let m of y[T]||[])x.push((0,L.jsx)(K,{enableDangerouslySetInnerHTML:o,defaultText:c,separator:l,children:m.value},S+"__"+T));return x.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:x})]},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 qo=require("react/jsx-runtime");function Ui(e){let t=z(),n=R(),r=tt(),o=(0,Do.useMemo)(()=>{let i=t?.metadata||[],a=n?.metadata||[],s=r?.metadata||[];return[...i,...a,...s]},[t,n,r]);return(0,qo.jsx)(Ct,{metadata:o,...e})}var Zt=require("react");var Kt=require("@atlas-viewer/iiif-image-api"),Wo=require("react");function Xt(e,t={},n=[]){return(0,Wo.useMemo)(()=>{if(!e)return null;let r=t.quality;e&&e.extraQualities&&t.quality&&(e.extraQualities.includes(t.quality)||(r="default"));let o=(0,Kt.createImageServiceRequest)(e);return(0,Kt.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 At=require("react/jsx-runtime");function $i(e){let t=typeof e.src=="string"?e.src:e.src.id,n=me(),[r,o]=(0,Zt.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=Xt(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,Zt.useEffect)(()=>()=>{o(!1)},[t]),a?(0,At.jsx)("img",{src:a,alt:e.alt,className:e.className,style:e.style}):(0,At.jsx)(Uo,{...e,fetchImageService:!1})}function Uo(e){if(e.fetchImageService)return(0,At.jsx)($i,{...e});let t=typeof e.src=="string"?{id:e.src,profile:"level0"}:e.src,n=Xt(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,At.jsx)("img",{src:n,alt:e.alt,className:e.className,style:e.style}):null}var $o=require("react/jsx-runtime");function _i(e){let t=z();return(0,$o.jsx)(Ct,{metadata:t?.metadata||[],...e})}var Jt=require("react");var rr=oe(require("react-lazy-load-image-component"),1);var _o=require("@iiif/helpers/i18n"),j=require("react/jsx-runtime"),{LazyLoadComponent:Yi}=rr||rr.default;function or(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)(Qi,{...e}),u=(0,j.jsx)(Yi,{threshold:300,style:{height:s,width:a},visibleByDefault:n,children:o?(0,j.jsx)(ue,{canvas:o,children:c}):c});return i?(0,j.jsx)("figure",{className:r?.figure,children:u}):u}function Qi({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,_o.getValue)(a?.label)||"",l=ht({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 Qe=require("react/jsx-runtime");function ji({flat:e,size:t,classes:n={},showLabel:r,figure:o,fallback:i}){let a=(0,Jt.useRef)(null),{items:s,sequence:c,currentSequenceIndex:u,setSequenceIndex:l}=it(),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,Jt.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 x=s[S];h.push((0,Qe.jsx)("div",{className:g?d.item:n.item,children:(0,Qe.jsx)(or,{classes:g?d:n,canvasId:x.id,size:t,showLabel:r,figure:o,placeholder:(0,Qe.jsx)("div",{style:{height:128,width:128}}),fallback:i})},S))}if(e){v.push(h);continue}v.push((0,Qe.jsx)("div",{onClick:S=>{l(c.indexOf(y))},"data-selected":g,className:g?d.row:n.row,children:h}))}return(0,Qe.jsx)("div",{ref:a,className:n.container,children:v})}var U=require("react/jsx-runtime"),Gi={draw:!0,polygon:!0,line:!0,lineBox:!0,square:!0,triangle:!0,hexagon:!0,circle:!0,delete:!0};function Ki({helper:e,showShapes:t,state:n,enabled:r=Gi,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"),ir=oe(require("mitt"),1),Yo=require("react/jsx-runtime"),en=(0,F.createContext)((0,ir.default)());en.displayName="SelectorHelper";function Xi({children:e}){return(0,Yo.jsx)(en.Provider,{value:(0,F.useMemo)(()=>(0,ir.default)(),[]),children:e})}function Zi(){return(0,F.useContext)(en)}function ar(e){let t=sr(),[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 sr(){let e=(0,F.useContext)(en);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 Ji(){let e=sr();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 je=require("react"),Qo=require("react/jsx-runtime");function cr(){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 ur=(0,je.createContext)(cr());ur.displayName="AnnotationStyle";function lr(){return(0,je.useContext)(ur)}function ea({theme:e,children:t}){let n=(0,je.useMemo)(()=>e||cr(),[e]);return(0,Qo.jsx)(ur.Provider,{value:n,children:t})}var nn=require("@atlas-viewer/atlas");var $=require("react");var Ge=require("react"),jo=require("polygon-editor");function dr(e,t,n){let[r,o]=(0,Ge.useState)({}),i=(0,Ge.useMemo)(()=>(0,jo.createHelper)(e,n),[]);return(0,Ge.useEffect)(()=>(i.clock.start(t,o),()=>{i.clock.stop()}),[]),{state:r,helper:i}}var Go=require("polygon-editor"),w=require("react/jsx-runtime"),xe=(0,Go.createSvgHelpers)();function mr(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,x]=(0,$.useState)(!1),{helper:T,state:m}=dr(r,(N,X)=>{xe.updateTransitionBoundingBox(s.current,N,X),xe.updateBoundingBoxPolygon(a.current,N,X),xe.updateTransitionShape(d.current,N,X),xe.updateClosestLinePointTransform(u.current,N,X),xe.updateSelectBox(c.current,N,X),xe.updatePointLine(v.current,N,X),xe.updateDrawPreview(l.current,N,X,3),xe.updateLineBox(y.current,N),g(N.transitionDirection),x(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",b=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:b?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&&!b?(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:b,isHoveringPoint:M,transitionDirection:h,transitionRotate:S,defs:H,editor:J}}var tn=require("react"),Ko=require("react-dom"),G=require("react/jsx-runtime"),Xo=[{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 fr(e){let t=e.theme||Xo[0],n=(0,nn.useAtlas)(),{image:r}=e,{helper:o,defs:i,editor:a,state:s,transitionDirection:c,isSplitting:u,transitionRotate:l,isHoveringPoint:d,isAddingPoint:v,isStamping:y}=mr({currentShape:e.shape||null,onChange:e.updateShape,image:e.image,hideShapeLines:!0},[]),h=m=>{o.pointer([[~~m.atlas.x,~~m.atlas.y]])};(0,tn.useEffect)(()=>{let m=H=>{o.key.up(H.key)};return document.addEventListener("keyup",m),()=>{document.removeEventListener("keyup",m)}},[]),(0,tn.useEffect)(()=>{let m=H=>{o.key.down(H.key)};return document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m)}},[]),(0,tn.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,x=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)(nn.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]})}),x?(0,Ko.createPortal)(S,x,"controls"):null]})]})})}var pr=require("react/jsx-runtime");function ta(e){let t=R(),n=e.annotationBucket,r=e.readOnly,o=e.id,{onClick:i,isHighlighted:a}=ar(e.id),s=lr(),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,pr.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,pr.jsx)(fr,{image:t,shape:e.polygon||{id:e.id,open:!0,points:[]},updateShape:e.updatePolygon,theme:e.theme,controlsHtmlId:e.controlsHtmlId,renderControls:e.renderControls})}var Zo=require("react/jsx-runtime");function na({annotation:e,children:t}){return(0,Zo.jsx)(q,{value:{annotation:e},children:t})}var Jo=require("react/jsx-runtime");function ra({annotationPage:e,children:t}){return(0,Jo.jsx)(q,{value:{annotationPage:e},children:t})}var ei=require("react/jsx-runtime");function oa({collection:e,children:t}){return(0,ei.jsx)(q,{value:{collection:e},children:t})}function ia(e,t={}){return Ee(t)}var ti=require("@atlas-viewer/atlas"),be=require("react");function aa({canvasId:e}={}){let t=(0,ti.useCanvas)(),n=Re(),r=(0,be.useMemo)(()=>e?[e]:t?[t.id]:n.map(u=>u.id),[e,t,n]),[o,i]=(0,be.useState)({}),a=gt();(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 sa(e,t=!1){}function ca(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 ni=require("react");function ua(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,ni.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}var rn=require("react"),ri=require("@iiif/helpers/events");function la(e,t,n,r,o=[]){let i=C(),a=(0,rn.useMemo)(()=>(0,ri.createEventsHelper)(i),[i]);(0,rn.useEffect)(()=>{let s=e;return s?(a.addEventListener(s,t,n,r),()=>{a.removeEventListener(s,t,n)}):()=>{}},[a,e,t,...o])}function da(e,t){let{id:n,isLoaded:r,error:o,resource:i,requestId:a,cached:s}=et(e,t);return{id:n,isLoaded:r,error:o,manifest:i,requestId:a,cached:s}}var gr=require("@atlas-viewer/iiif-image-api");var se=require("react");function hr({cacheKey:e}={}){let t=R(),n=Ee(),r=C(),o=me(),[i,a]=(0,se.useState)(void 0),[s,c]=(0,se.useState)(!1),[u,l]=(0,se.useState)("idle"),[d,v]=(0,se.useState)(void 0),y=t?t.id:"undefined",h=(0,se.useMemo)(()=>{try{if(t&&n.length){let S=n[0],x=r.get(S.body[0]),m=(0,gr.getImageServices)(x)[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,se.useEffect)(()=>{(async()=>{try{if(t&&n.length){let S=n[0],x=r.get(S.body[0]),m=(0,gr.getImageServices)(x)[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,se.useMemo)(()=>({data:g,isFetching:s,status:u,error:d}),[g,s,u,d])}function ma(){let e=hr();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 oi=require("@iiif/helpers/styles"),ii=require("react");function fa(){let e=C();return(0,ii.useMemo)(()=>(0,oi.createStylesHelper)(e),[e])}p(f,require("@iiif/helpers/annotation-targets"),module.exports);
+          `}),(0,xt.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 zo({media:e,mediaControlsDeps:t,children:n}){let[{element:r,currentTime:o,progress:i},a,s]=He({duration:e.duration});return re("overlay","video-element",Di,{element:r,media:e,playPause:s.playPause}),null}var P=require("react/jsx-runtime");function nr({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:x,children:T}){let m=R(),H=ct(m,["deep-zoom"]),[fe]=Mn(),M=Nn(),O=C(),_=(0,ae.useMemo)(()=>(0,Ho.createStylesHelper)(O),[O]),[b,J]=Xn({strategies:l||["images"],defaultChoices:o?.map(({id:k})=>k)}),N=b.type==="images"?b.choice:void 0,X=(0,ae.useMemo)(()=>h?1:Math.max(1,...b.type==="images"?b.images.map(k=>(k.width||0)/k.target?.spatial.width):[]),[h,b]);Zr(X),(0,ae.useEffect)(()=>{r&&r(J)},[b.annotations]),(0,ae.useEffect)(()=>{if(o)for(let k of o)typeof k.opacity<"u"&&_.applyStyles({id:k.id},"atlas",{opacity:k.opacity})},[o]),(0,ae.useLayoutEffect)(()=>{n&&n(N)},[N]),re(M&&(b.type==="images"||b.type==="empty"||b.type==="textual-content"&&a)?"overlay":"none",`canvas-portal-controls-${m?.id}`,_e.Provider,a?{value:M||null,children:a(b)}:{},[m,M,b,...c||[]]);let ce=vt({maxWidth:256,maxHeight:256});if(!m)return null;let an=m.accompanyingCanvas,Xe=ce&&ce.type==="fixed"?(0,P.jsx)("world-object",{height:m.height,width:m.width,x:e,y:t,children:(0,P.jsx)("world-image",{uri:ce.id,target:{x:0,y:0,width:m.width,height:m.height},display:ce.width&&ce.height?{width:ce.width,height:ce.height}:void 0,crop:void 0})}):null;if(b.type==="unknown"){if(Xe)return Xe;if(d)throw new Error(b.reason||"Unknown image strategy");return null}let vr=(0,P.jsxs)(ae.Fragment,{children:[fe?(0,P.jsx)(lt,{page:fe}):null,b.annotations&&b.annotations.pages?b.annotations.pages.map(k=>(0,P.jsx)(lt,{page:k},k.id)):null,T]}),ai=b.type==="images"?b.images.length:0;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("world-object",{height:m.height,width:m.width,x:e,y:t,...H,children:[b.type==="empty"||y?(0,P.jsx)(Gt,{style:v}):null,b.type==="textual-content"?b.items.map((k,Rt)=>(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(Oo.HTMLPortal,{onClick:x?Ze=>{Ze.stopPropagation(),x(k.annotationId,k,Ze)}: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})})},Rt),vr]})):null,b.type==="images"?(0,P.jsxs)(P.Fragment,{children:[b.images.map((k,Rt)=>(0,P.jsx)(Wt,{isStatic:i,image:k,id:k.id,thumbnail:Rt===0?ce:void 0,selector:k.selector,enableSizes:g,onClick:x?Ze=>{Ze.stopPropagation(),x(k.annotationId,k,Ze)}:void 0},k.id+Rt)),vr]}):null,b.type==="3d-model"?(0,P.jsx)(jt,{model:b.model}):null,b.type==="media"?(0,P.jsx)(P.Fragment,{children:b.media.type==="Sound"?(0,P.jsxs)(_t,{media:b.media,mediaControlsDeps:u,children:[Xe,s?s(b):null]}):b.media.type==="Video"?(0,P.jsxs)(Qt,{media:b.media,mediaControlsDeps:u,children:[Xe,s?s(b):null]}):b.media.type==="VideoYouTube"&&S?(0,P.jsxs)(zo,{media:b.media,mediaControlsDeps:u,children:[Xe,s?s(b):null]}):null}):null]},`${m.id}/${b.type}/${ai}`),b.type==="media"&&b.media.type==="Sound"&&an?(0,P.jsx)(ue,{canvas:an.id,children:(0,P.jsx)(nr,{renderViewerControls:a})}):null]})}var Q=require("react/jsx-runtime"),qi=(0,bt.forwardRef)(function(t,n){let r=z(),o=Ie(),i=at(),{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)(ue,{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)(Pn,{...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})})})});B.RenderImage=Wt;B.RenderCanvas=nr;B.RenderAnnotationPage=lt;B.RenderAnnotation=Dt;B.Viewer=eo;B.CanvasBackground=Gt;B.Audio=_t;B.Video=Qt;B.Model=jt;B.AudioHTML=Jn;B.VideoHTML=er;B.ModelHTML=tr;var Bo=require("@atlas-viewer/atlas");var Kt=require("react"),Ct=require("react/jsx-runtime"),Wi=(0,Kt.forwardRef)(function({canvasId:t},n){let r=(0,Bo.useCanvas)(),o=ht(t||r?.id),i=C();return(0,Kt.useImperativeHandle)(n,()=>o,[t,r]),!r||o.enabledPageIds.length===0?null:(0,Ct.jsx)(Ct.Fragment,{children:o.enabledPageIds.map(a=>(0,Ct.jsx)(B.RenderAnnotationPage,{page:i.get(a)},a))})});var Do=require("react");var Fo=require("react");var L=require("react/jsx-runtime");function At({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,Fo.useMemo)(()=>{let g=(t||[]).reduce((x,T)=>[...x,...T.keys],[]),S={};for(let x of e){let T=x&&x.label?Object.values(x.label):[];for(let m of T)if(m&&m.length&&(g.indexOf(`metadata.${m[0]}`)!==-1||g.length===0)&&x){let H=`metadata.${m[0]}`;S[H]=S[H]?S[H]:[],S[H].push(x);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 x=[];for(let T of g.keys)for(let m of y[T]||[])x.push((0,L.jsx)(K,{enableDangerouslySetInnerHTML:o,defaultText:c,separator:l,children:m.value},S+"__"+T));return x.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:x})]},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 qo=require("react/jsx-runtime");function Ui(e){let t=z(),n=R(),r=nt(),o=(0,Do.useMemo)(()=>{let i=t?.metadata||[],a=n?.metadata||[],s=r?.metadata||[];return[...i,...a,...s]},[t,n,r]);return(0,qo.jsx)(At,{metadata:o,...e})}var Jt=require("react");var Xt=require("@atlas-viewer/iiif-image-api"),Wo=require("react");function Zt(e,t={},n=[]){return(0,Wo.useMemo)(()=>{if(!e)return null;let r=t.quality;e&&e.extraQualities&&t.quality&&(e.extraQualities.includes(t.quality)||(r="default"));let o=(0,Xt.createImageServiceRequest)(e);return(0,Xt.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 Pt=require("react/jsx-runtime");function $i(e){let t=typeof e.src=="string"?e.src:e.src.id,n=me(),[r,o]=(0,Jt.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=Zt(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,Jt.useEffect)(()=>()=>{o(!1)},[t]),a?(0,Pt.jsx)("img",{src:a,alt:e.alt,className:e.className,style:e.style}):(0,Pt.jsx)(Uo,{...e,fetchImageService:!1})}function Uo(e){if(e.fetchImageService)return(0,Pt.jsx)($i,{...e});let t=typeof e.src=="string"?{id:e.src,profile:"level0"}:e.src,n=Zt(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,Pt.jsx)("img",{src:n,alt:e.alt,className:e.className,style:e.style}):null}var $o=require("react/jsx-runtime");function _i(e){let t=z();return(0,$o.jsx)(At,{metadata:t?.metadata||[],...e})}var en=require("react");var rr=oe(require("react-lazy-load-image-component"),1);var _o=require("@iiif/helpers/i18n"),j=require("react/jsx-runtime"),{LazyLoadComponent:Yi}=rr||rr.default;function or(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)(Qi,{...e}),u=(0,j.jsx)(Yi,{threshold:300,style:{height:s,width:a},visibleByDefault:n,children:o?(0,j.jsx)(ue,{canvas:o,children:c}):c});return i?(0,j.jsx)("figure",{className:r?.figure,children:u}):u}function Qi({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,_o.getValue)(a?.label)||"",l=vt({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 je=require("react/jsx-runtime");function ji({flat:e,size:t,classes:n={},showLabel:r,figure:o,fallback:i}){let a=(0,en.useRef)(null),{items:s,sequence:c,currentSequenceIndex:u,setSequenceIndex:l}=at(),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,en.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 x=s[S];h.push((0,je.jsx)("div",{className:g?d.item:n.item,children:(0,je.jsx)(or,{classes:g?d:n,canvasId:x.id,size:t,showLabel:r,figure:o,placeholder:(0,je.jsx)("div",{style:{height:128,width:128}}),fallback:i})},S))}if(e){v.push(h);continue}v.push((0,je.jsx)("div",{onClick:S=>{l(c.indexOf(y))},"data-selected":g,className:g?d.row:n.row,children:h}))}return(0,je.jsx)("div",{ref:a,className:n.container,children:v})}var U=require("react/jsx-runtime"),Gi={draw:!0,polygon:!0,line:!0,lineBox:!0,square:!0,triangle:!0,hexagon:!0,circle:!0,delete:!0};function Ki({helper:e,showShapes:t,state:n,enabled:r=Gi,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"),ir=oe(require("mitt"),1),Yo=require("react/jsx-runtime"),tn=(0,F.createContext)((0,ir.default)());tn.displayName="SelectorHelper";function Xi({children:e}){return(0,Yo.jsx)(tn.Provider,{value:(0,F.useMemo)(()=>(0,ir.default)(),[]),children:e})}function Zi(){return(0,F.useContext)(tn)}function ar(e){let t=sr(),[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 sr(){let e=(0,F.useContext)(tn);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 Ji(){let e=sr();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 Ge=require("react"),Qo=require("react/jsx-runtime");function cr(){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 ur=(0,Ge.createContext)(cr());ur.displayName="AnnotationStyle";function lr(){return(0,Ge.useContext)(ur)}function ea({theme:e,children:t}){let n=(0,Ge.useMemo)(()=>e||cr(),[e]);return(0,Qo.jsx)(ur.Provider,{value:n,children:t})}var rn=require("@atlas-viewer/atlas");var $=require("react");var Ke=require("react"),jo=require("polygon-editor");function dr(e,t,n){let[r,o]=(0,Ke.useState)({}),i=(0,Ke.useMemo)(()=>(0,jo.createHelper)(e,n),[]);return(0,Ke.useEffect)(()=>(i.clock.start(t,o),()=>{i.clock.stop()}),[]),{state:r,helper:i}}var Go=require("polygon-editor"),w=require("react/jsx-runtime"),be=(0,Go.createSvgHelpers)();function mr(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,x]=(0,$.useState)(!1),{helper:T,state:m}=dr(r,(N,X)=>{be.updateTransitionBoundingBox(s.current,N,X),be.updateBoundingBoxPolygon(a.current,N,X),be.updateTransitionShape(d.current,N,X),be.updateClosestLinePointTransform(u.current,N,X),be.updateSelectBox(c.current,N,X),be.updatePointLine(v.current,N,X),be.updateDrawPreview(l.current,N,X,3),be.updateLineBox(y.current,N),g(N.transitionDirection),x(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",b=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:b?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&&!b?(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:b,isHoveringPoint:M,transitionDirection:h,transitionRotate:S,defs:H,editor:J}}var nn=require("react"),Ko=require("react-dom"),G=require("react/jsx-runtime"),Xo=[{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 fr(e){let t=e.theme||Xo[0],n=(0,rn.useAtlas)(),{image:r}=e,{helper:o,defs:i,editor:a,state:s,transitionDirection:c,isSplitting:u,transitionRotate:l,isHoveringPoint:d,isAddingPoint:v,isStamping:y}=mr({currentShape:e.shape||null,onChange:e.updateShape,image:e.image,hideShapeLines:!0},[]),h=m=>{o.pointer([[~~m.atlas.x,~~m.atlas.y]])};(0,nn.useEffect)(()=>{let m=H=>{o.key.up(H.key)};return document.addEventListener("keyup",m),()=>{document.removeEventListener("keyup",m)}},[]),(0,nn.useEffect)(()=>{let m=H=>{o.key.down(H.key)};return document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m)}},[]),(0,nn.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,x=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)(rn.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]})}),x?(0,Ko.createPortal)(S,x,"controls"):null]})]})})}var pr=require("react/jsx-runtime");function ta(e){let t=R(),n=e.annotationBucket,r=e.readOnly,o=e.id,{onClick:i,isHighlighted:a}=ar(e.id),s=lr(),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,pr.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,pr.jsx)(fr,{image:t,shape:e.polygon||{id:e.id,open:!0,points:[]},updateShape:e.updatePolygon,theme:e.theme,controlsHtmlId:e.controlsHtmlId,renderControls:e.renderControls})}var Zo=require("react/jsx-runtime");function na({annotation:e,children:t}){return(0,Zo.jsx)(q,{value:{annotation:e},children:t})}var Jo=require("react/jsx-runtime");function ra({annotationPage:e,children:t}){return(0,Jo.jsx)(q,{value:{annotationPage:e},children:t})}var ei=require("react/jsx-runtime");function oa({collection:e,children:t}){return(0,ei.jsx)(q,{value:{collection:e},children:t})}function ia(e,t={}){return Le(t)}var ti=require("@atlas-viewer/atlas"),Ce=require("react");function aa({canvasId:e}={}){let t=(0,ti.useCanvas)(),n=Ie(),r=(0,Ce.useMemo)(()=>e?[e]:t?[t.id]:n.map(u=>u.id),[e,t,n]),[o,i]=(0,Ce.useState)({}),a=st();(0,Ce.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,Ce.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,Ce.useMemo)(()=>({makeChoice:(u,l)=>{a.emit("make-choice",{choiceId:u,...l})}}),[a]);return{choices:s,actions:c}}function sa(e,t=!1){}function ca(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 ni=require("react");function ua(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,ni.useMemo)(()=>{if(a)return r?r(a):a},[a,r,...t])}var on=require("react"),ri=require("@iiif/helpers/events");function la(e,t,n,r,o=[]){let i=C(),a=(0,on.useMemo)(()=>(0,ri.createEventsHelper)(i),[i]);(0,on.useEffect)(()=>{let s=e;return s?(a.addEventListener(s,t,n,r),()=>{a.removeEventListener(s,t,n)}):()=>{}},[a,e,t,...o])}function da(e,t){let{id:n,isLoaded:r,error:o,resource:i,requestId:a,cached:s}=tt(e,t);return{id:n,isLoaded:r,error:o,manifest:i,requestId:a,cached:s}}var gr=require("@atlas-viewer/iiif-image-api");var se=require("react");function hr({cacheKey:e}={}){let t=R(),n=Le(),r=C(),o=me(),[i,a]=(0,se.useState)(void 0),[s,c]=(0,se.useState)(!1),[u,l]=(0,se.useState)("idle"),[d,v]=(0,se.useState)(void 0),y=t?t.id:"undefined",h=(0,se.useMemo)(()=>{try{if(t&&n.length){let S=n[0],x=r.get(S.body[0]),m=(0,gr.getImageServices)(x)[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,se.useEffect)(()=>{(async()=>{try{if(t&&n.length){let S=n[0],x=r.get(S.body[0]),m=(0,gr.getImageServices)(x)[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,se.useMemo)(()=>({data:g,isFetching:s,status:u,error:d}),[g,s,u,d])}function ma(){let e=hr();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 oi=require("@iiif/helpers/styles"),ii=require("react");function fa(){let e=C();return(0,ii.useMemo)(()=>(0,oi.createStylesHelper)(e),[e])}p(f,require("@iiif/helpers/annotation-targets"),module.exports);

package/dist/index.d.cts

@@ -449,6 +449,9 @@ interface EventContext {
     emitter: Emitter<any>;
 }
 declare const defaultEmitter: Emitter<Record<EventType, unknown>>;
+declare const ReactEventContext: React__default.Context<{
+    emitter: Emitter<Record<EventType, unknown>>;
+}>;
 declare function useEventEmitter<Events extends Record<EventType, unknown>>(): Emitter<Events>;
 declare function EventsProvider({ emitter, children }: EventContext & {
     children: React__default.ReactNode;
@@ -570,6 +573,9 @@ declare function useContextBridge(): {
     VisibleCanvasReactContext: string[];
     AuthRContext: zustand.StoreApi<AuthContextState & AuthContextCurrentActions & AuthContextActions> | null;
     SearchReactContext: zustand.StoreApi<Search1Store> | null;
+    ReactEventContext: {
+        emitter: mitt.Emitter<Record<mitt.EventType, unknown>>;
+    };
 };
 declare function ContextBridge(props: {
     bridge: ReturnType<typeof useContextBridge>;
@@ -1066,4 +1072,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, 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, 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

@@ -449,6 +449,9 @@ interface EventContext {
     emitter: Emitter<any>;
 }
 declare const defaultEmitter: Emitter<Record<EventType, unknown>>;
+declare const ReactEventContext: React__default.Context<{
+    emitter: Emitter<Record<EventType, unknown>>;
+}>;
 declare function useEventEmitter<Events extends Record<EventType, unknown>>(): Emitter<Events>;
 declare function EventsProvider({ emitter, children }: EventContext & {
     children: React__default.ReactNode;
@@ -570,6 +573,9 @@ declare function useContextBridge(): {
     VisibleCanvasReactContext: string[];
     AuthRContext: zustand.StoreApi<AuthContextState & AuthContextCurrentActions & AuthContextActions> | null;
     SearchReactContext: zustand.StoreApi<Search1Store> | null;
+    ReactEventContext: {
+        emitter: mitt.Emitter<Record<mitt.EventType, unknown>>;
+    };
 };
 declare function ContextBridge(props: {
     bridge: ReturnType<typeof useContextBridge>;
@@ -1066,4 +1072,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, 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, 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 };