react-iiif-vault 1.2.1 → 1.2.3

package/dist/index.cjs

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

@@ -1,5 +1,5 @@
-import { S as SimpleViewerContext, a as SimpleViewerProps } from './index-BZirmhnp.cjs';
-export { C as CanvasPanel, c as SimpleViewerActions, d as SimpleViewerActionsType, b as SimpleViewerReducerState } from './index-BZirmhnp.cjs';
+import { S as SimpleViewerContext, a as SimpleViewerProps } from './index-ns1Yq6EJ.cjs';
+export { C as CanvasPanel, c as SimpleViewerActions, d as SimpleViewerActionsType, b as SimpleViewerReducerState } from './index-ns1Yq6EJ.cjs';
 import * as React$1 from 'react';
 import React__default, { ReactNode, FunctionComponent, RefObject } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -10,15 +10,15 @@ import { RenderState, InputShape, SlowState } from 'polygon-editor';
 import { BoxStyle, Preset } from '@atlas-viewer/atlas';
 import * as zustand_vanilla from 'zustand/vanilla';
 import { StoreApi } from 'zustand/vanilla';
+import * as mitt from 'mitt';
+import { Emitter, EventType, Handler } from 'mitt';
 import { Vault, VaultOptions, NormalizedEntity, IIIFStore } from '@iiif/helpers/vault';
 import * as zustand from 'zustand';
 import * as _iiif_helpers from '@iiif/helpers';
-import { Paintables } from '@iiif/helpers';
+import { Paintables, ComplexChoice } from '@iiif/helpers';
 import { CanvasNormalized, AnnotationNormalized, AnnotationPageNormalized, CollectionNormalized, ManifestNormalized, RangeNormalized } from '@iiif/presentation-3-normalized';
-import * as mitt from 'mitt';
-import { Handler } from 'mitt';
-import { R as RenderingStrategy } from './useRenderingStrategy-Xj9yQm4y.cjs';
-export { e as AnnotationPageDescription, A as AudioSequence, C as ComplexTimelineStrategy, E as EmptyStrategy, j as ImageServiceLoaderType, I as ImageWithOptionalService, M as MediaStrategy, h as Single3DModelStrategy, b as SingleAudio, a as SingleImageStrategy, c as SingleVideo, d as SingleYouTubeVideo, S as StrategyActions, T as TextualContentStrategy, U as UnknownStrategy, k as UseRenderingStrategy, l as UseRenderingStrategyOptions, V as VideoSequence, i as get3dStrategy, g as getImageStrategy, f as getTextualContentStrategy, u as useLoadImageService, m as useRenderingStrategy } from './useRenderingStrategy-Xj9yQm4y.cjs';
+import { R as RenderingStrategy } from './useRenderingStrategy-D2R_H2aP.cjs';
+export { e as AnnotationPageDescription, A as AudioSequence, l as ChoiceEvents, C as ComplexTimelineStrategy, E as EmptyStrategy, j as ImageServiceLoaderType, I as ImageWithOptionalService, M as MediaStrategy, h as Single3DModelStrategy, b as SingleAudio, a as SingleImageStrategy, c as SingleVideo, d as SingleYouTubeVideo, S as StrategyActions, T as TextualContentStrategy, U as UnknownStrategy, k as UseRenderingStrategy, m as UseRenderingStrategyOptions, V as VideoSequence, i as get3dStrategy, g as getImageStrategy, f as getTextualContentStrategy, u as useLoadImageService, n as useRenderingStrategy } from './useRenderingStrategy-D2R_H2aP.cjs';
 export { emptyActions, emptyStrategy, getParsedTargetSelector, getRenderingStrategy, parseSpecificResource, unknownResponse, unsupportedStrategy } from './utils.cjs';
 import { VaultZustandStore } from '@iiif/helpers/vault/store';
 import * as _iiif_helpers_painting_annotations from '@iiif/helpers/painting-annotations';
@@ -404,9 +404,6 @@ declare const AuthReactContextActions: React$1.Context<AuthContextActions | null
 declare function AuthProvider({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
-declare function AuthProvider_Old({ children }: {
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
 declare function useIsAuthEnabled(): boolean;
 declare function useAuthStore(): StoreApi<AuthContextState & AuthContextCurrentActions & AuthContextActions>;
 declare function useAuthActions(): {
@@ -422,11 +419,6 @@ declare function useCurrentAuth(): AuthContextState & AuthContextCurrentActions
 declare function useAuthService(id: string): AuthAccessState | undefined;
 declare function useAuthTokens(id?: string): string | undefined;
 declare function useAuthToken(id: string): string | null;
-declare function useCurrentAuth_old(): AuthContextState & AuthContextCurrentActions;
-declare function useAuthService_old(id: string): AuthState | null;
-declare function useAuthTokens_old(id?: string): string | null;
-declare function useAuthToken_old(id?: string): string | null;
-declare function useAuthActions_old(): AuthContextActions | null;
 interface AuthProps<T, Extra> {
     resource: T;
     extra?: Extra;
@@ -453,6 +445,18 @@ declare function CollectionContext({ collection, children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
+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;
+}): react_jsx_runtime.JSX.Element;
+
 declare function ManifestContext({ manifest, children }: {
     manifest: string;
     children: ReactNode;
@@ -569,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>;
@@ -725,6 +732,21 @@ declare function useCanvas<T>(options?: {
     selector: (canvas: CanvasNormalized) => T;
 }, deps?: any[]): T | undefined;
 
+declare function useCanvasChoices({ canvasId }?: {
+    canvasId?: string;
+}): {
+    choices: Array<{
+        canvasId: string;
+        choice: ComplexChoice;
+    }>;
+    actions: {
+        makeChoice: (id: string, options?: {
+            deselectOthers?: boolean;
+            deselect?: boolean;
+        }) => void;
+    };
+};
+
 declare function useCanvasClock(canvasId?: string, autoplay?: boolean): void;
 
 declare function useCanvasSubset(idsOrRefs?: Array<string | Reference>): Reference<'Canvas'>[];
@@ -1050,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, AuthProvider_Old, AuthRContext, AuthReactContext, AuthReactContextActions, type AuthState, CanvasAnnotations, CanvasContext, CollectionContext, CombinedMetadata, ContextBridge, CreateCustomShape, type CreateCustomShapeProps, 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, findAllCanvasesInRange, findFirstCanvasFromRange, findManifestSelectedRange, findSelectedRange, flattenAnnotationPageIds, formatTime, getDefaultAnnotationStyles, getManifestSequence, getVideoStrategy, getVisibleCanvasesFromCanvasId, hasAuth, makeAccessServiceRequest, makeAccessTokenRequest, svgThemes, useAnnotation, useAnnotationPage, useAnnotationPageManager, useAnnotationStyles, useAnnotationsAtTime, useAuthActions, useAuthActions_old, useAuthService, useAuthService_old, useAuthStore, useAuthToken, useAuthToken_old, useAuthTokens, useAuthTokens_old, useCanvas, useCanvasClock, useCanvasSequence, useCanvasSubset, useClosestLanguage, useCollection, useContextBridge, useCreateLocaleString, useCurrentAuth, useCurrentAuth_old, useDispatch, 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 };