react-iiif-vault 1.5.10 → 2.0.0

package/dist/canvas-panel.cjs

@@ -1,5 +1,4 @@
-"use strict";var Qo=Object.create;var Xe=Object.defineProperty;var Go=Object.getOwnPropertyDescriptor;var Zo=Object.getOwnPropertyNames;var Xo=Object.getPrototypeOf,Jo=Object.prototype.hasOwnProperty;var ei=(e,n)=>{for(var t in n)Xe(e,t,{get:n[t],enumerable:!0})},yn=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of Zo(n))!Jo.call(e,o)&&o!==t&&Xe(e,o,{get:()=>n[o],enumerable:!(r=Go(n,o))||r.enumerable});return e};var $=(e,n,t)=>(t=e!=null?Qo(Xo(e)):{},yn(n||!e||!e.__esModule?Xe(t,"default",{value:e,enumerable:!0}):t,e)),ti=e=>yn(Xe({},"__esModule",{value:!0}),e);var $i={};ei($i,{CanvasPanel:()=>N});module.exports=ti($i);var he=require("react");var z=$(require("react"),1),ut=require("@atlas-viewer/atlas"),hr=require("react-error-boundary");var j=require("react");var ve=$(require("react"),1),hn=require("react/jsx-runtime"),ni={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},Je=ve.default.createContext(ni),q=()=>(0,ve.useContext)(Je);function ne({value:e,children:n}){let t=q(),r=(0,ve.useMemo)(()=>({...t,...e}),[e,t]);return(0,hn.jsx)(Je.Provider,{value:r,children:n})}var et=$(require("react"),1),Oe=require("@iiif/helpers/vault");var Ut=require("react/jsx-runtime"),ce=et.default.createContext({vault:null,setVaultInstance:e=>{}});function Se({vault:e,vaultOptions:n,useGlobal:t,resources:r,children:o}){let[a,i]=(0,et.useState)(()=>e||(t?(0,Oe.globalVault)(n):n?new Oe.Vault(n):new Oe.Vault));return(0,Ut.jsx)(ce.Provider,{value:{vault:a,setVaultInstance:i},children:(0,Ut.jsx)(ne,{value:r||{},children:o})})}var Gn=require("react"),it=require("react");var vn=require("@iiif/helpers/vault"),Sn=require("react");function xe(e){let n=(0,Sn.useContext)(ce);return e||(n&&n.vault?n.vault:(0,vn.globalVault)())}var re=require("react");function xn(e,{noCache:n=!1}={}){let t=typeof e=="string"?e:e.id,r=xe(),[o,a]=(0,re.useState)(t),[i,s]=(0,re.useState)(void 0),u=(0,re.useMemo)(()=>r.get(t,{skipSelfReturn:!0})||void 0,[t,r]),[c,l]=(0,re.useState)(u);return(0,re.useEffect)(()=>{(async()=>{try{let m=u&&!n?u:await r.load(t),p=m?m.id||m["@id"]:null;m&&o!==p&&a(p),l(m)}catch(m){s(m)}})()},[t,n]),{isLoaded:!!c,id:o,requestId:t,error:i,resource:c,cached:!!(c&&c===u)}}function Cn(e,n){let{id:t,isLoaded:r,error:o,resource:a,requestId:i,cached:s}=xn(e,n);return{id:t,isLoaded:r,error:o,manifest:a,requestId:i,cached:s}}var Rn=require("react/jsx-runtime");function bn({manifest:e,children:n}){return(0,Rn.jsx)(ne,{value:{manifest:e},children:n})}var An=require("react/jsx-runtime");function G({canvas:e,children:n}){return(0,An.jsx)(ne,{value:{canvas:e},children:n})}var Tn=require("react"),In=$(require("react"),1);var Pn=require("react"),P=()=>{let{vault:e}=(0,Pn.useContext)(ce);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var tt=require("react");function T(e,n=[]){let t=P(),[r,o]=(0,tt.useState)(()=>e(t.getState(),t));return(0,tt.useEffect)(()=>t.subscribe(a=>e(a,t),a=>{o(a)},!1),n),r}var Ce=In.default.createContext([]);function nt(){let e=(0,Tn.useContext)(Ce);return T(n=>e.map(t=>n.iiif.entities.Canvas[t]).filter(Boolean),[e])}var wn=require("react");function k(e={},n=[]){let{id:t,selector:r}=e,o=q(),a=P(),i=t||o.manifest,s=T(u=>i?u.iiif.entities.Manifest[i]:void 0,[i]);return(0,wn.useMemo)(()=>{if(s)return r?r(s):s},[s,r,...n])}var Vn=require("react/jsx-runtime");function Mn({range:e,children:n}){return(0,Vn.jsx)(ne,{value:{range:e},children:n})}function qt(e,n){let t=[];for(let r of n.items)if(r.type==="SpecificResource"&&r.source?.type==="Canvas"&&(r.source.id.indexOf("#")!==-1?t.push({id:r.source.id.split("#")[0],type:"Canvas"}):t.push(r.source)),r.type==="Range"&&t.push(...qt(e,e.get(r))),r.type==="SpecificResource"){let o=typeof r.source=="string"?r.source:r.source.id;t.push({id:o,type:"Canvas"})}return t}function En(e,n,{disablePaging:t,skipNonPaged:r}={}){let o=n.behavior,a=o.includes("paged"),i=a?!1:o.includes("continuous"),s=a||i?!1:o.includes("individuals"),u=n.type==="Manifest"?n.items:qt(e,n);if(i)return[u,[u.map((g,d)=>d)]];if(s||!a||t)return[u,u.map((g,d)=>[d])];let c=[],l=[],m=()=>{l.length&&(c.push([...l]),l=[])},p=0,y=!1;for(let g=0;g<u.length;g++){let d=e.get(u[g]);if(d.behavior.includes("non-paged")){g===p&&p++,r||(m(),c.push([g]),m());continue}if(g===p||d.behavior.includes("facing-pages")){l.length&&(y=!0),m(),c.push([g]),m();continue}if(l.push(g),y){m(),y=!1;continue}l.length>1&&m()}return l.length&&m(),[u,c]}var W=require("react");var kn=require("react");function Nn(e={},n=[]){let{id:t,selector:r}=e,o=q(),a=t||o.range,i=T(s=>a?s.iiif.entities.Range[a]:void 0,[a]);return(0,kn.useMemo)(()=>{if(i)return r?r(i):i},[i,r,...n])}function Ln({startCanvas:e,disablePaging:n}){let t=P(),r=k(),o=Nn(),[a,i]=(0,W.useState)(void 0),s=o||r;if(!s)throw new Error("Nothing selected");let[u,c]=(0,W.useMemo)(()=>En(t,s,{disablePaging:n}),[t,s,n]),l=(0,W.useRef)(c);if(l.current!==c){let x=l.current[a][0],h=c.findIndex(v=>v.includes(x));l.current=c,i(h)}let m=(0,W.useCallback)(d=>{let x=c.findIndex(h=>h.includes(d));i(x===-1?0:x)},[u,c]),p=(0,W.useCallback)(d=>{let x=u.findIndex(h=>h.id===d);x!==-1?m(x):i(0)},[u,c]),y=(0,W.useCallback)(()=>{i(d=>d>=c.length-1?d:d+1)},[c]),g=(0,W.useCallback)(()=>{i(d=>d<=0?0:d-1)},[c]);return typeof a>"u"&&(e?p(e):i(0)),{visibleItems:c[a]?.map(d=>u[d].id)||[],cursor:a,items:u,sequence:c,hasPrevious:a>0,hasNext:a<c.length-1,setSequenceIndex:i,setCanvasIndex:m,setCanvasId:p,next:y,previous:g}}var Y=require("react"),rt=require("zustand");var _t=require("zustand/vanilla");function _(e,n,t){let r=n.findIndex(i=>i.service.id===e);if(r===-1)return n;let o=[...n],a=t(o[r]);return a===o[r]?n:(o[r]=a,o)}var On=()=>(0,_t.createStore)((e,n)=>({currentAuth:-1,authItems:[],login:()=>{let t=n().authItems[n().currentAuth];if(!t||t.isPending||t.isLoggedIn)return;if(t.type!=="active")throw new Error("Cannot login to non-active service");let r=t.service.service.find(o=>o.type==="AuthAccessTokenService2");if(!r)throw new Error("Token service not found");e(()=>({authItems:_(t.id,n().authItems,o=>({...o,isPending:!0}))})),zn(t.service).then(()=>{Wt(r).then(o=>{let a=o.expiresIn,i=Date.now()+a*1e3;e(()=>({authItems:_(t.id,n().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:o.accessToken,expires:i}}))}))}).catch(o=>{e(()=>({authItems:_(t.id,n().authItems,a=>({...a,isLoggedIn:!1,isPending:!1,error:o.message}))}))})})},logout:()=>{let t=n().authItems[n().currentAuth];if(!t||t.isPending||!t.isLoggedIn)return;if(t.type!=="active")throw new Error("Cannot logout of non-active service");let r=t.service.service.find(i=>i.type==="AuthLogoutService2");if(!r)return;let o=`${r.id}?origin=${Hn()}`,a=window.open(o);e(()=>({authItems:_(t.id,n().authItems,i=>({...i,isLoggedIn:!1,session:null,isPending:!1}))}))},nextAuth:()=>{let t=n().authItems.length,r=n().currentAuth+1;r>=t||e(()=>({currentAuth:r}))},previousAuth:()=>{let t=n().currentAuth-1;t<0||e(()=>({currentAuth:t}))},setAuth:t=>{t!==-1&&(t<0||t>=n().authItems.length)||e(()=>({currentAuth:t}))},addService:(t,r)=>{if(!t.service)return;let o=t.service.find(s=>s.type==="AuthAccessTokenService2"),a=t;if(n().authItems.find(s=>s.service.id===t.id)){e(()=>({authItems:_(t.id,n().authItems,s=>({...s,instances:s.instances+1}))}));return}if(e(()=>({currentAuth:a.profile==="active"?0:n().currentAuth,authItems:[{id:t.id,type:t.profile,service:t,probeId:r,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...n().authItems]})),t.profile==="external"){if(!o)throw new Error("Token service not found");Wt(o).then(s=>{e(()=>({authItems:_(t.id,n().authItems,u=>({...u,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:_(t.id,n().authItems,u=>({...u,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:s.message}))}))})}if(t.profile==="kiosk"){if(!o)throw new Error("Token service not found");e(()=>({authItems:_(t.id,n().authItems,s=>({...s,isPending:!0}))})),zn(a).then(()=>{Wt(o).then(s=>{e(()=>({authItems:_(t.id,n().authItems,u=>({...u,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:_(t.id,n().authItems,u=>({...u,isLoggedIn:!1,isPending:!1,error:s.message}))}))})})}t.profile},removeService:(t,r)=>{let o=n().currentAuth===n().authItems.findIndex(i=>i.service.id===t.id),a=n().currentAuth;if(o){let i=n().authItems.find(u=>u.service.id===t.id);i&&i.instances>1||(a=n().authItems.findIndex(c=>c.service.id!==t.id&&c.instances>0))}e(()=>({authItems:_(t.id,n().authItems,i=>({...i,instances:i.instances-1})),currentAuth:a}))}})),Dn=(e,n)=>(0,_t.createStore)((t,r)=>({service:e,status:e?"unknown":"success",shouldRedirect:!1,redirectResource:null,shouldSubstitute:!1,substituteResource:null,error:null,errorHeading:null,errorNote:null,shouldDisplayResource:!1,token:n||null,async probe(){if(!r().service)return;let o=r().service?.id;if(!o){t({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}t({status:"probing"});let a=r().token;try{let i=await fetch(o,{headers:a?{Authorization:`Bearer ${r().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(s=>s.json());if(i.status===200)t({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(i.status<400&&i.status>=300){if(!i.location)throw new Error("Redirect location not found");t({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:i.location||null})}else if(i.status===401)t({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!i.substitute,substituteResource:i.substitute||null,error:"Unauthorized",errorHeading:i.heading||{en:["Unauthorized"]},errorNote:i.note||null});else throw new Error("Unknown error")}catch(i){t({status:"error",error:i.message,errorHeading:{en:["Unknown error"]}})}},setToken(o){t({token:o})}}));function Fn(e){let n=e.service||e.services||[],t={hasAuth:!1,services:{}};for(let r of n)if(r.type==="AuthProbeService2"){t.services.probe=r,t.hasAuth=!0;let o=r.service.filter(a=>a.type==="AuthAccessService2");o[0]&&(t.services.access=o[0])}return t}async function Wt(e,{strict:n=!0}={}){return new Promise((t,r)=>{let o=Math.random().toString(36).substring(7),a=`${e.id}?messageId=${o}&origin=${window.location.origin}`,i=c=>{let l=c.data;if(l.messageId===o){if(n&&l.type!=="AuthAccessToken2"){s(),r("Invalid response, expected type=AuthAccessToken2");return}if(!l.accessToken){s(),r("Invalid response, expected accessToken");return}s(),t(l)}},s=()=>window.removeEventListener("message",i),u=document.createElement("iframe");u.src=a,u.style.display="none",document.body.appendChild(u),window.addEventListener("message",i)})}function Hn(e){let n=window.location;if(e){let t=document.createElement("a");return t.href=e,t.protocol+"//"+t.hostname+(t.port?":"+t.port:"")}return n.protocol+"//"+n.hostname+(n.port?":"+n.port:"")}async function zn(e){let n=`${e.id}?origin=${Hn()}`,t=window.open(n);if(!t)throw new Error("Failed to open window");return new Promise((r,o)=>{let a=setInterval(()=>{t.closed&&(clearInterval(a),r())},500)})}var be=require("react");var Bn=require("zustand");function $n(e){let n=(0,be.useMemo)(()=>Fn(e),[e]),t=Un(n.services.access?.id),r=(0,be.useMemo)(()=>Dn(n.services.probe,t),[n.services.probe]),o=(0,Bn.useStore)(r);return(0,be.useEffect)(()=>{o.status==="unknown"&&!t&&o.probe()},[n.services.probe,o.status]),(0,be.useEffect)(()=>{t&&(o.setToken(t),o.probe())},[t]),[e,o,n.hasAuth]}var De=require("react/jsx-runtime"),Re=(0,Y.createContext)(null),ri=(0,Y.createContext)(null);ri.displayName="CurrentAuth";var oi=(0,Y.createContext)(null);oi.displayName="AuthActions";function qn({children:e}){let n=(0,Y.useMemo)(()=>On(),[]);return(0,De.jsx)(Re.Provider,{value:n,children:e})}function Wn(){return!!(0,Y.useContext)(Re)}function jt(){let e=(0,Y.useContext)(Re);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function ii(){let e=jt();return(0,rt.useStore)(e,t=>({login:t.login,logout:t.logout,nextAuth:t.nextAuth,previousAuth:t.previousAuth,setAuth:t.setAuth,addService:t.addService,removeService:t.removeService}))}function ai(e){let n=jt();return(0,rt.useStore)(n,r=>r.authItems.find(o=>o.service.id===e))}function Un(e){let n=jt();return(0,rt.useStore)(n,r=>r.authItems.find(o=>o.id===e)?.session?.token)}function si(e){let n=ii(),t=ai(e.service.id);return(0,Y.useEffect)(()=>(n?.addService(e.service,e.probeId),()=>{n?.removeService(e.service,e.probeId)}),[e.service]),t?(t.error||!t.isLoggedIn,e.children):null}function Yt(){return null}function _n(e){let[n,t,r]=$n(e.resource),o=e.fallbackComponent||Yt,a=e.loadingComponent||Yt,i=e.errorComponent||Yt,s=t.service,u=null;if(!r||!s)return e.children(n);let c=s.service.filter(l=>l.type==="AuthAccessService2");t.status==="error"&&(u=(0,De.jsx)(i,{resource:e.resource,error:t.error||"",heading:t.errorHeading,note:t.errorNote,extra:e.extra})),(t.status==="unknown"||t.status==="probing")&&(u=(0,De.jsx)(a,{})),t.status==="success"&&(u=e.children(n));for(let l of c)u=(0,De.jsx)(si,{service:l,probeId:s.id,children:u},l.id);return u}var Fe=require("react");var Yn=require("zustand/vanilla"),ci=e=>e.id||e["@id"];function ui(e){return(Array.isArray(e.service)?e.service:[e.service]).find(t=>t.profile==="http://iiif.io/api/search/0/autocomplete"||t.profile==="http://iiif.io/api/search/1/autocomplete"||t.profile==="AutoCompleteService1")}var jn=e=>{let n;typeof e=="string"?n={"@context":"http://iiif.io/api/search/1/context.json",profile:"http://iiif.io/api/search/1/search","@id":e,id:e,service:[]}:n=e;let t=n?ci(n):void 0,r=null;return(0,Yn.createStore)((o,a)=>({service:n,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!n,hasAutocomplete:n?!!ui(n):!1,errorMessage:"",search(i,s={}){if(!t)throw new Error("No search service found.");r&&!r.signal.aborted&&r.abort(),r=new AbortController;let u=new URLSearchParams;i.q&&u.set("q",i.q),i.motivation&&u.set("motivation",i.motivation),i.date&&u.set("date",i.date),i.user&&u.set("user",i.user),o({loading:!0}),fetch(`${t}?${u.toString()}`,{signal:r.signal,headers:{"Content-Type":"application/json",Accept:"application/json",...s.headers||{}}}).then(async c=>{if(!r?.signal.aborted)if(c.ok){let l=await c.json();o({resources:l.resources,error:!1,errorMessage:""})}else o({resources:[],error:!0,errorMessage:c.statusText})})},clearSearch(){o({resources:[],error:!1,errorMessage:""})},highlightResult(i){let s=a().resources.find(u=>u["@id"]===i);o({highlight:s})},nextResult(){let i=a().resources,s=a().highlight;if(!s){o({highlight:i[0]||null});return}let u=i.findIndex(c=>c["@id"]===s["@id"]);if(u===-1){o({highlight:i[0]||null});return}o({highlight:i[u+1]||i[0]||null})},previousResult(){let i=a().resources,s=a().highlight;if(!s){o({highlight:i[i.length-1]||null});return}let u=i.findIndex(c=>c["@id"]===s["@id"]);if(u===-1){o({highlight:i[i.length-1]||null});return}if(u===0){o({highlight:i[i.length-1]||null});return}o({highlight:i[u-1]||i[i.length-1]||null})}}))};var li=require("zustand");function Kn(){let e=k();return e?e.service.find(n=>n.profile==="SearchService1"||n.profile==="http://iiif.io/api/search/1/search"):void 0}var ot=require("react/jsx-runtime"),Ae=(0,Fe.createContext)(null);Ae.displayName="Search";function Qn(e){let n=Kn();return e.store?(0,ot.jsx)(Ae.Provider,{value:e.store,children:e.children}):(0,ot.jsx)(mi,{service:n,children:e.children})}function mi({service:e,children:n}){let t=(0,Fe.useMemo)(()=>jn(e),[e]);return(0,ot.jsx)(Ae.Provider,{value:t,children:n})}var F=require("react/jsx-runtime"),He=()=>{},Be=(0,it.createContext)({setCurrentCanvasId:He,setCurrentCanvasIndex:He,nextCanvas:He,previousCanvas:He,items:[],sequence:[],setSequenceIndex:He,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function di(e){let n=k(),{cursor:t,visibleItems:r,next:o,sequence:a,items:i,setCanvasIndex:s,setCanvasId:u,previous:c,setSequenceIndex:l,hasNext:m,hasPrevious:p}=Ln({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),y=(0,it.useMemo)(()=>({sequence:a,items:i,setCurrentCanvasId:u,nextCanvas:o,previousCanvas:c,totalCanvases:i.length,setCurrentCanvasIndex:s,setSequenceIndex:l,currentSequenceIndex:t,hasNext:m,hasPrevious:p}),[a,i,u,o,c,i,s,l,t]);return n?r.length===0?null:(0,F.jsx)(Be.Provider,{value:y,children:(0,F.jsx)(Ce.Provider,{value:r,children:(0,F.jsx)(G,{canvas:r[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,F.jsx)("div",{children:"Sorry, something went wrong."}))}function Zn(e){let n=xe(e.vault),t=Cn(e.manifest);if(!t)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,F.jsx)("div",{children:"Sorry, something went wrong."});if(t.error)return(0,F.jsx)("div",{children:t.error.toString()});if(!t.isLoaded)return(0,F.jsx)("div",{children:"Loading..."});let r=(0,F.jsx)(di,{...e,children:e.children});return(0,F.jsx)(Se,{vault:n,children:(0,F.jsx)(bn,{manifest:t.id,children:(0,F.jsx)(qn,{children:(0,F.jsx)(Qn,{children:e.rangeId?(0,F.jsx)(Mn,{range:e.rangeId,children:r}):r})})})})}function Xn(){return(0,Gn.useContext)(Be)}var Jn=$(require("react"),1),Kt=require("react"),er=$(require("mitt"),1),pi=require("react/jsx-runtime"),fi=(0,er.default)(),$e=(0,Kt.createContext)({emitter:fi});$e.displayName="Events";function tr(){return Jn.default.useContext($e).emitter}var nr=$(require("react"),1),Z=require("react/jsx-runtime"),gi=nr.default.createContext({});function rr(){let e=(0,j.useContext)(gi),n=Object.keys(e),t={};for(let r of n)e[r].Provider&&(t[r]={value:(0,j.useContext)(e[r]),Provider:e[r].Provider});return t}function yi(e){let n=Object.keys(e),t=e.children;for(let r of n){if(r==="children")continue;let{value:o,Provider:a}=e[r];t=(0,Z.jsx)(a,{value:o,children:t})}return t}function or(){return{VaultContext:(0,j.useContext)(ce),ResourceContext:(0,j.useContext)(Je),SimpleViewerReactContext:(0,j.useContext)(Be),VisibleCanvasReactContext:(0,j.useContext)(Ce),AuthRContext:(0,j.useContext)(Re),SearchReactContext:(0,j.useContext)(Ae),ReactEventContext:(0,j.useContext)($e)}}function ir(e){return(0,Z.jsx)(Se,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,Z.jsx)(Ce.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,Z.jsx)(Be.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,Z.jsx)($e.Provider,{value:e.bridge.ReactEventContext,children:(0,Z.jsx)(Re.Provider,{value:e.bridge.AuthRContext,children:(0,Z.jsx)(Ae.Provider,{value:e.bridge.SearchReactContext,children:e.custom?(0,Z.jsx)(yi,{...e.custom,children:e.children}):e.children})})})})})})}var Pe=require("react");var X=require("react");var at=require("@iiif/helpers/vault/actions");var ar=require("react");function sr(){let n=P().getStore();return(0,ar.useMemo)(()=>t=>n.dispatch(t),[n])}function cr(e){return typeof e!="string"&&e&&e.bindToVault}function ur(){let e=P(),n=(0,X.useRef)([]),t=sr(),r=(0,X.useMemo)(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);(0,X.useLayoutEffect)(()=>{let s={id:r,type:"AnnotationPage",behavior:[],label:null,thumbnail:[],summary:null,requiredStatement:null,metadata:[],rights:null,provider:[],items:[],seeAlso:[],homepage:[],rendering:[],service:[]};t(at.entityActions.importEntities({entities:{AnnotationPage:{[s.id]:s}}}))},[r]);let o=T(s=>r&&s.iiif.entities.AnnotationPage[r]||null,[r]),a=(0,X.useCallback)((s,u)=>{if(r){if(cr(s)){let m=s;m.__vault||m.bindToVault(e),s=typeof m.source=="string"?m.source:m.source.id,n.current[s]=m}else typeof s!="string"&&(s=s.id);let c=e.get({id:r,type:"AnnotationPage"}),l=e.get({id:s,type:"Annotation"});c&&l&&(c.items.find(m=>m.id===l.id)||t(at.entityActions.addReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"},index:u})))}},[r]),i=(0,X.useCallback)(s=>{r&&(cr(s)?s=typeof s.source=="string"?s.source:s.source.id:typeof s!="string"&&(s=s.id),n.current[s]&&n.current[s].beforeRemove(),e.get({id:r,type:"AnnotationPage"})&&t(at.entityActions.removeReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"}})))},[r]);return[o,{addAnnotation:a,removeAnnotation:i}]}var fr=require("react/jsx-runtime"),lr=(0,Pe.createContext)(null);function mr(){let e=(0,Pe.useContext)(lr);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function dr({children:e}){let[n,{addAnnotation:t,removeAnnotation:r}]=ur();return(0,fr.jsx)(lr.Provider,{value:(0,Pe.useMemo)(()=>({fullPage:n,addAnnotation:t,removeAnnotation:r}),[n]),children:e})}var Te=require("react/jsx-runtime");function pr({width:e,style:n,height:t,error:r,resetErrorBoundary:o}){return(0,Te.jsxs)("div",{style:{width:e,height:t,minHeight:500,...n||{},background:"#f9f9f9"},children:[(0,Te.jsx)("h3",{children:"Error occurred"}),(0,Te.jsx)("p",{children:r.message}),(0,Te.jsx)("button",{type:"button",onClick:o,children:"Reset"})]})}var st=require("react"),ue=(0,st.createContext)(null);function ct(){return(0,st.useContext)(ue)}var le=require("react"),Qt=(0,le.createContext)(()=>{}),Gt=(0,le.createContext)(()=>{});function L(e,n,t,r,o=[]){let a=(0,le.useContext)(e==="portal"?Gt:Qt);(0,le.useEffect)(()=>(e!=="none"&&a(n,t,r),()=>{a(n,null)}),[n,e,a,...o])}var Ie=require("react");var gr=require("react");function A(e={},n=[]){let{id:t,selector:r}=e,o=q(),a=t||o.canvas,i=T(s=>a?s.iiif.entities.Canvas[a]:void 0,[a]);return(0,gr.useMemo)(()=>{if(i)return r?r(i):i},[i,r,...n])}var Zt=(0,Ie.createContext)(()=>{});function yr(e){let n=A(),t=(0,Ie.useContext)(Zt);(0,Ie.useEffect)(()=>n&&n.id?(t(n.id,e),()=>t(n.id,-1)):()=>{},[n,e])}var E=require("react/jsx-runtime");function vr({children:e,errorFallback:n,outerContainerProps:t={},worldScale:r,...o}){let[a,i]=(0,z.useState)(),s=rr(),u=or(),c=n||pr,[l,m]=(0,z.useState)({}),p=Object.entries(l),[y,g]=(0,z.useState)({}),d=Object.entries(y),[x,h]=(0,z.useState)({}),v=(0,z.useMemo)(()=>r||Math.max(...Object.values(x)),[x]),f=(0,z.useMemo)(()=>({maxOverZoom:v||1,...o.runtimeOptions||{}}),[v,o.runtimeOptions]),S=(0,z.useCallback)((b,C)=>{h(D=>{if(C===-1){let{[b]:Qe,...Q}=D;return Q}return{...D,[b]:C}})},[]),R=(0,z.useCallback)((b,C,D)=>{m(({[b]:Qe,...Q})=>C?{...Q,[b]:{element:C,props:D}}:Q)},[]),w=(0,z.useCallback)((b,C,D)=>{g(({[b]:Qe,...Q})=>C?{...Q,[b]:{element:C,props:D}}:Q)},[]);return(0,E.jsxs)(hr.ErrorBoundary,{resetKeys:[],fallbackRender:b=>(0,E.jsx)(c,{...o,...b}),children:[(0,E.jsx)(ut.AtlasAuto,{...o,containerProps:{style:{position:"relative"},...o.containerProps||{}},htmlChildren:(0,E.jsx)(E.Fragment,{children:p.map(([b,{element:C,props:D}])=>(0,E.jsx)(z.default.Fragment,{children:(0,E.jsx)(C,{...D||{}})},b))}),onCreated:b=>{i(b),o.onCreated&&o.onCreated(b)},runtimeOptions:f,children:(0,E.jsx)(ue.Provider,{value:a,children:(0,E.jsx)(Zt.Provider,{value:S,children:(0,E.jsx)(Qt.Provider,{value:R,children:(0,E.jsx)(Gt.Provider,{value:w,children:(0,E.jsx)(ir,{bridge:u,custom:s,children:(0,E.jsx)(ut.ModeContext.Provider,{value:o.mode||"explore",children:(0,E.jsx)(dr,{children:e})})})})})})})}),(0,E.jsx)("div",{children:d.map(([b,{element:C,props:D}])=>(0,E.jsx)(z.default.Fragment,{children:(0,E.jsx)(C,{...D||{}})},b))})]})}var dt=require("@atlas-viewer/atlas");var Xt=require("react"),Sr=require("@iiif/helpers/events");function lt(e,n){let t=P(),r=(0,Xt.useMemo)(()=>(0,Sr.createEventsHelper)(t),[t]),o=T(()=>e&&e.id?t.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,Xt.useMemo)(()=>e?r.getListenersAsProps(e,n):{},[o,e,t,n])}var xr=require("react"),Cr=require("@iiif/helpers/styles");function we(e,n){let t=P(),r=(0,xr.useMemo)(()=>(0,Cr.createStylesHelper)(t),[t]);return T(()=>{if(!e)return null;let o=r.getAppliedStyles(e.id);return o?n?o[n]:o:void 0},[e,n])}var Ar=require("react");var br=require("react");var Rr=require("@iiif/helpers/annotation-targets");function mt(e={},n=[]){let{id:t,selector:r}=e,o=q(),a=P(),i=t||o.annotation,s=T(c=>i?c.iiif.entities.Annotation[i]:void 0,[i]),u=T(c=>s&&s.body?s.body.map(l=>l?l.type==="SpecificResource"?{...l,source:a.get(l)}:l?c.iiif.entities[l.type][l.id]:null:null).filter(Boolean):[],[s]);return(0,br.useMemo)(()=>{if(!s)return;let c={...s,body:u,target:(0,Rr.expandTarget)(s.target,{typeMap:a.getState().iiif.mapping})};return r?r(c):c},[s,r,u,...n])}var Pr=require("react/jsx-runtime"),ft=({id:e,style:n,className:t,interactive:r})=>{let o=mt({id:e}),a=we(o,"atlas"),i=we(o,"html"),s=lt(o,["atlas"]),u=A(),c=(0,Ar.useMemo)(()=>(0,dt.mergeStyles)(n,a),[n,a]);return u&&o&&o.target&&o.target.selector&&o.target.selector.type==="BoxSelector"&&o.target.source&&(o.target.source.id===u.id||o.target.source===u.id)?(0,Pr.jsx)(dt.RegionHighlight,{id:o.id,isEditing:!0,region:o.target.selector.spatial,style:c,className:i?.className||t,interactive:!!(i?.href||r),href:i?.href||null,title:i?.title||null,hrefTarget:i?.target||null,onClick:()=>{},...s}):null};var wr=require("react");var Tr=require("react");function Ir(e={},n=[]){let{id:t,selector:r}=e,o=q(),a=t||o.annotationPage,i=T(s=>a?s.iiif.entities.AnnotationPage[a]:void 0,[a]);return(0,Tr.useMemo)(()=>{if(i)return r?r(i):i},[i,...n])}var Jt=require("react/jsx-runtime"),Ue=({className:e,page:n})=>{let t=Ir({id:n.id})||n,r=we(t,"atlas"),o=we(t,"html");return T(a=>t.id?a.iiif.entities.AnnotationPage[t.id]:null,[]),(0,Jt.jsx)(wr.Fragment,{children:t.items?.map(a=>(0,Jt.jsx)(ft,{id:a.id,style:r,className:o?.className||e},a.id))})};var oe=require("react");var Me=require("react");var Mr=require("@iiif/helpers");function pt(e,n){let{selector:t,source:r}=(0,Mr.expandTarget)(n);if(r.id!==e.id)return[null,r];let o={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[t?t.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:t.temporal,spatial:o.spatial}:t:null,r]}var Vr={makeChoice:()=>{}},gt={type:"unknown"},I=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),Er=(e,n)=>({type:"empty",width:e,height:n,annotations:{pages:[]},image:null,images:[]});var qe=require("react");function hi(e,n){let t=e?.iiif?.meta[n];return t?t.annotationPageManager:null}function kr(e,n){return T(t=>{let r=[];if(!e)return r;let o=Object.keys(t.iiif.entities.AnnotationPage);for(let a of o)if(!n||n.indexOf(a)!==-1){let i=hi(t,a);i&&i.views&&i.views[e]&&r.push(a)}return r},[e,n])}function Nr({canvas:e,manifest:n,all:t,canvases:r}){let o=[];if(n)for(let a of n.annotations)o.indexOf(a.id)===-1&&o.push(a.id);if(t){if(r&&r.length)for(let a of r)for(let i of a.annotations)o.indexOf(i.id)===-1&&o.push(i.id)}else if(e)for(let a of e.annotations)o.indexOf(a.id)===-1&&o.push(a.id);return o}function vi(e,n){let t=e?.iiif?.meta[n];return t?t.annotationPageManager:null}function Lr(e,n={}){let t=P(),r=k(),o=A(),a=nt(),i=(0,qe.useMemo)(()=>Nr({all:n.all,manifest:r,canvas:o,canvases:a}),[n.all,o,a,r]),s=kr(e,n.all?void 0:i),u=(0,qe.useCallback)(l=>{e&&t.setMetaValue([l,"annotationPageManager","views"],m=>m&&!m[e]?m:{...m||{},[e]:!1})},[e,t]),c=(0,qe.useCallback)((l,m={})=>{if(!e)return;let p=t.getState(),y=[];if(m?.deselectOthers){let g=Object.keys(p.iiif.entities.AnnotationPage);for(let d of g){let x=vi(p,d);x&&x.views&&x.views[e]&&y.push(d)}}for(let g of y)u(g);t.setMetaValue([l,"annotationPageManager","views"],g=>g&&g[e]?g:{...g||{},[e]:!0})},[e,u,t]);return{availablePageIds:i,enabledPageIds:s,setPageEnabled:c,setPageDisabled:u}}function zr(e,n){return T((t,r)=>r.get(e.map(o=>({id:o,type:n}))),[e,n])}var Br=$(require("mitt"),1),$r=require("react"),Ur=require("zustand");var yt=$(require("react"),1),Or=require("@iiif/helpers/image-service"),ht=require("zustand"),Dr=yt.default.createContext(Or.imageServices.store);Dr.displayName="ImageServicesHelper";function en(){return(0,yt.useContext)(Dr)}function Fr(e){let n=en();return(0,ht.useStore)(n,({loaded:t})=>t[e])}function vt(){let e=en();return(0,ht.useStore)(e,({loadServiceSync:n})=>n)}function Hr(){let e=en();return(0,ht.useStore)(e,({loaded:n})=>n)}var Si=(0,Ur.createStore)((e,n)=>({loaded:{},setLoaded:(t,r="done")=>{e(o=>({loaded:{...o.loaded,[t]:r}}))}})),xi=(0,Br.default)();xi.on("loaded",e=>{Si.getState().setLoaded(e.imageServiceId)});function qr(){let e=vt(),n=Hr();return[(0,$r.useCallback)((r,{height:o,width:a})=>r&&e(r,{height:o,width:a},!0),[e]),n]}var me=require("react");function Wr(e={}){let n=mt(),t=A(e.canvasId?{id:e.canvasId}:void 0);return T((r,o)=>{if(!t)return[];if(n&&e.enableSingleAnnotation)return[n];let a=o.get(t.items),i=[];for(let s of a)i.push(...o.get(s.items));return i},[t])}var _r=require("@iiif/helpers/painting-annotations");function Yr(e,n=[]){let t=P(),r=(0,me.useMemo)(()=>(0,_r.createPaintingAnnotationsHelper)(t),[]),o=Wr({enableSingleAnnotation:e?.enableSingleAnnotation}),[a,i]=(0,me.useState)(e?.defaultChoices||[]),s=(0,me.useMemo)(()=>r.getPaintables(o,a),[t,o,a,...n]),c={makeChoice:(0,me.useCallback)((l,{deselectOthers:m=!0,deselect:p=!1}={})=>{s.choice&&i(y=>{if(p){let d=y.filter(x=>x!==l);if(d.length===0){let x=s.items[0].resource.id;return x?[x]:[]}return d}if(m)return[l];let g=[...y];if(g.length===0&&s.items.length){let d=s.items[0].resource.id;d&&g.push(d)}return y.indexOf(l)!==-1?y:[...y,l]})},[s.choice])};return[s,c]}var Ci=["model/gltf-binary"];function jr(e,n){let t=n.items[0],r=t.resource;return r.format?Ci.indexOf(r.format)===-1?I(`3D format: ${r.format} is unsupported`):{type:"3d-model",model:r,annotationId:t.annotationId,annotation:t.annotation}:I("Unknown format")}function Kr(e,n){let t=n.items,r=t[0];if(t.length===0||!r)return I("No audio");if(!e.duration)return I("No duration on canvas");if(t.length>1)return I("Only one audio source supported");let o=r.resource;return o?"format"in o?{type:"media",media:{annotationId:r.annotationId,annotation:r.annotation,duration:e.duration,url:o.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:o.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}:I("Audio does not have format"):I("Unknown audio")}var Qr=require("@iiif/parser/image-3");var tn=require("@iiif/helpers/annotation-targets");function St(e,n,t){let r=[];for(let o of n.items){let a=o.resource&&o.resource.type==="SpecificResource"?o.resource.source:o.resource;if(!a.id)return I("No resource Identifier");let i;if(a.service){let d=(0,Qr.getImageServices)(a);d[0]&&(i=t(d[0],e))}let s={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[u,c]=pt(e,o.target),l=e.id?.split("?")[0]||"";if(!(c.id===e.id||decodeURIComponent(c.id||"")===(e.id||"")||c.id===l||decodeURIComponent(c.id||"")===l))continue;let m=o.resource.width&&o.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:o.resource.width,height:o.resource.height}}:void 0,p=o.resource.type==="SpecificResource"?(0,tn.expandTarget)(o.resource):null;if(o.selector){let d=(0,tn.expandTarget)({type:"SpecificResource",source:o.resource,selector:o.selector});d&&(p=d)}let y=p&&p.selector&&(p.selector.type==="BoxSelector"||p.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:p.selector.spatial.x,y:p.selector.spatial.y,width:p.selector.spatial.width,height:p.selector.spatial.height}}:void 0;i&&!i.id&&(i.id=i["@id"]);let g={id:a.id,type:"Image",annotationId:o.annotationId,annotation:o.annotation,width:Number(u||y?a.width:e.width),height:Number(u||y?a.height:e.height),service:i,sizes:i&&i.sizes?i.sizes:a.width&&a.height?[{width:a.width,height:a.height}]:[],target:u&&u.type!=="PointSelector"?u:s,selector:y||{type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}}};r.push(g)}return{type:"images",image:r[0],images:r,choice:n.choice}}function Gr(e,n={},t){let r=e.language||t||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(n[r]=[e.value]);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(o=>Gr(o,n,r))}return n}function xt(e,n){let t=[];return n.items.forEach(r=>{if(r.resource){let[o]=pt(e,r.target);t.push({type:"Text",annotationId:r.annotationId,annotation:r.annotation,text:Gr(r.resource),target:o})}}),{type:"textual-content",items:t}}var Ct=require("@iiif/helpers"),bi=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function bt(e,n,t){let r=n.items.filter(y=>y.type==="video"),o=r[0],a=!1;if(e.duration||(a=!0),r.length>1||!o)return I("Only one video source supported");let i=r[0]?.resource,s=!!(i.service||[]).find(y=>(y.profile||"").includes("youtube.com"));if(!s&&a)return I("Video does not have duration");if(!i)return I("Unknown video");if((!i.format||i.format==="text/html")&&!s)return I("Video does not have format");let u=[],c=t.get(e.annotations||[]);for(let y of c){let g=t.get(y.items||[]);for(let d of g)if((d.motivation?Array.isArray(d.motivation||"")?d.motivation:[d.motivation]:[]).includes("supplementing")){let h=t.get(d.body||[]);for(let v of h){let f=v;if(f.type==="Choice")for(let S of f.items){let R=t.get(S);R.format==="text/vtt"&&u.push({id:R.id,type:"Text",format:"text/vtt",label:R.label,language:R.language})}else f.format==="text/vtt"&&u.push({id:f.id,type:"Text",format:"text/vtt",label:f.label,language:f.language})}}}let l={annotationId:o.annotationId,annotation:o.annotation,duration:e.duration,url:i.id,type:"Video",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:i.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},m=(0,Ct.expandTarget)(o.target);m.selector&&m.selector.type==="TemporalBoxSelector"&&(l.target=m.selector);let{selector:p}=(0,Ct.parseSelector)(o.selector);if(p===null){let y=l.target.temporal.startTime,d=(l.target.temporal.endTime||e.duration)-y;l.selector={type:"TemporalSelector",temporal:{startTime:0,endTime:d}}}else p.type==="TemporalSelector"&&(l.selector=p);if(s){l.type="VideoYouTube";let y=i.id.match(bi);if(!y[1])return I("Video is not known youtube video");l.youTubeId=y[1]}return{type:"media",media:l,annotations:{pages:[]},captions:u}}function Zr(e,n,t,r){let o={type:"complex-timeline",items:[],keyframes:[],duration:e.duration||0},a={type:"complex-choice",items:[]};function i(c){c.choice&&(c.choice.type==="complex-choice"?a.items.push(...c.choice.items):a.items.push(c.choice))}for(let c of n.items){if(c.type==="image"){let l=St(e,{choice:null,allChoices:null,types:["image"],items:[c]},t);if(l.type==="images"){i(l),o.items.push(l.image);let m={id:l.image.annotationId,type:"enter",resourceType:"image",time:l.image.target?.temporal?.startTime||0};o.keyframes.push(m);let p={id:l.image.annotationId,type:"exit",resourceType:"image",time:l.image.target?.temporal?.endTime||e.duration||0};o.keyframes.push(p)}}if(c.type==="textualbody"){let l=xt(e,{choice:null,allChoices:null,types:["textualbody"],items:[c]});if(l.type==="textual-content"){i(l);let m=l.items[0];o.items.push(m);let p=m.target,y={id:m.annotationId,type:"enter",resourceType:"text",time:p.temporal?.startTime||0};o.keyframes.push(y);let g={id:m.annotationId,type:"exit",resourceType:"text",time:p.temporal?.endTime||e.duration||0};o.keyframes.push(g)}}if(c.type==="video"){let l=bt(e,{choice:null,allChoices:null,types:["video"],items:[c]},r);if(l.type==="media"){i(l);let m=l.media;o.items.push(m);let p={id:m.annotationId,type:"enter",resourceType:"video",time:m.target?.temporal?.startTime||0};o.keyframes.push(p);let y={id:m.annotationId,type:"exit",resourceType:"video",time:m.target?.temporal?.endTime||e.duration||0};o.keyframes.push(y)}}}o.keyframes.sort((c,l)=>c.time-l.time);let s=[],u=[];for(let c of o.keyframes){if(c.resourceType==="image"||c.resourceType==="text"){u.push(c);continue}if(c.type==="enter"){s.length===0&&(c.isPrime=!0),s.push(c),u.push(c);continue}if(c.type==="exit"&&(u.push(c),s=s.filter(l=>l.id!==c.id),s.length!==0)){let l=s[0],m={id:l.id,type:"change",isPrime:!0,resourceType:l.resourceType,time:c.time};u.push(m)}}return o.keyframes=u,a.items.length&&(o.choice=a),o}var Rt={},nn={get(e){return e},setMetaValue([e,n,t],r){let o=nn.getResourceMeta(e,n),a=o?o[t]:void 0,i=typeof r=="function"?r(a):r;Rt[e]={...Rt[e]||{},[n]:{...(Rt[e]||{})[n]||{},[t]:i}}},getResourceMeta:(e,n)=>{let t=Rt[e];if(t)return n?t[n]:t},async load(e){let n=typeof e=="string"?e:e.id;return fetch(n).then(t=>t.json())},requestStatus(e){}};function Xr({canvas:e,paintables:n,supports:t,loadImageService:r,vault:o=nn}){if(!e)return gt;if(n.types.length===0)return t.indexOf("empty")!==-1?Er(e.width,e.height):gt;if(n.types.length!==1)if(n.types.length===2&&n.types.indexOf("text")!==-1)n.types=n.types.filter(i=>i!=="text");else return t.indexOf("complex-timeline")===-1?I("Complex timeline not supported"):Zr(e,n,r,o);let a=n.types[0];return a==="image"?t.indexOf("images")===-1?I("Image not supported"):St(e,n,r):a==="Model"||a==="model"?t.indexOf("3d-model")===-1?I("3D not supported"):jr(e,n):a==="textualbody"?t.indexOf("textual-content")===-1?I("Textual content not supported"):xt(e,n):a==="sound"||a==="audio"?t.indexOf("media")===-1?I("Media not supported"):Kr(e,n):a==="video"?t.indexOf("media")===-1?I("Media not supported"):bt(e,n,o):gt}function Jr(e){let n=k(),t=A(),r=P(),o=tr(),a=e?.emitter||o,[i,s]=qr(),{enabledPageIds:u}=Lr(e?.annotationPageManagerId||n?.id||t?.id,{all:!1}),c=zr(u,"AnnotationPage"),l=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[m,p]=Yr(e,[s]);(0,Me.useEffect)(()=>{let g=d=>{p.makeChoice(d.choiceId,{deselectOthers:d.deselectOthers,deselect:d.deselect})};return a.on("make-choice",g),()=>{a.off("make-choice",g)}},[]);let y=(0,Me.useMemo)(()=>Xr({canvas:t,paintables:m,supports:l,loadImageService:i,vault:r}),[t,m,r,p.makeChoice]);return(0,Me.useEffect)(()=>{let g=m.allChoices,d={canvasId:t?.id,manifestId:n?.id};g&&a.emit("choice-change",{choice:g,partOf:d})},[t?.id,m.allChoices]),(0,Me.useMemo)(()=>y.type==="unknown"?[y,Vr]:[{...y,annotations:{pages:c}},p],[y,c])}var At=require("react"),Pt=(0,At.createContext)(null);Pt.displayName="Strategy";function M(){let e=(0,At.useContext)(Pt);if(!e)throw new Error("useStrategy must be used within a StrategyProvider");return e}var eo=require("@iiif/helpers");var Tt=require("react"),It=(0,Tt.createContext)(null);It.displayName="Controls";function H(){let e=(0,Tt.useContext)(It);if(!e)throw new Error("useStrategy must be used within a StrategyProvider");return e}var rn=require("react/jsx-runtime");function to({strategies:e,registerActions:n,defaultChoices:t,onChoiceChange:r,mediaControlsDeps:o,renderMediaControls:a,renderViewerControls:i,viewControlsDeps:s,renderComplexTimelineControls:u,complexTimelineControlsDeps:c,throwOnUnknown:l,children:m}){let p=A(),y=P(),g=(0,oe.useMemo)(()=>(0,eo.createStylesHelper)(y),[y]),[d,x]=Jr({strategies:e||["images"],defaultChoices:t?.map(({id:S})=>S)}),h="choice"in d?d.choice:void 0;if((0,oe.useEffect)(()=>{n&&n(x)},[d.annotations]),(0,oe.useEffect)(()=>{r&&r(h)},[h]),(0,oe.useEffect)(()=>{if(t)for(let S of t)typeof S.opacity<"u"&&g.applyStyles({id:S.id},"atlas",{opacity:S.opacity})},[t]),d.type==="unknown"&&l)throw new Error(d.reason||"Unknown strategy");let v=(0,oe.useMemo)(()=>({renderMediaControls:a,mediaControlsDeps:o||[],renderViewerControls:i,viewControlsDeps:s||[],renderComplexTimelineControls:u,complexTimelineControlsDeps:c||[]}),[o,a,i,s,u,c]),f=(0,oe.useMemo)(()=>({strategy:d,actions:x,choices:"choice"in d?d.choice:[]}),[d,p]);return(0,rn.jsx)(It.Provider,{value:v,children:(0,rn.jsx)(Pt.Provider,{value:f,children:m})})}var no=require("react");var oo=require("react/jsx-runtime");function ro({x:e=0,y:n=0,keepCanvasScale:t,children:r}){let{strategy:o}=M(),a=A(),i=lt(a,["deep-zoom"]),s=(0,no.useMemo)(()=>t?1:Math.max(1,...o.type==="images"?o.images.map(c=>(c.width||0)/c.target?.spatial.width):[]),[t,o]);yr(s);let u=o.type==="images"?o.images.length:0;return a?(0,oo.jsx)("world-object",{height:a.height,width:a.width,x:e,y:n,...i,children:r},`${a.id}/${o.type}/${u}`):null}var io=require("react/jsx-runtime");function wt({style:e}){let n=A();return!n||!n.height||!n.width?null:(0,io.jsx)("box",{interactive:!1,target:{x:0,y:0,width:Number(n.width),height:Number(n.height)},style:e})}var so=require("react/jsx-runtime");function ao({backgroundStyle:e,alwaysShowBackground:n}){let{strategy:t}=M();return t.type!=="empty"&&!n?null:(0,so.jsx)(wt,{style:e})}var Et=require("react");var lo=$(require("mitt"),1);var V=require("react");function co(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function Ri(e,n){switch(n.type){case"RESET":return n.state;case"FINISHED":return{...e,isFinished:!0,isPlaying:!1,playRequested:!1};case"PLAY_PAUSE":return{...e,isFinished:!1,isPlaying:!e.isPlaying};case"PLAY_REQUESTED":return{...e,isFinished:!1,playRequested:!0};case"PAUSE":return{...e,isPlaying:!1};case"PLAY":return{...e,isFinished:!1,playRequested:!1,isPlaying:!0};case"MUTE":return{...e,isMuted:!0};case"SET_VOLUME":return{...e,volume:n.volume,isMuted:n.volume===0};case"TOGGLE_MUTE":return{...e,isMuted:!e.isMuted};case"UNMUTE":return{...e,isMuted:!1}}return e}function on(e){let n=Math.round(e);return`${Math.floor(n/60)}:${`${n%60}`.padStart(2,"0")}`}function Ve(e){let[n,t]=(0,V.useReducer)(Ri,co(e.duration));(0,V.useEffect)(()=>{t({type:"RESET",state:co(e.duration)})},[e.duration]);let r=(0,V.useRef)(null),o=(0,V.useRef)(null),a=(0,V.useRef)(null),i=(0,V.useRef)(!1),s=(0,V.useCallback)(()=>{o.current&&r.current&&(o.current.innerHTML=on(r.current.currentTime),a.current&&(a.current.style.width=`${r.current.currentTime/e.duration*100}%`),i.current!==r.current.muted&&(i.current=r.current.muted,t(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"})))},[e.duration]),u=(0,V.useCallback)(()=>{r.current&&(t({type:"PLAY_REQUESTED"}),r.current.play().then(()=>{t({type:"PLAY"})}),s())},[s]),c=(0,V.useCallback)(()=>{r.current&&(r.current.duration>0&&r.current.paused?u():l())},[s]),l=(0,V.useCallback)(()=>{r.current&&(r.current.pause(),t({type:"PAUSE"}),s())},[s]),m=(0,V.useCallback)(()=>{r.current&&(r.current.muted=!r.current.muted,t(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"}))},[]),p=(0,V.useCallback)(()=>{r.current&&(r.current.muted=!0,t({type:"MUTE"}))},[]),y=(0,V.useCallback)(()=>{r.current&&(r.current.muted=!1,t({type:"UNMUTE"}))},[]),g=(0,V.useCallback)(h=>{r.current&&(r.current.muted=!1,r.current.volume=h/100,t({type:"SET_VOLUME",volume:h}))},[]),d=(0,V.useCallback)(h=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(h*e.duration,e.duration)),s())},[]),x=(0,V.useCallback)(h=>{if(r.current){let v=typeof h=="function"?h(r.current.currentTime):h;r.current.currentTime=Math.max(0,Math.min(v,e.duration)),s()}},[]);return(0,V.useEffect)(()=>{let h=setInterval(()=>{s()},350);return()=>clearInterval(h)},[s,e.duration]),(0,V.useEffect)(()=>{let h=()=>{t({type:"FINISHED"})},v=r.current;return v?.addEventListener("ended",h),()=>v?.removeEventListener("ended",h)},[]),[{element:r,currentTime:o,progress:a},n,{play:u,pause:l,playPause:c,mute:p,unmute:y,toggleMute:m,setVolume:g,setDurationPercent:d,setTime:x}]}var mo=require("zustand/vanilla");function uo({currentKeyFrameIndex:e,keyframes:n,targetTime:t,currentTime:r}){if(r<=t){let o=n.findIndex(s=>s.time>t);if(o===-1)return[e,[]];let a={},i=n.slice(e,o);for(let s of i)s.type==="enter"&&(a[s.id]=s),s.type==="exit"&&(a[s.id]?delete a[s.id]:a[s.id]=s);return[o,Object.values(a)]}return[e,[]]}function fo({complexTimeline:e,startTime:n=0}){let t=(0,lo.default)(),r={},o={progress:null,currentTime:null},a=0,i=null,s=0,u=null;function c(){let v=x.getState().visibleElements,f=r,S=[],R=Object.keys(f);for(let w of R){let b=f[w],C=v[w];b&&C&&S.push(b)}return S}function l(){return Object.keys(r).map(v=>r[v])}function m(h){o.currentTime&&(o.currentTime.innerHTML=on(h),o.progress&&(o.progress.style.width=`${h/e.duration*100}%`))}let p=()=>{let h=x.getState(),v=h.currentPrime;if(!v)return;let f=r,S=h.visibleElements,R=Object.keys(f);for(let w of R){let b=f[w],C=S[w];if(b&&w!==v.id&&C){let D=s-C.time*1e3;Math.abs(s-C.time*1e3-b.currentTime*1e3)>300&&(b.currentTime=D/1e3)}}},y=(h=0)=>{let v=h-a,f=x.getState();if(f.isPlaying){let S=f.currentPrime;if(S){let C=r[S.id];C&&(C.paused?s+=v:s=(S.time+C.currentTime)*1e3)}else s+=v;let R=s/1e3;if(R>f.duration){x.getState().setTime(0),x.setState({isPlaying:!1}),g(),m(0);return}m(R);let[w,b]=uo({currentTime:R,currentKeyFrameIndex:f.nextKeyframeIndex,keyframes:f.complexTimeline.keyframes,targetTime:R});b.length&&f.applyKeyframes(w,b)}a=h,i=requestAnimationFrame(y)},g=()=>{i&&cancelAnimationFrame(i)},d=(h,v)=>{},x=(0,mo.createStore)((h,v)=>({complexTimeline:e,elements:{},visibleElements:{},isBuffering:!1,bufferMap:{},isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,isReady:!1,volume:100,duration:e.duration,clockStartRequests:0,clockStartTime:0,primeTime:0,currentPrime:null,clockRunning:!1,nextKeyframeIndex:0,startClock:()=>{v().clockRunning||(y(),u=setInterval(p,500)),h({clockRunning:!0,clockStartRequests:v().clockStartRequests+1})},applyKeyframes(f,S){let R=v(),w={...R.visibleElements},b=R.currentPrime;for(let C of S)C.type==="enter"&&(w[C.id]=C,t.emit("complex-timeline.enter",{id:C.id})),C.type==="exit"&&(w[C.id]=null,t.emit("complex-timeline.exit",{id:C.id})),C.isPrime&&(b=C);h({nextKeyframeIndex:f,visibleElements:w,currentPrime:b})},stopClock:()=>{let f=v().clockStartRequests;if(f!==0){if(f===1){g(),u&&clearInterval(u),h({clockRunning:!1,clockStartRequests:0});return}h({clockStartRequests:f-1})}},setElement:(f,S)=>{r[f]=S;let R=Object.keys(r),w=v().complexTimeline;d(S,f),w.items.filter(C=>C.type!=="Image"&&C.type!=="Text").every(C=>R.includes(C.annotationId))&&!v().isReady&&(t.emit("complex-timeline.ready",{complexTimeline:w}),h({isReady:!0}))},removeElement:f=>{delete r[f]},mute(){for(let f of l())f.muted=!0;h({isMuted:!0})},unmute(){for(let f of l())f.muted=!1;h({isMuted:!1})},play(){if(!v().isPlaying){for(let S of c())S.play();h({isPlaying:!0})}},pause(){if(v().isPlaying){for(let S of c())S.pause();h({isPlaying:!1})}},playPause(){let f=v();f.isPlaying?f.pause():f.play()},setDurationPercent(f){let R=v().duration*f;v().setTime(R)},setTime(f){let S=v(),R=s/1e3,w=typeof f=="function"?f(R):f,b=S.nextKeyframeIndex;if(R>w){h({visibleElements:{},currentPrime:null});let Ge=Object.keys(S.visibleElements);for(let Ze of Ge)t.emit("complex-timeline.exit",{id:Ze});R=0,b=0}let[C,D]=uo({currentTime:R,currentKeyFrameIndex:b,keyframes:S.complexTimeline.keyframes,targetTime:w});S.applyKeyframes(C,D),s=w*1e3;let Q=x.getState().visibleElements,jo=r,Ko=Object.keys(Q);for(let Ge of Ko){let Ze=Q[Ge];if(Ze){let gn=jo[Ge];gn&&(gn.currentTime=(s-Ze.time*1e3)/1e3)}}m(w)},setVolume(f){for(let S of l())S.volume=Math.min(1,Math.max(0,f/100));h({volume:f})},toggleMute(){let f=v();f.isMuted?(f.unmute(),h({isMuted:!1})):(f.mute(),h({isMuted:!0}))},clearProgressElement(){o.progress=null},setProgressElement(f){o.progress=f},setCurrentTimeElement(f){o.currentTime=f},clearCurrentTimeElement(){o.currentTime=null}}));return t.on("complex-timeline.enter",h=>{let v=x.getState(),f=h.id,S=r[f];S&&v.isPlaying&&S.play()}),t.on("complex-timeline.exit",h=>{let v=x.getState(),f=h.id,S=r[f];S&&(S.currentTime=0,S.pause())}),x.getState().setTime(n),{store:x,emitter:t}}var Ao=require("@atlas-viewer/atlas");var _e=require("react");var ho=require("@atlas-viewer/atlas"),vo=require("@iiif/parser/image-3");var K=$(require("react"),1),ie=require("react/jsx-runtime"),Ai=K.default.createContext("en"),Pi=K.default.createContext({}),Ti=K.default.createContext(null);function Ii(){return K.default.useContext(Ti)}function go(){return K.default.useContext(Ai)}function wi(){return K.default.useContext(Pi)}function po(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function Mi({as:e,language:n,children:t,viewingDirection:r,...o}){let a=go();return(0,K.useMemo)(()=>po(a)===po(n),[a,n])?e?(0,ie.jsx)(e,{...o,children:t}):(0,ie.jsx)("span",{...o,children:t}):e?(0,ie.jsx)(e,{...o,lang:n,dir:r,children:t}):(0,ie.jsx)("span",{...o,lang:n,dir:r,children:t})}function Vi(e,n,t){if(n.length===0)return;if(n.length===1)return n[0];if(n.indexOf(e)!==-1)return e;let r=e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):null;if(r&&n.indexOf(r)!==-1)return r;for(let o of t)if(n.indexOf(o)!==-1)return o;return n.indexOf("none")!==-1?"none":n.indexOf("@none")!==-1?"@none":n[0]}var Ei=(e,n=[])=>{let t=go();return(0,K.useMemo)(()=>{let r=e();return Vi(t,r,[])},[t,...n])};function an(e,n,t,r){return n?t?t(e[n]||n,r||"none"):e[n]||n:""}function ki(e,n,t=`
-`,r={}){let o=Ii(),a=Ei(()=>Object.keys(e||{}),[e]);return[(0,K.useMemo)(()=>{if(!e)return an(r,n,o)||"";if(typeof e=="string")return an(r,e,o);let i=a?e[a]:void 0;return i?typeof i=="string"?i:i.map(s=>an(r,s,o,a)).join(t):""},[a,n,e]),a]}function We({as:e,defaultText:n,enableDangerouslySetInnerHTML:t,children:r,separator:o,...a}){let i=wi(),[s,u]=ki(r,n,o,i);return u?(0,ie.jsx)(Mi,{...a,as:e,language:u,title:t?void 0:s,dangerouslySetInnerHTML:t?{__html:s}:void 0,children:t?void 0:s}):e?(0,ie.jsx)(e,{...a,children:s}):(0,ie.jsx)("span",{...a,title:t?void 0:s,dangerouslySetInnerHTML:t?{__html:s}:void 0,children:t?void 0:s})}var yo=require("@iiif/parser/image-3"),Mt=require("react"),de=require("react/jsx-runtime"),sn=e=>{let n=e.format||"jpg",t=e.width/(e.crop?.width||e.tiles.width),r=e.tiles.imageService.sizes||[],o=e.enableThumbnail,a=e.enableSizes,i=(0,Mt.useMemo)(()=>{let c=e.tiles.imageService.id||e.tiles.imageService["@id"];return c?.endsWith("/info.json")?c.slice(0,-1*10):c},[e.tiles.imageService.id,e.tiles.imageService["@id"]]),s=(0,Mt.useMemo)(()=>{let c=e.tiles.imageService.tiles||[];if(!c.length){let l=e.width,m=[1],p=1;for(;Math.pow(2,p)<l;)p=p*2,m.push(p);return(e.tiles.imageService.maxArea||e.tiles.imageService.maxWidth||e.tiles.imageService.maxHeight)&&(0,yo.isImageServiceLevel)(2,e.tiles.imageService)?[{width:256,height:256,scaleFactors:m}]:[]}return c},[e.tiles.imageService,e.width]),u=(0,Mt.useMemo)(()=>{let c=e.tiles.imageService;return(c?c["@context"]?Array.isArray(c["@context"])?c["@context"]:[c["@context"]]:[]:[]).indexOf("http://iiif.io/api/image/3/context.json")!==-1},[e.tiles.imageService.id,e.tiles.imageService]);return(0,de.jsx)("world-object",{rotation:e.rotation,scale:t,height:e.crop?.height||e.tiles.height,width:e.crop?.width||e.tiles.width,x:e.x,y:e.y,onClick:e.onClick,children:(0,de.jsxs)("composite-image",{id:e.tiles.imageService.id,width:e.crop?.width||e.tiles.width,height:e.crop?.height||e.tiles.height,crop:e.crop,renderOptions:e.renderOptions,children:[o&&e.tiles.thumbnail?(0,de.jsx)("world-image",{priority:!0,uri:e.tiles.thumbnail.id,target:{width:e.tiles.width,height:e.tiles.height},display:{width:e.tiles.thumbnail.width,height:e.tiles.thumbnail.height},crop:e.crop}):null,a&&r.map((c,l)=>(0,de.jsx)("world-image",{uri:`${i}/full/${c.width},${u?c.height:""}/0/default.${n}`,target:{width:e.tiles.width,height:e.tiles.height},display:{width:c.width,height:c.height},crop:e.crop},l)),s.map(c=>(c.scaleFactors||[]).map(l=>(0,de.jsx)("tiled-image",{uri:e.tiles.imageService.id,display:{width:e.tiles.width,height:e.tiles.height},format:n,tile:c,scaleFactor:l,crop:e.crop,version3:u},`${e.tiles.imageService.id}-tile-${l}`)))]},e.tiles.imageService.id)},e.tiles.imageService.id)};var U=require("react/jsx-runtime");function Ni({resource:e,heading:n,note:t,extra:r}){return r?(0,U.jsx)(ho.HTMLPortal,{target:{x:0,y:0,width:r.target?.spatial.width,height:r.target?.spatial.height},backgroundColor:"#333",relative:!0,children:(0,U.jsx)("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",background:"#444",color:"#BBB"},children:(0,U.jsxs)("div",{children:[(0,U.jsx)(We,{children:n||"Not authorised"}),t&&(0,U.jsx)("p",{children:(0,U.jsx)(We,{children:t})}),(0,U.jsx)("p",{children:e.id||e["@id"]||"unknown"})]})})}):null}function So({image:e,thumbnail:n,crop:t,enableSizes:r,enableThumbnail:o,renderOptions:a}){let i=Wn(),s=(0,vo.getId)(e.service),u=Fr(s),c=vt(),l=u?.service;c(e.service,e);let m=l&&u?.status==="done",p=(l?.preferredFormats||[])[0],y=n&&n.type==="fixed"&&n.id&&!n.id.includes("/full/full/")&&!n.id.includes("/max/")?n:void 0;if(m===!1)return null;if(!i){let g=e.service,d=g.width||e.width||0,x=g.height||e.height||0;return(0,U.jsx)(sn,{enableThumbnail:o,renderOptions:a,tiles:{id:g.id||g["@id"]||"unknown",height:x,width:d,imageService:g,thumbnail:y},enableSizes:r,x:0,y:0,format:p,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:t})}return(0,U.jsx)(_n,{resource:e.service,errorComponent:Ni,extra:e,children:g=>{let d=g.width||e.width||0,x=g.height||e.height||0;return(0,U.jsx)(sn,{enableThumbnail:o,renderOptions:a,tiles:{id:g.id||g["@id"]||"unknown",height:x,width:d,imageService:g,thumbnail:y},format:p,enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:t})}},e.id)}var fe=require("react/jsx-runtime");function Ee({id:e,image:n,thumbnail:t,isStatic:r,x:o=0,y:a=0,children:i,selector:s,onClick:u,enableSizes:c}){let l=(0,_e.useMemo)(()=>{if(!(!s||s.spatial.x===0&&s.spatial.y===0))return s.spatial},[s]);return(0,fe.jsx)("world-object",{x:o+n.target.spatial.x,y:a+n.target.spatial.y,width:n.target.spatial.width,height:n.target.spatial.height,onClick:u,children:n.service?(0,fe.jsxs)(_e.Fragment,{children:[(0,fe.jsx)(So,{image:n,thumbnail:t,crop:l,enableSizes:c}),i]},"service"):(0,fe.jsxs)(_e.Fragment,{children:[(0,fe.jsx)("world-image",{onClick:u,uri:n.id,target:{x:0,y:0,width:n.target.spatial.width,height:n.target.spatial.height},display:n.width&&n.height?{width:n.width,height:n.height}:void 0,crop:l}),i]},"no-service")},e+(n.service?"server":"no-service"))}var un=require("zustand");var cn=require("react"),Li=require("zustand"),bo=require("react/jsx-runtime"),xo=(0,cn.createContext)(null);xo.displayName="ComplexTimeline";function Co({children:e,store:n}){return(0,bo.jsx)(xo.Provider,{value:n,children:e})}var Ro=require("@atlas-viewer/atlas");var J=require("react/jsx-runtime");function Vt({strategy:e,onClickPaintingAnnotation:n}){return(0,J.jsx)(J.Fragment,{children:e.items.map((t,r)=>(0,J.jsx)(J.Fragment,{children:(0,J.jsx)(Ro.HTMLPortal,{onClick:n?o=>{o.stopPropagation(),n(t.annotationId,t,o)}:void 0,target:t.target?.spatial||void 0,children:(0,J.jsx)("div",{"data-textual-content":!0,children:(0,J.jsx)(We,{enableDangerouslySetInnerHTML:!0,children:t.text})})},r)}))})}var ee=require("react/jsx-runtime");function Po({strategy:e,children:n}){let{store:t}=(0,Et.useMemo)(()=>fo({complexTimeline:e}),[e]),r=(0,un.useStore)(t,i=>i.isReady),o=(0,un.useStore)(t,i=>i.visibleElements);function a(i){return s=>{s&&t.getState().setElement(i,s)}}return(0,Et.useLayoutEffect)(()=>{if(r){let{startClock:i,stopClock:s}=t.getState();return i(),()=>{s()}}},[e,r]),L("portal","custom-controls",Co,{store:t,children:n},[r]),(0,ee.jsxs)(ee.Fragment,{children:[e.items.map(i=>i.type!=="Image"||!o[i.annotationId]?null:(0,ee.jsx)(Ee,{image:i,id:i.annotationId},i.id)),e.items.map((i,s)=>i.type!=="Text"||!o[i.annotationId]?null:(0,ee.jsx)(Vt,{strategy:{type:"textual-content",items:[i]}},s)),e.items.map((i,s)=>i.type!=="Video"||!i.target.spatial?null:(0,ee.jsx)(Ao.HTMLPortal,{target:i.target.spatial,children:(0,ee.jsx)("video",{ref:a(i.annotationId),src:i.url,style:{height:"100%",width:"100%",opacity:o[i.annotationId]?1:0}})},s))]})}var Io=require("react/jsx-runtime");function To(){let{strategy:e}=M(),{renderComplexTimelineControls:n}=H();return e.type!=="complex-timeline"?null:(0,Io.jsx)(Po,{strategy:e,children:n?n(e):null})}var ke=require("react/jsx-runtime");function wo({onClickPaintingAnnotation:e,children:n}){let{strategy:t}=M(),{renderViewerControls:r,viewControlsDeps:o}=H(),a=ct(),i=A();return L(a&&t.type==="textual-content"&&r?"overlay":"none",`canvas-portal-controls-${i?.id}`,ue.Provider,r?{value:a||null,children:r(t)}:{},[i,a,t,...o||[]]),t.type!=="textual-content"?null:(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(Vt,{strategy:t,onClickPaintingAnnotation:e}),n]})}var ae=require("react");var Mo=require("react"),Vo=(e,n=[])=>{let t=P();(0,Mo.useEffect)(()=>{e(t)},[t,...n])};var kt=$(require("react"),1),Eo=require("@iiif/helpers/image-service"),zi=kt.default.createContext(new Eo.ImageServiceLoader);function ko(){return(0,kt.useContext)(zi)}var No=require("@iiif/helpers/thumbnail");function Ne(e,n,{canvasId:t,manifestId:r}={}){let o=P(),a=ko(),i=(0,ae.useMemo)(()=>(0,No.createThumbnailHelper)(o,{imageServiceLoader:a}),[o,a]),[s,u]=(0,ae.useState)(),c=k(r?{id:r}:void 0),l=A(t?{id:t}:void 0),m=l||c,p=(0,ae.useRef)(!1);if((0,ae.useEffect)(()=>(p.current=!1,()=>{p.current=!0}),[]),!m)throw new Error("Must be called under a manifest or canvas context.");return Vo(y=>{i.getBestThumbnailAtSize(m,e,n).then(g=>{g.best&&!p.current&&u(g.best)})},[m]),s}var Le=require("react/jsx-runtime");function Lo({isStatic:e=!1,enableSizes:n=!1,onClickPaintingAnnotation:t,children:r}){let{strategy:o}=M(),{renderViewerControls:a,viewControlsDeps:i}=H(),s=A(),u=ct(),c=Ne({maxWidth:256,maxHeight:256});return L(u&&o.type==="images"&&a?"overlay":"none",`canvas-portal-controls-${s?.id}`,ue.Provider,a?{value:u||null,children:a(o)}:{},[s,u,o,...i||[]]),o.type!=="images"?null:(0,Le.jsxs)(Le.Fragment,{children:[o.images.map((l,m)=>(0,Le.jsx)(Ee,{isStatic:e,image:l,id:l.id,thumbnail:m===0?c:void 0,selector:l.selector,enableSizes:n,onClick:t?p=>{t(l.annotationId,l,p)}:void 0},l.id+m)),r]})}var se=require("react/jsx-runtime");function ln({model:e}){return(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)("style",{children:`
+"use strict";var ji=Object.create;var St=Object.defineProperty;var Ki=Object.getOwnPropertyDescriptor;var Gi=Object.getOwnPropertyNames;var Qi=Object.getPrototypeOf,Xi=Object.prototype.hasOwnProperty;var Zi=(e,t)=>{for(var n in t)St(e,n,{get:t[n],enumerable:!0})},Zn=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Gi(t))!Xi.call(e,r)&&r!==n&&St(e,r,{get:()=>t[r],enumerable:!(o=Ki(t,r))||o.enumerable});return e};var Z=(e,t,n)=>(n=e!=null?ji(Qi(e)):{},Zn(t||!e||!e.__esModule?St(n,"default",{value:e,enumerable:!0}):n,e)),Ji=e=>Zn(St({},"__esModule",{value:!0}),e);var Ya={};Zi(Ya,{CanvasPanel:()=>D});module.exports=Ji(Ya);var ze=require("react");var Oe=Z(require("react"),1),Jn=require("react/jsx-runtime"),ea={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},xt=Oe.default.createContext(ea),te=()=>(0,Oe.useContext)(xt);function he({value:e,children:t}){let n=te(),o=(0,Oe.useMemo)(()=>({...n,...e}),[e,n]);return(0,Jn.jsx)(xt.Provider,{value:o,children:t})}var eo=require("react/jsx-runtime");function le({canvas:e,children:t}){return(0,eo.jsx)(he,{value:{canvas:e},children:t})}var Ct=Z(require("react"),1),rt=require("@iiif/helpers/vault");var vn=require("react/jsx-runtime"),Pe=Ct.default.createContext({vault:null,setVaultInstance:e=>{}});function Be({vault:e,vaultOptions:t,useGlobal:n,resources:o,children:r}){let[a,i]=(0,Ct.useState)(()=>e||(n?(0,rt.globalVault)(t):t?new rt.Vault(t):new rt.Vault));return(0,vn.jsx)(Pe.Provider,{value:{vault:a,setVaultInstance:i},children:(0,vn.jsx)(he,{value:o||{},children:r})})}var no=require("react"),oo=Z(require("react"),1);var to=require("react"),M=()=>{let{vault:e}=(0,to.useContext)(Pe);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var bt=require("react");function k(e,t=[]){let n=M(),[o,r]=(0,bt.useState)(()=>e(n.getState(),n));return(0,bt.useEffect)(()=>n.subscribe(a=>e(a,n),a=>{r(a)},!1),t),o}var De=oo.default.createContext([]);function Rt(){let e=(0,no.useContext)(De);return k(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var ro=require("@iiif/helpers/vault"),io=require("react");function He(e){let t=(0,io.useContext)(Pe);return e||(t&&t.vault?t.vault:(0,ro.globalVault)())}var ao=require("react");function H(e={},t=[]){let{id:n,selector:o}=e,r=te(),a=M(),i=n||r.manifest,s=k(l=>i?l.iiif.entities.Manifest[i]:void 0,[i]);return(0,ao.useMemo)(()=>{if(s)return o?o(s):s},[s,o,...t])}var No=require("react"),Tt=require("react");var ye=require("react");function so(e,{noCache:t=!1}={}){let n=typeof e=="string"?e:e.id,o=He(),[r,a]=(0,ye.useState)(n),[i,s]=(0,ye.useState)(void 0),l=(0,ye.useMemo)(()=>o.get(n,{skipSelfReturn:!0})||void 0,[n,o]),[c,u]=(0,ye.useState)(l);return(0,ye.useEffect)(()=>{(async()=>{try{let f=l&&!t?l:await o.load(n),d=f?f.id||f["@id"]:null;f&&r!==d&&a(d),u(f)}catch(f){s(f)}})()},[n,t]),{isLoaded:!!c,id:r,requestId:n,error:i,resource:c,cached:!!(c&&c===l)}}function lo(e,t){let{id:n,isLoaded:o,error:r,resource:a,requestId:i,cached:s}=so(e,t);return{id:n,isLoaded:o,error:r,manifest:a,requestId:i,cached:s}}var uo=require("react/jsx-runtime");function co({manifest:e,children:t}){return(0,uo.jsx)(he,{value:{manifest:e},children:t})}var po=require("react/jsx-runtime");function mo({range:e,children:t}){return(0,po.jsx)(he,{value:{range:e},children:t})}function Sn(e,t){let n=[];for(let o of t.items)if(o.type==="SpecificResource"&&o.source?.type==="Canvas"&&(o.source.id.indexOf("#")!==-1?n.push({id:o.source.id.split("#")[0],type:"Canvas"}):n.push(o.source)),o.type==="Range"&&n.push(...Sn(e,e.get(o))),o.type==="SpecificResource"){let r=typeof o.source=="string"?o.source:o.source.id;n.push({id:r,type:"Canvas"})}return n}function fo(e,t,{disablePaging:n,skipNonPaged:o}={}){let r=t.behavior,a=r.includes("paged"),i=a?!1:r.includes("continuous"),s=a||i?!1:r.includes("individuals"),l=t.type==="Manifest"?t.items:Sn(e,t);if(i)return[l,[l.map((y,m)=>m)]];if(s||!a||n)return[l,l.map((y,m)=>[m])];let c=[],u=[],f=()=>{u.length&&(c.push([...u]),u=[])},d=0,g=!1;for(let y=0;y<l.length;y++){let m=e.get(l[y]);if(m.behavior.includes("non-paged")){y===d&&d++,o||(f(),c.push([y]),f());continue}if(y===d||m.behavior.includes("facing-pages")){u.length&&(g=!0),f(),c.push([y]),f();continue}if(u.push(y),g){f(),g=!1;continue}u.length>1&&f()}return u.length&&f(),[l,c]}var ne=require("react");var go=require("react");function ho(e={},t=[]){let{id:n,selector:o}=e,r=te(),a=n||r.range,i=k(s=>a?s.iiif.entities.Range[a]:void 0,[a]);return(0,go.useMemo)(()=>{if(i)return o?o(i):i},[i,o,...t])}function yo({startCanvas:e,disablePaging:t}){let n=M(),o=H(),r=ho(),[a,i]=(0,ne.useState)(void 0),s=r||o;if(!s)throw new Error("Nothing selected");let[l,c]=(0,ne.useMemo)(()=>fo(n,s,{disablePaging:t}),[n,s,t]),u=(0,ne.useRef)(c);if(u.current!==c){let S=u.current[a][0],v=c.findIndex(p=>p.includes(S));u.current=c,i(v)}let f=(0,ne.useCallback)(m=>{let S=c.findIndex(v=>v.includes(m));i(S===-1?0:S)},[l,c]),d=(0,ne.useCallback)(m=>{let S=l.findIndex(v=>v.id===m);S!==-1?f(S):i(0)},[l,c]),g=(0,ne.useCallback)(()=>{i(m=>m>=c.length-1?m:m+1)},[c]),y=(0,ne.useCallback)(()=>{i(m=>m<=0?0:m-1)},[c]);return typeof a>"u"&&(e?d(e):i(0)),{visibleItems:c[a]?.map(m=>l[m].id)||[],cursor:a,items:l,sequence:c,hasPrevious:a>0,hasNext:a<c.length-1,setSequenceIndex:i,setCanvasIndex:f,setCanvasId:d,next:g,previous:y}}var re=require("react"),Pt=require("zustand");var Cn=require("zustand/vanilla");function oe(e,t,n){let o=t.findIndex(i=>i.service.id===e);if(o===-1)return t;let r=[...t],a=n(r[o]);return a===r[o]?t:(r[o]=a,r)}var So=()=>(0,Cn.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 o=n.service.service.find(r=>r.type==="AuthAccessTokenService2");if(!o)throw new Error("Token service not found");e(()=>({authItems:oe(n.id,t().authItems,r=>({...r,isPending:!0}))})),vo(n.service).then(()=>{xn(o).then(r=>{let a=r.expiresIn,i=Date.now()+a*1e3;e(()=>({authItems:oe(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:r.accessToken,expires:i}}))}))}).catch(r=>{e(()=>({authItems:oe(n.id,t().authItems,a=>({...a,isLoggedIn:!1,isPending:!1,error:r.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 o=n.service.service.find(i=>i.type==="AuthLogoutService2");if(!o)return;let r=`${o.id}?origin=${bo()}`,a=window.open(r);e(()=>({authItems:oe(n.id,t().authItems,i=>({...i,isLoggedIn:!1,session:null,isPending:!1}))}))},nextAuth:()=>{let n=t().authItems.length,o=t().currentAuth+1;o>=n||e(()=>({currentAuth:o}))},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,o)=>{if(!n.service)return;let r=n.service.find(s=>s.type==="AuthAccessTokenService2"),a=n;if(t().authItems.find(s=>s.service.id===n.id)){e(()=>({authItems:oe(n.id,t().authItems,s=>({...s,instances:s.instances+1}))}));return}if(e(()=>({currentAuth:a.profile==="active"?0:t().currentAuth,authItems:[{id:n.id,type:n.profile,service:n,probeId:o,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...t().authItems]})),n.profile==="external"){if(!r)throw new Error("Token service not found");xn(r).then(s=>{e(()=>({authItems:oe(n.id,t().authItems,l=>({...l,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:oe(n.id,t().authItems,l=>({...l,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:s.message}))}))})}if(n.profile==="kiosk"){if(!r)throw new Error("Token service not found");e(()=>({authItems:oe(n.id,t().authItems,s=>({...s,isPending:!0}))})),vo(a).then(()=>{xn(r).then(s=>{e(()=>({authItems:oe(n.id,t().authItems,l=>({...l,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:oe(n.id,t().authItems,l=>({...l,isLoggedIn:!1,isPending:!1,error:s.message}))}))})})}n.profile},removeService:(n,o)=>{let r=t().currentAuth===t().authItems.findIndex(i=>i.service.id===n.id),a=t().currentAuth;if(r){let i=t().authItems.find(l=>l.service.id===n.id);i&&i.instances>1||(a=t().authItems.findIndex(c=>c.service.id!==n.id&&c.instances>0))}e(()=>({authItems:oe(n.id,t().authItems,i=>({...i,instances:i.instances-1})),currentAuth:a}))}})),xo=(e,t)=>(0,Cn.createStore)((n,o)=>({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(!o().service)return;let r=o().service?.id;if(!r){n({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}n({status:"probing"});let a=o().token;try{let i=await fetch(r,{headers:a?{Authorization:`Bearer ${o().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(s=>s.json());if(i.status===200)n({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(i.status<400&&i.status>=300){if(!i.location)throw new Error("Redirect location not found");n({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:i.location||null})}else if(i.status===401)n({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!i.substitute,substituteResource:i.substitute||null,error:"Unauthorized",errorHeading:i.heading||{en:["Unauthorized"]},errorNote:i.note||null});else throw new Error("Unknown error")}catch(i){n({status:"error",error:i.message,errorHeading:{en:["Unknown error"]}})}},setToken(r){n({token:r})}}));function Co(e){let t=e.service||e.services||[],n={hasAuth:!1,services:{}};for(let o of t)if(o.type==="AuthProbeService2"){n.services.probe=o,n.hasAuth=!0;let r=o.service.filter(a=>a.type==="AuthAccessService2");r[0]&&(n.services.access=r[0])}return n}async function xn(e,{strict:t=!0}={}){return new Promise((n,o)=>{let r=Math.random().toString(36).substring(7),a=`${e.id}?messageId=${r}&origin=${window.location.origin}`,i=c=>{let u=c.data;if(u.messageId===r){if(t&&u.type!=="AuthAccessToken2"){s(),o("Invalid response, expected type=AuthAccessToken2");return}if(!u.accessToken){s(),o("Invalid response, expected accessToken");return}s(),n(u)}},s=()=>window.removeEventListener("message",i),l=document.createElement("iframe");l.src=a,l.style.display="none",document.body.appendChild(l),window.addEventListener("message",i)})}function bo(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 vo(e){let t=`${e.id}?origin=${bo()}`,n=window.open(t);if(!n)throw new Error("Failed to open window");return new Promise((o,r)=>{let a=setInterval(()=>{n.closed&&(clearInterval(a),o())},500)})}var qe=require("react");var Ro=require("zustand");function Po(e){let t=(0,qe.useMemo)(()=>Co(e),[e]),n=Ao(t.services.access?.id),o=(0,qe.useMemo)(()=>xo(t.services.probe,n),[t.services.probe]),r=(0,Ro.useStore)(o);return(0,qe.useEffect)(()=>{r.status==="unknown"&&!n&&r.probe()},[t.services.probe,r.status]),(0,qe.useEffect)(()=>{n&&(r.setToken(n),r.probe())},[n]),[e,r,t.hasAuth]}var it=require("react/jsx-runtime"),Fe=(0,re.createContext)(null),ta=(0,re.createContext)(null);ta.displayName="CurrentAuth";var na=(0,re.createContext)(null);na.displayName="AuthActions";function To({children:e}){let t=(0,re.useMemo)(()=>So(),[]);return(0,it.jsx)(Fe.Provider,{value:t,children:e})}function Io(){return!!(0,re.useContext)(Fe)}function Rn(){let e=(0,re.useContext)(Fe);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function oa(){let e=Rn();return(0,Pt.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 ra(e){let t=Rn();return(0,Pt.useStore)(t,o=>o.authItems.find(r=>r.service.id===e))}function Ao(e){let t=Rn();return(0,Pt.useStore)(t,o=>o.authItems.find(r=>r.id===e)?.session?.token)}function ia(e){let t=oa(),n=ra(e.service.id);return(0,re.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function bn(){return null}function wo(e){let[t,n,o]=Po(e.resource),r=e.fallbackComponent||bn,a=e.loadingComponent||bn,i=e.errorComponent||bn,s=n.service,l=null;if(!o||!s)return e.children(t);let c=s.service.filter(u=>u.type==="AuthAccessService2");n.status==="error"&&(l=(0,it.jsx)(i,{resource:e.resource,error:n.error||"",heading:n.errorHeading,note:n.errorNote,extra:e.extra})),(n.status==="unknown"||n.status==="probing")&&(l=(0,it.jsx)(a,{})),n.status==="success"&&(l=e.children(t));for(let u of c)l=(0,it.jsx)(ia,{service:u,probeId:s.id,children:l},u.id);return l}var at=require("react");var Mo=require("zustand/vanilla"),aa=e=>e.id||e["@id"];function sa(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 ko=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?aa(t):void 0,o=null;return(0,Mo.createStore)((r,a)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!sa(t):!1,errorMessage:"",search(i,s={}){if(!n)throw new Error("No search service found.");o&&!o.signal.aborted&&o.abort(),o=new AbortController;let l=new URLSearchParams;i.q&&l.set("q",i.q),i.motivation&&l.set("motivation",i.motivation),i.date&&l.set("date",i.date),i.user&&l.set("user",i.user),r({loading:!0}),fetch(`${n}?${l.toString()}`,{signal:o.signal,headers:{"Content-Type":"application/json",Accept:"application/json",...s.headers||{}}}).then(async c=>{if(!o?.signal.aborted)if(c.ok){let u=await c.json();r({resources:u.resources,error:!1,errorMessage:""})}else r({resources:[],error:!0,errorMessage:c.statusText})})},clearSearch(){r({resources:[],error:!1,errorMessage:""})},highlightResult(i){let s=a().resources.find(l=>l["@id"]===i);r({highlight:s})},nextResult(){let i=a().resources,s=a().highlight;if(!s){r({highlight:i[0]||null});return}let l=i.findIndex(c=>c["@id"]===s["@id"]);if(l===-1){r({highlight:i[0]||null});return}r({highlight:i[l+1]||i[0]||null})},previousResult(){let i=a().resources,s=a().highlight;if(!s){r({highlight:i[i.length-1]||null});return}let l=i.findIndex(c=>c["@id"]===s["@id"]);if(l===-1){r({highlight:i[i.length-1]||null});return}if(l===0){r({highlight:i[i.length-1]||null});return}r({highlight:i[l-1]||i[i.length-1]||null})}}))};var la=require("zustand");function Eo(){let e=H();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var At=require("react/jsx-runtime"),$e=(0,at.createContext)(null);$e.displayName="Search";function Vo(e){let t=Eo();return e.store?(0,At.jsx)($e.Provider,{value:e.store,children:e.children}):(0,At.jsx)(ca,{service:t,children:e.children})}function ca({service:e,children:t}){let n=(0,at.useMemo)(()=>ko(e),[e]);return(0,At.jsx)($e.Provider,{value:n,children:t})}var K=require("react/jsx-runtime"),st=()=>{},lt=(0,Tt.createContext)({setCurrentCanvasId:st,setCurrentCanvasIndex:st,nextCanvas:st,previousCanvas:st,items:[],sequence:[],setSequenceIndex:st,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function ua(e){let t=H(),{cursor:n,visibleItems:o,next:r,sequence:a,items:i,setCanvasIndex:s,setCanvasId:l,previous:c,setSequenceIndex:u,hasNext:f,hasPrevious:d}=yo({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),g=(0,Tt.useMemo)(()=>({sequence:a,items:i,setCurrentCanvasId:l,nextCanvas:r,previousCanvas:c,totalCanvases:i.length,setCurrentCanvasIndex:s,setSequenceIndex:u,currentSequenceIndex:n,hasNext:f,hasPrevious:d}),[a,i,l,r,c,i,s,u,n]);return t?o.length===0?null:(0,K.jsx)(lt.Provider,{value:g,children:(0,K.jsx)(De.Provider,{value:o,children:(0,K.jsx)(le,{canvas:o[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,K.jsx)("div",{children:"Sorry, something went wrong."}))}function Lo(e){let t=He(e.vault),n=lo(e.manifest);if(!n)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,K.jsx)("div",{children:"Sorry, something went wrong."});if(n.error)return(0,K.jsx)("div",{children:n.error.toString()});if(!n.isLoaded)return(0,K.jsx)("div",{children:"Loading..."});let o=(0,K.jsx)(ua,{...e,children:e.children});return(0,K.jsx)(Be,{vault:t,children:(0,K.jsx)(co,{manifest:n.id,children:(0,K.jsx)(To,{children:(0,K.jsx)(Vo,{children:e.rangeId?(0,K.jsx)(mo,{range:e.rangeId,children:o}):o})})})})}function It(){return(0,No.useContext)(lt)}var Uo=require("@atlas-viewer/atlas"),ce=require("react"),Wo=require("zustand");var zo=Z(require("mitt"),1),Ae=require("react"),ma=require("react/jsx-runtime"),da=(0,zo.default)(),Oo=(0,Ae.createContext)(da);function Bo(){return(0,Ae.useContext)(Oo)}function Do(e,t,n=[]){let o=(0,Ae.useContext)(Oo);(0,Ae.useEffect)(()=>{let r=a=>{t(a)};return o.on(e,r),()=>{o.off(e,r)}},[o,e,...n])}var Ho=require("polygon-editor"),qo=require("zustand/vanilla");function Pn(e){let t=Math.max(...e.map(a=>a[0])),n=Math.min(...e.map(a=>a[0])),o=Math.max(...e.map(a=>a[1])),r=Math.min(...e.map(a=>a[1]));for(let a of e)if(a[0]!==n&&a[0]!==t&&a[1]!==r&&a[1]!==o||a[0]<n||a[0]>t||a[1]<r||a[1]>o)return!1;return!0}function Ue(e){if(!e)return null;if(e.points.length>2){let t=Math.min(...e.points.map(a=>a[0])),n=Math.min(...e.points.map(a=>a[1])),o=Math.max(0,...e.points.map(a=>a[0])),r=Math.max(0,...e.points.map(a=>a[1]));return{x:t,y:n,width:o-t,height:r-n}}return null}function pa(e){return e.type==="SvgSelector"}function An(e,t){if(pa(e)){let i=e.svgShape==="polyline";if(!e.points||e.points.length===0)return null;if(t){let{width:s,height:l}=t;return{type:"SvgSelector",value:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${s} ${l}" width="${s}" height="${l}"><${i?"polygon":"polyline"} points="${e.points.map(u=>u.join(",")).join(" ")}" /></svg>`}}return{type:"SvgSelector",value:`<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path d='M${e.points.map(s=>s.join(",")).join(" ")}${i?" Z":""}' /></g></svg>`}}if(!e.spatial)return null;let{x:n,y:o,width:r,height:a}=e.spatial||{};return!r||!a?null:{type:"FragmentSelector",value:`xywh=${~~n},${~~o},${~~r},${~~a}`}}function Tn(e,t){if(!e||!e.points.length)return null;if(Pn(e.points)){let n=e.points.map(l=>l[0]),o=e.points.map(l=>l[1]),r=Math.min(...n),a=Math.min(...o),i=Math.max(...n)-r,s=Math.max(...o)-a;return An({type:"BoxSelector",spatial:{x:r,y:a,width:i,height:s}},t)}return An({type:"SvgSelector",points:e.points,svgShape:e.open?"polygon":"polyline"},t)}function Fo(e){if(e.type==="polygon"&&!e.noBox&&e.points&&Pn(e.points)){let n=Ue({open:!1,points:e.points||[]});return Fo({...e,type:"box",selector:n})}if(e.type==="polygon"||e.type==="draw")return{polygon:{points:e.points||[],open:e.open||!1},requestType:e.type,boundingBox:Ue({points:e.points||[],open:!1}),metadata:{},arguments:e.arguments||{},target:Tn({points:e.points||[],open:!1},e.bounds)};let t=e.selector;if(t){let n=[[t.x,t.y],[t.x+t.width,t.y],[t.x+t.width,t.y+t.height],[t.x,t.y+t.height]];return{polygon:{points:n,open:!1},requestType:e.type,boundingBox:t,metadata:{},target:Tn({points:n,open:!1},e.bounds),arguments:e.arguments||{}}}return{polygon:{points:[],open:!1},requestType:e.type,boundingBox:null,target:null,metadata:{},arguments:e.arguments||{}}}var fa={shapeId:null,noShape:!0,transitioning:!1,actionIntentType:null,transitionIntentType:null,selectedPoints:[],hasClosestLine:!1,lastCreationTool:null,modifiers:{Alt:!1,Shift:!1,Meta:!1,proximity:0},bounds:null,showBoundingBox:!1,currentModifiers:{},validIntentKeys:{},pointerInsideShape:!1,closestPoint:null,transitionModifiers:null,selectedStamp:null,bezierLines:[],boxMode:!1,fixedAspectRatio:!1,cursor:"",enabledTools:["pointer","pen","box","lineBox","stamp","hand","line","pencil"],canDelete:!0,canDeselect:!0,isToolSwitchingLocked:!1,currentTool:"box",snapEnabled:!1,snapToPoints:!1,snapToLines:!1,snapToIntersections:!1,snapToGrid:!1,snapToParallel:!1};function $o({events:e,enabledTools:t,keyboardShortcutMapping:n,keyboardShortcutsEnabled:o=!1,debug:r}){let a=(0,qo.createStore)((s,l)=>{let c=null,f=(0,Ho.createHelper)({emitter:e,keyboardShortcutsEnabled:o,keyboardShortcutMapping:n,enabledTools:t,customSetState:d=>{r&&console.log("partial state",d),s(g=>({polygonState:{...g.polygonState,...d}}))}},d=>{s(g=>g.tool.requestId?{polygon:{...d,id:g.tool.requestId}}:{polygon:{id:void 0,points:[],open:!0}}),e.emit("atlas.polygon-update",d)});return{mode:"explore",tool:{enabled:!1,requestId:null,canvasId:null},requestType:null,requests:{},history:f.history,polygon:null,validRequestIds:[],metadata:{},stableViewport:null,canvasRelativePositions:{},canvasViewports:{},polygons:f,polygonState:fa,setMetadata:(d,g)=>{let y=g||l().tool.requestId;y&&s(m=>({metadata:{...m.metadata,[y]:{...m.metadata[y]||{},...d}}}))},setToolCanvasId:d=>{s(g=>({tool:{...g.tool,canvasId:d}}))},switchTool:{pointer(){s({mode:"sketch"}),i.tools.setTool("pointer")},hand(){s({mode:"explore"}),i.tools.setTool("hand")},draw(){s({mode:"sketch"}),i.tools.setTool("pencil")},pen(){s({mode:"sketch"}),i.tools.setTool("pen")},line(){s({mode:"sketch"}),i.tools.setTool("line")},lineBox(){s({mode:"sketch"}),i.tools.setTool("lineBox")},box(){s({mode:"sketch"}),i.tools.setTool("box")},triangle(){s({mode:"sketch"}),i.tools.setTool("stamp"),i.stamps.triangle()},hexagon(){s({mode:"sketch"}),i.tools.setTool("stamp"),i.stamps.hexagon()},circle(){s({mode:"sketch"}),i.tools.setTool("stamp"),i.stamps.circle()},remove(){let d=l();d.tool.requestId&&(f.setShape({points:[],open:!0}),d.cancelRequest(d.tool.requestId))}},reset:()=>{let d=l();d.tool.requestId&&d.cancelRequest(d.tool.requestId)},setPolygonState:d=>s({polygonState:typeof d=="function"?d(l().polygonState):d}),getRequestId:()=>{let d=Math.random().toString(36).slice(2);return s(g=>({validRequestIds:[...g.validRequestIds,d]})),{requestId:d,clear:()=>{l().tool.requestId,s(g=>({tool:g.tool.requestId===d?{enabled:!1,requestId:null,canvasId:null}:g.tool,validRequestIds:g.validRequestIds.filter(y=>y!==d)}))}}},cancelRequest:d=>{let g=d||l().tool.requestId;g&&(s(y=>({mode:"explore",tool:y.tool.requestId===g?{enabled:!1,requestId:null,canvasId:null}:y.tool,validRequestIds:y.validRequestIds.filter(m=>m!==g)})),e.emit("atlas.request-cancelled",{id:g}))},requestAnnotation:async(d,g)=>{let m={...l().requests,[g.requestId]:d},S=Fo(d);r&&console.log("requestAnnotation",{response:S,request:d});try{let{points:v=[],open:p=!0}=S.polygon||{},{requestId:h,canvasId:x=null,toolId:C}=g,R=C,w=l(),A=w.validRequestIds.includes(h),B=S.requestType;return r&&console.log("setting points",{requestType:B,points:v,open:p}),!A||w.tool.enabled?null:(f.setShape({id:h,points:v,open:p}),B==="polygon"&&(R=R||"pen",f.tools.setTool("pen")),B==="draw"&&(R=R||"draw",f.tools.setTool("pencil")),B==="box"&&(R=R||"box",f.tools.setTool("box")),B==="target"?(R=R||"box",f.tools.setTool("box"),f.lockAspectRatio(),f.tools.lockToolSwitching(),f.tools.setCanDeselect(!1),f.tools.setCanDelete(!1)):(f.tools.unlockToolSwitching(),f.tools.setCanDeselect(!0),f.tools.setCanDelete(!0)),d.bounds&&f.setBounds(d.bounds),e.emit("atlas.annotation-request",{id:h}),s({polygon:{id:h,points:v,open:p},mode:"sketch",requestType:B,tool:{enabled:!0,requestId:h,canvasId:x},requests:m}),R?w.switchTool[R]?.():v.length===0&&w.switchTool.box(),(typeof d.selectByDefault>"u"&&v.length&&B==="box"||d.selectByDefault)&&w.switchTool.pointer(),new Promise(ge=>{let I=V=>{V.id===h&&(s(N=>({mode:"explore",tool:{requestId:null,enabled:!1,canvasId:null},requests:Object.fromEntries(Object.entries(N.requests).filter(([W])=>W!==h))})),e.off("atlas.request-cancelled",I),e.off("atlas.annotation-completed",b),ge(null))},b=V=>{V.id===h&&(s(N=>({mode:"explore",tool:{requestId:null,enabled:!1,canvasId:null},requests:Object.fromEntries(Object.entries(N.requests).filter(([W])=>W!==h))})),e.off("atlas.annotation-completed",b),e.off("atlas.request-cancelled",I),ge(V))};e.on("atlas.request-cancelled",I),e.on("atlas.annotation-completed",b)}))}catch(v){return console.error(v),null}},completeRequest:d=>{let g=l().tool.requestId;if(typeof d=="string"&&d&&d!==g)return;let y=g?l().requests[g]?.arguments||{}:{},m=g?l().metadata[g]||{}:{},S=l().polygonState.bounds,v=l().polygon;v&&(e.emit("atlas.annotation-completed",{id:v.id,polygon:v,requestType:l().requestType,target:Tn(v,S),canvasId:l().tool.canvasId,boundingBox:Ue(v),metadata:m,arguments:{...y}}),f.setShape(null))},setAtlasRuntime:d=>{c=d,e.emit("atlas.ready",{runtime:d}),i.setScale(1/c._lastGoodScale),c.world.addLayoutSubscriber((g,y)=>{(g==="event-activation"||g==="zoom-to"||g==="go-home")&&c?._lastGoodScale&&!Number.isNaN(c._lastGoodScale)&&i.setScale(1/c._lastGoodScale)})},clearAtlasRuntime:()=>{c=null,s({stableViewport:null})},setCanvasRelativePosition:(d,g)=>{s(y=>({canvasRelativePositions:{...y.canvasRelativePositions,[d]:g}}))},clearCanvasRelativePosition:d=>{s(g=>{let y={...g.canvasRelativePositions};return delete y[d],{canvasRelativePositions:y}})},changeMode:d=>{s({mode:d})},nudgeLeft:()=>{},nudgeRight:()=>{},nudgeUp:()=>{},nudgeDown:()=>{},zoomIn:()=>{c?.world?.zoomIn()},zoomOut:()=>{c?.world?.zoomOut()},goHome:()=>{c?.world?.goHome()}}}),i=a.getState().polygons;return e.on("atlas.annotation-request",()=>{i.clock.start((s,l,c)=>{e.emit("atlas.polygon-render",{state:s,slowState:l,dt:c})},s=>{typeof s=="object"?a.setState({polygonState:s}):a.setState(l=>({polygonState:s(l.polygonState)}))})}),e.on("atlas.annotation-completed",()=>{i.clock.stop()}),e.on("atlas.request-cancelled",()=>{i.clock.stop()}),a}var wn=require("react/jsx-runtime"),We=(0,ce.createContext)(null);function G(){return(0,ce.useContext)(We)}var In={};function _o(e="atlas"){return In[e]?.getState()}function ct({children:e,name:t="atlas",existing:n,atlasStoreConfig:o}){let r=Bo(),a=(0,ce.useContext)(We),i=(0,ce.useMemo)(()=>n||a||$o({events:r,...o||{}}),[r,n,a]),s=(0,Wo.useStore)(i,l=>l.mode);return(0,ce.useEffect)(()=>{let l=t;return l&&(In[l]=i),()=>{l&&delete In[l]}},[i,t]),(0,wn.jsx)(We.Provider,{value:i,children:(0,wn.jsx)(Uo.ModeContext.Provider,{value:s||"explore",children:e})})}var kt=require("@atlas-viewer/atlas");var Mn=require("react"),Yo=require("@iiif/helpers/events");function wt(e,t){let n=M(),o=(0,Mn.useMemo)(()=>(0,Yo.createEventsHelper)(n),[n]),r=k(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,Mn.useMemo)(()=>e?o.getListenersAsProps(e,t):{},[r,e,n,t])}var jo=require("react"),Ko=require("@iiif/helpers/styles");function _e(e,t){let n=M(),o=(0,jo.useMemo)(()=>(0,Ko.createStylesHelper)(n),[n]);return k(()=>{if(!e)return null;let r=o.getAppliedStyles(e.id);return r?t?r[t]:r:void 0},[e,t])}var Zo=require("react");var Go=require("react");var Qo=require("@iiif/helpers/annotation-targets");function Mt(e={},t=[]){let{id:n,selector:o}=e,r=te(),a=M(),i=n||r.annotation,s=k(c=>i?c.iiif.entities.Annotation[i]:void 0,[i]),l=k(c=>s&&s.body?s.body.map(u=>u?u.type==="SpecificResource"?{...u,source:a.get(u)}:u?c.iiif.entities[u.type][u.id]:null:null).filter(Boolean):[],[s]);return(0,Go.useMemo)(()=>{if(!s)return;let c={...s,body:l,target:(0,Qo.expandTarget)(s.target,{typeMap:a.getState().iiif.mapping})};return o?o(c):c},[s,o,l,...t])}var Xo=require("react");function P(e={},t=[]){let{id:n,selector:o}=e,r=te(),a=n||r.canvas,i=k(s=>a?s.iiif.entities.Canvas[a]:void 0,[a]);return(0,Xo.useMemo)(()=>{if(i)return o?o(i):i},[i,o,...t])}var Jo=require("react/jsx-runtime"),Et=({id:e,style:t,className:n,interactive:o})=>{let r=Mt({id:e}),a=_e(r,"atlas"),i=_e(r,"html"),s=wt(r,["atlas"]),l=P(),c=(0,Zo.useMemo)(()=>(0,kt.mergeStyles)(t,a),[t,a]);return l&&r&&r.target&&r.target.selector&&r.target.selector.type==="BoxSelector"&&r.target.source&&(r.target.source.id===l.id||r.target.source===l.id)?(0,Jo.jsx)(kt.RegionHighlight,{id:r.id,isEditing:!0,region:r.target.selector.spatial,style:c,className:i?.className||n,interactive:!!(i?.href||o),href:i?.href||null,title:i?.title||null,hrefTarget:i?.target||null,onClick:()=>{},...s}):null};var nr=require("react");var er=require("react");function tr(e={},t=[]){let{id:n,selector:o}=e,r=te(),a=n||r.annotationPage,i=k(s=>a?s.iiif.entities.AnnotationPage[a]:void 0,[a]);return(0,er.useMemo)(()=>{if(i)return o?o(i):i},[i,...t])}var kn=require("react/jsx-runtime"),ut=({className:e,page:t})=>{let n=tr({id:t.id})||t,o=_e(n,"atlas"),r=_e(n,"html");return k(a=>n.id?a.iiif.entities.AnnotationPage[n.id]:null,[]),(0,kn.jsx)(nr.Fragment,{children:n.items?.map(a=>(0,kn.jsx)(Et,{id:a.id,style:o,className:r?.className||e},a.id))})};var dt=require("react"),Vt=require("react/jsx-runtime"),ga=(0,dt.createContext)(null),ha=(0,dt.createContext)(null),ya=(0,dt.createContext)(null);function Nt({actions:e,state:t,children:n,currentTime:o,progress:r,element:a}){return(0,Vt.jsx)(ya.Provider,{value:{currentTime:o,progress:r,element:a},children:(0,Vt.jsx)(ha.Provider,{value:e,children:(0,Vt.jsx)(ga.Provider,{value:t,children:n})})})}var or=require("react");var rr=require("@iiif/helpers");function Lt(){let e=H(),t=P();return(0,or.useMemo)(()=>{if(!e||!t||!e.start)return null;let n=(0,rr.expandTarget)(e.start);return!n||n.source.id!==t.id||!n||!n.selector||n.selector.type!=="TemporalSelector"?null:n.selector.temporal},[e,t])}var z=require("react");function ir(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function va(e,t){switch(t.type){case"RESET":return t.state;case"FINISHED":return{...e,isFinished:!0,isPlaying:!1,playRequested:!1};case"PLAY_PAUSE":return{...e,isFinished:!1,isPlaying:!e.isPlaying};case"PLAY_REQUESTED":return{...e,isFinished:!1,playRequested:!0};case"PAUSE":return{...e,isPlaying:!1};case"PLAY":return{...e,isFinished:!1,playRequested:!1,isPlaying:!0};case"MUTE":return{...e,isMuted:!0};case"SET_VOLUME":return{...e,volume:t.volume,isMuted:t.volume===0};case"TOGGLE_MUTE":return{...e,isMuted:!e.isMuted};case"UNMUTE":return{...e,isMuted:!1}}return e}function En(e){let t=Math.round(e);return`${Math.floor(t/60)}:${`${t%60}`.padStart(2,"0")}`}function Ye(e){let[t,n]=(0,z.useReducer)(va,ir(e.duration));(0,z.useEffect)(()=>{n({type:"RESET",state:ir(e.duration)})},[e.duration]);let o=(0,z.useRef)(null),r=(0,z.useRef)(null),a=(0,z.useRef)(null),i=(0,z.useRef)(!1),s=(0,z.useCallback)(()=>{r.current&&o.current&&(r.current.innerHTML=En(o.current.currentTime),a.current&&(a.current.style.width=`${o.current.currentTime/e.duration*100}%`),i.current!==o.current.muted&&(i.current=o.current.muted,n(o.current.muted?{type:"MUTE"}:{type:"UNMUTE"})))},[e.duration]),l=(0,z.useCallback)(()=>{o.current&&(n({type:"PLAY_REQUESTED"}),o.current.play().then(()=>{n({type:"PLAY"})}),s())},[s]),c=(0,z.useCallback)(()=>{o.current&&(o.current.duration>0&&o.current.paused?l():u())},[s]),u=(0,z.useCallback)(()=>{o.current&&(o.current.pause(),n({type:"PAUSE"}),s())},[s]),f=(0,z.useCallback)(()=>{o.current&&(o.current.muted=!o.current.muted,n(o.current.muted?{type:"MUTE"}:{type:"UNMUTE"}))},[]),d=(0,z.useCallback)(()=>{o.current&&(o.current.muted=!0,n({type:"MUTE"}))},[]),g=(0,z.useCallback)(()=>{o.current&&(o.current.muted=!1,n({type:"UNMUTE"}))},[]),y=(0,z.useCallback)(v=>{o.current&&(o.current.muted=!1,o.current.volume=v/100,n({type:"SET_VOLUME",volume:v}))},[]),m=(0,z.useCallback)(v=>{o.current&&(o.current.currentTime=Math.max(0,Math.min(v*e.duration,e.duration)),s())},[]),S=(0,z.useCallback)(v=>{if(o.current){let p=typeof v=="function"?v(o.current.currentTime):v;o.current.currentTime=Math.max(0,Math.min(p,e.duration)),s()}},[]);return(0,z.useEffect)(()=>{let v=setInterval(()=>{s()},350);return()=>clearInterval(v)},[s,e.duration]),(0,z.useEffect)(()=>{let v=()=>{n({type:"FINISHED"})},p=o.current;return p?.addEventListener("ended",v),()=>p?.removeEventListener("ended",v)},[]),[{element:o,currentTime:r,progress:a},t,{play:l,pause:u,playPause:c,mute:d,unmute:g,toggleMute:f,setVolume:y,setDurationPercent:m,setTime:S}]}var Te=require("react"),Vn=(0,Te.createContext)(()=>{}),Nn=(0,Te.createContext)(()=>{});function _(e,t,n,o,r=[]){let a=(0,Te.useContext)(e==="portal"?Nn:Vn);(0,Te.useEffect)(()=>(e!=="none"&&a(t,n,o),()=>{a(t,null)}),[t,e,a,...r])}var Ot=require("react/jsx-runtime");function Ln({media:e,startTime:t,children:n}){let[{element:o,currentTime:r,progress:a},i,s]=Ye({duration:e.duration}),l=t?`${e.url}#t=${t}`:e.url;return(0,Ot.jsxs)(Nt,{state:i,actions:s,currentTime:r,progress:a,element:o,children:[(0,Ot.jsx)("audio",{ref:o,src:l}),n]},e.url)}function zt({media:e,mediaControlsDeps:t,audioCopmonent:n=Ln,children:o}){let r=Lt();return _("portal","audio",n,{media:e,startTime:r?r.startTime:null,children:o},[e,r,...t||[]]),null}var Bt=require("react"),Ie=(0,Bt.createContext)(null);Ie.displayName="Strategy";function O(){let e=(0,Bt.useContext)(Ie);if(!e)throw new Error("useStrategy must be used within a StrategyProvider");return e}var ve=require("react/jsx-runtime");function zn({model:e}){return(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)("style",{children:`
             .model-container {
               position: absolute;
               top: 0;
@@ -12,7 +11,8 @@
               justify-content: center;
               pointer-events: visible;
             }
-          `}),(0,se.jsx)("div",{className:"model-container",children:(0,se.jsx)("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function Nt({model:e,name:n}){return L("overlay",`model-${n}`,ln,{model:e},[e]),null}var Oo=require("react/jsx-runtime");function zo(){let{strategy:e}=M();return e.type!=="3d-model"?null:(0,Oo.jsx)(Nt,{model:e.model})}var pe=require("react/jsx-runtime");function Do({children:e}){let{strategy:n}=M(),[t]=mr();return n.type!=="images"?null:(0,pe.jsxs)(pe.Fragment,{children:[t?(0,pe.jsx)(Ue,{page:t}):null,n.annotations&&n.annotations.pages?n.annotations.pages.map(r=>(0,pe.jsx)(Ue,{page:r},r.id)):null,e]})}var Ye=require("react"),Lt=require("react/jsx-runtime"),Oi=(0,Ye.createContext)(null),Di=(0,Ye.createContext)(null),Fi=(0,Ye.createContext)(null);function zt({actions:e,state:n,children:t,currentTime:r,progress:o,element:a}){return(0,Lt.jsx)(Fi.Provider,{value:{currentTime:r,progress:o,element:a},children:(0,Lt.jsx)(Di.Provider,{value:e,children:(0,Lt.jsx)(Oi.Provider,{value:n,children:t})})})}var Fo=require("react");var Ho=require("@iiif/helpers");function Ot(){let e=k(),n=A();return(0,Fo.useMemo)(()=>{if(!e||!n||!e.start)return null;let t=(0,Ho.expandTarget)(e.start);return!t||t.source.id!==n.id||!t||!t.selector||t.selector.type!=="TemporalSelector"?null:t.selector.temporal},[e,n])}var Ft=require("react/jsx-runtime");function mn({media:e,startTime:n,children:t}){let[{element:r,currentTime:o,progress:a},i,s]=Ve({duration:e.duration}),u=n?`${e.url}#t=${n}`:e.url;return(0,Ft.jsxs)(zt,{state:i,actions:s,currentTime:o,progress:a,element:r,children:[(0,Ft.jsx)("audio",{ref:r,src:u}),t]},e.url)}function Dt({media:e,mediaControlsDeps:n,audioCopmonent:t=mn,children:r}){let o=Ot();return L("portal","audio",t,{media:e,startTime:o?o.startTime:null,children:r},[e,o,...n||[]]),null}var dn=require("react/jsx-runtime");function ze({x:e=0,y:n=0}){let t=A(),r=Ne({maxWidth:256,maxHeight:256});return!t||!r||r.type!=="fixed"?null:(0,dn.jsx)("world-object",{height:t.height,width:t.width,x:e,y:n,children:(0,dn.jsx)("world-image",{uri:r.id,target:{x:0,y:0,width:t.width,height:t.height},display:r.width&&r.height?{width:r.width,height:r.height}:void 0,crop:void 0})})}var ge=require("react/jsx-runtime");function Bo({as:e}){let{strategy:n}=M(),{renderMediaControls:t,mediaControlsDeps:r}=H();return n.type!=="media"||n.media.type!=="Sound"?null:(0,ge.jsx)(ge.Fragment,{children:(0,ge.jsxs)(Dt,{media:n.media,mediaControlsDeps:r,audioCopmonent:e,children:[(0,ge.jsx)(ze,{}),t?t(n):null]},n.media.url)})}var te=require("react/jsx-runtime");function $o(){let{strategy:e}=M(),{renderViewerControls:n,viewControlsDeps:t}=H(),r=A(),o=r?.accompanyingCanvas,a=r?.placeholderCanvas;return(0,te.jsxs)(te.Fragment,{children:[e.type==="media"&&e.media.type==="Sound"&&o?(0,te.jsx)(G,{canvas:o.id,children:(0,te.jsx)(ye,{renderViewerControls:n,viewControlsDeps:t})}):null,e.type==="media"&&e.media.type==="Sound"&&a&&!o?(0,te.jsx)(G,{canvas:a.id,children:(0,te.jsx)(ye,{renderViewerControls:n,viewControlsDeps:t})}):null]})}var je=require("react/jsx-runtime");function fn({element:e,media:n,startTime:t,playPause:r,poster:o}){let a="div",i=t?`${n.url}#t=${t}`:n.url;return(0,je.jsxs)(a,{className:"video-container",part:"video-container",onClick:r,children:[(0,je.jsx)("style",{children:`
+          `}),(0,ve.jsx)("div",{className:"model-container",children:(0,ve.jsx)("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function Dt({model:e,name:t}){return _("overlay",`model-${t}`,zn,{model:e},[e]),null}var sr=require("react/jsx-runtime");function ar(){let{strategy:e}=O();return e.type!=="3d-model"?null:(0,sr.jsx)(Dt,{model:e.model})}var Ht=require("react"),qt=(0,Ht.createContext)(null);qt.displayName="Controls";function Q(){let e=(0,Ht.useContext)(qt);if(!e)throw new Error("useStrategy must be used within a StrategyProvider");return e}var ue=require("react/jsx-runtime");function lr(){let{strategy:e}=O(),{renderViewerControls:t,viewControlsDeps:n}=Q(),o=P(),r=o?.accompanyingCanvas,a=o?.placeholderCanvas;return(0,ue.jsxs)(ue.Fragment,{children:[e.type==="media"&&e.media.type==="Sound"&&r?(0,ue.jsx)(le,{canvas:r.id,children:(0,ue.jsx)(we,{renderViewerControls:t,viewControlsDeps:n})}):null,e.type==="media"&&e.media.type==="Sound"&&a&&!r?(0,ue.jsx)(le,{canvas:a.id,children:(0,ue.jsx)(we,{renderViewerControls:t,viewControlsDeps:n})}):null]})}var je=require("react");var de=require("react");var Ft=require("@iiif/helpers/vault/actions");var cr=require("react");function ur(){let t=M().getStore();return(0,cr.useMemo)(()=>n=>t.dispatch(n),[t])}function dr(e){return typeof e!="string"&&e&&e.bindToVault}function mr(){let e=M(),t=(0,de.useRef)([]),n=ur(),o=(0,de.useMemo)(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);(0,de.useLayoutEffect)(()=>{let s={id:o,type:"AnnotationPage",behavior:[],label:null,thumbnail:[],summary:null,requiredStatement:null,metadata:[],rights:null,provider:[],items:[],seeAlso:[],homepage:[],rendering:[],service:[]};n(Ft.entityActions.importEntities({entities:{AnnotationPage:{[s.id]:s}}}))},[o]);let r=k(s=>o&&s.iiif.entities.AnnotationPage[o]||null,[o]),a=(0,de.useCallback)((s,l)=>{if(o){if(dr(s)){let f=s;f.__vault||f.bindToVault(e),s=typeof f.source=="string"?f.source:f.source.id,t.current[s]=f}else typeof s!="string"&&(s=s.id);let c=e.get({id:o,type:"AnnotationPage"}),u=e.get({id:s,type:"Annotation"});c&&u&&(c.items.find(f=>f.id===u.id)||n(Ft.entityActions.addReference({id:o,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"},index:l})))}},[o]),i=(0,de.useCallback)(s=>{o&&(dr(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:o,type:"AnnotationPage"})&&n(Ft.entityActions.removeReference({id:o,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"}})))},[o]);return[r,{addAnnotation:a,removeAnnotation:i}]}var hr=require("react/jsx-runtime"),pr=(0,je.createContext)(null);function fr(){let e=(0,je.useContext)(pr);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function gr({children:e}){let[t,{addAnnotation:n,removeAnnotation:o}]=mr();return(0,hr.jsx)(pr.Provider,{value:(0,je.useMemo)(()=>({fullPage:t,addAnnotation:n,removeAnnotation:o}),[t]),children:e})}var Me=require("react/jsx-runtime");function yr({children:e}){let{strategy:t}=O(),[n]=fr();return t.type!=="images"?null:(0,Me.jsxs)(Me.Fragment,{children:[n?(0,Me.jsx)(ut,{page:n}):null,t.annotations&&t.annotations.pages?t.annotations.pages.map(o=>(0,Me.jsx)(ut,{page:o},o.id)):null,e]})}var Se=require("react");var vr=require("react"),Sr=(e,t=[])=>{let n=M();(0,vr.useEffect)(()=>{e(n)},[n,...t])};var $t=Z(require("react"),1),xr=require("@iiif/helpers/image-service"),Sa=$t.default.createContext(new xr.ImageServiceLoader);function Cr(){return(0,$t.useContext)(Sa)}var br=require("@iiif/helpers/thumbnail");function Ke(e,t,{canvasId:n,manifestId:o}={}){let r=M(),a=Cr(),i=(0,Se.useMemo)(()=>(0,br.createThumbnailHelper)(r,{imageServiceLoader:a}),[r,a]),[s,l]=(0,Se.useState)(),c=H(o?{id:o}:void 0),u=P(n?{id:n}:void 0),f=u||c,d=(0,Se.useRef)(!1);if((0,Se.useEffect)(()=>(d.current=!1,()=>{d.current=!0}),[]),!f)throw new Error("Must be called under a manifest or canvas context.");return Sr(g=>{i.getBestThumbnailAtSize(f,e,t).then(y=>{y.best&&!d.current&&l(y.best)})},[f]),s}var On=require("react/jsx-runtime");function Ge({x:e=0,y:t=0}){let n=P(),o=Ke({maxWidth:256,maxHeight:256});return!n||!o||o.type!=="fixed"?null:(0,On.jsx)("world-object",{height:n.height,width:n.width,x:e,y:t,children:(0,On.jsx)("world-image",{uri:o.id,target:{x:0,y:0,width:n.width,height:n.height},display:o.width&&o.height?{width:o.width,height:o.height}:void 0,crop:void 0})})}var ke=require("react/jsx-runtime");function Rr({as:e}){let{strategy:t}=O(),{renderMediaControls:n,mediaControlsDeps:o}=Q();return t.type!=="media"||t.media.type!=="Sound"?null:(0,ke.jsx)(ke.Fragment,{children:(0,ke.jsxs)(zt,{media:t.media,mediaControlsDeps:o,audioCopmonent:e,children:[(0,ke.jsx)(Ge,{}),n?n(t):null]},t.media.url)})}var Kt=require("react");var Ar=Z(require("mitt"),1);var Tr=require("zustand/vanilla");function Pr({currentKeyFrameIndex:e,keyframes:t,targetTime:n,currentTime:o}){if(o<=n){let r=t.findIndex(s=>s.time>n);if(r===-1)return[e,[]];let a={},i=t.slice(e,r);for(let s of i)s.type==="enter"&&(a[s.id]=s),s.type==="exit"&&(a[s.id]?delete a[s.id]:a[s.id]=s);return[r,Object.values(a)]}return[e,[]]}function Ir({complexTimeline:e,startTime:t=0}){let n=(0,Ar.default)(),o={},r={progress:null,currentTime:null},a=0,i=null,s=0,l=null;function c(){let p=S.getState().visibleElements,h=o,x=[],C=Object.keys(h);for(let R of C){let w=h[R],A=p[R];w&&A&&x.push(w)}return x}function u(){return Object.keys(o).map(p=>o[p])}function f(v){r.currentTime&&(r.currentTime.innerHTML=En(v),r.progress&&(r.progress.style.width=`${v/e.duration*100}%`))}let d=()=>{let v=S.getState(),p=v.currentPrime;if(!p)return;let h=o,x=v.visibleElements,C=Object.keys(h);for(let R of C){let w=h[R],A=x[R];if(w&&R!==p.id&&A){let B=s-A.time*1e3;Math.abs(s-A.time*1e3-w.currentTime*1e3)>300&&(w.currentTime=B/1e3)}}},g=(v=0)=>{let p=v-a,h=S.getState();if(h.isPlaying){let x=h.currentPrime;if(x){let A=o[x.id];A&&(A.paused?s+=p:s=(x.time+A.currentTime)*1e3)}else s+=p;let C=s/1e3;if(C>h.duration){S.getState().setTime(0),S.setState({isPlaying:!1}),y(),f(0);return}f(C);let[R,w]=Pr({currentTime:C,currentKeyFrameIndex:h.nextKeyframeIndex,keyframes:h.complexTimeline.keyframes,targetTime:C});w.length&&h.applyKeyframes(R,w)}a=v,i=requestAnimationFrame(g)},y=()=>{i&&cancelAnimationFrame(i)},m=(v,p)=>{},S=(0,Tr.createStore)((v,p)=>({complexTimeline:e,elements:{},visibleElements:{},isBuffering:!1,bufferMap:{},isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,isReady:!1,volume:100,duration:e.duration,clockStartRequests:0,clockStartTime:0,primeTime:0,currentPrime:null,clockRunning:!1,nextKeyframeIndex:0,startClock:()=>{p().clockRunning||(g(),l=setInterval(d,500)),v({clockRunning:!0,clockStartRequests:p().clockStartRequests+1})},applyKeyframes(h,x){let C=p(),R={...C.visibleElements},w=C.currentPrime;for(let A of x)A.type==="enter"&&(R[A.id]=A,n.emit("complex-timeline.enter",{id:A.id})),A.type==="exit"&&(R[A.id]=null,n.emit("complex-timeline.exit",{id:A.id})),A.isPrime&&(w=A);v({nextKeyframeIndex:h,visibleElements:R,currentPrime:w})},stopClock:()=>{let h=p().clockStartRequests;if(h!==0){if(h===1){y(),l&&clearInterval(l),v({clockRunning:!1,clockStartRequests:0});return}v({clockStartRequests:h-1})}},setElement:(h,x)=>{o[h]=x;let C=Object.keys(o),R=p().complexTimeline;m(x,h),R.items.filter(A=>A.type!=="Image"&&A.type!=="Text").every(A=>C.includes(A.annotationId))&&!p().isReady&&(n.emit("complex-timeline.ready",{complexTimeline:R}),v({isReady:!0}))},removeElement:h=>{delete o[h]},mute(){for(let h of u())h.muted=!0;v({isMuted:!0})},unmute(){for(let h of u())h.muted=!1;v({isMuted:!1})},play(){if(!p().isPlaying){for(let x of c())x.play();v({isPlaying:!0})}},pause(){if(p().isPlaying){for(let x of c())x.pause();v({isPlaying:!1})}},playPause(){let h=p();h.isPlaying?h.pause():h.play()},setDurationPercent(h){let C=p().duration*h;p().setTime(C)},setTime(h){let x=p(),C=s/1e3,R=typeof h=="function"?h(C):h,w=x.nextKeyframeIndex;if(C>R){v({visibleElements:{},currentPrime:null});let N=Object.keys(x.visibleElements);for(let W of N)n.emit("complex-timeline.exit",{id:W});C=0,w=0}let[A,B]=Pr({currentTime:C,currentKeyFrameIndex:w,keyframes:x.complexTimeline.keyframes,targetTime:R});x.applyKeyframes(A,B),s=R*1e3;let I=S.getState().visibleElements,b=o,V=Object.keys(I);for(let N of V){let W=I[N];if(W){let se=b[N];se&&(se.currentTime=(s-W.time*1e3)/1e3)}}f(R)},setVolume(h){for(let x of u())x.volume=Math.min(1,Math.max(0,h/100));v({volume:h})},toggleMute(){let h=p();h.isMuted?(h.unmute(),v({isMuted:!1})):(h.mute(),v({isMuted:!0}))},clearProgressElement(){r.progress=null},setProgressElement(h){r.progress=h},setCurrentTimeElement(h){r.currentTime=h},clearCurrentTimeElement(){r.currentTime=null}}));return n.on("complex-timeline.enter",v=>{let p=S.getState(),h=v.id,x=o[h];x&&p.isPlaying&&x.play()}),n.on("complex-timeline.exit",v=>{let p=S.getState(),h=v.id,x=o[h];x&&(x.currentTime=0,x.pause())}),S.getState().setTime(t),{store:S,emitter:n}}var $r=require("@atlas-viewer/atlas");var Qe=require("react");var zr=require("@atlas-viewer/atlas"),Or=require("@iiif/parser/image-3");var Ut=Z(require("react"),1),wr=require("@iiif/helpers/image-service"),Wt=require("zustand"),Mr=Ut.default.createContext(wr.imageServices.store);Mr.displayName="ImageServicesHelper";function Bn(){return(0,Ut.useContext)(Mr)}function kr(e){let t=Bn();return(0,Wt.useStore)(t,({loaded:n})=>n[e])}function _t(){let e=Bn();return(0,Wt.useStore)(e,({loadServiceSync:t})=>t)}function Er(){let e=Bn();return(0,Wt.useStore)(e,({loaded:t})=>t)}var ie=Z(require("react"),1),xe=require("react/jsx-runtime"),xa=ie.default.createContext("en"),Ca=ie.default.createContext({}),ba=ie.default.createContext(null);function Ra(){return ie.default.useContext(ba)}function Nr(){return ie.default.useContext(xa)}function Pa(){return ie.default.useContext(Ca)}function Vr(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function Aa({as:e,language:t,children:n,viewingDirection:o,...r}){let a=Nr();return(0,ie.useMemo)(()=>Vr(a)===Vr(t),[a,t])?e?(0,xe.jsx)(e,{...r,children:n}):(0,xe.jsx)("span",{...r,children:n}):e?(0,xe.jsx)(e,{...r,lang:t,dir:o,children:n}):(0,xe.jsx)("span",{...r,lang:t,dir:o,children:n})}function Ta(e,t,n){if(t.length===0)return;if(t.length===1)return t[0];if(t.indexOf(e)!==-1)return e;let o=e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):null;if(o&&t.indexOf(o)!==-1)return o;for(let r of n)if(t.indexOf(r)!==-1)return r;return t.indexOf("none")!==-1?"none":t.indexOf("@none")!==-1?"@none":t[0]}var Ia=(e,t=[])=>{let n=Nr();return(0,ie.useMemo)(()=>{let o=e();return Ta(n,o,[])},[n,...t])};function Dn(e,t,n,o){return t?n?n(e[t]||t,o||"none"):e[t]||t:""}function wa(e,t,n=`
+`,o={}){let r=Ra(),a=Ia(()=>Object.keys(e||{}),[e]);return[(0,ie.useMemo)(()=>{if(!e)return Dn(o,t,r)||"";if(typeof e=="string")return Dn(o,e,r);let i=a?e[a]:void 0;return i?typeof i=="string"?i:i.map(s=>Dn(o,s,r,a)).join(n):""},[a,t,e]),a]}function mt({as:e,defaultText:t,enableDangerouslySetInnerHTML:n,children:o,separator:r,...a}){let i=Pa(),[s,l]=wa(o,t,r,i);return l?(0,xe.jsx)(Aa,{...a,as:e,language:l,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s}):e?(0,xe.jsx)(e,{...a,children:s}):(0,xe.jsx)("span",{...a,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s})}var Lr=require("@iiif/parser/image-3"),Yt=require("react"),Ee=require("react/jsx-runtime"),Hn=e=>{let t=e.format||"jpg",n=e.width/(e.crop?.width||e.tiles.width),o=e.tiles.imageService.sizes||[],r=e.enableThumbnail,a=e.enableSizes,i=(0,Yt.useMemo)(()=>{let c=e.tiles.imageService.id||e.tiles.imageService["@id"];return c?.endsWith("/info.json")?c.slice(0,-1*10):c},[e.tiles.imageService.id,e.tiles.imageService["@id"]]),s=(0,Yt.useMemo)(()=>{let c=e.tiles.imageService.tiles||[];if(!c.length){let u=e.width,f=[1],d=1;for(;Math.pow(2,d)<u;)d=d*2,f.push(d);return(e.tiles.imageService.maxArea||e.tiles.imageService.maxWidth||e.tiles.imageService.maxHeight)&&(0,Lr.isImageServiceLevel)(2,e.tiles.imageService)?[{width:256,height:256,scaleFactors:f}]:[]}return c},[e.tiles.imageService,e.width]),l=(0,Yt.useMemo)(()=>{let c=e.tiles.imageService;return(c?c["@context"]?Array.isArray(c["@context"])?c["@context"]:[c["@context"]]:[]:[]).indexOf("http://iiif.io/api/image/3/context.json")!==-1},[e.tiles.imageService.id,e.tiles.imageService]);return(0,Ee.jsx)("world-object",{rotation:e.rotation,scale:n,height:e.crop?.height||e.tiles.height,width:e.crop?.width||e.tiles.width,x:e.x,y:e.y,onClick:e.onClick,children:(0,Ee.jsxs)("composite-image",{id:e.tiles.imageService.id,width:e.crop?.width||e.tiles.width,height:e.crop?.height||e.tiles.height,crop:e.crop,renderOptions:e.renderOptions,children:[r&&e.tiles.thumbnail?(0,Ee.jsx)("world-image",{priority:!0,uri:e.tiles.thumbnail.id,target:{width:e.tiles.width,height:e.tiles.height},display:{width:e.tiles.thumbnail.width,height:e.tiles.thumbnail.height},crop:e.crop}):null,a&&o.map((c,u)=>(0,Ee.jsx)("world-image",{uri:`${i}/full/${c.width},${l?c.height:""}/0/default.${t}`,target:{width:e.tiles.width,height:e.tiles.height},display:{width:c.width,height:c.height},crop:e.crop},u)),s.map(c=>(c.scaleFactors||[]).map(u=>(0,Ee.jsx)("tiled-image",{uri:e.tiles.imageService.id,display:{width:e.tiles.width,height:e.tiles.height},format:t,tile:c,scaleFactor:u,crop:e.crop,version3:l},`${e.tiles.imageService.id}-tile-${u}`)))]},e.tiles.imageService.id)},e.tiles.imageService.id)};var J=require("react/jsx-runtime");function Ma({resource:e,heading:t,note:n,extra:o}){return o?(0,J.jsx)(zr.HTMLPortal,{target:{x:0,y:0,width:o.target?.spatial.width,height:o.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)(mt,{children:t||"Not authorised"}),n&&(0,J.jsx)("p",{children:(0,J.jsx)(mt,{children:n})}),(0,J.jsx)("p",{children:e.id||e["@id"]||"unknown"})]})})}):null}function Br({image:e,thumbnail:t,crop:n,enableSizes:o,enableThumbnail:r,renderOptions:a,rotation:i}){let s=Io(),l=(0,Or.getId)(e.service),c=kr(l),u=_t(),f=c?.service;u(e.service,e);let d=f&&c?.status==="done",g=(f?.preferredFormats||[])[0],y=t&&t.type==="fixed"&&t.id&&!t.id.includes("/full/full/")&&!t.id.includes("/max/")?t:void 0;if(d===!1)return null;if(!s){let m=e.service,S=m.width||e.width||0,v=m.height||e.height||0,p=0,h=0,x=e.target?.spatial.width||S,C=e.target?.spatial.height||v;return(i===90||i===270)&&([x,C]=[C,x],C>x?h=-(C-x)/2:p=-(x-C)/2),(0,J.jsx)(Hn,{enableThumbnail:r,renderOptions:a,rotation:i,tiles:{id:m.id||m["@id"]||"unknown",height:v,width:S,imageService:m,thumbnail:y},enableSizes:o,x:p,y:h,format:g,width:x,height:C,crop:n})}return(0,J.jsx)(wo,{resource:e.service,errorComponent:Ma,extra:e,children:m=>{let S=m.width||e.width||0,v=m.height||e.height||0,p=0,h=0,x=e.target?.spatial.width||S,C=e.target?.spatial.height||v;return(i===90||i===270)&&([x,C]=[C,x],C<x?(h=-(C-x)/2,p=(x-C)/2):(h=(C-x)/2,p=-(x-C)/2)),(0,J.jsx)(Hn,{enableThumbnail:r,renderOptions:a,tiles:{id:m.id||m["@id"]||"unknown",height:v,width:S,imageService:m,thumbnail:y},rotation:i,format:g,enableSizes:o,x:p,y:h,width:x,height:C,crop:n})}},e.id)}var Ve=require("react/jsx-runtime");function Xe({id:e,image:t,thumbnail:n,isStatic:o,x:r=0,y:a=0,children:i,selector:s,onClick:l,enableSizes:c}){let u=(0,Qe.useMemo)(()=>{if(!(!s||s.spatial.x===0&&s.spatial.y===0))return s.spatial},[s]),f=(0,Qe.useMemo)(()=>{let p=Array.isArray(t.annotation.body)?t.annotation.body?.[0]:t.annotation.body;if(p&&p.selector?.type==="ImageApiSelector")return Number(p.selector.rotation)},[t]),d=r+t.target.spatial.x,g=a+t.target.spatial.y,y=t.target.spatial.width,m=t.target.spatial.height,S=t.target.spatial.width,v=t.target.spatial.height;return(f===90||f===270)&&([y,m]=[m,y],[S,v]=[v,S]),(0,Ve.jsx)("world-object",{x:d,y:g,width:y,height:m,onClick:l,rotation:f,children:t.service?(0,Ve.jsxs)(Qe.Fragment,{children:[(0,Ve.jsx)(Br,{image:t,thumbnail:n,crop:u,enableSizes:c,rotation:f}),i]},"service"):(0,Ve.jsxs)(Qe.Fragment,{children:[(0,Ve.jsx)("world-image",{onClick:l,uri:t.id,target:{x:0,y:0,width:S,height:v},display:S&&v?{width:S,height:v}:void 0,crop:u}),i]},"no-service")},e+(t.service?"server":"no-service"))}var Fn=require("zustand");var qn=require("react"),ka=require("zustand"),qr=require("react/jsx-runtime"),Dr=(0,qn.createContext)(null);Dr.displayName="ComplexTimeline";function Hr({children:e,store:t}){return(0,qr.jsx)(Dr.Provider,{value:t,children:e})}var Fr=require("@atlas-viewer/atlas");var me=require("react/jsx-runtime");function jt({strategy:e,onClickPaintingAnnotation:t}){return(0,me.jsx)(me.Fragment,{children:e.items.map((n,o)=>(0,me.jsx)(me.Fragment,{children:(0,me.jsx)(Fr.HTMLPortal,{onClick:t?r=>{r.stopPropagation(),t(n.annotationId,n,r)}:void 0,target:n.target?.spatial||void 0,children:(0,me.jsx)("div",{"data-textual-content":!0,children:(0,me.jsx)(mt,{enableDangerouslySetInnerHTML:!0,children:n.text})})},o)}))})}var pe=require("react/jsx-runtime");function Ur({strategy:e,children:t}){let{store:n}=(0,Kt.useMemo)(()=>Ir({complexTimeline:e}),[e]),o=(0,Fn.useStore)(n,i=>i.isReady),r=(0,Fn.useStore)(n,i=>i.visibleElements);function a(i){return s=>{s&&n.getState().setElement(i,s)}}return(0,Kt.useLayoutEffect)(()=>{if(o){let{startClock:i,stopClock:s}=n.getState();return i(),()=>{s()}}},[e,o]),_("portal","custom-controls",Hr,{store:n,children:t},[o]),(0,pe.jsxs)(pe.Fragment,{children:[e.items.map(i=>i.type!=="Image"||!r[i.annotationId]?null:(0,pe.jsx)(Xe,{image:i,id:i.annotationId},i.id)),e.items.map((i,s)=>i.type!=="Text"||!r[i.annotationId]?null:(0,pe.jsx)(jt,{strategy:{type:"textual-content",items:[i]}},s)),e.items.map((i,s)=>i.type!=="Video"||!i.target.spatial?null:(0,pe.jsx)($r.HTMLPortal,{target:i.target.spatial,children:(0,pe.jsx)("video",{ref:a(i.annotationId),src:i.url,style:{height:"100%",width:"100%",opacity:r[i.annotationId]?1:0}})},s))]})}var _r=require("react/jsx-runtime");function Wr(){let{strategy:e}=O(),{renderComplexTimelineControls:t}=Q();return e.type!=="complex-timeline"?null:(0,_r.jsx)(Ur,{strategy:e,children:t?t(e):null})}var Yr=require("react/jsx-runtime");function Gt({style:e}){let t=P();return!t||!t.height||!t.width?null:(0,Yr.jsx)("box",{interactive:!1,target:{x:0,y:0,width:Number(t.width),height:Number(t.height)},style:e})}var Kr=require("react/jsx-runtime");function jr({backgroundStyle:e,alwaysShowBackground:t}){let{strategy:n}=O();return n.type!=="empty"&&!t?null:(0,Kr.jsx)(Gt,{style:e})}var Qt=require("react"),Ne=(0,Qt.createContext)(null);function Xt(){return(0,Qt.useContext)(Ne)}var Ze=require("react/jsx-runtime");function Gr({isStatic:e=!1,enableSizes:t=!1,onClickPaintingAnnotation:n,children:o}){let{strategy:r}=O(),{renderViewerControls:a,viewControlsDeps:i}=Q(),s=P(),l=Xt(),c=Ke({maxWidth:256,maxHeight:256});return _(l&&r.type==="images"&&a?"overlay":"none",`canvas-portal-controls-${s?.id}`,Ne.Provider,a?{value:l||null,children:a(r)}:{},[s,l,r,...i||[]]),r.type!=="images"?null:(0,Ze.jsxs)(Ze.Fragment,{children:[r.images.map((u,f)=>(0,Ze.jsx)(Xe,{isStatic:e,image:u,id:u.id,thumbnail:f===0?c:void 0,selector:u.selector,enableSizes:t,onClick:n?d=>{n(u.annotationId,u,d)}:void 0},u.id+f)),o]})}var Je=require("react/jsx-runtime");function Qr({onClickPaintingAnnotation:e,children:t}){let{strategy:n}=O(),{renderViewerControls:o,viewControlsDeps:r}=Q(),a=Xt(),i=P();return _(a&&n.type==="textual-content"&&o?"overlay":"none",`canvas-portal-controls-${i?.id}`,Ne.Provider,o?{value:a||null,children:o(n)}:{},[i,a,n,...r||[]]),n.type!=="textual-content"?null:(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(jt,{strategy:n,onClickPaintingAnnotation:e}),t]})}var pt=require("react/jsx-runtime");function $n({element:e,media:t,startTime:n,playPause:o,poster:r}){let a="div",i=n?`${t.url}#t=${n}`:t.url;return(0,pt.jsxs)(a,{className:"video-container",part:"video-container",onClick:o,children:[(0,pt.jsx)("style",{children:`
             .video-container {
               position: absolute;
               top: 0;
@@ -25,7 +25,7 @@
               justify-content: center;
               pointer-events: visible;
             }
-          `}),(0,je.jsx)("video",{poster:o,ref:e,src:i,style:{width:"100%",objectFit:"contain"}})]})}function Ht({media:e,mediaControlsDeps:n,children:t,videoComponent:r=fn,captions:o}){let a=A(),i=Ot(),s=a&&a.placeholderCanvas&&a.placeholderCanvas.id||void 0,u=Ne({},!1,{canvasId:s}),[{element:c,currentTime:l,progress:m},p,y]=Ve({duration:e.duration});return L("overlay","video-element",r,{element:c,media:e,playPause:y.playPause,poster:u?.id,canvas:a,startTime:i?i.startTime:null,captions:o},[u]),L("portal","custom-controls",zt,{state:p,actions:y,currentTime:l,progress:m,element:c,children:t},[l,p,e,...n||[]]),null}var Bt=require("react/jsx-runtime");function Uo({as:e}){let{strategy:n}=M(),{renderMediaControls:t,mediaControlsDeps:r}=H();return n.type!=="media"||n.media.type!=="Video"?null:(0,Bt.jsxs)(Ht,{captions:n.captions,media:n.media,mediaControlsDeps:r,videoComponent:e,children:[(0,Bt.jsx)(ze,{}),t?t(n):null]},n.media.url)}var qo=require("react"),Ke=require("react/jsx-runtime");function Hi({element:e,media:n,playPause:t}){let r=(0,qo.useRef)(null);return n.youTubeId?(0,Ke.jsxs)("div",{className:"video-container",part:"video-container",onClick:t,children:[(0,Ke.jsx)("style",{children:`
+          `}),(0,pt.jsx)("video",{poster:r,ref:e,src:i,style:{width:"100%",objectFit:"contain"}})]})}function Zt({media:e,mediaControlsDeps:t,children:n,videoComponent:o=$n,captions:r}){let a=P(),i=Lt(),s=a&&a.placeholderCanvas&&a.placeholderCanvas.id||void 0,l=Ke({},!1,{canvasId:s}),[{element:c,currentTime:u,progress:f},d,g]=Ye({duration:e.duration});return _("overlay","video-element",o,{element:c,media:e,playPause:g.playPause,poster:l?.id,canvas:a,startTime:i?i.startTime:null,captions:r},[l]),_("portal","custom-controls",Nt,{state:d,actions:g,currentTime:u,progress:f,element:c,children:n},[u,d,e,...t||[]]),null}var Jt=require("react/jsx-runtime");function Xr({as:e}){let{strategy:t}=O(),{renderMediaControls:n,mediaControlsDeps:o}=Q();return t.type!=="media"||t.media.type!=="Video"?null:(0,Jt.jsxs)(Zt,{captions:t.captions,media:t.media,mediaControlsDeps:o,videoComponent:e,children:[(0,Jt.jsx)(Ge,{}),n?n(t):null]},t.media.url)}var Zr=require("react"),ft=require("react/jsx-runtime");function Ea({element:e,media:t,playPause:n}){let o=(0,Zr.useRef)(null);return t.youTubeId?(0,ft.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,ft.jsx)("style",{children:`
             .video-container {
               position: absolute;
               top: 0;
@@ -43,4 +43,4 @@
               width: 100%;
               object-fit: contain;
             }
-          `}),(0,Ke.jsx)("iframe",{className:"video-yt",ref:r,src:`https://www.youtube.com/embed/${n.youTubeId}?enablejsapi=1&origin=${window.location.host}`,referrerPolicy:"no-referrer",sandbox:"allow-scripts allow-same-origin allow-presentation"})]}):null}function Wo({media:e,mediaControlsDeps:n,children:t}){let[{element:r,currentTime:o,progress:a},i,s]=Ve({duration:e.duration});return L("overlay","video-element",Hi,{element:r,media:e,playPause:s.playPause}),null}var $t=require("react/jsx-runtime");function _o(){let{strategy:e}=M(),{renderMediaControls:n,mediaControlsDeps:t}=H();return e.type!=="media"||e.media.type!=="VideoYouTube"?null:(0,$t.jsxs)(Wo,{media:e.media,mediaControlsDeps:t,children:[(0,$t.jsx)(ze,{}),n?n(e):null]})}var B=require("react/jsx-runtime");function ye({x:e,y:n,onChoiceChange:t,registerActions:r,defaultChoices:o,isStatic:a,renderViewerControls:i,renderMediaControls:s,renderComplexTimelineControls:u,complexTimelineControlsDeps:c,viewControlsDeps:l,mediaControlsDeps:m,strategies:p,throwOnUnknown:y,backgroundStyle:g,alwaysShowBackground:d,keepCanvasScale:x=!1,enableSizes:h=!1,enableYouTube:v=!0,onClickPaintingAnnotation:f,components:S={},children:R}){return(0,B.jsxs)(to,{throwOnUnknown:y,onChoiceChange:t,registerActions:r,strategies:p,defaultChoices:o,mediaControlsDeps:m,renderMediaControls:s,renderViewerControls:i,renderComplexTimelineControls:u,complexTimelineControlsDeps:c,viewControlsDeps:l,children:[(0,B.jsxs)(ro,{keepCanvasScale:x,x:e,y:n,children:[(0,B.jsx)(ao,{alwaysShowBackground:d,backgroundStyle:g}),(0,B.jsx)(To,{}),(0,B.jsx)(wo,{}),(0,B.jsx)(Lo,{isStatic:a,enableSizes:h,onClickPaintingAnnotation:f}),(0,B.jsx)(Do,{}),(0,B.jsx)(zo,{}),(0,B.jsx)(Bo,{as:S.Audio}),(0,B.jsx)(Uo,{as:S.Video}),v?(0,B.jsx)(_o,{}):null,R]}),(0,B.jsx)($o,{})]})}var pn=require("react/jsx-runtime");function Yo(e){let n=A();return!n||!n.placeholderCanvas?null:(0,pn.jsx)(G,{canvas:n.placeholderCanvas.id,children:(0,pn.jsx)(ye,{renderViewerControls:e.renderViewerControls})})}var O=require("react/jsx-runtime"),Bi=(0,he.forwardRef)(function(n,t){let r=k(),o=nt(),a=Xn(),{ViewerControls:i,MediaControls:s,ComplexTimelineControls:u}=n.components||{};if((0,he.useImperativeHandle)(t,()=>a,[a]),!r)return(0,O.jsx)("div",{});let c=0,l=r.viewingDirection==="top-to-bottom",m=r.viewingDirection==="bottom-to-top",p=r.viewingDirection==="left-to-right",y=r.viewingDirection==="right-to-left",d=r.behavior.includes("continuous")?0:n.spacing||0,x=m||y,h=(0,he.useMemo)(()=>x?[...o].reverse():o,[o,x]);return(0,O.jsxs)(O.Fragment,{children:[n.header,(0,O.jsx)(N.Viewer,{height:n.height,mode:n.mode,renderPreset:n.renderPreset,runtimeOptions:n.runtimeOptions,children:h.map((v,f)=>{let S=0,R=0;return l?(S=c,c+=v.width+d):(R=c,c+=v.height+d),(0,O.jsx)(G,{canvas:v.id,children:(0,O.jsx)(N.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content","complex-timeline"],renderViewerControls:f===0&&i?()=>(0,O.jsx)(i,{}):void 0,renderMediaControls:f===0&&s?()=>(0,O.jsx)(s,{}):void 0,renderComplexTimelineControls:f===0&&u?()=>(0,O.jsx)(u,{}):void 0,x:S,y:R,...n.canvasProps||{},children:n.annotations},v.id)},v.id)})},n.reuseAtlas?"":a.currentSequenceIndex),n.children]})}),N=(0,he.forwardRef)(function({children:n,height:t,annotations:r,canvasProps:o,spacing:a,header:i,components:s,mode:u,reuseAtlas:c,renderPreset:l,runtimeOptions:m,...p},y){let g=xe();return(0,O.jsx)(Se,{vault:g,children:(0,O.jsx)(Zn,{...p,children:(0,O.jsx)(Bi,{ref:y,height:t,components:s,spacing:a,canvasProps:o,annotations:r,header:i,mode:u,reuseAtlas:c,renderPreset:l,runtimeOptions:m,children:n})})})});N.RenderImage=Ee;N.RenderCanvas=ye;N.RenderAnnotationPage=Ue;N.RenderAnnotation=ft;N.Viewer=vr;N.CanvasBackground=wt;N.Audio=Dt;N.Video=Ht;N.Model=Nt;N.AudioHTML=mn;N.VideoHTML=fn;N.ModelHTML=ln;N.PlaceholderCanvas=Yo;
+          `}),(0,ft.jsx)("iframe",{className:"video-yt",ref:o,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 Jr({media:e,mediaControlsDeps:t,children:n}){let[{element:o,currentTime:r,progress:a},i,s]=Ye({duration:e.duration});return _("overlay","video-element",Ea,{element:o,media:e,playPause:s.playPause}),null}var en=require("react/jsx-runtime");function ei(){let{strategy:e}=O(),{renderMediaControls:t,mediaControlsDeps:n}=Q();return e.type!=="media"||e.media.type!=="VideoYouTube"?null:(0,en.jsxs)(Jr,{media:e.media,mediaControlsDeps:n,children:[(0,en.jsx)(Ge,{}),t?t(e):null]})}var cn=require("react"),ae=require("zustand");var nn=require("@atlas-viewer/atlas"),be=require("react");var ni=require("polygon-editor"),q=require("react");var tn=require("zustand");function ti(e){let t=G(),n=(0,tn.useStore)(t,a=>a.polygons),o=(0,tn.useStore)(t,a=>a.polygonState),r=(0,tn.useStore)(t,a=>a.polygon);return Do("atlas.polygon-render",({state:a,slowState:i,dt:s})=>{e(a,i,s)}),{currentShape:r,state:o,helper:n}}var T=require("react/jsx-runtime"),fe=(0,ni.createSvgHelpers)(),Va={shapeFill:"#ffffff33",shapeStroke:"#000",lineStroke:"#000",ghostLineStroke:"#0F0",activeLineStroke:"#4D7EEA",boundingBoxDottedStroke:"#0007",boundingBoxStroke:"#fffA",controlFill:"#fff"};function oi(e){let{image:t}=e,n={...Va,...e.theme||{}},o=(0,q.useRef)(),r=(0,q.useRef)(),a=(0,q.useRef)(),i=(0,q.useRef)(),s=(0,q.useRef)(),l=(0,q.useRef)(),c=(0,q.useRef)(),u=(0,q.useRef)(),f=(0,q.useRef)(),d=(0,q.useRef)(),[g,y]=(0,q.useState)(null),[m,S]=(0,q.useState)(!1),{helper:v,state:p,currentShape:h}=ti((I,b)=>{if(I.closestLineIndex,fe.updateTransitionBoundingBox(a.current,I,b),fe.updateBoundingBoxPolygon(o.current,I,b),fe.updateBoundingBoxPolygon(r.current,I,b),fe.updateTransitionShape(c.current,I,b),fe.updateClosestLinePointTransform(s.current,I,b),fe.updateSelectBox(i.current,I,b),fe.updatePointLine(u.current,I,b),fe.updateDrawPreview(l.current,I,b,3),fe.updateLineBox(f.current,I),y(I.transitionDirection),S(I.transitionRotate),I.closestLineIndex!==-1&&d.current){let V=I.polygon,N=V.points[I.closestLineIndex],W=V.points[(I.closestLineIndex+1)%V.points.length];N&&W&&d.current.setAttribute("points",`${N[0]},${N[1]} ${W[0]},${W[1]}`)}});(0,q.useEffect)(()=>{let I=()=>{v.modifiers.reset()};return document.addEventListener("mouseleave",I),()=>{document.removeEventListener("mouseleave",I)}},[]);let x=(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)("marker",{id:"dot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:[(0,T.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.lineStroke,className:"marker"}),(0,T.jsx)("circle",{cx:"5",cy:"5",r:"3",fill:n.controlFill})]}),(0,T.jsx)("marker",{id:"newdot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,T.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.activeLineStroke,className:"marker"})}),(0,T.jsxs)("marker",{id:"selected",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:[(0,T.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.lineStroke}),(0,T.jsx)("circle",{cx:"5",cy:"5",r:"3",fill:n.activeLineStroke})]}),(0,T.jsxs)("marker",{id:"resizer",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"6",markerHeight:"6",children:[(0,T.jsx)("rect",{width:"10",height:"10",fill:n.lineStroke}),(0,T.jsx)("rect",{x:"1",y:"1",width:"8",height:"8",fill:n.controlFill})]})]}),C=h?h.open?"polyline":"polygon":null,R=!p.showBoundingBox&&p.closestPoint!==null&&p.actionIntentType==="select-point",w=p.actionIntentType==="add-open-point",A=p.transitionIntentType==="split-line",B=p.transitioning&&p.selectedStamp&&p.transitionIntentType==="stamp-shape",ge=h&&C?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(C,{fill:(!p.transitioning||p.transitionIntentType==="select-multiple-points")&&!h.open?n.shapeFill:"none",strokeWidth:B||p.showBoundingBox&&p.boxMode||p.transitioning&&p.transitionIntentType==="split-line"||p.transitioning&&p.transitionIntentType==="move-point"?0:2,stroke:n.shapeStroke,points:h.points.map(I=>I.join(",")).join(" "),vectorEffect:"non-scaling-stroke",markerStart:p.showBoundingBox?void 0:p.boxMode?"url(#resizer)":"url(#dot)",markerMid:p.showBoundingBox?void 0:p.boxMode?"url(#resizer)":"url(#dot)",markerEnd:p.showBoundingBox?void 0:p.boxMode?"url(#resizer)":"url(#dot)",style:{pointerEvents:"none"},opacity:p.transitioning&&p.transitionIntentType==="move-shape"?0:1}),p.currentTool==="lineBox"&&p.actionIntentType==="close-line-box"?(0,T.jsx)("polygon",{fill:n.shapeFill,ref:f,stroke:n.lineStroke,strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,p.transitionIntentType==="draw-shape"&&p.transitioning?(0,T.jsx)("polyline",{ref:l,fill:"none",stroke:n.activeLineStroke,strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,!(p.transitioning&&p.transitionIntentType==="move-point")&&!(p.transitioning&&p.transitionIntentType==="stamp-shape")&&!p.showBoundingBox&&p.selectedPoints&&p.selectedPoints.length?(0,T.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:"transparent",points:h.points.filter((I,b)=>p.selectedPoints?.includes(b)).map(I=>I.join(",")).join(" "),opacity:p.transitioning&&p.transitionIntentType==="move-shape"?0:1}):null,R&&!p.transitioning&&p.closestPoint!==null&&h.points[p.closestPoint]?(0,T.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:n.activeLineStroke,points:`${h.points[p.closestPoint][0]},${h.points[p.closestPoint][1]}`,opacity:p.transitioning&&p.transitionIntentType==="move-shape"?0:1}):null,!p.transitioning&&(p.actionIntentType==="add-open-point"||p.actionIntentType==="close-shape"||p.actionIntentType==="close-shape-line")?(0,T.jsx)("polyline",{stroke:n.activeLineStroke,ref:u,strokeWidth:p.actionIntentType==="add-open-point"?1:2,vectorEffect:"non-scaling-stroke"}):null,p.hasClosestLine&&!p.showBoundingBox&&!p.transitioning&&p.currentTool!=="box"&&p.transitionIntentType==="split-line"?(0,T.jsx)("g",{children:(0,T.jsx)("polyline",{ref:d,vectorEffect:"non-scaling-stroke",fill:"transparent",stroke:n.activeLineStroke,strokeWidth:3})}):null,p.hasClosestLine&&!p.showBoundingBox&&!p.transitioning&&p.currentTool!=="box"&&p.transitionIntentType==="split-line"?(0,T.jsx)("g",{ref:s,children:(0,T.jsx)("polyline",{markerStart:"url(#newdot)",points:"0,0 1,1",vectorEffect:"non-scaling-stroke",stroke:"transparent",fill:"transparent",strokeWidth:2})}):null,p.transitioning?(0,T.jsx)(C,{ref:c,fill:h.open?"none":n.shapeFill,stroke:p.transitionIntentType==="stamp-shape"?n.activeLineStroke:n.shapeStroke,vectorEffect:"non-scaling-stroke",strokeWidth:(h.open,2)}):null,p.transitioning&&p.transitionIntentType==="select-multiple-points"?(0,T.jsx)("rect",{ref:i,fill:"rgba(255, 255, 255, .3)",strokeWidth:1,stroke:"rgba(0,0,0,.2)",vectorEffect:"non-scaling-stroke"}):null,p.showBoundingBox&&!B?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("polygon",{ref:o,strokeWidth:2,stroke:n.boundingBoxStroke,fill:"none",markerStart:"url(#resizer)",markerMid:"url(#resizer)",markerEnd:"url(#resizer)",vectorEffect:"non-scaling-stroke"}),(0,T.jsx)("polygon",{ref:r,strokeWidth:2,stroke:n.boundingBoxDottedStroke,fill:"none",strokeDasharray:"4 4",markerStart:"url(#resizer)",markerMid:"url(#resizer)",markerEnd:"url(#resizer)",vectorEffect:"non-scaling-stroke"})]}):null]}):null;return{currentTool:v.state.slowState.currentTool,setCurrentTool:v.tools.setTool,helper:v,currentShape:h,state:p,isAddingPoint:w,isSplitting:A,isStamping:B,isHoveringPoint:R,transitionDirection:g,transitionRotate:m,defs:x,editor:ge}}var Ce=require("react/jsx-runtime");function ri(e){let t=(0,nn.useAtlas)(),{image:n}=e,{helper:o,defs:r,editor:a,state:i,transitionDirection:s,isSplitting:l,transitionRotate:c,isHoveringPoint:u,isAddingPoint:f}=oi({image:e.image,theme:e.theme}),d=(0,be.useCallback)(m=>{m.button!==2&&o.pointer([[~~m.atlas.x,~~m.atlas.y]])},[o]),g=(0,be.useCallback)(m=>{m.button!==2&&o.pointerDown()},[o]),y=(0,be.useCallback)(m=>{m.button!==2&&o.pointerUp()},[o]);return(0,be.useEffect)(()=>{let m=S=>{o.key.up(S.key)};return document.addEventListener("keyup",m),()=>{document.removeEventListener("keyup",m)}},[o]),(0,be.useEffect)(()=>{let m=S=>{S.target&&["INPUT","TEXTAREA"].includes(S.target.tagName)||S.target?.isContentEditable||document.activeElement&&(document.activeElement instanceof HTMLInputElement||document.activeElement instanceof HTMLTextAreaElement||document.activeElement.isContentEditable)||o.key.down(S.key)};return document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m)}},[o]),(0,be.useEffect)(()=>{let m=[];return s&&m.push(`atlas-cursor-${s}`),i.actionIntentType==="cut-line"&&i.modifiers?.Shift&&m.push("atlas-cursor-cut"),(u||i.transitionIntentType==="move-shape"||i.transitionIntentType==="move-point")&&m.push("atlas-cursor-move"),f&&m.push("atlas-cursor-crosshair"),l&&m.push("atlas-cursor-copy"),c&&m.push("atlas-cursor-rotate"),i.transitionIntentType==="draw-shape"&&m.push("atlas-cursor-draw"),t?.canvas&&t.canvas.classList.add(...m),()=>{t?.canvas&&t.canvas.classList.remove(...m)}},[t?.canvas,f,u,l,i.modifiers?.Shift,i.actionIntentType,i.transitionIntentType,s,c]),(0,Ce.jsx)("world-object",{height:n.height,width:n.width,onMouseMove:d,onMouseDown:g,onMouseUp:y,onMouseLeave:o.blur,children:(0,Ce.jsx)(nn.HTMLPortal,{relative:!0,interactive:!1,children:(0,Ce.jsx)("div",{className:"absolute top-0 right-0 left-0 bottom-0",children:(0,Ce.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${n.width} ${n.height}`,tabIndex:-1,children:[(0,Ce.jsx)("title",{children:"Annotation Editor"}),(0,Ce.jsx)("defs",{children:r}),a]})})})})}var ui=require("react"),di=require("zustand");var li=require("@atlas-viewer/atlas"),X=require("@floating-ui/react"),ci=require("react-dom");var F=Z(require("react"),1);var ii=Z(require("react"),1),Un=require("react"),ai=Z(require("mitt"),1),La=require("react/jsx-runtime"),Na=(0,ai.default)(),gt=(0,Un.createContext)({emitter:Na});gt.displayName="Events";function si(){return ii.default.useContext(gt).emitter}var ee=require("react/jsx-runtime"),Wn=F.default.createContext({});function on(){let e=(0,F.useContext)(Wn),t=Object.keys(e),n={};for(let o of t)e[o].Provider&&(n[o]={value:(0,F.useContext)(e[o]),Provider:e[o].Provider});return n}function za(e){let t=Object.keys(e),n=e.children;for(let o of t){if(o==="children")continue;let{value:r,Provider:a}=e[o];n=(0,ee.jsx)(a,{value:r,children:n})}return n}function rn(){return{VaultContext:(0,F.useContext)(Pe),ResourceContext:(0,F.useContext)(xt),SimpleViewerReactContext:(0,F.useContext)(lt),VisibleCanvasReactContext:(0,F.useContext)(De),AuthRContext:(0,F.useContext)(Fe),SearchReactContext:(0,F.useContext)($e),ReactEventContext:(0,F.useContext)(gt),ContextBridgeReactContext:(0,F.useContext)(Wn),StrategyReactContext:(0,F.useContext)(Ie),AtlasStoreReactContext:(0,F.useContext)(We)}}function an(e){return(0,ee.jsx)(Be,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,ee.jsx)(De.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,ee.jsx)(lt.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,ee.jsx)(gt.Provider,{value:e.bridge.ReactEventContext,children:(0,ee.jsx)(We.Provider,{value:e.bridge.AtlasStoreReactContext,children:(0,ee.jsx)(Fe.Provider,{value:e.bridge.AuthRContext,children:(0,ee.jsx)($e.Provider,{value:e.bridge.SearchReactContext,children:(0,ee.jsx)(Wn.Provider,{value:e.bridge.ContextBridgeReactContext,children:(0,ee.jsx)(Ie.Provider,{value:e.bridge.StrategyReactContext,children:e.custom?(0,ee.jsx)(za,{...e.custom,children:e.children}):e.children})})})})})})})})})}var et=require("react/jsx-runtime");function sn({annotation:e,target:t,children:n,dismissable:o,isOpen:r,onOpenChange:a,placement:i}){let s=rn(),l=on(),{refs:c,floatingStyles:u,context:f}=(0,X.useFloating)({open:r,onOpenChange:a,nodeId:e.id,placement:i||"bottom",middleware:[(0,X.offset)(10),(0,X.shift)(),(0,X.flip)({mainAxis:!0})],whileElementsMounted:X.autoUpdate}),d=(0,X.useDismiss)(f),{getReferenceProps:g,getFloatingProps:y}=(0,X.useInteractions)([o?d:null].filter(m=>m!==null));return(0,et.jsxs)(li.HTMLPortal,{relative:!0,target:t,interactive:!1,children:[(0,et.jsx)("div",{ref:c.setReference,...g(),style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none"}}),(0,ci.createPortal)((0,et.jsx)(an,{bridge:s,custom:l,children:(0,et.jsx)("div",{ref:c.setFloating,style:u,...y(),children:n})}),document.getElementById("atlas-floating-ui"))]})}var ht=require("react/jsx-runtime"),Oa=(0,di.create)()(e=>({isMenuOpen:!1,menuPosition:{x:0,y:0},setMenuPosition(t){e({menuPosition:t})},toggle(t){e(n=>({isMenuOpen:!n.isMenuOpen,menuPosition:t}))},open(t){e({isMenuOpen:!0,menuPosition:t})},setIsMenuOpen(t){e(typeof t=="function"?n=>({isMenuOpen:t(n.isMenuOpen)}):{isMenuOpen:t})},close(){e({isMenuOpen:!1})}}));function ln(e,t,n){let{isMenuOpen:o,setIsMenuOpen:r,close:a,open:i,menuPosition:s,setMenuPosition:l,toggle:c}=Oa(),u=(0,ui.useCallback)(g=>{n&&(g.preventDefault(),g.stopPropagation(),c(g.atlas))},[c,n]);return[(0,ht.jsx)(ht.Fragment,{children:n&&o&&(0,ht.jsx)(sn,{dismissable:!0,placement:"bottom-start",isOpen:o,onOpenChange:r,annotation:{id:e},target:{x:s.x,y:s.y,height:1,width:1},children:o&&n({canvasId:t,position:s,close:()=>r(!1)})})}),{onContextMenu:u},{open:i,close:a,toggle:c,isMenuOpen:o,setIsMenuOpen:r,menuPosition:s,setMenuPosition:l}]}var mi=require("zustand");function pi(){let e=G();return(0,mi.useStore)(e,t=>t.tool.requestId&&t.requests[t.tool.requestId]||null)}var $=require("react/jsx-runtime");function fi({theme:e,renderContextMenu:t,children:n}){let o=G(),r=P(),a=(0,ae.useStore)(o,C=>C.polygon),i=(0,ae.useStore)(o,C=>C.polygonState.currentTool),s=(0,ae.useStore)(o,C=>C.mode),l=(0,ae.useStore)(o,C=>C.changeMode),c=(0,ae.useStore)(o,C=>C.polygonState.transitioning),{enabled:u,requestId:f}=(0,ae.useStore)(o,C=>C.tool),d=(0,cn.useMemo)(()=>Ue(a),[a]),g=pi(),[y,m]=ln("editing-annotation",r?.id,t),S=g?.annotationPopup||n||(0,$.jsx)(Ba,{}),v=g?.svgTheme||e,p=()=>{l("sketch")};if(!u||!r||!f||!a)return null;let h=d&&a.id&&!c&&(i==="pointer"||i==="hand"||!a.open)?(0,$.jsx)(sn,{annotation:a,target:d,children:S}):null,x="shape";return s==="explore"?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(x,{id:`shape-${a.id}`,points:a.points,open:a.open,onClick:p,relativeStyle:!0,target:{x:0,y:0,width:r.width,height:r.height},style:{":hover":{backgroundColor:"rgba(0,0,0,0.2)"},backgroundColor:"rgba(0,0,0,0)",borderWidth:"4px",borderColor:"rgba(255, 255, 255, .4)"},...m}),(0,$.jsx)(x,{id:`shape-${a.id}`,points:a.points,open:a.open,onClick:p,relativeStyle:!0,target:{x:0,y:0,width:r.width,height:r.height},style:{backgroundColor:"rgba(0,0,0,0)",borderWidth:"2px",borderColor:"rgba(0, 0, 0, .4)"}}),h]}):(0,$.jsxs)($.Fragment,{children:[t?(0,$.jsx)(x,{id:`shape-${a.id}`,points:a.points,open:a.open,target:{x:0,y:0,width:r.width,height:r.height},...m}):null,(0,$.jsx)(ri,{image:r,theme:v}),h,y]})}function Ba(){let e=G(),t=(0,ae.useStore)(e,i=>i.changeMode),n=(0,ae.useStore)(e,i=>i.mode),o=(0,ae.useStore)(e,i=>i.completeRequest),r=(0,ae.useStore)(e,i=>i.tool),a=()=>{(0,cn.startTransition)(()=>{o()})};return r.enabled?(0,$.jsxs)("div",{className:"svg-tools-container animate-fadeIn",children:[n!=="sketch"&&(0,$.jsx)("button",{className:"svg-tools-button",onClick:()=>{t("sketch")},children:"Edit"}),(0,$.jsx)("button",{className:"svg-tools-button",onClick:a,children:"Save"})]}):null}var Re=require("react");var tt=require("react");var gi=require("@iiif/helpers");function un(e,t){let{selector:n,source:o}=(0,gi.expandTarget)(t);if(o.id!==e.id)return[null,o];let r={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:r.spatial}:n:null,o]}var hi={makeChoice:()=>{}},dn={type:"unknown"},E=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),yi=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var yt=require("react");function Da(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function vi(e,t){return k(n=>{let o=[];if(!e)return o;let r=Object.keys(n.iiif.entities.AnnotationPage);for(let a of r)if(!t||t.indexOf(a)!==-1){let i=Da(n,a);i&&i.views&&i.views[e]&&o.push(a)}return o},[e,t])}function Si({canvas:e,manifest:t,all:n,canvases:o}){let r=[];if(t)for(let a of t.annotations)r.indexOf(a.id)===-1&&r.push(a.id);if(n){if(o&&o.length)for(let a of o)for(let i of a.annotations)r.indexOf(i.id)===-1&&r.push(i.id)}else if(e)for(let a of e.annotations)r.indexOf(a.id)===-1&&r.push(a.id);return r}function Ha(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function xi(e,t={}){let n=M(),o=H(),r=P(),a=Rt(),i=(0,yt.useMemo)(()=>Si({all:t.all,manifest:o,canvas:r,canvases:a}),[t.all,r,a,o]),s=vi(e,t.all?void 0:i),l=(0,yt.useCallback)(u=>{e&&n.setMetaValue([u,"annotationPageManager","views"],f=>f&&!f[e]?f:{...f||{},[e]:!1})},[e,n]),c=(0,yt.useCallback)((u,f={})=>{if(!e)return;let d=n.getState(),g=[];if(f?.deselectOthers){let y=Object.keys(d.iiif.entities.AnnotationPage);for(let m of y){let S=Ha(d,m);S&&S.views&&S.views[e]&&g.push(m)}}for(let y of g)l(y);n.setMetaValue([u,"annotationPageManager","views"],y=>y&&y[e]?y:{...y||{},[e]:!0})},[e,l,n]);return{availablePageIds:i,enabledPageIds:s,setPageEnabled:c,setPageDisabled:l}}function Ci(e,t){return k((n,o)=>o.get(e.map(r=>({id:r,type:t}))),[e,t])}var bi=Z(require("mitt"),1),Ri=require("react"),Pi=require("zustand");var qa=(0,Pi.createStore)((e,t)=>({loaded:{},setLoaded:(n,o="done")=>{e(r=>({loaded:{...r.loaded,[n]:o}}))}})),Fa=(0,bi.default)();Fa.on("loaded",e=>{qa.getState().setLoaded(e.imageServiceId)});function Ai(){let e=_t(),t=Er();return[(0,Ri.useCallback)((o,{height:r,width:a})=>o&&e(o,{height:r,width:a},!0),[e]),t]}var Le=require("react");function Ti(e={}){let t=Mt(),n=P(e.canvasId?{id:e.canvasId}:void 0);return k((o,r)=>{if(!n)return[];if(t&&e.enableSingleAnnotation)return[t];let a=r.get(n.items),i=[];for(let s of a)i.push(...r.get(s.items));return i},[n])}var Ii=require("@iiif/helpers/painting-annotations");function wi(e,t=[]){let n=M(),o=(0,Le.useMemo)(()=>(0,Ii.createPaintingAnnotationsHelper)(n),[]),r=Ti({enableSingleAnnotation:e?.enableSingleAnnotation}),[a,i]=(0,Le.useState)(e?.defaultChoices||[]),s=(0,Le.useMemo)(()=>o.getPaintables(r,a),[n,r,a,...t]),c={makeChoice:(0,Le.useCallback)((u,{deselectOthers:f=!0,deselect:d=!1}={})=>{s.choice&&i(g=>{if(d){let m=g.filter(S=>S!==u);if(m.length===0){let S=s.items[0].resource.id;return S?[S]:[]}return m}if(f)return[u];let y=[...g];if(y.length===0&&s.items.length){let m=s.items[0].resource.id;m&&y.push(m)}return g.indexOf(u)!==-1?g:[...g,u]})},[s.choice])};return[s,c]}var $a=["model/gltf-binary"];function Mi(e,t){let n=t.items[0],o=n.resource;return o.format?$a.indexOf(o.format)===-1?E(`3D format: ${o.format} is unsupported`):{type:"3d-model",model:o,annotationId:n.annotationId,annotation:n.annotation}:E("Unknown format")}function ki(e,t){let n=t.items,o=n[0];if(n.length===0||!o)return E("No audio");if(!e.duration)return E("No duration on canvas");if(n.length>1)return E("Only one audio source supported");let r=o.resource;return r?"format"in r?{type:"media",media:{annotationId:o.annotationId,annotation:o.annotation,duration:e.duration,url:r.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:r.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}:E("Audio does not have format"):E("Unknown audio")}var Ei=require("@iiif/parser/image-3");var _n=require("@iiif/helpers/annotation-targets");function mn(e,t,n){let o=[];for(let r of t.items){let a=r.resource&&r.resource.type==="SpecificResource"?r.resource.source:r.resource;if(!a.id)return E("No resource Identifier");let i;if(a.service){let m=(0,Ei.getImageServices)(a);m[0]&&(i=n(m[0],e))}let s={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[l,c]=un(e,r.target),u=e.id?.split("?")[0]||"";if(!(c.id===e.id||decodeURIComponent(c.id||"")===(e.id||"")||c.id===u||decodeURIComponent(c.id||"")===u))continue;let f=r.resource.width&&r.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:r.resource.width,height:r.resource.height}}:void 0,d=r.resource.type==="SpecificResource"?(0,_n.expandTarget)(r.resource):null;if(r.selector){let m=(0,_n.expandTarget)({type:"SpecificResource",source:r.resource,selector:r.selector});m&&(d=m)}let g=d&&d.selector&&(d.selector.type==="BoxSelector"||d.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:d.selector.spatial.x,y:d.selector.spatial.y,width:d.selector.spatial.width,height:d.selector.spatial.height}}:void 0;i&&!i.id&&(i.id=i["@id"]);let y={id:a.id,type:"Image",annotationId:r.annotationId,annotation:r.annotation,width:Number(l||g?a.width:e.width),height:Number(l||g?a.height:e.height),service:i,sizes:i&&i.sizes?i.sizes:a.width&&a.height?[{width:a.width,height:a.height}]:[],target:l&&l.type!=="PointSelector"?l:s,selector:g||{type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}}};o.push(y)}return{type:"images",image:o[0],images:o,choice:t.choice}}function Vi(e,t={},n){let o=e.language||n||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(t[o]=[e.value]);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(r=>Vi(r,t,o))}return t}function pn(e,t){let n=[];return t.items.forEach(o=>{if(o.resource){let[r]=un(e,o.target);n.push({type:"Text",annotationId:o.annotationId,annotation:o.annotation,text:Vi(o.resource),target:r})}}),{type:"textual-content",items:n}}var fn=require("@iiif/helpers"),Ua=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function gn(e,t,n){let o=t.items.filter(g=>g.type==="video"),r=o[0],a=!1;if(e.duration||(a=!0),o.length>1||!r)return E("Only one video source supported");let i=o[0]?.resource,s=!!(i.service||[]).find(g=>(g.profile||"").includes("youtube.com"));if(!s&&a)return E("Video does not have duration");if(!i)return E("Unknown video");if((!i.format||i.format==="text/html")&&!s)return E("Video does not have format");let l=[],c=n.get(e.annotations||[]);for(let g of c){let y=n.get(g.items||[]);for(let m of y)if((m.motivation?Array.isArray(m.motivation||"")?m.motivation:[m.motivation]:[]).includes("supplementing")){let v=n.get(m.body||[]);for(let p of v){let h=p;if(h.type==="Choice")for(let x of h.items){let C=n.get(x);C.format==="text/vtt"&&l.push({id:C.id,type:"Text",format:"text/vtt",label:C.label,language:C.language})}else h.format==="text/vtt"&&l.push({id:h.id,type:"Text",format:"text/vtt",label:h.label,language:h.language})}}}let u={annotationId:r.annotationId,annotation:r.annotation,duration:e.duration,url:i.id,type:"Video",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:i.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},f=(0,fn.expandTarget)(r.target);f.selector&&f.selector.type==="TemporalBoxSelector"&&(u.target=f.selector);let{selector:d}=(0,fn.parseSelector)(r.selector);if(d===null){let g=u.target.temporal.startTime,m=(u.target.temporal.endTime||e.duration)-g;u.selector={type:"TemporalSelector",temporal:{startTime:0,endTime:m}}}else d.type==="TemporalSelector"&&(u.selector=d);if(s){u.type="VideoYouTube";let g=i.id.match(Ua);if(!g[1])return E("Video is not known youtube video");u.youTubeId=g[1]}return{type:"media",media:u,annotations:{pages:[]},captions:l}}function Ni(e,t,n,o){let r={type:"complex-timeline",items:[],keyframes:[],duration:e.duration||0},a={type:"complex-choice",items:[]};function i(c){c.choice&&(c.choice.type==="complex-choice"?a.items.push(...c.choice.items):a.items.push(c.choice))}for(let c of t.items){if(c.type==="image"){let u=mn(e,{choice:null,allChoices:null,types:["image"],items:[c]},n);if(u.type==="images"){i(u),r.items.push(u.image);let f={id:u.image.annotationId,type:"enter",resourceType:"image",time:u.image.target?.temporal?.startTime||0};r.keyframes.push(f);let d={id:u.image.annotationId,type:"exit",resourceType:"image",time:u.image.target?.temporal?.endTime||e.duration||0};r.keyframes.push(d)}}if(c.type==="textualbody"){let u=pn(e,{choice:null,allChoices:null,types:["textualbody"],items:[c]});if(u.type==="textual-content"){i(u);let f=u.items[0];r.items.push(f);let d=f.target,g={id:f.annotationId,type:"enter",resourceType:"text",time:d.temporal?.startTime||0};r.keyframes.push(g);let y={id:f.annotationId,type:"exit",resourceType:"text",time:d.temporal?.endTime||e.duration||0};r.keyframes.push(y)}}if(c.type==="video"){let u=gn(e,{choice:null,allChoices:null,types:["video"],items:[c]},o);if(u.type==="media"){i(u);let f=u.media;r.items.push(f);let d={id:f.annotationId,type:"enter",resourceType:"video",time:f.target?.temporal?.startTime||0};r.keyframes.push(d);let g={id:f.annotationId,type:"exit",resourceType:"video",time:f.target?.temporal?.endTime||e.duration||0};r.keyframes.push(g)}}}r.keyframes.sort((c,u)=>c.time-u.time);let s=[],l=[];for(let c of r.keyframes){if(c.resourceType==="image"||c.resourceType==="text"){l.push(c);continue}if(c.type==="enter"){s.length===0&&(c.isPrime=!0),s.push(c),l.push(c);continue}if(c.type==="exit"&&(l.push(c),s=s.filter(u=>u.id!==c.id),s.length!==0)){let u=s[0],f={id:u.id,type:"change",isPrime:!0,resourceType:u.resourceType,time:c.time};l.push(f)}}return r.keyframes=l,a.items.length&&(r.choice=a),r}var hn={},Yn={get(e){return e},setMetaValue([e,t,n],o){let r=Yn.getResourceMeta(e,t),a=r?r[n]:void 0,i=typeof o=="function"?o(a):o;hn[e]={...hn[e]||{},[t]:{...(hn[e]||{})[t]||{},[n]:i}}},getResourceMeta:(e,t)=>{let n=hn[e];if(n)return t?n[t]:n},async load(e){let t=typeof e=="string"?e:e.id;return fetch(t).then(n=>n.json())},requestStatus(e){}};function Li({canvas:e,paintables:t,supports:n,loadImageService:o,vault:r=Yn}){if(!e)return dn;if(t.types.length===0)return n.indexOf("empty")!==-1?yi(e.width,e.height):dn;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?E("Complex timeline not supported"):Ni(e,t,o,r);let a=t.types[0];return a==="image"?n.indexOf("images")===-1?E("Image not supported"):mn(e,t,o):a==="Model"||a==="model"?n.indexOf("3d-model")===-1?E("3D not supported"):Mi(e,t):a==="textualbody"?n.indexOf("textual-content")===-1?E("Textual content not supported"):pn(e,t):a==="sound"||a==="audio"?n.indexOf("media")===-1?E("Media not supported"):ki(e,t):a==="video"?n.indexOf("media")===-1?E("Media not supported"):gn(e,t,r):dn}function zi(e){let t=H(),n=P(),o=M(),r=si(),a=e?.emitter||r,[i,s]=Ai(),{enabledPageIds:l}=xi(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),c=Ci(l,"AnnotationPage"),u=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[f,d]=wi(e,[s]);(0,tt.useEffect)(()=>{let y=m=>{d.makeChoice(m.choiceId,{deselectOthers:m.deselectOthers,deselect:m.deselect})};return a.on("make-choice",y),()=>{a.off("make-choice",y)}},[]);let g=(0,tt.useMemo)(()=>Li({canvas:n,paintables:f,supports:u,loadImageService:i,vault:o}),[n,f,o,d.makeChoice]);return(0,tt.useEffect)(()=>{let y=f.allChoices,m={canvasId:n?.id,manifestId:t?.id};y&&a.emit("choice-change",{choice:y,partOf:m})},[n?.id,f.allChoices]),(0,tt.useMemo)(()=>g.type==="unknown"?[g,hi]:[{...g,annotations:{pages:c}},d],[g,c])}var Oi=require("@iiif/helpers");var jn=require("react/jsx-runtime");function Bi({strategies:e,registerActions:t,defaultChoices:n,onChoiceChange:o,mediaControlsDeps:r,renderMediaControls:a,renderViewerControls:i,viewControlsDeps:s,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,throwOnUnknown:u,children:f}){let d=P(),g=M(),y=(0,Re.useMemo)(()=>(0,Oi.createStylesHelper)(g),[g]),[m,S]=zi({strategies:e||["images"],defaultChoices:n?.map(({id:x})=>x)}),v="choice"in m?m.choice:void 0;if((0,Re.useEffect)(()=>{t&&t(S)},[m.annotations]),(0,Re.useEffect)(()=>{o&&o(v)},[v]),(0,Re.useEffect)(()=>{if(n)for(let x of n)typeof x.opacity<"u"&&y.applyStyles({id:x.id},"atlas",{opacity:x.opacity})},[n]),m.type==="unknown"&&u)throw new Error(m.reason||"Unknown strategy");let p=(0,Re.useMemo)(()=>({renderMediaControls:a,mediaControlsDeps:r||[],renderViewerControls:i,viewControlsDeps:s||[],renderComplexTimelineControls:l,complexTimelineControlsDeps:c||[]}),[r,a,i,s,l,c]),h=(0,Re.useMemo)(()=>({strategy:m,actions:S,choices:"choice"in m?m.choice:[]}),[m,d]);return(0,jn.jsx)(qt.Provider,{value:p,children:(0,jn.jsx)(Ie.Provider,{value:h,children:f})})}var vt=require("react"),Gn=require("zustand");var nt=require("react");var Kn=(0,nt.createContext)(()=>{});function Di(e){let t=P(),n=(0,nt.useContext)(Kn);(0,nt.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var qi=require("react/jsx-runtime");function Hi({x:e=0,y:t=0,keepCanvasScale:n=!0,renderContextMenu:o,children:r}){let{strategy:a}=O(),i=P(),s=G(),l=wt(i,["deep-zoom"]),c=(0,Gn.useStore)(s,m=>m.setCanvasRelativePosition),u=(0,Gn.useStore)(s,m=>m.clearCanvasRelativePosition),[f,d]=ln(`context-menu/${i?.id}`,i?.id,o),g=(0,vt.useMemo)(()=>n?1:Math.max(1,...a.type==="images"?a.images.map(m=>(m.width||0)/m.target?.spatial.width):[]),[n,a]);(0,vt.useEffect)(()=>{if(i)return c(i.id,{x:e,y:t,width:i.width,height:i.height}),()=>{u(i.id)}},[e,t,i,u,c]),(0,vt.useEffect)(()=>{i&&s.getState().reset()},[s,i]),Di(g);let y=a.type==="images"?a.images.length:0;return i?(0,qi.jsxs)("world-object",{height:i.height,width:i.width,scale:g,x:e,y:t,...d,...l,children:[f,r]},`${i.id}/${a.type}/${y}`):null}var Y=require("react/jsx-runtime");function we({x:e,y:t,onChoiceChange:n,registerActions:o,defaultChoices:r,isStatic:a,renderViewerControls:i,renderMediaControls:s,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,viewControlsDeps:u,mediaControlsDeps:f,strategies:d,throwOnUnknown:g,backgroundStyle:y,alwaysShowBackground:m,keepCanvasScale:S=!1,enableSizes:v=!1,enableYouTube:p=!0,onClickPaintingAnnotation:h,components:x={},children:C,annotationPopup:R,svgTheme:w,renderContextMenu:A,renderAnnotationContextMenu:B}){return(0,Y.jsxs)(Bi,{throwOnUnknown:g,onChoiceChange:n,registerActions:o,strategies:d,defaultChoices:r,mediaControlsDeps:f,renderMediaControls:s,renderViewerControls:i,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,viewControlsDeps:u,children:[(0,Y.jsxs)(Hi,{keepCanvasScale:S,x:e,y:t,renderContextMenu:A,children:[(0,Y.jsx)(jr,{alwaysShowBackground:m,backgroundStyle:y}),(0,Y.jsx)(Wr,{}),(0,Y.jsx)(Qr,{}),(0,Y.jsx)(Gr,{isStatic:a,enableSizes:v,onClickPaintingAnnotation:h}),(0,Y.jsx)(yr,{}),(0,Y.jsx)(ar,{}),(0,Y.jsx)(Rr,{as:x.Audio}),(0,Y.jsx)(Xr,{as:x.Video}),p?(0,Y.jsx)(ei,{}):null,(0,Y.jsx)(fi,{theme:w,renderContextMenu:B,children:R}),C]}),(0,Y.jsx)(lr,{})]})}var Qn=require("react/jsx-runtime");function Fi(e){let t=P();return!t||!t.placeholderCanvas?null:(0,Qn.jsx)(le,{canvas:t.placeholderCanvas.id,children:(0,Qn.jsx)(we,{renderViewerControls:e.renderViewerControls})})}var Wi=require("@atlas-viewer/atlas"),j=Z(require("react"),1),_i=require("react-error-boundary"),Xn=require("zustand");var yn=require("react");function $i(e,t=2e3){let{currentSequenceIndex:n,sequence:o,items:r}=It(),a=P(),i=(0,yn.useMemo)(()=>{let l=o[n]||[];return l.length===0&&a?[{id:a.id,type:"Canvas"}]:l.map(c=>r[c])},[o,n,a,r]),s=G();(0,yn.useEffect)(()=>{let c=setInterval(()=>{if(e&&t!==-1){let u={x:e.x,y:e.y,width:e.width,height:e.height},f=s.getState().canvasRelativePositions,d={};for(let g of i){let y=f[g.id];if(y){let m=y.x,S=y.y,v=y.width,p=y.height,h={x:Math.max(m,u.x),y:Math.max(S,u.y),width:Math.min(m+v,u.x+u.width)-Math.max(m,u.x),height:Math.min(S+p,u.y+u.height)-Math.max(S,u.y)};h.width<=0||h.height<=0||(d[g.id]={x:h.x-y.x,y:h.y-y.y,width:h.width,height:h.height}),s.setState({canvasViewports:d})}}}},t);return()=>{clearTimeout(c)}},[i,e,s,t])}var ot=require("react/jsx-runtime");function Ui({width:e,style:t,height:n,error:o,resetErrorBoundary:r}){return(0,ot.jsxs)("div",{style:{width:e,height:n,minHeight:500,...t||{},background:"#f9f9f9"},children:[(0,ot.jsx)("h3",{children:"Error occurred"}),(0,ot.jsx)("p",{children:o.message}),(0,ot.jsx)("button",{type:"button",onClick:r,children:"Reset"})]})}var L=require("react/jsx-runtime");function Yi(e){let t=G();return(0,L.jsx)(ct,{name:e.name,existing:t,children:(0,L.jsx)(Wa,{...e})})}function Wa({name:e,children:t,errorFallback:n,outerContainerProps:o={},worldScale:r,updateViewportTimeout:a,...i}){let s=G(),l=(0,Xn.useStore)(s,b=>b.mode),c=(0,Xn.useStore)(s,b=>b.setAtlasRuntime),[u,f]=(0,j.useState)(),d=on(),g=rn(),y=n||Ui,[m,S]=(0,j.useState)({}),v=Object.entries(m),[p,h]=(0,j.useState)({}),x=Object.entries(p),[C,R]=(0,j.useState)({}),w=(0,j.useMemo)(()=>r||Math.max(...Object.values(C)),[C]),A=(0,j.useMemo)(()=>({maxOverZoom:w||1,...i.runtimeOptions||{}}),[w,i.runtimeOptions]);$i(u?.runtime,a);let B=(0,j.useCallback)((b,V)=>{R(N=>{if(V===-1){let{[b]:W,...se}=N;return se}return{...N,[b]:V}})},[]),ge=(0,j.useCallback)((b,V,N)=>{S(({[b]:W,...se})=>V?{...se,[b]:{element:V,props:N}}:se)},[]),I=(0,j.useCallback)((b,V,N)=>{h(({[b]:W,...se})=>V?{...se,[b]:{element:V,props:N}}:se)},[]);return(0,L.jsxs)(_i.ErrorBoundary,{resetKeys:[],fallbackRender:b=>(0,L.jsx)(y,{...i,...b}),children:[(0,L.jsx)(Wi.AtlasAuto,{...i,mode:l,containerProps:{style:{position:"relative"},...i.containerProps||{}},htmlChildren:(0,L.jsx)(L.Fragment,{children:v.map(([b,{element:V,props:N}])=>(0,L.jsx)(j.default.Fragment,{children:(0,L.jsx)(V,{...N||{}})},b))}),onCreated:b=>{f(b),c(b.runtime),i.onCreated&&i.onCreated(b)},runtimeOptions:A,children:(0,L.jsx)(ct,{name:e,existing:s,children:(0,L.jsx)(Ne.Provider,{value:u,children:(0,L.jsx)(Kn.Provider,{value:B,children:(0,L.jsx)(Vn.Provider,{value:ge,children:(0,L.jsx)(Nn.Provider,{value:I,children:(0,L.jsx)(an,{bridge:g,custom:d,children:(0,L.jsx)(gr,{children:t})})})})})})})}),(0,L.jsx)("div",{children:x.map(([b,{element:V,props:N}])=>(0,L.jsx)(j.default.Fragment,{children:(0,L.jsx)(V,{...N||{}})},b))}),(0,L.jsx)("div",{id:"atlas-floating-ui",style:{position:"relative",zIndex:999999}})]})}var U=require("react/jsx-runtime"),_a=(0,ze.forwardRef)(function(t,n){let o=H(),r=Rt(),a=It(),{ViewerControls:i,MediaControls:s,ComplexTimelineControls:l}=t.components||{};if((0,ze.useImperativeHandle)(n,()=>a,[a]),!o)return(0,U.jsx)("div",{});let c=0,u=o.viewingDirection==="top-to-bottom",f=o.viewingDirection==="bottom-to-top",d=o.viewingDirection==="left-to-right",g=o.viewingDirection==="right-to-left",m=o.behavior.includes("continuous")?0:t.spacing||0,S=f||g,v=(0,ze.useMemo)(()=>S?[...r].reverse():r,[r,S]);return(0,U.jsxs)(U.Fragment,{children:[t.header,(0,U.jsx)(D.Viewer,{height:t.height,mode:t.mode,renderPreset:t.renderPreset,runtimeOptions:t.runtimeOptions,updateViewportTimeout:t.updateViewportTimeout,children:v.map((p,h)=>{let x=0,C=0;return u?(x=c,c+=p.width+m):(C=c,c+=p.height+m),(0,U.jsx)(le,{canvas:p.id,children:(0,U.jsx)(D.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content","complex-timeline"],renderViewerControls:h===0&&i?()=>(0,U.jsx)(i,{}):void 0,renderMediaControls:h===0&&s?()=>(0,U.jsx)(s,{}):void 0,annotationPopup:t.annotationPopup,renderContextMenu:t.renderContextMenu,keepCanvasScale:t.keepCanvasScale,renderComplexTimelineControls:h===0&&l?()=>(0,U.jsx)(l,{}):void 0,renderAnnotationContextMenu:t.renderAnnotationContextMenu,x,y:C,svgTheme:t.svgTheme,...t.canvasProps||{},children:t.annotations},p.id)},p.id)})},t.reuseAtlas?"":a.currentSequenceIndex),t.children]})}),D=(0,ze.forwardRef)(function({children:t,height:n,annotations:o,canvasProps:r,spacing:a,header:i,components:s,mode:l,reuseAtlas:c,renderPreset:u,runtimeOptions:f,annotationPopup:d,name:g,svgTheme:y,updateViewportTimeout:m,renderContextMenu:S,keepCanvasScale:v,renderAnnotationContextMenu:p,...h},x){let C=He();return(0,U.jsx)(ct,{name:g,children:(0,U.jsx)(Be,{vault:C,children:(0,U.jsx)(Lo,{...h,children:(0,U.jsx)(_a,{ref:x,height:n,components:s,spacing:a,canvasProps:r,annotations:o,header:i,mode:l,reuseAtlas:c,renderPreset:u,runtimeOptions:f,annotationPopup:d,svgTheme:y,updateViewportTimeout:m,renderContextMenu:S,keepCanvasScale:v,renderAnnotationContextMenu:p,children:t})})})})});D.RenderImage=Xe;D.RenderCanvas=we;D.RenderAnnotationPage=ut;D.RenderAnnotation=Et;D.Viewer=Yi;D.CanvasBackground=Gt;D.Audio=zt;D.Video=Zt;D.Model=Dt;D.AudioHTML=Ln;D.VideoHTML=$n;D.ModelHTML=zn;D.PlaceholderCanvas=Fi;D.getAtlasStoreByName=_o;

package/dist/canvas-panel.d.cts

@@ -1,11 +1,14 @@
-import 'react';
-export { C as CanvasPanel } from './index-BJveLrlu.cjs';
 import '@atlas-viewer/atlas';
+import 'react';
+export { g as CanvasPanel, C as CanvasPanelProps } from './index-CawyvZZf.cjs';
 import 'react/jsx-runtime';
+import 'zustand';
+import 'mitt';
+import 'polygon-editor';
+import '@iiif/helpers/vault';
 import '@iiif/presentation-3';
+import 'zustand/vanilla';
 import '@iiif/presentation-3-normalized';
-import './useRenderingStrategy-BiuSDiXu.cjs';
+import './useRenderingStrategy-PvoNjiMV.cjs';
 import '@iiif/helpers';
 import '@iiif/helpers/annotation-targets';
-import 'mitt';
-import '@iiif/helpers/vault';

package/dist/canvas-panel.d.ts

@@ -1,11 +1,14 @@
-import 'react';
-export { C as CanvasPanel } from './index-CrfymD6m.js';
 import '@atlas-viewer/atlas';
+import 'react';
+export { g as CanvasPanel, C as CanvasPanelProps } from './index-yy_738ck.js';
 import 'react/jsx-runtime';
+import 'zustand';
+import 'mitt';
+import 'polygon-editor';
+import '@iiif/helpers/vault';
 import '@iiif/presentation-3';
+import 'zustand/vanilla';
 import '@iiif/presentation-3-normalized';
-import './useRenderingStrategy-BiuSDiXu.js';
+import './useRenderingStrategy-PvoNjiMV.js';
 import '@iiif/helpers';
 import '@iiif/helpers/annotation-targets';
-import 'mitt';
-import '@iiif/helpers/vault';

package/dist/canvas-panel.js

@@ -1 +1 @@
-import{nb as a}from"./chunk-2ATWK7I4.js";import"./chunk-XNDN34SQ.js";export{a as CanvasPanel};
+import{Nb as a}from"./chunk-JX3DXSPO.js";import"./chunk-XNDN34SQ.js";export{a as CanvasPanel};