react-iiif-vault 2.0.7 → 2.0.8

package/dist/canvas-panel.cjs

@@ -1,4 +1,4 @@
-"use strict";var ua=Object.create;var Tt=Object.defineProperty;var ca=Object.getOwnPropertyDescriptor;var da=Object.getOwnPropertyNames;var ma=Object.getPrototypeOf,pa=Object.prototype.hasOwnProperty;var fa=(e,t)=>{for(var n in t)Tt(e,n,{get:t[n],enumerable:!0})},uo=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of da(t))!pa.call(e,a)&&a!==n&&Tt(e,a,{get:()=>t[a],enumerable:!(o=ca(t,a))||o.enumerable});return e};var J=(e,t,n)=>(n=e!=null?ua(ma(e)):{},uo(t||!e||!e.__esModule?Tt(n,"default",{value:e,enumerable:!0}):n,e)),ga=e=>uo(Tt({},"__esModule",{value:!0}),e);var ds={};fa(ds,{CanvasPanel:()=>q});module.exports=ga(ds);var De=require("react");var He=J(require("react"),1),co=require("react/jsx-runtime"),ha={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},wt=He.default.createContext(ha),oe=()=>(0,He.useContext)(wt);function ve({value:e,children:t}){let n=oe(),o=(0,He.useMemo)(()=>({...n,...e}),[e,n]);return(0,co.jsx)(wt.Provider,{value:o,children:t})}var mo=require("react/jsx-runtime");function ce({canvas:e,children:t}){return(0,mo.jsx)(ve,{value:{canvas:e},children:t})}var It=J(require("react"),1),ct=require("@iiif/helpers/vault");var Tn=require("react/jsx-runtime"),Ie=It.default.createContext({vault:null,setVaultInstance:e=>{}});function qe({vault:e,vaultOptions:t,useGlobal:n,resources:o,children:a}){let[i,r]=(0,It.useState)(()=>e||(n?(0,ct.globalVault)(t):t?new ct.Vault(t):new ct.Vault));return(0,Tn.jsx)(Ie.Provider,{value:{vault:i,setVaultInstance:r},children:(0,Tn.jsx)(ve,{value:o||{},children:a})})}var fo=require("react"),go=J(require("react"),1);var po=require("react"),M=()=>{let{vault:e}=(0,po.useContext)(Ie);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var kt=require("react");function E(e,t=[]){let n=M(),[o,a]=(0,kt.useState)(()=>e(n.getState(),n));return(0,kt.useEffect)(()=>n.subscribe(i=>e(i,n),i=>{a(i)},!1),t),o}var $e=go.default.createContext([]);function Mt(){let e=(0,fo.useContext)($e);return E(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var ho=require("@iiif/helpers/vault"),yo=require("react");function Fe(e){let t=(0,yo.useContext)(Ie);return e||(t&&t.vault?t.vault:(0,ho.globalVault)())}var vo=require("react");function $(e={},t=[]){let{id:n,selector:o}=e,a=oe(),i=M(),r=n||a.manifest,s=E(l=>r?l.iiif.entities.Manifest[r]:void 0,[r]);return(0,vo.useMemo)(()=>{if(s)return o?o(s):s},[s,o,...t])}var Uo=require("react"),Nt=require("react");var Se=require("react");function So(e,{noCache:t=!1}={}){let n=typeof e=="string"?e:e.id,o=Fe(),[a,i]=(0,Se.useState)(n),[r,s]=(0,Se.useState)(void 0),l=(0,Se.useMemo)(()=>o.get(n,{skipSelfReturn:!0})||void 0,[n,o]),[c,m]=(0,Se.useState)(l);return(0,Se.useEffect)(()=>{(async()=>{try{let u=l&&!t?l:await o.load(n),d=u?u.id||u["@id"]:null;u&&a!==d&&i(d),m(u)}catch(u){s(u)}})()},[n,t]),{isLoaded:!!c,id:a,requestId:n,error:r,resource:c,cached:!!(c&&c===l)}}function xo(e,t){let{id:n,isLoaded:o,error:a,resource:i,requestId:r,cached:s}=So(e,t);return{id:n,isLoaded:o,error:a,manifest:i,requestId:r,cached:s}}var bo=require("react/jsx-runtime");function Co({manifest:e,children:t}){return(0,bo.jsx)(ve,{value:{manifest:e},children:t})}var Ao=require("react/jsx-runtime");function Ro({range:e,children:t}){return(0,Ao.jsx)(ve,{value:{range:e},children:t})}function wn(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(...wn(e,e.get(o))),o.type==="SpecificResource"){let a=typeof o.source=="string"?o.source:o.source.id;n.push({id:a,type:"Canvas"})}return n}function Po(e,t,{disablePaging:n,skipNonPaged:o}={}){let a=t.behavior,i=a.includes("paged"),r=i?!1:a.includes("continuous"),s=i||r?!1:a.includes("individuals"),l=t.type==="Manifest"?t.items:wn(e,t);if(r)return[l,[l.map((y,p)=>p)]];if(s||!i||n)return[l,l.map((y,p)=>[p])];let c=[],m=[],u=()=>{m.length&&(c.push([...m]),m=[])},d=0,g=!1;for(let y=0;y<l.length;y++){let p=e.get(l[y]);if(p.behavior.includes("non-paged")){y===d&&d++,o||(u(),c.push([y]),u());continue}if(y===d||p.behavior.includes("facing-pages")){m.length&&(g=!0),u(),c.push([y]),u();continue}if(m.push(y),g){u(),g=!1;continue}m.length>1&&u()}return m.length&&u(),[l,c]}var re=require("react");var To=require("react");function wo(e={},t=[]){let{id:n,selector:o}=e,a=oe(),i=n||a.range,r=E(s=>i?s.iiif.entities.Range[i]:void 0,[i]);return(0,To.useMemo)(()=>{if(r)return o?o(r):r},[r,o,...t])}function Io({startCanvas:e,disablePaging:t}){let n=M(),o=$(),a=wo(),[i,r]=(0,re.useState)(void 0),s=a||o;if(!s)throw new Error("Nothing selected");let[l,c]=(0,re.useMemo)(()=>Po(n,s,{disablePaging:t}),[n,s,t]),m=(0,re.useRef)(c);if(m.current!==c){let S=m.current[i][0],v=c.findIndex(f=>f.includes(S));m.current=c,r(v)}let u=(0,re.useCallback)(p=>{let S=c.findIndex(v=>v.includes(p));r(S===-1?0:S)},[l,c]),d=(0,re.useCallback)(p=>{let S=l.findIndex(v=>v.id===p);S!==-1?u(S):r(0)},[l,c]),g=(0,re.useCallback)(()=>{r(p=>p>=c.length-1?p:p+1)},[c]),y=(0,re.useCallback)(()=>{r(p=>p<=0?0:p-1)},[c]);return typeof i>"u"&&(e?d(e):r(0)),{visibleItems:c[i]?.map(p=>l[p].id)||[],cursor:i,items:l,sequence:c,hasPrevious:i>0,hasNext:i<c.length-1,setSequenceIndex:r,setCanvasIndex:u,setCanvasId:d,next:g,previous:y}}var ae=require("react"),Et=require("zustand");var kn=require("zustand/vanilla");function ie(e,t,n){let o=t.findIndex(r=>r.service.id===e);if(o===-1)return t;let a=[...t],i=n(a[o]);return i===a[o]?t:(a[o]=i,a)}var Mo=()=>(0,kn.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(a=>a.type==="AuthAccessTokenService2");if(!o)throw new Error("Token service not found");e(()=>({authItems:ie(n.id,t().authItems,a=>({...a,isPending:!0}))})),ko(n.service).then(()=>{In(o).then(a=>{let i=a.expiresIn,r=Date.now()+i*1e3;e(()=>({authItems:ie(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:a.accessToken,expires:r}}))}))}).catch(a=>{e(()=>({authItems:ie(n.id,t().authItems,i=>({...i,isLoggedIn:!1,isPending:!1,error:a.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(r=>r.type==="AuthLogoutService2");if(!o)return;let a=`${o.id}?origin=${No()}`,i=window.open(a);e(()=>({authItems:ie(n.id,t().authItems,r=>({...r,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 a=n.service.find(s=>s.type==="AuthAccessTokenService2"),i=n;if(t().authItems.find(s=>s.service.id===n.id)){e(()=>({authItems:ie(n.id,t().authItems,s=>({...s,instances:s.instances+1}))}));return}if(e(()=>({currentAuth:i.profile==="active"?0:t().currentAuth,authItems:[{id:n.id,type:n.profile,service:n,probeId:o,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...t().authItems]})),n.profile==="external"){if(!a)throw new Error("Token service not found");In(a).then(s=>{e(()=>({authItems:ie(n.id,t().authItems,l=>({...l,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ie(n.id,t().authItems,l=>({...l,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:s.message}))}))})}if(n.profile==="kiosk"){if(!a)throw new Error("Token service not found");e(()=>({authItems:ie(n.id,t().authItems,s=>({...s,isPending:!0}))})),ko(i).then(()=>{In(a).then(s=>{e(()=>({authItems:ie(n.id,t().authItems,l=>({...l,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ie(n.id,t().authItems,l=>({...l,isLoggedIn:!1,isPending:!1,error:s.message}))}))})})}n.profile},removeService:(n,o)=>{let a=t().currentAuth===t().authItems.findIndex(r=>r.service.id===n.id),i=t().currentAuth;if(a){let r=t().authItems.find(l=>l.service.id===n.id);r&&r.instances>1||(i=t().authItems.findIndex(c=>c.service.id!==n.id&&c.instances>0))}e(()=>({authItems:ie(n.id,t().authItems,r=>({...r,instances:r.instances-1})),currentAuth:i}))}})),Eo=(e,t)=>(0,kn.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 a=o().service?.id;if(!a){n({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}n({status:"probing"});let i=o().token;try{let r=await fetch(a,{headers:i?{Authorization:`Bearer ${o().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(s=>s.json());if(r.status===200)n({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(r.status<400&&r.status>=300){if(!r.location)throw new Error("Redirect location not found");n({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:r.location||null})}else if(r.status===401)n({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!r.substitute,substituteResource:r.substitute||null,error:"Unauthorized",errorHeading:r.heading||{en:["Unauthorized"]},errorNote:r.note||null});else throw new Error("Unknown error")}catch(r){n({status:"error",error:r.message,errorHeading:{en:["Unknown error"]}})}},setToken(a){n({token:a})}}));function Vo(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 a=o.service.filter(i=>i.type==="AuthAccessService2");a[0]&&(n.services.access=a[0])}return n}async function In(e,{strict:t=!0}={}){return new Promise((n,o)=>{let a=Math.random().toString(36).substring(7),i=`${e.id}?messageId=${a}&origin=${window.location.origin}`,r=c=>{let m=c.data;if(m.messageId===a){if(t&&m.type!=="AuthAccessToken2"){s(),o("Invalid response, expected type=AuthAccessToken2");return}if(!m.accessToken){s(),o("Invalid response, expected accessToken");return}s(),n(m)}},s=()=>window.removeEventListener("message",r),l=document.createElement("iframe");l.src=i,l.style.display="none",document.body.appendChild(l),window.addEventListener("message",r)})}function No(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 ko(e){let t=`${e.id}?origin=${No()}`,n=window.open(t);if(!n)throw new Error("Failed to open window");return new Promise((o,a)=>{let i=setInterval(()=>{n.closed&&(clearInterval(i),o())},500)})}var We=require("react");var Lo=require("zustand");function zo(e){let t=(0,We.useMemo)(()=>Vo(e),[e]),n=Oo(t.services.access?.id),o=(0,We.useMemo)(()=>Eo(t.services.probe,n),[t.services.probe]),a=(0,Lo.useStore)(o);return(0,We.useEffect)(()=>{a.status==="unknown"&&!n&&a.probe()},[t.services.probe,a.status]),(0,We.useEffect)(()=>{n&&(a.setToken(n),a.probe())},[n]),[e,a,t.hasAuth]}var dt=require("react/jsx-runtime"),Ue=(0,ae.createContext)(null),ya=(0,ae.createContext)(null);ya.displayName="CurrentAuth";var va=(0,ae.createContext)(null);va.displayName="AuthActions";function Bo({children:e}){let t=(0,ae.useMemo)(()=>Mo(),[]);return(0,dt.jsx)(Ue.Provider,{value:t,children:e})}function Do(){return!!(0,ae.useContext)(Ue)}function En(){let e=(0,ae.useContext)(Ue);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function Sa(){let e=En();return(0,Et.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 xa(e){let t=En();return(0,Et.useStore)(t,o=>o.authItems.find(a=>a.service.id===e))}function Oo(e){let t=En();return(0,Et.useStore)(t,o=>o.authItems.find(a=>a.id===e)?.session?.token)}function Ca(e){let t=Sa(),n=xa(e.service.id);return(0,ae.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function Mn(){return null}function Ho(e){let[t,n,o]=zo(e.resource),a=e.fallbackComponent||Mn,i=e.loadingComponent||Mn,r=e.errorComponent||Mn,s=n.service,l=null;if(!o||!s)return e.children(t);let c=s.service.filter(m=>m.type==="AuthAccessService2");n.status==="error"&&(l=(0,dt.jsx)(r,{resource:e.resource,error:n.error||"",heading:n.errorHeading,note:n.errorNote,extra:e.extra})),(n.status==="unknown"||n.status==="probing")&&(l=(0,dt.jsx)(i,{})),n.status==="success"&&(l=e.children(t));for(let m of c)l=(0,dt.jsx)(Ca,{service:m,probeId:s.id,children:l},m.id);return l}var mt=require("react");var qo=require("zustand/vanilla"),ba=e=>e.id||e["@id"];function Ra(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 $o=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?ba(t):void 0,o=null;return(0,qo.createStore)((a,i)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!Ra(t):!1,errorMessage:"",search(r,s={}){if(!n)throw new Error("No search service found.");o&&!o.signal.aborted&&o.abort(),o=new AbortController;let l=new URLSearchParams;r.q&&l.set("q",r.q),r.motivation&&l.set("motivation",r.motivation),r.date&&l.set("date",r.date),r.user&&l.set("user",r.user),a({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 m=await c.json();a({resources:m.resources,error:!1,errorMessage:""})}else a({resources:[],error:!0,errorMessage:c.statusText})})},clearSearch(){a({resources:[],error:!1,errorMessage:""})},highlightResult(r){let s=i().resources.find(l=>l["@id"]===r);a({highlight:s})},nextResult(){let r=i().resources,s=i().highlight;if(!s){a({highlight:r[0]||null});return}let l=r.findIndex(c=>c["@id"]===s["@id"]);if(l===-1){a({highlight:r[0]||null});return}a({highlight:r[l+1]||r[0]||null})},previousResult(){let r=i().resources,s=i().highlight;if(!s){a({highlight:r[r.length-1]||null});return}let l=r.findIndex(c=>c["@id"]===s["@id"]);if(l===-1){a({highlight:r[r.length-1]||null});return}if(l===0){a({highlight:r[r.length-1]||null});return}a({highlight:r[l-1]||r[r.length-1]||null})}}))};var Aa=require("zustand");function Fo(){let e=$();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var Vt=require("react/jsx-runtime"),_e=(0,mt.createContext)(null);_e.displayName="Search";function Wo(e){let t=Fo();return e.store?(0,Vt.jsx)(_e.Provider,{value:e.store,children:e.children}):(0,Vt.jsx)(Pa,{service:t,children:e.children})}function Pa({service:e,children:t}){let n=(0,mt.useMemo)(()=>$o(e),[e]);return(0,Vt.jsx)(_e.Provider,{value:n,children:t})}var G=require("react/jsx-runtime"),pt=()=>{},ft=(0,Nt.createContext)({setCurrentCanvasId:pt,setCurrentCanvasIndex:pt,nextCanvas:pt,previousCanvas:pt,items:[],sequence:[],setSequenceIndex:pt,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function Ta(e){let t=$(),{cursor:n,visibleItems:o,next:a,sequence:i,items:r,setCanvasIndex:s,setCanvasId:l,previous:c,setSequenceIndex:m,hasNext:u,hasPrevious:d}=Io({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),g=(0,Nt.useMemo)(()=>({sequence:i,items:r,setCurrentCanvasId:l,nextCanvas:a,previousCanvas:c,totalCanvases:r.length,setCurrentCanvasIndex:s,setSequenceIndex:m,currentSequenceIndex:n,hasNext:u,hasPrevious:d}),[i,r,l,a,c,r,s,m,n]);return t?o.length===0?null:(0,G.jsx)(ft.Provider,{value:g,children:(0,G.jsx)($e.Provider,{value:o,children:(0,G.jsx)(ce,{canvas:o[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,G.jsx)("div",{children:"Sorry, something went wrong."}))}function _o(e){let t=Fe(e.vault),n=xo(e.manifest);if(!n)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,G.jsx)("div",{children:"Sorry, something went wrong."});if(n.error)return(0,G.jsx)("div",{children:n.error.toString()});if(!n.isLoaded)return(0,G.jsx)("div",{children:"Loading..."});let o=(0,G.jsx)(Ta,{...e,children:e.children});return(0,G.jsx)(qe,{vault:t,children:(0,G.jsx)(Co,{manifest:n.id,children:(0,G.jsx)(Bo,{children:(0,G.jsx)(Wo,{children:e.rangeId?(0,G.jsx)(Ro,{range:e.rangeId,children:o}):o})})})})}function Lt(){return(0,Uo.useContext)(ft)}var er=require("@atlas-viewer/atlas"),de=require("react"),tr=require("zustand");var jo=J(require("mitt"),1),ke=require("react"),Ia=require("react/jsx-runtime"),wa=(0,jo.default)(),Yo=(0,ke.createContext)(wa);function Ko(){return(0,ke.useContext)(Yo)}function Go(e,t,n=[]){let o=(0,ke.useContext)(Yo);(0,ke.useEffect)(()=>{let a=i=>{t(i)};return o.on(e,a),()=>{o.off(e,a)}},[o,e,...n])}var Qo=require("polygon-editor"),Xo=require("zustand/vanilla");function Vn(e){let t=Math.max(...e.map(i=>i[0])),n=Math.min(...e.map(i=>i[0])),o=Math.max(...e.map(i=>i[1])),a=Math.min(...e.map(i=>i[1]));for(let i of e)if(i[0]!==n&&i[0]!==t&&i[1]!==a&&i[1]!==o||i[0]<n||i[0]>t||i[1]<a||i[1]>o)return!1;return!0}function je(e){if(!e)return null;if(e.points.length>2){let t=Math.min(...e.points.map(i=>i[0])),n=Math.min(...e.points.map(i=>i[1])),o=Math.max(0,...e.points.map(i=>i[0])),a=Math.max(0,...e.points.map(i=>i[1]));return{x:t,y:n,width:o-t,height:a-n}}return null}function ka(e){return e.type==="SvgSelector"}function Nn(e,t){if(ka(e)){let r=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}"><${r?"polygon":"polyline"} points="${e.points.map(m=>m.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(" ")}${r?" Z":""}' /></g></svg>`}}if(!e.spatial)return null;let{x:n,y:o,width:a,height:i}=e.spatial||{};return!a||!i?null:{type:"FragmentSelector",value:`xywh=${~~n},${~~o},${~~a},${~~i}`}}function Ln(e,t){if(!e||!e.points.length)return null;if(Vn(e.points)){let n=e.points.map(l=>l[0]),o=e.points.map(l=>l[1]),a=Math.min(...n),i=Math.min(...o),r=Math.max(...n)-a,s=Math.max(...o)-i;return Nn({type:"BoxSelector",spatial:{x:a,y:i,width:r,height:s}},t)}return Nn({type:"SvgSelector",points:e.points,svgShape:e.open?"polygon":"polyline"},t)}function Zo(e){if(e.type==="polygon"&&!e.noBox&&e.points&&Vn(e.points)){let n=je({open:!1,points:e.points||[]});return Zo({...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:je({points:e.points||[],open:!1}),metadata:{},arguments:e.arguments||{},target:Ln({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:Ln({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 Ma={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 Jo({events:e,enabledTools:t,keyboardShortcutMapping:n,keyboardShortcutsEnabled:o=!1,debug:a}){let i=(0,Xo.createStore)((s,l)=>{let c=null,u=(0,Qo.createHelper)({emitter:e,keyboardShortcutsEnabled:o,keyboardShortcutMapping:n,enabledTools:t,customSetState:d=>{a&&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:u.history,polygon:null,validRequestIds:[],metadata:{},stableViewport:null,canvasRelativePositions:{},canvasViewports:{},polygons:u,polygonState:Ma,setMetadata:(d,g)=>{let y=g||l().tool.requestId;y&&s(p=>({metadata:{...p.metadata,[y]:{...p.metadata[y]||{},...d}}}))},setToolCanvasId:d=>{s(g=>({tool:{...g.tool,canvasId:d}}))},switchTool:{pointer(){s({mode:"sketch"}),r.tools.setTool("pointer")},hand(){s({mode:"explore"}),r.tools.setTool("hand")},draw(){s({mode:"sketch"}),r.tools.setTool("pencil")},pen(){s({mode:"sketch"}),r.tools.setTool("pen")},line(){s({mode:"sketch"}),r.tools.setTool("line")},lineBox(){s({mode:"sketch"}),r.tools.setTool("lineBox")},box(){s({mode:"sketch"}),r.tools.setTool("box")},triangle(){s({mode:"sketch"}),r.tools.setTool("stamp"),r.stamps.triangle()},hexagon(){s({mode:"sketch"}),r.tools.setTool("stamp"),r.stamps.hexagon()},circle(){s({mode:"sketch"}),r.tools.setTool("stamp"),r.stamps.circle()},remove(){let d=l();d.tool.requestId&&(u.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(p=>p!==g)})),e.emit("atlas.request-cancelled",{id:g}))},requestAnnotation:async(d,g)=>{let p={...l().requests,[g.requestId]:d},S=Zo(d);a&&console.log("requestAnnotation",{response:S,request:d});try{let{points:v=[],open:f=!0}=S.polygon||{},{requestId:h,canvasId:x=null,toolId:C}=g,b=C,R=l(),P=R.validRequestIds.includes(h),D=S.requestType;return a&&console.log("setting points",{requestType:D,points:v,open:f}),!P||R.tool.enabled?null:(u.setShape({id:h,points:v,open:f}),D==="polygon"&&(b=b||"pen",u.tools.setTool("pen")),D==="draw"&&(b=b||"draw",u.tools.setTool("pencil")),D==="box"&&(b=b||"box",u.tools.setTool("box")),D==="target"?(b=b||"box",u.tools.setTool("box"),u.lockAspectRatio(),u.tools.lockToolSwitching(),u.tools.setCanDeselect(!1),u.tools.setCanDelete(!1)):(u.tools.unlockToolSwitching(),u.tools.setCanDeselect(!0),u.tools.setCanDelete(!0)),d.bounds&&u.setBounds(d.bounds),e.emit("atlas.annotation-request",{id:h}),s({polygon:{id:h,points:v,open:f},mode:"sketch",requestType:D,tool:{enabled:!0,requestId:h,canvasId:x},requests:p}),b?R.switchTool[b]?.():v.length===0&&R.switchTool.box(),(typeof d.selectByDefault>"u"&&v.length&&D==="box"||d.selectByDefault)&&R.switchTool.pointer(),new Promise(ye=>{let I=T=>{T.id===h&&(s(k=>({mode:"explore",tool:{requestId:null,enabled:!1,canvasId:null},requests:Object.fromEntries(Object.entries(k.requests).filter(([V])=>V!==h))})),e.off("atlas.request-cancelled",I),e.off("atlas.annotation-completed",H),ye(null))},H=T=>{T.id===h&&(s(k=>({mode:"explore",tool:{requestId:null,enabled:!1,canvasId:null},requests:Object.fromEntries(Object.entries(k.requests).filter(([V])=>V!==h))})),e.off("atlas.annotation-completed",H),e.off("atlas.request-cancelled",I),ye(T))};e.on("atlas.request-cancelled",I),e.on("atlas.annotation-completed",H)}))}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||{}:{},p=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:Ln(v,S),canvasId:l().tool.canvasId,boundingBox:je(v),metadata:p,arguments:{...y}}),u.setShape(null))},setAtlasRuntime:d=>{c=d,e.emit("atlas.ready",{runtime:d}),r.setScale(1/c._lastGoodScale),c.world.addLayoutSubscriber((g,y)=>{(g==="event-activation"||g==="zoom-to"||g==="go-home")&&c?._lastGoodScale&&!Number.isNaN(c._lastGoodScale)&&r.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()}}}),r=i.getState().polygons;return e.on("atlas.annotation-request",()=>{r.clock.start((s,l,c)=>{e.emit("atlas.polygon-render",{state:s,slowState:l,dt:c})},s=>{typeof s=="object"?i.setState({polygonState:s}):i.setState(l=>({polygonState:s(l.polygonState)}))})}),e.on("atlas.annotation-completed",()=>{r.clock.stop()}),e.on("atlas.request-cancelled",()=>{r.clock.stop()}),i}var On=require("react/jsx-runtime"),Ye=(0,de.createContext)(null);function Q(){return(0,de.useContext)(Ye)}var zn={};function nr(e="atlas"){return zn[e]?.getState()}function gt({children:e,name:t="atlas",existing:n,atlasStoreConfig:o}){let a=Ko(),i=(0,de.useContext)(Ye),r=(0,de.useMemo)(()=>n||i||Jo({events:a,...o||{}}),[a,n,i]),s=(0,tr.useStore)(r,l=>l.mode);return(0,de.useEffect)(()=>{let l=t;return l&&(zn[l]=r),()=>{l&&delete zn[l]}},[r,t]),(0,On.jsx)(Ye.Provider,{value:r,children:(0,On.jsx)(er.ModeContext.Provider,{value:s||"explore",children:e})})}var yt=require("@atlas-viewer/atlas"),hr=require("react");var ht=require("react"),Va=require("react/jsx-runtime");function Ea(){return{default:{backgroundColor:"rgba(0,0,0,0)",borderWidth:"2px",borderColor:"rgba(252,0,98, .5)"},highlighted:{backgroundColor:"rgba(75, 103, 225, 0.4)",borderWidth:"1px",borderColor:"rgba(75,103,225,0.99)"},hidden:{borderWidth:"0px",borderColor:"rgba(0,0,0,0)",backgroundColor:"rgba(0,0,0,0)",hidden:!0}}}var or=(0,ht.createContext)(Ea());or.displayName="AnnotationStyle";function rr(){return(0,ht.useContext)(or)}var sr=require("@iiif/helpers/annotation-targets"),lr=require("react");var Ke=require("react"),ir=require("zustand"),Na=(0,ir.create)()((e,t)=>{let n=new Map,o=()=>Math.random().toString(36).substring(2,15),a=i=>{let r=n.get(i);if(r)return r;let s=o();return n.set(i,s),s};return{stylesheets:{},loading:[],errors:[],async parseStylesheet(i){let{loadStylesheet:r,setStylesheet:s}=t();if(!i)return null;if(typeof i=="string")return i.startsWith("http")?{id:i,type:"CssStylesheet",value:await r(i)}:{id:s(i),type:"CssStylesheet",value:i};if(i.type==="CssStylesheet"){let l=i.id;if("value"in i){let c=Array.isArray(i.value)?i.value.join(`
+"use strict";var ua=Object.create;var Tt=Object.defineProperty;var ca=Object.getOwnPropertyDescriptor;var da=Object.getOwnPropertyNames;var ma=Object.getPrototypeOf,pa=Object.prototype.hasOwnProperty;var fa=(e,t)=>{for(var n in t)Tt(e,n,{get:t[n],enumerable:!0})},uo=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of da(t))!pa.call(e,a)&&a!==n&&Tt(e,a,{get:()=>t[a],enumerable:!(o=ca(t,a))||o.enumerable});return e};var J=(e,t,n)=>(n=e!=null?ua(ma(e)):{},uo(t||!e||!e.__esModule?Tt(n,"default",{value:e,enumerable:!0}):n,e)),ga=e=>uo(Tt({},"__esModule",{value:!0}),e);var ds={};fa(ds,{CanvasPanel:()=>q});module.exports=ga(ds);var De=require("react");var He=J(require("react"),1),co=require("react/jsx-runtime"),ha={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},wt=He.default.createContext(ha),oe=()=>(0,He.useContext)(wt);function ve({value:e,children:t}){let n=oe(),o=(0,He.useMemo)(()=>({...n,...e}),[e,n]);return(0,co.jsx)(wt.Provider,{value:o,children:t})}var mo=require("react/jsx-runtime");function ce({canvas:e,children:t}){return(0,mo.jsx)(ve,{value:{canvas:e},children:t})}var It=J(require("react"),1),ct=require("@iiif/helpers/vault");var Tn=require("react/jsx-runtime"),Ie=It.default.createContext({vault:null,setVaultInstance:e=>{}});function qe({vault:e,vaultOptions:t,useGlobal:n,resources:o,children:a}){let[i,r]=(0,It.useState)(()=>e||(n?(0,ct.globalVault)(t):t?new ct.Vault(t):new ct.Vault));return(0,Tn.jsx)(Ie.Provider,{value:{vault:i,setVaultInstance:r},children:(0,Tn.jsx)(ve,{value:o||{},children:a})})}var fo=require("react"),go=J(require("react"),1);var po=require("react"),M=()=>{let{vault:e}=(0,po.useContext)(Ie);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var kt=require("react");function E(e,t=[]){let n=M(),[o,a]=(0,kt.useState)(()=>e(n.getState(),n));return(0,kt.useEffect)(()=>n.subscribe(i=>e(i,n),i=>{a(i)},!1),t),o}var $e=go.default.createContext([]);function Mt(){let e=(0,fo.useContext)($e);return E(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var ho=require("@iiif/helpers/vault"),yo=require("react");function Fe(e){let t=(0,yo.useContext)(Ie);return e||(t&&t.vault?t.vault:(0,ho.globalVault)())}var vo=require("react");function $(e={},t=[]){let{id:n,selector:o}=e,a=oe(),i=M(),r=n||a.manifest,s=E(l=>r?l.iiif.entities.Manifest[r]:void 0,[r]);return(0,vo.useMemo)(()=>{if(s)return o?o(s):s},[s,o,...t])}var Uo=require("react"),Nt=require("react");var Se=require("react");function So(e,{noCache:t=!1}={}){let n=typeof e=="string"?e:e.id,o=Fe(),[a,i]=(0,Se.useState)(n),[r,s]=(0,Se.useState)(void 0),l=(0,Se.useMemo)(()=>o.get(n,{skipSelfReturn:!0})||void 0,[n,o]),[c,m]=(0,Se.useState)(l);return(0,Se.useEffect)(()=>{(async()=>{try{let u=l&&!t?l:await o.load(n),d=u?u.id||u["@id"]:null;u&&a!==d&&i(d),m(u)}catch(u){s(u)}})()},[n,t]),{isLoaded:!!c,id:a,requestId:n,error:r,resource:c,cached:!!(c&&c===l)}}function xo(e,t){let{id:n,isLoaded:o,error:a,resource:i,requestId:r,cached:s}=So(e,t);return{id:n,isLoaded:o,error:a,manifest:i,requestId:r,cached:s}}var bo=require("react/jsx-runtime");function Co({manifest:e,children:t}){return(0,bo.jsx)(ve,{value:{manifest:e},children:t})}var Ao=require("react/jsx-runtime");function Ro({range:e,children:t}){return(0,Ao.jsx)(ve,{value:{range:e},children:t})}function wn(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(...wn(e,e.get(o))),o.type==="SpecificResource"){let a=typeof o.source=="string"?o.source:o.source.id;n.push({id:a,type:"Canvas"})}return n}function Po(e,t,{disablePaging:n,skipNonPaged:o}={}){let a=t.behavior,i=a.includes("paged"),r=i?!1:a.includes("continuous"),s=i||r?!1:a.includes("individuals"),l=t.type==="Manifest"?t.items:wn(e,t);if(r)return[l,[l.map((y,p)=>p)]];if(s||!i||n)return[l,l.map((y,p)=>[p])];let c=[],m=[],u=()=>{m.length&&(c.push([...m]),m=[])},d=0,g=!1;for(let y=0;y<l.length;y++){let p=e.get(l[y]);if(p.behavior.includes("non-paged")){y===d&&d++,o||(u(),c.push([y]),u());continue}if(y===d||p.behavior.includes("facing-pages")){m.length&&(g=!0),u(),c.push([y]),u();continue}if(m.push(y),g){u(),g=!1;continue}m.length>1&&u()}return m.length&&u(),[l,c]}var re=require("react");var To=require("react");function wo(e={},t=[]){let{id:n,selector:o}=e,a=oe(),i=n||a.range,r=E(s=>i?s.iiif.entities.Range[i]:void 0,[i]);return(0,To.useMemo)(()=>{if(r)return o?o(r):r},[r,o,...t])}function Io({startCanvas:e,disablePaging:t}){let n=M(),o=$(),a=wo(),[i,r]=(0,re.useState)(void 0),s=a||o;if(!s)throw new Error("Nothing selected");let[l,c]=(0,re.useMemo)(()=>Po(n,s,{disablePaging:t}),[n,s,t]),m=(0,re.useRef)(c);if(m.current!==c){let S=m.current[i][0],v=c.findIndex(f=>f.includes(S));m.current=c,r(v)}let u=(0,re.useCallback)(p=>{let S=c.findIndex(v=>v.includes(p));r(S===-1?0:S)},[l,c]),d=(0,re.useCallback)(p=>{let S=l.findIndex(v=>v.id===p);S!==-1?u(S):r(0)},[l,c]),g=(0,re.useCallback)(()=>{r(p=>p>=c.length-1?p:p+1)},[c]),y=(0,re.useCallback)(()=>{r(p=>p<=0?0:p-1)},[c]);return typeof i>"u"&&(e?d(e):r(0)),{visibleItems:c[i]?.map(p=>l[p].id)||[],cursor:i,items:l,sequence:c,hasPrevious:i>0,hasNext:i<c.length-1,setSequenceIndex:r,setCanvasIndex:u,setCanvasId:d,next:g,previous:y}}var ae=require("react"),Et=require("zustand");var kn=require("zustand/vanilla");function ie(e,t,n){let o=t.findIndex(r=>r.service.id===e);if(o===-1)return t;let a=[...t],i=n(a[o]);return i===a[o]?t:(a[o]=i,a)}var Mo=()=>(0,kn.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(a=>a.type==="AuthAccessTokenService2");if(!o)throw new Error("Token service not found");e(()=>({authItems:ie(n.id,t().authItems,a=>({...a,isPending:!0}))})),ko(n.service).then(()=>{In(o).then(a=>{let i=a.expiresIn,r=Date.now()+i*1e3;e(()=>({authItems:ie(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:a.accessToken,expires:r}}))}))}).catch(a=>{e(()=>({authItems:ie(n.id,t().authItems,i=>({...i,isLoggedIn:!1,isPending:!1,error:a.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(r=>r.type==="AuthLogoutService2");if(!o)return;let a=`${o.id}?origin=${No()}`,i=window.open(a);e(()=>({authItems:ie(n.id,t().authItems,r=>({...r,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 a=n.service.find(s=>s.type==="AuthAccessTokenService2"),i=n;if(t().authItems.find(s=>s.service.id===n.id)){e(()=>({authItems:ie(n.id,t().authItems,s=>({...s,instances:s.instances+1}))}));return}if(e(()=>({currentAuth:i.profile==="active"?0:t().currentAuth,authItems:[{id:n.id,type:n.profile,service:n,probeId:o,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...t().authItems]})),n.profile==="external"){if(!a)throw new Error("Token service not found");In(a).then(s=>{e(()=>({authItems:ie(n.id,t().authItems,l=>({...l,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ie(n.id,t().authItems,l=>({...l,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:s.message}))}))})}if(n.profile==="kiosk"){if(!a)throw new Error("Token service not found");e(()=>({authItems:ie(n.id,t().authItems,s=>({...s,isPending:!0}))})),ko(i).then(()=>{In(a).then(s=>{e(()=>({authItems:ie(n.id,t().authItems,l=>({...l,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ie(n.id,t().authItems,l=>({...l,isLoggedIn:!1,isPending:!1,error:s.message}))}))})})}n.profile},removeService:(n,o)=>{let a=t().currentAuth===t().authItems.findIndex(r=>r.service.id===n.id),i=t().currentAuth;if(a){let r=t().authItems.find(l=>l.service.id===n.id);r&&r.instances>1||(i=t().authItems.findIndex(c=>c.service.id!==n.id&&c.instances>0))}e(()=>({authItems:ie(n.id,t().authItems,r=>({...r,instances:r.instances-1})),currentAuth:i}))}})),Eo=(e,t)=>(0,kn.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 a=o().service?.id;if(!a){n({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}n({status:"probing"});let i=o().token;try{let r=await fetch(a,{headers:i?{Authorization:`Bearer ${o().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(s=>s.json());if(r.status===200)n({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(r.status<400&&r.status>=300){if(!r.location)throw new Error("Redirect location not found");n({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:r.location||null})}else if(r.status===401)n({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!r.substitute,substituteResource:r.substitute||null,error:"Unauthorized",errorHeading:r.heading||{en:["Unauthorized"]},errorNote:r.note||null});else throw new Error("Unknown error")}catch(r){n({status:"error",error:r.message,errorHeading:{en:["Unknown error"]}})}},setToken(a){n({token:a})}}));function Vo(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 a=o.service.filter(i=>i.type==="AuthAccessService2");a[0]&&(n.services.access=a[0])}return n}async function In(e,{strict:t=!0}={}){return new Promise((n,o)=>{let a=Math.random().toString(36).substring(7),i=`${e.id}?messageId=${a}&origin=${window.location.origin}`,r=c=>{let m=c.data;if(m.messageId===a){if(t&&m.type!=="AuthAccessToken2"){s(),o("Invalid response, expected type=AuthAccessToken2");return}if(!m.accessToken){s(),o("Invalid response, expected accessToken");return}s(),n(m)}},s=()=>window.removeEventListener("message",r),l=document.createElement("iframe");l.src=i,l.style.display="none",document.body.appendChild(l),window.addEventListener("message",r)})}function No(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 ko(e){let t=`${e.id}?origin=${No()}`,n=window.open(t);if(!n)throw new Error("Failed to open window");return new Promise((o,a)=>{let i=setInterval(()=>{n.closed&&(clearInterval(i),o())},500)})}var We=require("react");var Lo=require("zustand");function zo(e){let t=(0,We.useMemo)(()=>Vo(e),[e]),n=Oo(t.services.access?.id),o=(0,We.useMemo)(()=>Eo(t.services.probe,n),[t.services.probe]),a=(0,Lo.useStore)(o);return(0,We.useEffect)(()=>{a.status==="unknown"&&!n&&a.probe()},[t.services.probe,a.status]),(0,We.useEffect)(()=>{n&&(a.setToken(n),a.probe())},[n]),[e,a,t.hasAuth]}var dt=require("react/jsx-runtime"),Ue=(0,ae.createContext)(null),ya=(0,ae.createContext)(null);ya.displayName="CurrentAuth";var va=(0,ae.createContext)(null);va.displayName="AuthActions";function Bo({children:e}){let t=(0,ae.useMemo)(()=>Mo(),[]);return(0,dt.jsx)(Ue.Provider,{value:t,children:e})}function Do(){return!!(0,ae.useContext)(Ue)}function En(){let e=(0,ae.useContext)(Ue);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function Sa(){let e=En();return(0,Et.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 xa(e){let t=En();return(0,Et.useStore)(t,o=>o.authItems.find(a=>a.service.id===e))}function Oo(e){let t=En();return(0,Et.useStore)(t,o=>o.authItems.find(a=>a.id===e)?.session?.token)}function Ca(e){let t=Sa(),n=xa(e.service.id);return(0,ae.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function Mn(){return null}function Ho(e){let[t,n,o]=zo(e.resource),a=e.fallbackComponent||Mn,i=e.loadingComponent||Mn,r=e.errorComponent||Mn,s=n.service,l=null;if(!o||!s)return e.children(t);let c=s.service.filter(m=>m.type==="AuthAccessService2");n.status==="error"&&(l=(0,dt.jsx)(r,{resource:e.resource,error:n.error||"",heading:n.errorHeading,note:n.errorNote,extra:e.extra})),(n.status==="unknown"||n.status==="probing")&&(l=(0,dt.jsx)(i,{})),n.status==="success"&&(l=e.children(t));for(let m of c)l=(0,dt.jsx)(Ca,{service:m,probeId:s.id,children:l},m.id);return l}var mt=require("react");var qo=require("zustand/vanilla"),ba=e=>e.id||e["@id"];function Ra(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 $o=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?ba(t):void 0,o=null;return(0,qo.createStore)((a,i)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!Ra(t):!1,errorMessage:"",search(r,s={}){if(!n)throw new Error("No search service found.");o&&!o.signal.aborted&&o.abort(),o=new AbortController;let l=new URLSearchParams;r.q&&l.set("q",r.q),r.motivation&&l.set("motivation",r.motivation),r.date&&l.set("date",r.date),r.user&&l.set("user",r.user),a({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 m=await c.json();a({resources:m.resources,error:!1,errorMessage:""})}else a({resources:[],error:!0,errorMessage:c.statusText})})},clearSearch(){a({resources:[],error:!1,errorMessage:""})},highlightResult(r){let s=i().resources.find(l=>l["@id"]===r);a({highlight:s})},nextResult(){let r=i().resources,s=i().highlight;if(!s){a({highlight:r[0]||null});return}let l=r.findIndex(c=>c["@id"]===s["@id"]);if(l===-1){a({highlight:r[0]||null});return}a({highlight:r[l+1]||r[0]||null})},previousResult(){let r=i().resources,s=i().highlight;if(!s){a({highlight:r[r.length-1]||null});return}let l=r.findIndex(c=>c["@id"]===s["@id"]);if(l===-1){a({highlight:r[r.length-1]||null});return}if(l===0){a({highlight:r[r.length-1]||null});return}a({highlight:r[l-1]||r[r.length-1]||null})}}))};var Aa=require("zustand");function Fo(){let e=$();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var Vt=require("react/jsx-runtime"),_e=(0,mt.createContext)(null);_e.displayName="Search";function Wo(e){let t=Fo();return e.store?(0,Vt.jsx)(_e.Provider,{value:e.store,children:e.children}):(0,Vt.jsx)(Pa,{service:t,children:e.children})}function Pa({service:e,children:t}){let n=(0,mt.useMemo)(()=>$o(e),[e]);return(0,Vt.jsx)(_e.Provider,{value:n,children:t})}var G=require("react/jsx-runtime"),pt=()=>{},ft=(0,Nt.createContext)({setCurrentCanvasId:pt,setCurrentCanvasIndex:pt,nextCanvas:pt,previousCanvas:pt,items:[],sequence:[],setSequenceIndex:pt,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function Ta(e){let t=$(),{cursor:n,visibleItems:o,next:a,sequence:i,items:r,setCanvasIndex:s,setCanvasId:l,previous:c,setSequenceIndex:m,hasNext:u,hasPrevious:d}=Io({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),g=(0,Nt.useMemo)(()=>({sequence:i,items:r,setCurrentCanvasId:l,nextCanvas:a,previousCanvas:c,totalCanvases:r.length,setCurrentCanvasIndex:s,setSequenceIndex:m,currentSequenceIndex:n,hasNext:u,hasPrevious:d}),[i,r,l,a,c,r,s,m,n]);return t?o.length===0?null:(0,G.jsx)(ft.Provider,{value:g,children:(0,G.jsx)($e.Provider,{value:o,children:(0,G.jsx)(ce,{canvas:o[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,G.jsx)("div",{children:"Sorry, something went wrong."}))}function _o(e){let t=Fe(e.vault),n=xo(e.manifest);if(!n)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,G.jsx)("div",{children:"Sorry, something went wrong."});if(n.error)return(0,G.jsx)("div",{children:n.error.toString()});if(!n.isLoaded)return(0,G.jsx)("div",{children:"Loading..."});let o=(0,G.jsx)(Ta,{...e,children:e.children});return(0,G.jsx)(qe,{vault:t,children:(0,G.jsx)(Co,{manifest:n.id,children:(0,G.jsx)(Bo,{children:(0,G.jsx)(Wo,{children:e.rangeId?(0,G.jsx)(Ro,{range:e.rangeId,children:o}):o})})})})}function Lt(){return(0,Uo.useContext)(ft)}var er=require("@atlas-viewer/atlas"),de=require("react"),tr=require("zustand");var jo=J(require("mitt"),1),ke=require("react"),Ia=require("react/jsx-runtime"),wa=(0,jo.default)(),Yo=(0,ke.createContext)(wa);function Ko(){return(0,ke.useContext)(Yo)}function Go(e,t,n=[]){let o=(0,ke.useContext)(Yo);(0,ke.useEffect)(()=>{let a=i=>{t(i)};return o.on(e,a),()=>{o.off(e,a)}},[o,e,...n])}var Qo=require("polygon-editor"),Xo=require("zustand/vanilla");function Vn(e){let t=Math.max(...e.map(i=>i[0])),n=Math.min(...e.map(i=>i[0])),o=Math.max(...e.map(i=>i[1])),a=Math.min(...e.map(i=>i[1]));for(let i of e)if(i[0]!==n&&i[0]!==t&&i[1]!==a&&i[1]!==o||i[0]<n||i[0]>t||i[1]<a||i[1]>o)return!1;return!0}function je(e){if(!e)return null;if(e.points.length>2){let t=Math.min(...e.points.map(i=>i[0])),n=Math.min(...e.points.map(i=>i[1])),o=Math.max(0,...e.points.map(i=>i[0])),a=Math.max(0,...e.points.map(i=>i[1]));return{x:t,y:n,width:o-t,height:a-n}}return null}function ka(e){return e.type==="SvgSelector"}function Nn(e,t){if(ka(e)){let r=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}"><${r?"polygon":"polyline"} points="${e.points.map(m=>m.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(" ")}${r?" Z":""}' /></g></svg>`}}if(!e.spatial)return null;let{x:n,y:o,width:a,height:i}=e.spatial||{};return!a||!i?null:{type:"FragmentSelector",value:`xywh=${~~n},${~~o},${~~a},${~~i}`}}function Ln(e,t){if(!e||!e.points.length)return null;if(Vn(e.points)){let n=e.points.map(l=>l[0]),o=e.points.map(l=>l[1]),a=Math.min(...n),i=Math.min(...o),r=Math.max(...n)-a,s=Math.max(...o)-i;return Nn({type:"BoxSelector",spatial:{x:a,y:i,width:r,height:s}},t)}return Nn({type:"SvgSelector",points:e.points,svgShape:e.open?"polygon":"polyline"},t)}function Zo(e){if(e.type==="polygon"&&!e.noBox&&e.points&&Vn(e.points)){let n=je({open:!1,points:e.points||[]});return Zo({...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:je({points:e.points||[],open:!1}),metadata:{},arguments:e.arguments||{},target:Ln({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:Ln({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 Ma={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 Jo({events:e,enabledTools:t,keyboardShortcutMapping:n,keyboardShortcutsEnabled:o=!1,debug:a}){let i=(0,Xo.createStore)((s,l)=>{let c=null,u=(0,Qo.createHelper)({emitter:e,keyboardShortcutsEnabled:o,keyboardShortcutMapping:n,enabledTools:t,customSetState:d=>{a&&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},runtime:null,requestType:null,requests:{},history:u.history,polygon:null,validRequestIds:[],metadata:{},stableViewport:null,canvasRelativePositions:{},canvasViewports:{},polygons:u,polygonState:Ma,setMetadata:(d,g)=>{let y=g||l().tool.requestId;y&&s(p=>({metadata:{...p.metadata,[y]:{...p.metadata[y]||{},...d}}}))},setToolCanvasId:d=>{s(g=>({tool:{...g.tool,canvasId:d}}))},switchTool:{pointer(){s({mode:"sketch"}),r.tools.setTool("pointer")},hand(){s({mode:"explore"}),r.tools.setTool("hand")},draw(){s({mode:"sketch"}),r.tools.setTool("pencil")},pen(){s({mode:"sketch"}),r.tools.setTool("pen")},line(){s({mode:"sketch"}),r.tools.setTool("line")},lineBox(){s({mode:"sketch"}),r.tools.setTool("lineBox")},box(){s({mode:"sketch"}),r.tools.setTool("box")},triangle(){s({mode:"sketch"}),r.tools.setTool("stamp"),r.stamps.triangle()},hexagon(){s({mode:"sketch"}),r.tools.setTool("stamp"),r.stamps.hexagon()},circle(){s({mode:"sketch"}),r.tools.setTool("stamp"),r.stamps.circle()},remove(){let d=l();d.tool.requestId&&(u.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(p=>p!==g)})),e.emit("atlas.request-cancelled",{id:g}))},requestAnnotation:async(d,g)=>{let p={...l().requests,[g.requestId]:d},S=Zo(d);a&&console.log("requestAnnotation",{response:S,request:d});try{let{points:v=[],open:f=!0}=S.polygon||{},{requestId:h,canvasId:x=null,toolId:C}=g,b=C,R=l(),P=R.validRequestIds.includes(h),D=S.requestType;return a&&console.log("setting points",{requestType:D,points:v,open:f}),!P||R.tool.enabled?null:(u.setShape({id:h,points:v,open:f}),D==="polygon"&&(b=b||"pen",u.tools.setTool("pen")),D==="draw"&&(b=b||"draw",u.tools.setTool("pencil")),D==="box"&&(b=b||"box",u.tools.setTool("box")),D==="target"?(b=b||"box",u.tools.setTool("box"),u.lockAspectRatio(),u.tools.lockToolSwitching(),u.tools.setCanDeselect(!1),u.tools.setCanDelete(!1)):(u.tools.unlockToolSwitching(),u.tools.setCanDeselect(!0),u.tools.setCanDelete(!0)),d.bounds&&u.setBounds(d.bounds),e.emit("atlas.annotation-request",{id:h}),s({polygon:{id:h,points:v,open:f},mode:"sketch",requestType:D,tool:{enabled:!0,requestId:h,canvasId:x},requests:p}),b?R.switchTool[b]?.():v.length===0&&R.switchTool.box(),(typeof d.selectByDefault>"u"&&v.length&&D==="box"||d.selectByDefault)&&R.switchTool.pointer(),new Promise(ye=>{let I=T=>{T.id===h&&(s(k=>({mode:"explore",tool:{requestId:null,enabled:!1,canvasId:null},requests:Object.fromEntries(Object.entries(k.requests).filter(([V])=>V!==h))})),e.off("atlas.request-cancelled",I),e.off("atlas.annotation-completed",H),ye(null))},H=T=>{T.id===h&&(s(k=>({mode:"explore",tool:{requestId:null,enabled:!1,canvasId:null},requests:Object.fromEntries(Object.entries(k.requests).filter(([V])=>V!==h))})),e.off("atlas.annotation-completed",H),e.off("atlas.request-cancelled",I),ye(T))};e.on("atlas.request-cancelled",I),e.on("atlas.annotation-completed",H)}))}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||{}:{},p=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:Ln(v,S),canvasId:l().tool.canvasId,boundingBox:je(v),metadata:p,arguments:{...y}}),u.setShape(null))},setAtlasRuntime:d=>{c=d,e.emit("atlas.ready",{runtime:d}),r.setScale(1/c._lastGoodScale),c.world.addLayoutSubscriber((g,y)=>{(g==="event-activation"||g==="zoom-to"||g==="go-home")&&c?._lastGoodScale&&!Number.isNaN(c._lastGoodScale)&&r.setScale(1/c._lastGoodScale)}),s({runtime:c})},clearAtlasRuntime:()=>{c=null,s({stableViewport:null,runtime: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()}}}),r=i.getState().polygons;return e.on("atlas.annotation-request",()=>{r.clock.start((s,l,c)=>{e.emit("atlas.polygon-render",{state:s,slowState:l,dt:c})},s=>{typeof s=="object"?i.setState({polygonState:s}):i.setState(l=>({polygonState:s(l.polygonState)}))})}),e.on("atlas.annotation-completed",()=>{r.clock.stop()}),e.on("atlas.request-cancelled",()=>{r.clock.stop()}),i}var On=require("react/jsx-runtime"),Ye=(0,de.createContext)(null);function Q(){return(0,de.useContext)(Ye)}var zn={};function nr(e="atlas"){return zn[e]?.getState()}function gt({children:e,name:t="atlas",existing:n,atlasStoreConfig:o}){let a=Ko(),i=(0,de.useContext)(Ye),r=(0,de.useMemo)(()=>n||i||Jo({events:a,...o||{}}),[a,n,i]),s=(0,tr.useStore)(r,l=>l.mode);return(0,de.useEffect)(()=>{let l=t;return l&&(zn[l]=r),()=>{l&&delete zn[l]}},[r,t]),(0,On.jsx)(Ye.Provider,{value:r,children:(0,On.jsx)(er.ModeContext.Provider,{value:s||"explore",children:e})})}var yt=require("@atlas-viewer/atlas"),hr=require("react");var ht=require("react"),Va=require("react/jsx-runtime");function Ea(){return{default:{backgroundColor:"rgba(0,0,0,0)",borderWidth:"2px",borderColor:"rgba(252,0,98, .5)"},highlighted:{backgroundColor:"rgba(75, 103, 225, 0.4)",borderWidth:"1px",borderColor:"rgba(75,103,225,0.99)"},hidden:{borderWidth:"0px",borderColor:"rgba(0,0,0,0)",backgroundColor:"rgba(0,0,0,0)",hidden:!0}}}var or=(0,ht.createContext)(Ea());or.displayName="AnnotationStyle";function rr(){return(0,ht.useContext)(or)}var sr=require("@iiif/helpers/annotation-targets"),lr=require("react");var Ke=require("react"),ir=require("zustand"),Na=(0,ir.create)()((e,t)=>{let n=new Map,o=()=>Math.random().toString(36).substring(2,15),a=i=>{let r=n.get(i);if(r)return r;let s=o();return n.set(i,s),s};return{stylesheets:{},loading:[],errors:[],async parseStylesheet(i){let{loadStylesheet:r,setStylesheet:s}=t();if(!i)return null;if(typeof i=="string")return i.startsWith("http")?{id:i,type:"CssStylesheet",value:await r(i)}:{id:s(i),type:"CssStylesheet",value:i};if(i.type==="CssStylesheet"){let l=i.id;if("value"in i){let c=Array.isArray(i.value)?i.value.join(`
 `):i.value;if(c)return{id:s(c,l),type:"CssStylesheet",value:c}}if("id"in i&&i.id){let c=await r(i.id);return{id:i.id,type:"CssStylesheet",value:c}}}return null},async loadStylesheet(i){if(t().loading.includes(i))return"";try{let s=await fetch(i);if(!s.ok)throw new Error(`Failed to load stylesheet from ${i}`);let l=await s.text();return e(c=>({stylesheets:{...c.stylesheets,[i]:l}})),l}catch(s){return e(l=>({errors:[...l.errors,{url:i,error:s}]})),""}},setStylesheet(i,r){let s=r||a(i);return e(l=>({stylesheets:{...l.stylesheets,[s]:i}})),s}}});function ar(e){let[t,n]=(0,Ke.useState)(""),{loading:o,errors:a,stylesheets:i,parseStylesheet:r}=Na();return(0,Ke.useEffect)(()=>{e&&r(e).then(l=>{l?.id&&n(l.id)})},[e,r]),[(0,Ke.useMemo)(()=>{let l={};return t&&i[t]&&(l[t]=i[t]),l},[t,i]),{id:t,stylesheets:i,loading:o,errors:a}]}function zt(e={},t=[]){let{id:n,selector:o}=e,a=oe(),i=M(),r=n||a.annotation,s=E(m=>r?m.iiif.entities.Annotation[r]:void 0,[r]),[l]=ar(s?.stylesheet),c=E(m=>s&&s.body?s.body.map(u=>u?u.type==="SpecificResource"?{...u,source:i.get(u)}:u?m.iiif.entities[u.type][u.id]:null:null).filter(Boolean):[],[s]);return(0,lr.useMemo)(()=>{if(!s)return;let m={...s,body:c,target:(0,sr.expandTarget)(s.target,{typeMap:i.getState().iiif.mapping,loadedStylesheets:l})};return o?o(m):m},[s,o,c,l,...t])}var ur=require("react");function A(e={},t=[]){let{id:n,selector:o}=e,a=oe(),i=n||a.canvas,r=E(s=>i?s.iiif.entities.Canvas[i]:void 0,[i]);return(0,ur.useMemo)(()=>{if(r)return o?o(r):r},[r,o,...t])}var Bn=require("react"),cr=require("@iiif/helpers/events");function Ot(e,t){let n=M(),o=(0,Bn.useMemo)(()=>(0,cr.createEventsHelper)(n),[n]),a=E(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,Bn.useMemo)(()=>e?o.getListenersAsProps(e,t):{},[a,e,n,t])}var dr=require("react"),mr=require("@iiif/helpers/styles");function Ge(e,t){let n=M(),o=(0,dr.useMemo)(()=>(0,mr.createStylesHelper)(n),[n]);return E(()=>{if(!e)return null;let a=o.getAppliedStyles(e.id);return a?t?a[t]:a:void 0},[e,t])}var fr=require("react");var Bt=require("@atlas-viewer/atlas"),ue=require("react"),B=require("react/jsx-runtime");function pr({handleSize:e,resizable:t,onSave:n,children:o,maintainAspectRatio:a,disableCardinalControls:i,aspectRatio:r,...s}){let l=typeof e>"u"?a?12:8:e,{portalRef:c,mode:m,mouseEvent:u,isEditing:d}=(0,Bt.useResizeWorldItem)({x:s.x||0,y:s.y||0,width:s.width,height:s.height,aspectRatio:r,maintainAspectRatio:a},n),g=(0,ue.useMemo)(()=>u("translate"),[u]),y=(0,ue.useMemo)(()=>u("east"),[u]),p=(0,ue.useMemo)(()=>u("west"),[u]),S=(0,ue.useMemo)(()=>u("south"),[u]),v=(0,ue.useMemo)(()=>u("north"),[u]),f=(0,ue.useMemo)(()=>u("south-east"),[u]),h=(0,ue.useMemo)(()=>u("south-west"),[u]),x=(0,ue.useMemo)(()=>u("north-east"),[u]),C=(0,ue.useMemo)(()=>u("north-west"),[u]),b=m==="sketch",R={zIndex:999,boxShadow:"0px 2px 3px 0 rgba(0,0,0,0.2)",outline:"2px solid rgba(155,155,155,.7)",borderRadius:a||i?"50%":2,position:"absolute",background:"#fff",pointerEvents:d?"none":b?"initial":"none"};return(0,B.jsx)(B.Fragment,{children:(0,B.jsxs)("world-object",{...s,children:[o,b&&t?(0,B.jsx)(Bt.HTMLPortal,{ref:c,target:{x:0,y:0,height:s.height,width:s.width},relative:!0,interactive:!1,children:b&&t?(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{onMouseDown:g,onTouchStart:g,style:{display:"block",width:"100%",height:"100%",cursor:"move",border:"1px solid rgba(255,255,255, .7)",outline:"2px solid rgba(155,155,155, .7)",boxSizing:"border-box",pointerEvents:d?"none":b?"initial":"none"}}),a?null:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{title:"east",onTouchStart:y,onMouseDown:y,style:{...R,cursor:"e-resize",height:l*2,width:l,right:0,top:"50%",opacity:i?0:1,transform:`translate(${l/2}px, -${l}px)`}}),(0,B.jsx)("div",{title:"west",onMouseDown:p,style:{...R,cursor:"w-resize",position:"absolute",height:l*2,width:l,left:0,top:"50%",opacity:i?0:1,transform:`translate(-${l/2}px, -${l}px)`}}),(0,B.jsx)("div",{title:"north",onMouseDown:v,style:{...R,cursor:"n-resize",position:"absolute",height:l,width:l*2,left:"50%",top:0,opacity:i?0:1,transform:`translate(-${l}px, -${l/2}px)`}}),(0,B.jsx)("div",{title:"south",onMouseDown:S,style:{...R,cursor:"s-resize",position:"absolute",height:l,width:l*2,left:"50%",bottom:0,opacity:i?0:1,transform:`translate(-${l}px, ${l/2}px)`}})]}),(0,B.jsx)("div",{title:"north-east",onMouseDown:x,style:{...R,cursor:"ne-resize",position:"absolute",height:l,width:l,right:0,top:0,transform:`translate(${l/2}px, -${l/2}px)`}}),(0,B.jsx)("div",{title:"south-east",onMouseDown:f,style:{...R,cursor:"se-resize",position:"absolute",height:l,width:l,bottom:0,right:0,transform:`translate(${l/2}px, ${l/2}px)`}}),(0,B.jsx)("div",{title:"south-west",onMouseDown:h,style:{...R,cursor:"sw-resize",position:"absolute",height:l,width:l,bottom:0,left:0,transform:`translate(-${l/2}px, ${l/2}px)`}}),(0,B.jsx)("div",{title:"north-west",onMouseDown:C,style:{...R,cursor:"nw-resize",position:"absolute",height:l,width:l,top:0,left:0,transform:`translate(-${l/2}px, -${l/2}px)`}})]}):null}):null]})})}var Dn=require("react/jsx-runtime");function gr({id:e,interactive:t,region:n,onClick:o,onHover:a,onSave:i,aspectRatio:r,maintainAspectRatio:s,disableCardinalControls:l,isEditing:c,style:m={backgroundColor:"rgba(0,0,0,.5)"}}){let u=(0,fr.useCallback)(d=>{c&&i?.({id:n.id,x:n.x,y:n.y,height:n.height,width:n.width,...d})},[i,c,n.id,n.x,n.y,n.height,n.width]);return(0,Dn.jsx)(pr,{id:e,x:n.x,y:n.y,width:n.width,aspectRatio:r,height:n.height,resizable:c,onSave:u,maintainAspectRatio:s,disableCardinalControls:l,children:(0,Dn.jsx)("box",{interactive:t,onClick:d=>{d.preventDefault(),d.stopPropagation(),o?.(n)},relativeStyle:!0,onMouseEnter:()=>{a?.(n)},target:{x:0,y:0,width:n.width,height:n.height},style:m})})}var yr=require("react/jsx-runtime"),Qe=({id:e,style:t,className:n,interactive:o,targetId:a,ignoreTargetId:i})=>{let r=zt({id:e}),s=Ge(r,"atlas"),l=Ge(r,"html"),c=Ot(r,["atlas"]),m=A(),u=rr(),d=(0,hr.useMemo)(()=>(0,yt.mergeStyles)((0,yt.mergeStyles)((0,yt.mergeStyles)((0,yt.mergeStyles)(t,s),r?.motivation?.includes("highlighting")?u.highlighted:u.default),r?.target?.selector?.boxStyle||{})),[t,s,u,r?.motivation,r?.target]),g=a||m?.id;return m&&r&&r.target&&r.target.selector&&(r.target.selector.type==="BoxSelector"||r.target.selector.type==="SvgSelector")&&r.target.source&&(i?!0:r.target.source.id===g||r.target.source===g)?(0,yr.jsx)(gr,{id:r.id,isEditing:!0,region:r.target.selector.spatial,style:d,className:l?.className||n,interactive:!!(l?.href||o),href:l?.href||null,title:l?.title||null,hrefTarget:l?.target||null,onClick:()=>{},...c}):null};var xr=require("react");var vr=require("react");function Sr(e={},t=[]){let{id:n,selector:o}=e,a=oe(),i=n||a.annotationPage,r=E(s=>i?s.iiif.entities.AnnotationPage[i]:void 0,[i]);return(0,vr.useMemo)(()=>{if(r)return o?o(r):r},[r,...t])}var Hn=require("react/jsx-runtime"),Me=({className:e,page:t,targetId:n,ignoreTargetId:o})=>{let a=Sr({id:t.id})||t,i=Ge(a,"atlas"),r=Ge(a,"html");return E(s=>a.id?s.iiif.entities.AnnotationPage[a.id]:null,[]),(0,Hn.jsx)(xr.Fragment,{children:a.items?.map(s=>(0,Hn.jsx)(Qe,{id:s.id,style:i,className:r?.className||e,targetId:n,ignoreTargetId:o},s.id))})};var vt=require("react"),Dt=require("react/jsx-runtime"),La=(0,vt.createContext)(null),za=(0,vt.createContext)(null),Oa=(0,vt.createContext)(null);function Ht({actions:e,state:t,children:n,currentTime:o,progress:a,element:i}){return(0,Dt.jsx)(Oa.Provider,{value:{currentTime:o,progress:a,element:i},children:(0,Dt.jsx)(za.Provider,{value:e,children:(0,Dt.jsx)(La.Provider,{value:t,children:n})})})}var Cr=require("react");var br=require("@iiif/helpers");function qt(){let e=$(),t=A();return(0,Cr.useMemo)(()=>{if(!e||!t||!e.start)return null;let n=(0,br.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 Rr(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function Ba(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 qn(e){let t=Math.round(e);return`${Math.floor(t/60)}:${`${t%60}`.padStart(2,"0")}`}function Xe(e){let[t,n]=(0,z.useReducer)(Ba,Rr(e.duration));(0,z.useEffect)(()=>{n({type:"RESET",state:Rr(e.duration)})},[e.duration]);let o=(0,z.useRef)(null),a=(0,z.useRef)(null),i=(0,z.useRef)(null),r=(0,z.useRef)(!1),s=(0,z.useCallback)(()=>{a.current&&o.current&&(a.current.innerHTML=qn(o.current.currentTime),i.current&&(i.current.style.width=`${o.current.currentTime/e.duration*100}%`),r.current!==o.current.muted&&(r.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():m())},[s]),m=(0,z.useCallback)(()=>{o.current&&(o.current.pause(),n({type:"PAUSE"}),s())},[s]),u=(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}))},[]),p=(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 f=typeof v=="function"?v(o.current.currentTime):v;o.current.currentTime=Math.max(0,Math.min(f,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"})},f=o.current;return f?.addEventListener("ended",v),()=>f?.removeEventListener("ended",v)},[]),[{element:o,currentTime:a,progress:i},t,{play:l,pause:m,playPause:c,mute:d,unmute:g,toggleMute:u,setVolume:y,setDurationPercent:p,setTime:S}]}var Ee=require("react"),$n=(0,Ee.createContext)(()=>{}),Fn=(0,Ee.createContext)(()=>{});function j(e,t,n,o,a=[]){let i=(0,Ee.useContext)(e==="portal"?Fn:$n);(0,Ee.useEffect)(()=>(e!=="none"&&i(t,n,o),()=>{i(t,null)}),[t,e,i,...a])}var Ft=require("react/jsx-runtime");function Wn({media:e,startTime:t,children:n}){let[{element:o,currentTime:a,progress:i},r,s]=Xe({duration:e.duration}),l=t?`${e.url}#t=${t}`:e.url;return(0,Ft.jsxs)(Ht,{state:r,actions:s,currentTime:a,progress:i,element:o,children:[(0,Ft.jsx)("audio",{ref:o,src:l}),n]},e.url)}function $t({media:e,mediaControlsDeps:t,audioCopmonent:n=Wn,children:o}){let a=qt();return j("portal","audio",n,{media:e,startTime:a?a.startTime:null,children:o},[e,a,...t||[]]),null}var Wt=require("react"),Ve=(0,Wt.createContext)(null);Ve.displayName="Strategy";function O(){let e=(0,Wt.useContext)(Ve);if(!e)throw new Error("useStrategy must be used within a StrategyProvider");return e}var xe=require("react/jsx-runtime");function Un({model:e}){return(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)("style",{children:`
             .model-container {
               position: absolute;
@@ -44,4 +44,4 @@
               width: 100%;
               object-fit: contain;
             }
-          `}),(0,Ct.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 gi({media:e,mediaControlsDeps:t,children:n}){let[{element:o,currentTime:a,progress:i},r,s]=Xe({duration:e.duration});return j("overlay","video-element",Qa,{element:o,media:e,playPause:s.playPause}),null}var ln=require("react/jsx-runtime");function hi(){let{strategy:e}=O(),{renderMediaControls:t,mediaControlsDeps:n}=X();return e.type!=="media"||e.media.type!=="VideoYouTube"?null:(0,ln.jsxs)(gi,{media:e.media,mediaControlsDeps:n,children:[(0,ln.jsx)(et,{}),t?t(e):null]})}var hn=require("react"),le=require("zustand");var cn=require("@atlas-viewer/atlas"),Pe=require("react");var vi=require("polygon-editor"),F=require("react");var un=require("zustand");function yi(e){let t=Q(),n=(0,un.useStore)(t,i=>i.polygons),o=(0,un.useStore)(t,i=>i.polygonState),a=(0,un.useStore)(t,i=>i.polygon);return Go("atlas.polygon-render",({state:i,slowState:r,dt:s})=>{e(i,r,s)}),{currentShape:a,state:o,helper:n}}var w=require("react/jsx-runtime"),ge=(0,vi.createSvgHelpers)(),Xa={shapeFill:"#ffffff33",shapeStroke:"#000",lineStroke:"#000",ghostLineStroke:"#0F0",activeLineStroke:"#4D7EEA",boundingBoxDottedStroke:"#0007",boundingBoxStroke:"#fffA",controlFill:"#fff"};function Si(e){let{image:t}=e,n={...Xa,...e.theme||{}},o=(0,F.useRef)(),a=(0,F.useRef)(),i=(0,F.useRef)(),r=(0,F.useRef)(),s=(0,F.useRef)(),l=(0,F.useRef)(),c=(0,F.useRef)(),m=(0,F.useRef)(),u=(0,F.useRef)(),d=(0,F.useRef)(),[g,y]=(0,F.useState)(null),[p,S]=(0,F.useState)(!1),{helper:v,state:f,currentShape:h}=yi((I,H)=>{if(I.closestLineIndex,ge.updateTransitionBoundingBox(i.current,I,H),ge.updateBoundingBoxPolygon(o.current,I,H),ge.updateBoundingBoxPolygon(a.current,I,H),ge.updateTransitionShape(c.current,I,H),ge.updateClosestLinePointTransform(s.current,I,H),ge.updateSelectBox(r.current,I,H),ge.updatePointLine(m.current,I,H),ge.updateDrawPreview(l.current,I,H,3),ge.updateLineBox(u.current,I),y(I.transitionDirection),S(I.transitionRotate),I.closestLineIndex!==-1&&d.current){let T=I.polygon,k=T.points[I.closestLineIndex],V=T.points[(I.closestLineIndex+1)%T.points.length];k&&V&&d.current.setAttribute("points",`${k[0]},${k[1]} ${V[0]},${V[1]}`)}});(0,F.useEffect)(()=>{let I=()=>{v.modifiers.reset()};return document.addEventListener("mouseleave",I),()=>{document.removeEventListener("mouseleave",I)}},[]);let x=(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("marker",{id:"dot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:[(0,w.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.lineStroke,className:"marker"}),(0,w.jsx)("circle",{cx:"5",cy:"5",r:"3",fill:n.controlFill})]}),(0,w.jsx)("marker",{id:"newdot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,w.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.activeLineStroke,className:"marker"})}),(0,w.jsxs)("marker",{id:"selected",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:[(0,w.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.lineStroke}),(0,w.jsx)("circle",{cx:"5",cy:"5",r:"3",fill:n.activeLineStroke})]}),(0,w.jsxs)("marker",{id:"resizer",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"6",markerHeight:"6",children:[(0,w.jsx)("rect",{width:"10",height:"10",fill:n.lineStroke}),(0,w.jsx)("rect",{x:"1",y:"1",width:"8",height:"8",fill:n.controlFill})]})]}),C=h?h.open?"polyline":"polygon":null,b=!f.showBoundingBox&&f.closestPoint!==null&&f.actionIntentType==="select-point",R=f.actionIntentType==="add-open-point",P=f.transitionIntentType==="split-line",D=f.transitioning&&f.selectedStamp&&f.transitionIntentType==="stamp-shape",ye=h&&C?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(C,{fill:(!f.transitioning||f.transitionIntentType==="select-multiple-points")&&!h.open?n.shapeFill:"none",strokeWidth:D||f.showBoundingBox&&f.boxMode||f.transitioning&&f.transitionIntentType==="split-line"||f.transitioning&&f.transitionIntentType==="move-point"?0:2,stroke:n.shapeStroke,points:h.points.map(I=>I.join(",")).join(" "),vectorEffect:"non-scaling-stroke",markerStart:f.showBoundingBox?void 0:f.boxMode?"url(#resizer)":"url(#dot)",markerMid:f.showBoundingBox?void 0:f.boxMode?"url(#resizer)":"url(#dot)",markerEnd:f.showBoundingBox?void 0:f.boxMode?"url(#resizer)":"url(#dot)",style:{pointerEvents:"none"},opacity:f.transitioning&&f.transitionIntentType==="move-shape"?0:1}),f.currentTool==="lineBox"&&f.actionIntentType==="close-line-box"?(0,w.jsx)("polygon",{fill:n.shapeFill,ref:u,stroke:n.lineStroke,strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,f.transitionIntentType==="draw-shape"&&f.transitioning?(0,w.jsx)("polyline",{ref:l,fill:"none",stroke:n.activeLineStroke,strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,!(f.transitioning&&f.transitionIntentType==="move-point")&&!(f.transitioning&&f.transitionIntentType==="stamp-shape")&&!f.showBoundingBox&&f.selectedPoints&&f.selectedPoints.length?(0,w.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:"transparent",points:h.points.filter((I,H)=>f.selectedPoints?.includes(H)).map(I=>I.join(",")).join(" "),opacity:f.transitioning&&f.transitionIntentType==="move-shape"?0:1}):null,b&&!f.transitioning&&f.closestPoint!==null&&h.points[f.closestPoint]?(0,w.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[f.closestPoint][0]},${h.points[f.closestPoint][1]}`,opacity:f.transitioning&&f.transitionIntentType==="move-shape"?0:1}):null,!f.transitioning&&(f.actionIntentType==="add-open-point"||f.actionIntentType==="close-shape"||f.actionIntentType==="close-shape-line")?(0,w.jsx)("polyline",{stroke:n.activeLineStroke,ref:m,strokeWidth:f.actionIntentType==="add-open-point"?1:2,vectorEffect:"non-scaling-stroke"}):null,f.hasClosestLine&&!f.showBoundingBox&&!f.transitioning&&f.currentTool!=="box"&&f.transitionIntentType==="split-line"?(0,w.jsx)("g",{children:(0,w.jsx)("polyline",{ref:d,vectorEffect:"non-scaling-stroke",fill:"transparent",stroke:n.activeLineStroke,strokeWidth:3})}):null,f.hasClosestLine&&!f.showBoundingBox&&!f.transitioning&&f.currentTool!=="box"&&f.transitionIntentType==="split-line"?(0,w.jsx)("g",{ref:s,children:(0,w.jsx)("polyline",{markerStart:"url(#newdot)",points:"0,0 1,1",vectorEffect:"non-scaling-stroke",stroke:"transparent",fill:"transparent",strokeWidth:2})}):null,f.transitioning?(0,w.jsx)(C,{ref:c,fill:h.open?"none":n.shapeFill,stroke:f.transitionIntentType==="stamp-shape"?n.activeLineStroke:n.shapeStroke,vectorEffect:"non-scaling-stroke",strokeWidth:(h.open,2)}):null,f.transitioning&&f.transitionIntentType==="select-multiple-points"?(0,w.jsx)("rect",{ref:r,fill:"rgba(255, 255, 255, .3)",strokeWidth:1,stroke:"rgba(0,0,0,.2)",vectorEffect:"non-scaling-stroke"}):null,f.showBoundingBox&&!D?(0,w.jsxs)(w.Fragment,{children:[(0,w.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,w.jsx)("polygon",{ref:a,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:f,isAddingPoint:R,isSplitting:P,isStamping:D,isHoveringPoint:b,transitionDirection:g,transitionRotate:p,defs:x,editor:ye}}var Ae=require("react/jsx-runtime");function xi(e){let t=(0,cn.useAtlas)(),{image:n}=e,{helper:o,defs:a,editor:i,state:r,transitionDirection:s,isSplitting:l,transitionRotate:c,isHoveringPoint:m,isAddingPoint:u}=Si({image:e.image,theme:e.theme}),d=(0,Pe.useCallback)(p=>{p.button!==2&&o.pointer([[~~p.atlas.x,~~p.atlas.y]])},[o]),g=(0,Pe.useCallback)(p=>{p.button!==2&&o.pointerDown()},[o]),y=(0,Pe.useCallback)(p=>{p.button!==2&&o.pointerUp()},[o]);return(0,Pe.useEffect)(()=>{let p=S=>{o.key.up(S.key)};return document.addEventListener("keyup",p),()=>{document.removeEventListener("keyup",p)}},[o]),(0,Pe.useEffect)(()=>{let p=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",p),()=>{document.removeEventListener("keydown",p)}},[o]),(0,Pe.useEffect)(()=>{let p=[];return s&&p.push(`atlas-cursor-${s}`),r.actionIntentType==="cut-line"&&r.modifiers?.Shift&&p.push("atlas-cursor-cut"),(m||r.transitionIntentType==="move-shape"||r.transitionIntentType==="move-point")&&p.push("atlas-cursor-move"),u&&p.push("atlas-cursor-crosshair"),l&&p.push("atlas-cursor-copy"),c&&p.push("atlas-cursor-rotate"),r.transitionIntentType==="draw-shape"&&p.push("atlas-cursor-draw"),t?.canvas&&t.canvas.classList.add(...p),()=>{t?.canvas&&t.canvas.classList.remove(...p)}},[t?.canvas,u,m,l,r.modifiers?.Shift,r.actionIntentType,r.transitionIntentType,s,c]),(0,Ae.jsx)("world-object",{height:n.height,width:n.width,onMouseMove:d,onMouseDown:g,onMouseUp:y,onMouseLeave:o.blur,children:(0,Ae.jsx)(cn.HTMLPortal,{relative:!0,interactive:!1,children:(0,Ae.jsx)("div",{className:"absolute top-0 right-0 left-0 bottom-0",children:(0,Ae.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${n.width} ${n.height}`,tabIndex:-1,children:[(0,Ae.jsx)("title",{children:"Annotation Editor"}),(0,Ae.jsx)("defs",{children:a}),i]})})})})}var Ti=require("react"),wi=require("zustand");var Ai=require("@atlas-viewer/atlas"),Z=require("@floating-ui/react"),Pi=require("react-dom");var W=J(require("react"),1);var Ci=J(require("react"),1),eo=require("react"),bi=J(require("mitt"),1),Ja=require("react/jsx-runtime"),Za=(0,bi.default)(),bt=(0,eo.createContext)({emitter:Za});bt.displayName="Events";function Ri(){return Ci.default.useContext(bt).emitter}var ne=require("react/jsx-runtime"),to=W.default.createContext({});function dn(){let e=(0,W.useContext)(to),t=Object.keys(e),n={};for(let o of t)e[o].Provider&&(n[o]={value:(0,W.useContext)(e[o]),Provider:e[o].Provider});return n}function es(e){let t=Object.keys(e),n=e.children;for(let o of t){if(o==="children")continue;let{value:a,Provider:i}=e[o];n=(0,ne.jsx)(i,{value:a,children:n})}return n}function mn(){return{VaultContext:(0,W.useContext)(Ie),ResourceContext:(0,W.useContext)(wt),SimpleViewerReactContext:(0,W.useContext)(ft),VisibleCanvasReactContext:(0,W.useContext)($e),AuthRContext:(0,W.useContext)(Ue),SearchReactContext:(0,W.useContext)(_e),ReactEventContext:(0,W.useContext)(bt),ContextBridgeReactContext:(0,W.useContext)(to),StrategyReactContext:(0,W.useContext)(Ve),AtlasStoreReactContext:(0,W.useContext)(Ye)}}function pn(e){return(0,ne.jsx)(qe,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,ne.jsx)($e.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,ne.jsx)(ft.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,ne.jsx)(bt.Provider,{value:e.bridge.ReactEventContext,children:(0,ne.jsx)(Ye.Provider,{value:e.bridge.AtlasStoreReactContext,children:(0,ne.jsx)(Ue.Provider,{value:e.bridge.AuthRContext,children:(0,ne.jsx)(_e.Provider,{value:e.bridge.SearchReactContext,children:(0,ne.jsx)(to.Provider,{value:e.bridge.ContextBridgeReactContext,children:(0,ne.jsx)(Ve.Provider,{value:e.bridge.StrategyReactContext,children:e.custom?(0,ne.jsx)(es,{...e.custom,children:e.children}):e.children})})})})})})})})})}var it=require("react/jsx-runtime");function fn({annotation:e,target:t,children:n,dismissable:o,isOpen:a,onOpenChange:i,placement:r}){let s=mn(),l=dn(),{refs:c,floatingStyles:m,context:u}=(0,Z.useFloating)({open:a,onOpenChange:i,nodeId:e.id,placement:r||"bottom",middleware:[(0,Z.offset)(10),(0,Z.shift)(),(0,Z.flip)({mainAxis:!0})],whileElementsMounted:Z.autoUpdate}),d=(0,Z.useDismiss)(u),{getReferenceProps:g,getFloatingProps:y}=(0,Z.useInteractions)([o?d:null].filter(p=>p!==null));return(0,it.jsxs)(Ai.HTMLPortal,{relative:!0,target:t,interactive:!1,children:[(0,it.jsx)("div",{ref:c.setReference,...g(),style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none"}}),(0,Pi.createPortal)((0,it.jsx)(pn,{bridge:s,custom:l,children:(0,it.jsx)("div",{ref:c.setFloating,style:m,...y(),children:n})}),document.getElementById("atlas-floating-ui"))]})}var Rt=require("react/jsx-runtime"),ts=(0,wi.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 gn(e,t,n){let{isMenuOpen:o,setIsMenuOpen:a,close:i,open:r,menuPosition:s,setMenuPosition:l,toggle:c}=ts(),m=(0,Ti.useCallback)(g=>{n&&(g.preventDefault(),g.stopPropagation(),c(g.atlas))},[c,n]);return[(0,Rt.jsx)(Rt.Fragment,{children:n&&o&&(0,Rt.jsx)(fn,{dismissable:!0,placement:"bottom-start",isOpen:o,onOpenChange:a,annotation:{id:e},target:{x:s.x,y:s.y,height:1,width:1},children:o&&n({canvasId:t,position:s,close:()=>a(!1)})})}),{onContextMenu:m},{open:r,close:i,toggle:c,isMenuOpen:o,setIsMenuOpen:a,menuPosition:s,setMenuPosition:l}]}var Ii=require("zustand");function ki(){let e=Q();return(0,Ii.useStore)(e,t=>t.tool.requestId&&t.requests[t.tool.requestId]||null)}var U=require("react/jsx-runtime");function Mi({theme:e,renderContextMenu:t,children:n}){let o=Q(),a=A(),i=(0,le.useStore)(o,C=>C.polygon),r=(0,le.useStore)(o,C=>C.polygonState.currentTool),s=(0,le.useStore)(o,C=>C.mode),l=(0,le.useStore)(o,C=>C.changeMode),c=(0,le.useStore)(o,C=>C.polygonState.transitioning),{enabled:m,requestId:u}=(0,le.useStore)(o,C=>C.tool),d=(0,hn.useMemo)(()=>je(i),[i]),g=ki(),[y,p]=gn("editing-annotation",a?.id,t),S=g?.annotationPopup||n||(0,U.jsx)(ns,{}),v=g?.svgTheme||e,f=()=>{l("sketch")};if(!m||!a||!u||!i)return null;let h=d&&i.id&&!c&&(r==="pointer"||r==="hand"||!i.open)?(0,U.jsx)(fn,{annotation:i,target:d,children:S}):null,x="shape";return s==="explore"?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(x,{id:`shape-${i.id}`,points:i.points,open:i.open,onClick:f,relativeStyle:!0,target:{x:0,y:0,width:a.width,height:a.height},style:{":hover":{backgroundColor:"rgba(0,0,0,0.2)"},backgroundColor:"rgba(0,0,0,0)",borderWidth:"4px",borderColor:"rgba(255, 255, 255, .4)"},...p}),(0,U.jsx)(x,{id:`shape-${i.id}`,points:i.points,open:i.open,onClick:f,relativeStyle:!0,target:{x:0,y:0,width:a.width,height:a.height},style:{backgroundColor:"rgba(0,0,0,0)",borderWidth:"2px",borderColor:"rgba(0, 0, 0, .4)"}}),h]}):(0,U.jsxs)(U.Fragment,{children:[t?(0,U.jsx)(x,{id:`shape-${i.id}`,points:i.points,open:i.open,target:{x:0,y:0,width:a.width,height:a.height},...p}):null,(0,U.jsx)(xi,{image:a,theme:v}),h,y]})}function ns(){let e=Q(),t=(0,le.useStore)(e,r=>r.changeMode),n=(0,le.useStore)(e,r=>r.mode),o=(0,le.useStore)(e,r=>r.completeRequest),a=(0,le.useStore)(e,r=>r.tool),i=()=>{(0,hn.startTransition)(()=>{o()})};return a.enabled?(0,U.jsxs)("div",{className:"svg-tools-container animate-fadeIn",children:[n!=="sketch"&&(0,U.jsx)("button",{className:"svg-tools-button",onClick:()=>{t("sketch")},children:"Edit"}),(0,U.jsx)("button",{className:"svg-tools-button",onClick:i,children:"Save"})]}):null}var Te=require("react");var at=require("react");var Ei=require("@iiif/helpers");function yn(e,t){let{selector:n,source:o}=(0,Ei.expandTarget)(t);if(o.id!==e.id)return[null,o];let a={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:a.spatial}:n:null,o]}var Vi={makeChoice:()=>{}},vn={type:"unknown"},N=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),Ni=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var At=require("react");function os(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function Li(e,t){return E(n=>{let o=[];if(!e)return o;let a=Object.keys(n.iiif.entities.AnnotationPage);for(let i of a)if(!t||t.indexOf(i)!==-1){let r=os(n,i);r&&r.views&&r.views[e]&&o.push(i)}return o},[e,t])}function zi({canvas:e,manifest:t,all:n,canvases:o}){let a=[];if(t)for(let i of t.annotations)a.indexOf(i.id)===-1&&a.push(i.id);if(n){if(o&&o.length)for(let i of o)for(let r of i.annotations)a.indexOf(r.id)===-1&&a.push(r.id)}else if(e)for(let i of e.annotations)a.indexOf(i.id)===-1&&a.push(i.id);return a}function rs(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function Oi(e,t={}){let n=M(),o=$(),a=A(),i=Mt(),r=(0,At.useMemo)(()=>zi({all:t.all,manifest:o,canvas:a,canvases:i}),[t.all,a,i,o]),s=Li(e,t.all?void 0:r),l=(0,At.useCallback)(m=>{e&&n.setMetaValue([m,"annotationPageManager","views"],u=>u&&!u[e]?u:{...u||{},[e]:!1})},[e,n]),c=(0,At.useCallback)((m,u={})=>{if(!e)return;let d=n.getState(),g=[];if(u?.deselectOthers){let y=Object.keys(d.iiif.entities.AnnotationPage);for(let p of y){let S=rs(d,p);S&&S.views&&S.views[e]&&g.push(p)}}for(let y of g)l(y);n.setMetaValue([m,"annotationPageManager","views"],y=>y&&y[e]?y:{...y||{},[e]:!0})},[e,l,n]);return{availablePageIds:r,enabledPageIds:s,setPageEnabled:c,setPageDisabled:l}}function Bi(e,t){return E((n,o)=>o.get(e.map(a=>({id:a,type:t}))),[e,t])}var Di=J(require("mitt"),1),Hi=require("react"),qi=require("zustand");var is=(0,qi.createStore)((e,t)=>({loaded:{},setLoaded:(n,o="done")=>{e(a=>({loaded:{...a.loaded,[n]:o}}))}})),as=(0,Di.default)();as.on("loaded",e=>{is.getState().setLoaded(e.imageServiceId)});function $i(){let e=Zt(),t=Zr();return[(0,Hi.useCallback)((o,{height:a,width:i})=>o&&e(o,{height:a,width:i},!0),[e]),t]}var Be=require("react");function Fi(e={}){let t=zt(),n=A(e.canvasId?{id:e.canvasId}:void 0);return E((o,a)=>{if(!n)return[];if(t&&e.enableSingleAnnotation)return[t];let i=a.get(n.items),r=[];for(let s of i)r.push(...a.get(s.items));return r},[n])}var Wi=require("@iiif/helpers/painting-annotations");function Ui(e,t=[]){let n=M(),o=(0,Be.useMemo)(()=>(0,Wi.createPaintingAnnotationsHelper)(n),[]),a=Fi({enableSingleAnnotation:e?.enableSingleAnnotation}),[i,r]=(0,Be.useState)(e?.defaultChoices||[]),s=(0,Be.useMemo)(()=>o.getPaintables(a,i),[n,a,i,...t]),c={makeChoice:(0,Be.useCallback)((m,{deselectOthers:u=!0,deselect:d=!1}={})=>{s.choice&&r(g=>{if(d){let p=g.filter(S=>S!==m);if(p.length===0){let S=s.items[0].resource.id;return S?[S]:[]}return p}if(u)return[m];let y=[...g];if(y.length===0&&s.items.length){let p=s.items[0].resource.id;p&&y.push(p)}return g.indexOf(m)!==-1?g:[...g,m]})},[s.choice])};return[s,c]}var ss=["model/gltf-binary"];function _i(e,t){let n=t.items[0],o=n.resource;return o.format?ss.indexOf(o.format)===-1?N(`3D format: ${o.format} is unsupported`):{type:"3d-model",model:o,annotationId:n.annotationId,annotation:n.annotation}:N("Unknown format")}function Sn(e,t){let n=t.items,o=n[0];if(n.length===0||!o)return N("No audio");if(!e.duration)return N("No duration on canvas");if(n.length>1)return N("Only one audio source supported");let a=o.resource;return a?("format"in a||(a.format="audio/mpeg"),{type:"media",media:{annotationId:o.annotationId,annotation:o.annotation,duration:e.duration,url:a.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:a.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}):N("Unknown audio")}var no=require("@iiif/helpers/annotation-targets"),ji=require("@iiif/parser/image-3");function he(e){return e.replace(/^http:/,"https:")}function xn(e,t,n){let o=[],a=[];for(let i of t.items){let r=i.resource&&i.resource.type==="SpecificResource"?i.resource.source:i.resource;if(!r.id)return N("No resource Identifier");let s;if(r.service){let S=(0,ji.getImageServices)(r);S[0]&&(s=n(S[0],e))}let l={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[c,m]=yn(e,i.target),u=e.id?.split("?")[0]||"";if(!(he(m.id||"")===he(e.id)||he(decodeURIComponent(m.id||""))===he(e.id||"")||he(m.id||"")===he(u)||he(decodeURIComponent(m.id||""))===he(u)))continue;let d=i.resource.width&&i.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:i.resource.width,height:i.resource.height}}:void 0,g=i.resource.type==="SpecificResource"?(0,no.expandTarget)(i.resource):null;if(i.selector){let S=(0,no.expandTarget)({type:"SpecificResource",source:i.resource,selector:i.selector});S&&(g=S)}let y=g&&g.selector&&(g.selector.type==="BoxSelector"||g.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:g.selector.spatial.x,y:g.selector.spatial.y,width:g.selector.spatial.width,height:g.selector.spatial.height}}:void 0;s&&!s.id&&(s.id=s["@id"]);let p={id:r.id,type:"Image",annotationId:i.annotationId,annotation:i.annotation,width:Number(c||y?r.width:e.width),height:Number(c||y?r.height:e.height),service:s,sizes:s&&s.sizes?s.sizes:r.width&&r.height?[{width:r.width,height:r.height}]:[],target:c&&c.type!=="PointSelector"?c:l,selector:y||{type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},annotationPages:i.resource.annotations||[]};o.push(p)}return{type:"images",image:o[0],images:o,choice:t.choice}}function Yi(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(a=>Yi(a,t,o))}return t}function Cn(e,t){let n=[];return t.items.forEach(o=>{if(o.resource){let[a]=yn(e,o.target);n.push({type:"Text",annotationId:o.annotationId,annotation:o.annotation,text:Yi(o.resource),target:a})}}),{type:"textual-content",items:n}}var bn=require("@iiif/helpers");var ls=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function Rn(e,t,n,o=!1){let a=t.items.filter(p=>p.type==="video"),i=a[0],r=!1,s=!1;if(e.duration||(s=!0),a.length>1||!i)return N("Only one video source supported");let l=a[0]?.resource,c=!!(l.service||[]).find(p=>(p.profile||"").includes("youtube.com"));if(!c&&s)return N("Video does not have duration");if(!l)return N("Unknown video");if((!l.format||l.format==="text/html")&&!c)return N("Video does not have format");let m=[],u=n.get(e.annotations||[]);for(let p of u){let S=n.get(p.items||[]);for(let v of S)if((v.motivation?Array.isArray(v.motivation||"")?v.motivation:[v.motivation]:[]).includes("supplementing")){let h=n.get(v.body||[]);for(let x of h){let C=x;if(C.type==="Choice")for(let b of C.items){let R=n.get(b);R.format==="text/vtt"&&m.push({id:R.id,type:"Text",format:"text/vtt",label:R.label,language:R.language})}else C.format==="text/vtt"&&m.push({id:C.id,type:"Text",format:"text/vtt",label:C.label,language:C.language})}}}let d={annotationId:i.annotationId,annotation:i.annotation,duration:e.duration,url:l.id,type:"Video",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:l.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},g=(0,bn.expandTarget)(i.target);g.selector&&g.selector.type==="TemporalBoxSelector"&&(d.target=g.selector);let{selector:y}=(0,bn.parseSelector)(i.selector);if(y===null){let p=d.target.temporal.startTime,v=(d.target.temporal.endTime||e.duration)-p;d.selector={type:"TemporalSelector",temporal:{startTime:0,endTime:v}}}else y.type==="TemporalSelector"&&(d.selector=y);if(o&&!d.target.spatial&&(r=!0,d.target={type:"TemporalBoxSelector",temporal:d.target.temporal,spatial:{x:e.width/2,y:e.height/2,width:e.width/2,height:e.height/2}}),c){d.type="VideoYouTube";let p=l.id.match(ls);if(!p[1])return N("Video is not known youtube video");d.youTubeId=p[1]}return{type:"media",media:d,annotations:{pages:[]},noSpatial:r,captions:m}}var Ki=require("@iiif/helpers");function Gi(e,t,n,o){let a={type:"complex-timeline",items:[],keyframes:[],highlights:[],duration:e.duration||0},i={type:"complex-choice",items:[]},r=o.get(e.annotations);function s(m){m.choice&&(m.choice.type==="complex-choice"?i.items.push(...m.choice.items):i.items.push(m.choice))}for(let m of t.items){if(m.type==="image"){let u=xn(e,{choice:null,allChoices:null,types:["image"],items:[m]},n);if(u.type==="images"){if(!u.image)continue;s(u),a.items.push(u.image);let d={id:u.image.annotationId,type:"enter",resourceType:"image",time:u.image.target?.temporal?.startTime||0};a.keyframes.push(d);let g={id:u.image.annotationId,type:"exit",resourceType:"image",time:u.image.target?.temporal?.endTime||e.duration||0};a.keyframes.push(g)}}if(m.type==="textualbody"){let u=Cn(e,{choice:null,allChoices:null,types:["textualbody"],items:[m]});if(u.type==="textual-content"){s(u);let d=u.items[0];a.items.push(d);let g=d.target,y={id:d.annotationId,type:"enter",resourceType:"text",time:g.temporal?.startTime||0};a.keyframes.push(y);let p={id:d.annotationId,type:"exit",resourceType:"text",time:g.temporal?.endTime||e.duration||0};a.keyframes.push(p)}}if(m.type==="video"){let u=Rn(e,{choice:null,allChoices:null,types:["video"],items:[m]},o,!0);if(u.type==="media"){s(u);let d=u.media;a.items.push(d);let g={id:d.annotationId,type:"enter",resourceType:"video",time:d.target?.temporal?.startTime||0};a.keyframes.push(g);let y={id:d.annotationId,type:"exit",resourceType:"video",time:d.target?.temporal?.endTime||e.duration||0};a.keyframes.push(y)}}if(m.type==="audio"||m.type==="sound"){let u=Sn(e,{choice:null,allChoices:null,types:["audio"],items:[m]});if(u.type==="media"){s(u);let d=u.media;a.items.push(d);let g={id:d.annotationId,type:"enter",resourceType:"audio",time:d.target?.temporal?.startTime||0};a.keyframes.push(g);let y={id:d.annotationId,type:"exit",resourceType:"audio",time:d.target?.temporal?.endTime||e.duration||0};a.keyframes.push(y)}}}for(let m of r)for(let u of m.items){let d=o.get(u),g=(0,Ki.expandTarget)(d.target,{typeMap:o.getState?.().iiif.mapping});if(g.selector?.temporal){let y={id:d.id,type:"enter",resourceType:"highlight",time:g.selector.temporal.startTime||0};a.keyframes.push(y);let p={id:d.id,type:"exit",resourceType:"highlight",time:g.selector.temporal.endTime||e.duration||0};a.keyframes.push(p)}a.highlights.push({annotation:d,target:g})}a.keyframes.sort((m,u)=>m.time-u.time);let l=[],c=[];for(let m of a.keyframes){if(m.resourceType==="image"||m.resourceType==="text"||m.resourceType==="highlight"){c.push(m);continue}if(m.type==="enter"){l.length===0&&(m.isPrime=!0),l.push(m),c.push(m);continue}if(m.type==="exit"&&(c.push(m),l=l.filter(u=>u.id!==m.id),l.length!==0)){let u=l[0],d={id:u.id,type:"change",isPrime:!0,resourceType:u.resourceType,time:m.time};c.push(d)}}return a.keyframes=c,i.items.length&&(a.choice=i),a}var An={},oo={get(e){return e},setMetaValue([e,t,n],o){let a=oo.getResourceMeta(e,t),i=a?a[n]:void 0,r=typeof o=="function"?o(i):o;An[e]={...An[e]||{},[t]:{...(An[e]||{})[t]||{},[n]:r}}},getResourceMeta:(e,t)=>{let n=An[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 Qi({canvas:e,paintables:t,supports:n,loadImageService:o,vault:a=oo}){if(!e)return vn;if(t.types.length===0)return n.indexOf("empty")!==-1?Ni(e.width,e.height):vn;if(t.types.length!==1)if(t.types.length===2&&t.types.indexOf("text")!==-1)t.types=t.types.filter(r=>r!=="text");else return n.indexOf("complex-timeline")===-1?N("Complex timeline not supported"):Gi(e,t,o,a);let i=t.types[0];return i==="image"?n.indexOf("images")===-1?N("Image not supported"):xn(e,t,o):i==="Model"||i==="model"?n.indexOf("3d-model")===-1?N("3D not supported"):_i(e,t):i==="textualbody"?n.indexOf("textual-content")===-1?N("Textual content not supported"):Cn(e,t):i==="sound"||i==="audio"?n.indexOf("media")===-1?N("Media not supported"):Sn(e,t):i==="video"?n.indexOf("media")===-1?N("Media not supported"):Rn(e,t,a):vn}function Xi(e){let t=$(),n=A(),o=M(),a=Ri(),i=e?.emitter||a,[r,s]=$i(),{enabledPageIds:l}=Oi(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),c=Bi(l,"AnnotationPage"),m=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[u,d]=Ui(e,[s]);(0,at.useEffect)(()=>{let y=p=>{d.makeChoice(p.choiceId,{deselectOthers:p.deselectOthers,deselect:p.deselect})};return i.on("make-choice",y),()=>{i.off("make-choice",y)}},[]);let g=(0,at.useMemo)(()=>Qi({canvas:n,paintables:u,supports:m,loadImageService:r,vault:o}),[n,u,o,d.makeChoice]);return(0,at.useEffect)(()=>{let y=u.allChoices,p={canvasId:n?.id,manifestId:t?.id};y&&i.emit("choice-change",{choice:y,partOf:p})},[n?.id,u.allChoices]),(0,at.useMemo)(()=>g.type==="unknown"?[g,Vi]:[{...g,annotations:{pages:c}},d],[g,c])}var Zi=require("@iiif/helpers");var ro=require("react/jsx-runtime");function Ji({strategies:e,registerActions:t,defaultChoices:n,onChoiceChange:o,mediaControlsDeps:a,renderMediaControls:i,renderViewerControls:r,viewControlsDeps:s,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,throwOnUnknown:m,children:u}){let d=A(),g=M(),y=(0,Te.useMemo)(()=>(0,Zi.createStylesHelper)(g),[g]),[p,S]=Xi({strategies:e||["images"],defaultChoices:n?.map(({id:x})=>x)}),v="choice"in p?p.choice:void 0;if((0,Te.useEffect)(()=>{t&&t(S)},[p.annotations]),(0,Te.useEffect)(()=>{o&&o(v)},[v]),(0,Te.useEffect)(()=>{if(n)for(let x of n)typeof x.opacity<"u"&&y.applyStyles({id:x.id},"atlas",{opacity:x.opacity})},[n]),p.type==="unknown"&&m)throw new Error(p.reason||"Unknown strategy");let f=(0,Te.useMemo)(()=>({renderMediaControls:i,mediaControlsDeps:a||[],renderViewerControls:r,viewControlsDeps:s||[],renderComplexTimelineControls:l,complexTimelineControlsDeps:c||[]}),[a,i,r,s,l,c]),h=(0,Te.useMemo)(()=>({strategy:p,actions:S,choices:"choice"in p?p.choice:[]}),[p,d]);return(0,ro.jsx)(jt.Provider,{value:f,children:(0,ro.jsx)(Ve.Provider,{value:h,children:u})})}var Pt=require("react"),ao=require("zustand");var st=require("react");var io=(0,st.createContext)(()=>{});function ea(e){let t=A(),n=(0,st.useContext)(io);(0,st.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var na=require("react/jsx-runtime");function ta({x:e=0,y:t=0,keepCanvasScale:n=!0,renderContextMenu:o,children:a}){let{strategy:i}=O(),r=A(),s=Q(),l=Ot(r,["deep-zoom"]),c=(0,ao.useStore)(s,p=>p.setCanvasRelativePosition),m=(0,ao.useStore)(s,p=>p.clearCanvasRelativePosition),[u,d]=gn(`context-menu/${r?.id}`,r?.id,o),g=(0,Pt.useMemo)(()=>n?1:Math.max(1,...i.type==="images"?i.images.map(p=>(p.width||0)/p.target?.spatial.width):[]),[n,i]);(0,Pt.useEffect)(()=>{if(r)return c(r.id,{x:e,y:t,width:r.width,height:r.height}),()=>{m(r.id)}},[e,t,r,m,c]),(0,Pt.useEffect)(()=>{r&&s.getState().reset()},[s,r]),ea(g);let y=i.type==="images"?i.images.length:0;return r?(0,na.jsxs)("world-object",{height:r.height,width:r.width,x:e,y:t,...d,...l,children:[u,a]},`${r.id}/${i.type}/${y}`):null}var Y=require("react/jsx-runtime");function Ne({x:e,y:t,onChoiceChange:n,registerActions:o,defaultChoices:a,isStatic:i,renderViewerControls:r,renderMediaControls:s,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,viewControlsDeps:m,mediaControlsDeps:u,strategies:d,throwOnUnknown:g,backgroundStyle:y,alwaysShowBackground:p,keepCanvasScale:S=!1,enableSizes:v=!1,enableYouTube:f=!0,onClickPaintingAnnotation:h,components:x={},children:C,annotationPopup:b,svgTheme:R,renderContextMenu:P,renderAnnotationContextMenu:D}){return(0,Y.jsxs)(Ji,{throwOnUnknown:g,onChoiceChange:n,registerActions:o,strategies:d,defaultChoices:a,mediaControlsDeps:u,renderMediaControls:s,renderViewerControls:r,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,viewControlsDeps:m,children:[(0,Y.jsxs)(ta,{keepCanvasScale:S,x:e,y:t,renderContextMenu:P,children:[(0,Y.jsx)(ui,{alwaysShowBackground:p,backgroundStyle:y}),(0,Y.jsx)(ai,{}),(0,Y.jsx)(mi,{}),(0,Y.jsx)(di,{isStatic:i,enableSizes:v,onClickPaintingAnnotation:h}),(0,Y.jsx)(zr,{}),(0,Y.jsx)(Ar,{}),(0,Y.jsx)($r,{as:x.Audio}),(0,Y.jsx)(pi,{as:x.Video}),f?(0,Y.jsx)(hi,{}):null,(0,Y.jsx)(Mi,{theme:R,renderContextMenu:D,children:b}),C]}),(0,Y.jsx)(Tr,{})]})}var so=require("react/jsx-runtime");function oa(e){let t=A();return!t||!t.placeholderCanvas?null:(0,so.jsx)(ce,{canvas:t.placeholderCanvas.id,children:(0,so.jsx)(Ne,{renderViewerControls:e.renderViewerControls})})}var aa=require("@atlas-viewer/atlas"),K=J(require("react"),1),sa=require("react-error-boundary"),lo=require("zustand");var Pn=require("react");function ra(e,t=2e3){let{currentSequenceIndex:n,sequence:o,items:a}=Lt(),i=A(),r=(0,Pn.useMemo)(()=>{let l=o[n]||[];return l.length===0&&i?[{id:i.id,type:"Canvas"}]:l.map(c=>a[c])},[o,n,i,a]),s=Q();(0,Pn.useEffect)(()=>{let c=setInterval(()=>{if(e&&t!==-1){let m={x:e.x,y:e.y,width:e.width,height:e.height},u=s.getState().canvasRelativePositions,d={};for(let g of r){let y=u[g.id];if(y){let p=y.x,S=y.y,v=y.width,f=y.height,h={x:Math.max(p,m.x),y:Math.max(S,m.y),width:Math.min(p+v,m.x+m.width)-Math.max(p,m.x),height:Math.min(S+f,m.y+m.height)-Math.max(S,m.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)}},[r,e,s,t])}var lt=require("react/jsx-runtime");function ia({width:e,style:t,height:n,error:o,resetErrorBoundary:a}){return(0,lt.jsxs)("div",{style:{width:e,height:n,minHeight:500,...t||{},background:"#f9f9f9"},children:[(0,lt.jsx)("h3",{children:"Error occurred"}),(0,lt.jsx)("p",{children:o.message}),(0,lt.jsx)("button",{type:"button",onClick:a,children:"Reset"})]})}var L=require("react/jsx-runtime");function la(e){let t=Q();return(0,L.jsx)(gt,{name:e.name,existing:t,children:(0,L.jsx)(us,{...e})})}function us({name:e,children:t,errorFallback:n,outerContainerProps:o={},worldScale:a,updateViewportTimeout:i,...r}){let s=Q(),l=(0,lo.useStore)(s,T=>T.mode),c=(0,lo.useStore)(s,T=>T.setAtlasRuntime),[m,u]=(0,K.useState)(),d=dn(),g=mn(),y=n||ia,[p,S]=(0,K.useState)({}),v=Object.entries(p),[f,h]=(0,K.useState)({}),x=Object.entries(f),[C,b]=(0,K.useState)({}),{worldScale:R,runtimeOptions:P}=(0,K.useMemo)(()=>{if(Object.values(C).length===0)return{worldScale:1,runtimeOptions:r.runtimeOptions||{maxOverZoom:1}};let k=Math.max(...Object.values(C));return{worldScale:k,runtimeOptions:{maxOverZoom:k||1,...r.runtimeOptions||{}}}},[C,r.runtimeOptions]);ra(m?.runtime,i);let D=(0,K.useCallback)((T,k)=>{b(V=>{if(k===-1){let{[T]:ut,...we}=V;return we}return{...V,[T]:k}})},[]),ye=(0,K.useCallback)((T,k,V)=>{S(({[T]:ut,...we})=>k?{...we,[T]:{element:k,props:V}}:we)},[]),I=(0,K.useCallback)((T,k,V)=>{h(({[T]:ut,...we})=>k?{...we,[T]:{element:k,props:V}}:we)},[]),H=(0,K.useCallback)(T=>{u(T),c(T.runtime),r.onCreated&&r.onCreated(T)},[r.onCreated,c]);return(0,L.jsxs)(sa.ErrorBoundary,{resetKeys:[],fallbackRender:T=>(0,L.jsx)(y,{...r,...T}),children:[(0,L.jsx)(aa.AtlasAuto,{...r,mode:l,containerProps:{style:{position:"relative"},...r.containerProps||{}},htmlChildren:(0,L.jsx)(L.Fragment,{children:v.map(([T,{element:k,props:V}])=>(0,L.jsx)(K.default.Fragment,{children:(0,L.jsx)(k,{...V||{}})},T))}),onCreated:H,runtimeOptions:P,children:(0,L.jsx)(gt,{name:e,existing:s,children:(0,L.jsx)(Oe.Provider,{value:m,children:(0,L.jsx)(io.Provider,{value:D,children:(0,L.jsx)($n.Provider,{value:ye,children:(0,L.jsx)(Fn.Provider,{value:I,children:(0,L.jsx)(pn,{bridge:g,custom:d,children:(0,L.jsx)(Nr,{children:t})})})})})})})}),(0,L.jsx)("div",{children:x.map(([T,{element:k,props:V}])=>(0,L.jsx)(K.default.Fragment,{children:(0,L.jsx)(k,{...V||{}})},T))}),(0,L.jsx)("div",{id:"atlas-floating-ui",style:{position:"relative",zIndex:999999}})]})}var _=require("react/jsx-runtime"),cs=(0,De.forwardRef)(function(t,n){let o=$(),a=Mt(),i=Lt(),{ViewerControls:r,MediaControls:s,ComplexTimelineControls:l}=t.components||{};if((0,De.useImperativeHandle)(n,()=>i,[i]),!o)return(0,_.jsx)("div",{});let c=0,m=o.viewingDirection==="top-to-bottom",u=o.viewingDirection==="bottom-to-top",d=o.viewingDirection==="left-to-right",g=o.viewingDirection==="right-to-left",p=o.behavior.includes("continuous")?0:t.spacing||0,S=u||g,v=(0,De.useMemo)(()=>S?[...a].reverse():a,[a,S]);return(0,_.jsxs)(_.Fragment,{children:[t.header,(0,_.jsx)(q.Viewer,{height:t.height,mode:t.mode,renderPreset:t.renderPreset,runtimeOptions:t.runtimeOptions,updateViewportTimeout:t.updateViewportTimeout,children:v.map((f,h)=>{let x=0,C=0;return!m&&!u?(x=c,c+=f.width+p):(C=c,c+=f.height+p),(0,_.jsx)(ce,{canvas:f.id,children:(0,_.jsx)(q.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content","complex-timeline"],renderViewerControls:h===0&&r?()=>(0,_.jsx)(r,{}):void 0,renderMediaControls:h===0&&s?()=>(0,_.jsx)(s,{}):void 0,annotationPopup:t.annotationPopup,renderContextMenu:t.renderContextMenu,keepCanvasScale:t.keepCanvasScale,renderComplexTimelineControls:h===0&&l?()=>(0,_.jsx)(l,{}):void 0,renderAnnotationContextMenu:t.renderAnnotationContextMenu,x,y:C,svgTheme:t.svgTheme,...t.canvasProps||{},children:t.annotations},f.id)},f.id)})},t.reuseAtlas?"":i.currentSequenceIndex),t.children]})}),q=(0,De.forwardRef)(function({children:t,height:n,annotations:o,canvasProps:a,spacing:i,header:r,components:s,mode:l,reuseAtlas:c,renderPreset:m,runtimeOptions:u,annotationPopup:d,name:g,svgTheme:y,updateViewportTimeout:p,renderContextMenu:S,keepCanvasScale:v,renderAnnotationContextMenu:f,...h},x){let C=Fe();return(0,_.jsx)(gt,{name:g,children:(0,_.jsx)(qe,{vault:C,children:(0,_.jsx)(_o,{...h,children:(0,_.jsx)(cs,{ref:x,height:n,components:s,spacing:i,canvasProps:a,annotations:o,header:r,mode:l,reuseAtlas:c,renderPreset:m,runtimeOptions:u,annotationPopup:d,svgTheme:y,updateViewportTimeout:p,renderContextMenu:S,keepCanvasScale:v,renderAnnotationContextMenu:f,children:t})})})})});q.RenderImage=nt;q.RenderCanvas=Ne;q.RenderAnnotationPage=Me;q.RenderAnnotation=Qe;q.Viewer=la;q.CanvasBackground=nn;q.Audio=$t;q.Video=an;q.Model=Ut;q.AudioHTML=Wn;q.VideoHTML=Jn;q.ModelHTML=Un;q.PlaceholderCanvas=oa;q.getAtlasStoreByName=nr;
+          `}),(0,Ct.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 gi({media:e,mediaControlsDeps:t,children:n}){let[{element:o,currentTime:a,progress:i},r,s]=Xe({duration:e.duration});return j("overlay","video-element",Qa,{element:o,media:e,playPause:s.playPause}),null}var ln=require("react/jsx-runtime");function hi(){let{strategy:e}=O(),{renderMediaControls:t,mediaControlsDeps:n}=X();return e.type!=="media"||e.media.type!=="VideoYouTube"?null:(0,ln.jsxs)(gi,{media:e.media,mediaControlsDeps:n,children:[(0,ln.jsx)(et,{}),t?t(e):null]})}var hn=require("react"),le=require("zustand");var cn=require("@atlas-viewer/atlas"),Pe=require("react");var vi=require("polygon-editor"),F=require("react");var un=require("zustand");function yi(e){let t=Q(),n=(0,un.useStore)(t,i=>i.polygons),o=(0,un.useStore)(t,i=>i.polygonState),a=(0,un.useStore)(t,i=>i.polygon);return Go("atlas.polygon-render",({state:i,slowState:r,dt:s})=>{e(i,r,s)}),{currentShape:a,state:o,helper:n}}var w=require("react/jsx-runtime"),ge=(0,vi.createSvgHelpers)(),Xa={shapeFill:"#ffffff33",shapeStroke:"#000",lineStroke:"#000",ghostLineStroke:"#0F0",activeLineStroke:"#4D7EEA",boundingBoxDottedStroke:"#0007",boundingBoxStroke:"#fffA",controlFill:"#fff"};function Si(e){let{image:t}=e,n={...Xa,...e.theme||{}},o=(0,F.useRef)(),a=(0,F.useRef)(),i=(0,F.useRef)(),r=(0,F.useRef)(),s=(0,F.useRef)(),l=(0,F.useRef)(),c=(0,F.useRef)(),m=(0,F.useRef)(),u=(0,F.useRef)(),d=(0,F.useRef)(),[g,y]=(0,F.useState)(null),[p,S]=(0,F.useState)(!1),{helper:v,state:f,currentShape:h}=yi((I,H)=>{if(I.closestLineIndex,ge.updateTransitionBoundingBox(i.current,I,H),ge.updateBoundingBoxPolygon(o.current,I,H),ge.updateBoundingBoxPolygon(a.current,I,H),ge.updateTransitionShape(c.current,I,H),ge.updateClosestLinePointTransform(s.current,I,H),ge.updateSelectBox(r.current,I,H),ge.updatePointLine(m.current,I,H),ge.updateDrawPreview(l.current,I,H,3),ge.updateLineBox(u.current,I),y(I.transitionDirection),S(I.transitionRotate),I.closestLineIndex!==-1&&d.current){let T=I.polygon,k=T.points[I.closestLineIndex],V=T.points[(I.closestLineIndex+1)%T.points.length];k&&V&&d.current.setAttribute("points",`${k[0]},${k[1]} ${V[0]},${V[1]}`)}});(0,F.useEffect)(()=>{let I=()=>{v.modifiers.reset()};return document.addEventListener("mouseleave",I),()=>{document.removeEventListener("mouseleave",I)}},[]);let x=(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("marker",{id:"dot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:[(0,w.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.lineStroke,className:"marker"}),(0,w.jsx)("circle",{cx:"5",cy:"5",r:"3",fill:n.controlFill})]}),(0,w.jsx)("marker",{id:"newdot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,w.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.activeLineStroke,className:"marker"})}),(0,w.jsxs)("marker",{id:"selected",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:[(0,w.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.lineStroke}),(0,w.jsx)("circle",{cx:"5",cy:"5",r:"3",fill:n.activeLineStroke})]}),(0,w.jsxs)("marker",{id:"resizer",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"6",markerHeight:"6",children:[(0,w.jsx)("rect",{width:"10",height:"10",fill:n.lineStroke}),(0,w.jsx)("rect",{x:"1",y:"1",width:"8",height:"8",fill:n.controlFill})]})]}),C=h?h.open?"polyline":"polygon":null,b=!f.showBoundingBox&&f.closestPoint!==null&&f.actionIntentType==="select-point",R=f.actionIntentType==="add-open-point",P=f.transitionIntentType==="split-line",D=f.transitioning&&f.selectedStamp&&f.transitionIntentType==="stamp-shape",ye=h&&C?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(C,{fill:(!f.transitioning||f.transitionIntentType==="select-multiple-points")&&!h.open?n.shapeFill:"none",strokeWidth:D||f.showBoundingBox&&f.boxMode||f.transitioning&&f.transitionIntentType==="split-line"||f.transitioning&&f.transitionIntentType==="move-point"?0:2,stroke:n.shapeStroke,points:h.points.map(I=>I.join(",")).join(" "),vectorEffect:"non-scaling-stroke",markerStart:f.showBoundingBox?void 0:f.boxMode?"url(#resizer)":"url(#dot)",markerMid:f.showBoundingBox?void 0:f.boxMode?"url(#resizer)":"url(#dot)",markerEnd:f.showBoundingBox?void 0:f.boxMode?"url(#resizer)":"url(#dot)",style:{pointerEvents:"none"},opacity:f.transitioning&&f.transitionIntentType==="move-shape"?0:1}),f.currentTool==="lineBox"&&f.actionIntentType==="close-line-box"?(0,w.jsx)("polygon",{fill:n.shapeFill,ref:u,stroke:n.lineStroke,strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,f.transitionIntentType==="draw-shape"&&f.transitioning?(0,w.jsx)("polyline",{ref:l,fill:"none",stroke:n.activeLineStroke,strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,!(f.transitioning&&f.transitionIntentType==="move-point")&&!(f.transitioning&&f.transitionIntentType==="stamp-shape")&&!f.showBoundingBox&&f.selectedPoints&&f.selectedPoints.length?(0,w.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:"transparent",points:h.points.filter((I,H)=>f.selectedPoints?.includes(H)).map(I=>I.join(",")).join(" "),opacity:f.transitioning&&f.transitionIntentType==="move-shape"?0:1}):null,b&&!f.transitioning&&f.closestPoint!==null&&h.points[f.closestPoint]?(0,w.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[f.closestPoint][0]},${h.points[f.closestPoint][1]}`,opacity:f.transitioning&&f.transitionIntentType==="move-shape"?0:1}):null,!f.transitioning&&(f.actionIntentType==="add-open-point"||f.actionIntentType==="close-shape"||f.actionIntentType==="close-shape-line")?(0,w.jsx)("polyline",{stroke:n.activeLineStroke,ref:m,strokeWidth:f.actionIntentType==="add-open-point"?1:2,vectorEffect:"non-scaling-stroke"}):null,f.hasClosestLine&&!f.showBoundingBox&&!f.transitioning&&f.currentTool!=="box"&&f.transitionIntentType==="split-line"?(0,w.jsx)("g",{children:(0,w.jsx)("polyline",{ref:d,vectorEffect:"non-scaling-stroke",fill:"transparent",stroke:n.activeLineStroke,strokeWidth:3})}):null,f.hasClosestLine&&!f.showBoundingBox&&!f.transitioning&&f.currentTool!=="box"&&f.transitionIntentType==="split-line"?(0,w.jsx)("g",{ref:s,children:(0,w.jsx)("polyline",{markerStart:"url(#newdot)",points:"0,0 1,1",vectorEffect:"non-scaling-stroke",stroke:"transparent",fill:"transparent",strokeWidth:2})}):null,f.transitioning?(0,w.jsx)(C,{ref:c,fill:h.open?"none":n.shapeFill,stroke:f.transitionIntentType==="stamp-shape"?n.activeLineStroke:n.shapeStroke,vectorEffect:"non-scaling-stroke",strokeWidth:(h.open,2)}):null,f.transitioning&&f.transitionIntentType==="select-multiple-points"?(0,w.jsx)("rect",{ref:r,fill:"rgba(255, 255, 255, .3)",strokeWidth:1,stroke:"rgba(0,0,0,.2)",vectorEffect:"non-scaling-stroke"}):null,f.showBoundingBox&&!D?(0,w.jsxs)(w.Fragment,{children:[(0,w.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,w.jsx)("polygon",{ref:a,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:f,isAddingPoint:R,isSplitting:P,isStamping:D,isHoveringPoint:b,transitionDirection:g,transitionRotate:p,defs:x,editor:ye}}var Ae=require("react/jsx-runtime");function xi(e){let t=(0,cn.useAtlas)(),{image:n}=e,{helper:o,defs:a,editor:i,state:r,transitionDirection:s,isSplitting:l,transitionRotate:c,isHoveringPoint:m,isAddingPoint:u}=Si({image:e.image,theme:e.theme}),d=(0,Pe.useCallback)(p=>{p.button!==2&&o.pointer([[~~p.atlas.x,~~p.atlas.y]])},[o]),g=(0,Pe.useCallback)(p=>{p.button!==2&&o.pointerDown()},[o]),y=(0,Pe.useCallback)(p=>{p.button!==2&&o.pointerUp()},[o]);return(0,Pe.useEffect)(()=>{let p=S=>{o.key.up(S.key)};return document.addEventListener("keyup",p),()=>{document.removeEventListener("keyup",p)}},[o]),(0,Pe.useEffect)(()=>{let p=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",p),()=>{document.removeEventListener("keydown",p)}},[o]),(0,Pe.useEffect)(()=>{let p=[];return s&&p.push(`atlas-cursor-${s}`),r.actionIntentType==="cut-line"&&r.modifiers?.Shift&&p.push("atlas-cursor-cut"),(m||r.transitionIntentType==="move-shape"||r.transitionIntentType==="move-point")&&p.push("atlas-cursor-move"),u&&p.push("atlas-cursor-crosshair"),l&&p.push("atlas-cursor-copy"),c&&p.push("atlas-cursor-rotate"),r.transitionIntentType==="draw-shape"&&p.push("atlas-cursor-draw"),t?.canvas&&t.canvas.classList.add(...p),()=>{t?.canvas&&t.canvas.classList.remove(...p)}},[t?.canvas,u,m,l,r.modifiers?.Shift,r.actionIntentType,r.transitionIntentType,s,c]),(0,Ae.jsx)("world-object",{height:n.height,width:n.width,onMouseMove:d,onMouseDown:g,onMouseUp:y,onMouseLeave:o.blur,children:(0,Ae.jsx)(cn.HTMLPortal,{relative:!0,interactive:!1,children:(0,Ae.jsx)("div",{className:"absolute top-0 right-0 left-0 bottom-0",children:(0,Ae.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${n.width} ${n.height}`,tabIndex:-1,children:[(0,Ae.jsx)("title",{children:"Annotation Editor"}),(0,Ae.jsx)("defs",{children:a}),i]})})})})}var Ti=require("react"),wi=require("zustand");var Ai=require("@atlas-viewer/atlas"),Z=require("@floating-ui/react"),Pi=require("react-dom");var W=J(require("react"),1);var Ci=J(require("react"),1),eo=require("react"),bi=J(require("mitt"),1),Ja=require("react/jsx-runtime"),Za=(0,bi.default)(),bt=(0,eo.createContext)({emitter:Za});bt.displayName="Events";function Ri(){return Ci.default.useContext(bt).emitter}var ne=require("react/jsx-runtime"),to=W.default.createContext({});function dn(){let e=(0,W.useContext)(to),t=Object.keys(e),n={};for(let o of t)e[o].Provider&&(n[o]={value:(0,W.useContext)(e[o]),Provider:e[o].Provider});return n}function es(e){let t=Object.keys(e),n=e.children;for(let o of t){if(o==="children")continue;let{value:a,Provider:i}=e[o];n=(0,ne.jsx)(i,{value:a,children:n})}return n}function mn(){return{VaultContext:(0,W.useContext)(Ie),ResourceContext:(0,W.useContext)(wt),SimpleViewerReactContext:(0,W.useContext)(ft),VisibleCanvasReactContext:(0,W.useContext)($e),AuthRContext:(0,W.useContext)(Ue),SearchReactContext:(0,W.useContext)(_e),ReactEventContext:(0,W.useContext)(bt),ContextBridgeReactContext:(0,W.useContext)(to),StrategyReactContext:(0,W.useContext)(Ve),AtlasStoreReactContext:(0,W.useContext)(Ye)}}function pn(e){return(0,ne.jsx)(qe,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,ne.jsx)($e.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,ne.jsx)(ft.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,ne.jsx)(bt.Provider,{value:e.bridge.ReactEventContext,children:(0,ne.jsx)(Ye.Provider,{value:e.bridge.AtlasStoreReactContext,children:(0,ne.jsx)(Ue.Provider,{value:e.bridge.AuthRContext,children:(0,ne.jsx)(_e.Provider,{value:e.bridge.SearchReactContext,children:(0,ne.jsx)(to.Provider,{value:e.bridge.ContextBridgeReactContext,children:(0,ne.jsx)(Ve.Provider,{value:e.bridge.StrategyReactContext,children:e.custom?(0,ne.jsx)(es,{...e.custom,children:e.children}):e.children})})})})})})})})})}var it=require("react/jsx-runtime");function fn({annotation:e,target:t,children:n,dismissable:o,isOpen:a,onOpenChange:i,placement:r}){let s=mn(),l=dn(),{refs:c,floatingStyles:m,context:u}=(0,Z.useFloating)({open:a,onOpenChange:i,nodeId:e.id,placement:r||"bottom",middleware:[(0,Z.offset)(10),(0,Z.shift)(),(0,Z.flip)({mainAxis:!0})],whileElementsMounted:Z.autoUpdate}),d=(0,Z.useDismiss)(u),{getReferenceProps:g,getFloatingProps:y}=(0,Z.useInteractions)([o?d:null].filter(p=>p!==null));return(0,it.jsxs)(Ai.HTMLPortal,{relative:!0,target:t,interactive:!1,children:[(0,it.jsx)("div",{ref:c.setReference,...g(),style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none"}}),(0,Pi.createPortal)((0,it.jsx)(pn,{bridge:s,custom:l,children:(0,it.jsx)("div",{ref:c.setFloating,style:m,...y(),children:n})}),document.getElementById("atlas-floating-ui"))]})}var Rt=require("react/jsx-runtime"),ts=(0,wi.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 gn(e,t,n){let{isMenuOpen:o,setIsMenuOpen:a,close:i,open:r,menuPosition:s,setMenuPosition:l,toggle:c}=ts(),m=(0,Ti.useCallback)(g=>{n&&(g.preventDefault(),g.stopPropagation(),c(g.atlas))},[c,n]);return[(0,Rt.jsx)(Rt.Fragment,{children:n&&o&&(0,Rt.jsx)(fn,{dismissable:!0,placement:"bottom-start",isOpen:o,onOpenChange:a,annotation:{id:e},target:{x:s.x,y:s.y,height:1,width:1},children:o&&n({canvasId:t,position:s,close:()=>a(!1)})})}),{onContextMenu:m},{open:r,close:i,toggle:c,isMenuOpen:o,setIsMenuOpen:a,menuPosition:s,setMenuPosition:l}]}var Ii=require("zustand");function ki(){let e=Q();return(0,Ii.useStore)(e,t=>t.tool.requestId&&t.requests[t.tool.requestId]||null)}var U=require("react/jsx-runtime");function Mi({theme:e,renderContextMenu:t,children:n}){let o=Q(),a=A(),i=(0,le.useStore)(o,C=>C.polygon),r=(0,le.useStore)(o,C=>C.polygonState.currentTool),s=(0,le.useStore)(o,C=>C.mode),l=(0,le.useStore)(o,C=>C.changeMode),c=(0,le.useStore)(o,C=>C.polygonState.transitioning),{enabled:m,requestId:u}=(0,le.useStore)(o,C=>C.tool),d=(0,hn.useMemo)(()=>je(i),[i]),g=ki(),[y,p]=gn("editing-annotation",a?.id,t),S=g?.annotationPopup||n||(0,U.jsx)(ns,{}),v=g?.svgTheme||e,f=()=>{l("sketch")};if(!m||!a||!u||!i)return null;let h=d&&i.id&&!c&&(r==="pointer"||r==="hand"||!i.open)?(0,U.jsx)(fn,{annotation:i,target:d,children:S}):null,x="shape";return s==="explore"?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(x,{id:`shape-${i.id}`,points:i.points,open:i.open,onClick:f,relativeStyle:!0,target:{x:0,y:0,width:a.width,height:a.height},style:{":hover":{backgroundColor:"rgba(0,0,0,0.2)"},backgroundColor:"rgba(0,0,0,0)",borderWidth:"4px",borderColor:"rgba(255, 255, 255, .4)"},...p}),(0,U.jsx)(x,{id:`shape-${i.id}`,points:i.points,open:i.open,onClick:f,relativeStyle:!0,target:{x:0,y:0,width:a.width,height:a.height},style:{backgroundColor:"rgba(0,0,0,0)",borderWidth:"2px",borderColor:"rgba(0, 0, 0, .4)"}}),h]}):(0,U.jsxs)(U.Fragment,{children:[t?(0,U.jsx)(x,{id:`shape-${i.id}`,points:i.points,open:i.open,target:{x:0,y:0,width:a.width,height:a.height},...p}):null,(0,U.jsx)(xi,{image:a,theme:v}),h,y]})}function ns(){let e=Q(),t=(0,le.useStore)(e,r=>r.changeMode),n=(0,le.useStore)(e,r=>r.mode),o=(0,le.useStore)(e,r=>r.completeRequest),a=(0,le.useStore)(e,r=>r.tool),i=()=>{(0,hn.startTransition)(()=>{o()})};return a.enabled?(0,U.jsxs)("div",{className:"svg-tools-container animate-fadeIn",children:[n!=="sketch"&&(0,U.jsx)("button",{className:"svg-tools-button",onClick:()=>{t("sketch")},children:"Edit"}),(0,U.jsx)("button",{className:"svg-tools-button",onClick:i,children:"Save"})]}):null}var Te=require("react");var at=require("react");var Ei=require("@iiif/helpers");function yn(e,t){let{selector:n,source:o}=(0,Ei.expandTarget)(t);if(o.id!==e.id)return[null,o];let a={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:a.spatial}:n:null,o]}var Vi={makeChoice:()=>{}},vn={type:"unknown"},N=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),Ni=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var At=require("react");function os(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function Li(e,t){return E(n=>{let o=[];if(!e)return o;let a=Object.keys(n.iiif.entities.AnnotationPage);for(let i of a)if(!t||t.indexOf(i)!==-1){let r=os(n,i);r&&r.views&&r.views[e]&&o.push(i)}return o},[e,t])}function zi({canvas:e,manifest:t,all:n,canvases:o}){let a=[];if(t)for(let i of t.annotations)a.indexOf(i.id)===-1&&a.push(i.id);if(n){if(o&&o.length)for(let i of o)for(let r of i.annotations)a.indexOf(r.id)===-1&&a.push(r.id)}else if(e)for(let i of e.annotations)a.indexOf(i.id)===-1&&a.push(i.id);return a}function rs(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function Oi(e,t={}){let n=M(),o=$(),a=A(),i=Mt(),r=(0,At.useMemo)(()=>zi({all:t.all,manifest:o,canvas:a,canvases:i}),[t.all,a,i,o]),s=Li(e,t.all?void 0:r),l=(0,At.useCallback)(m=>{e&&n.setMetaValue([m,"annotationPageManager","views"],u=>u&&!u[e]?u:{...u||{},[e]:!1})},[e,n]),c=(0,At.useCallback)((m,u={})=>{if(!e)return;let d=n.getState(),g=[];if(u?.deselectOthers){let y=Object.keys(d.iiif.entities.AnnotationPage);for(let p of y){let S=rs(d,p);S&&S.views&&S.views[e]&&g.push(p)}}for(let y of g)l(y);n.setMetaValue([m,"annotationPageManager","views"],y=>y&&y[e]?y:{...y||{},[e]:!0})},[e,l,n]);return{availablePageIds:r,enabledPageIds:s,setPageEnabled:c,setPageDisabled:l}}function Bi(e,t){return E((n,o)=>o.get(e.map(a=>({id:a,type:t}))),[e,t])}var Di=J(require("mitt"),1),Hi=require("react"),qi=require("zustand");var is=(0,qi.createStore)((e,t)=>({loaded:{},setLoaded:(n,o="done")=>{e(a=>({loaded:{...a.loaded,[n]:o}}))}})),as=(0,Di.default)();as.on("loaded",e=>{is.getState().setLoaded(e.imageServiceId)});function $i(){let e=Zt(),t=Zr();return[(0,Hi.useCallback)((o,{height:a,width:i})=>o&&e(o,{height:a,width:i},!0),[e]),t]}var Be=require("react");function Fi(e={}){let t=zt(),n=A(e.canvasId?{id:e.canvasId}:void 0);return E((o,a)=>{if(!n)return[];if(t&&e.enableSingleAnnotation)return[t];let i=a.get(n.items),r=[];for(let s of i)r.push(...a.get(s.items));return r},[n])}var Wi=require("@iiif/helpers/painting-annotations");function Ui(e,t=[]){let n=M(),o=(0,Be.useMemo)(()=>(0,Wi.createPaintingAnnotationsHelper)(n),[]),a=Fi({enableSingleAnnotation:e?.enableSingleAnnotation}),[i,r]=(0,Be.useState)(e?.defaultChoices||[]),s=(0,Be.useMemo)(()=>o.getPaintables(a,i),[n,a,i,...t]),c={makeChoice:(0,Be.useCallback)((m,{deselectOthers:u=!0,deselect:d=!1}={})=>{s.choice&&r(g=>{if(d){let p=g.filter(S=>S!==m);if(p.length===0){let S=s.items[0].resource.id;return S?[S]:[]}return p}if(u)return[m];let y=[...g];if(y.length===0&&s.items.length){let p=s.items[0].resource.id;p&&y.push(p)}return g.indexOf(m)!==-1?g:[...g,m]})},[s.choice])};return[s,c]}var ss=["model/gltf-binary"];function _i(e,t){let n=t.items[0],o=n.resource;return o.format?ss.indexOf(o.format)===-1?N(`3D format: ${o.format} is unsupported`):{type:"3d-model",model:o,annotationId:n.annotationId,annotation:n.annotation}:N("Unknown format")}function Sn(e,t){let n=t.items,o=n[0];if(n.length===0||!o)return N("No audio");if(!e.duration)return N("No duration on canvas");if(n.length>1)return N("Only one audio source supported");let a=o.resource;return a?("format"in a||(a.format="audio/mpeg"),{type:"media",media:{annotationId:o.annotationId,annotation:o.annotation,duration:e.duration,url:a.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:a.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}):N("Unknown audio")}var no=require("@iiif/helpers/annotation-targets"),ji=require("@iiif/parser/image-3");function he(e){return e.replace(/^http:/,"https:")}function xn(e,t,n){let o=[],a=[];for(let i of t.items){let r=i.resource&&i.resource.type==="SpecificResource"?i.resource.source:i.resource;if(!r.id)return N("No resource Identifier");let s;if(r.service){let S=(0,ji.getImageServices)(r);S[0]&&(s=n(S[0],e))}let l={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[c,m]=yn(e,i.target),u=e.id?.split("?")[0]||"";if(!(he(m.id||"")===he(e.id)||he(decodeURIComponent(m.id||""))===he(e.id||"")||he(m.id||"")===he(u)||he(decodeURIComponent(m.id||""))===he(u)))continue;let d=i.resource.width&&i.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:i.resource.width,height:i.resource.height}}:void 0,g=i.resource.type==="SpecificResource"?(0,no.expandTarget)(i.resource):null;if(i.selector){let S=(0,no.expandTarget)({type:"SpecificResource",source:i.resource,selector:i.selector});S&&(g=S)}let y=g&&g.selector&&(g.selector.type==="BoxSelector"||g.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:g.selector.spatial.x,y:g.selector.spatial.y,width:g.selector.spatial.width,height:g.selector.spatial.height}}:void 0;s&&!s.id&&(s.id=s["@id"]);let p={id:r.id,type:"Image",annotationId:i.annotationId,annotation:i.annotation,width:Number(c||y?r.width:e.width),height:Number(c||y?r.height:e.height),service:s,sizes:s&&s.sizes?s.sizes:r.width&&r.height?[{width:r.width,height:r.height}]:[],target:c&&c.type!=="PointSelector"?c:l,selector:y||{type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},annotationPages:i.resource.annotations||[]};o.push(p)}return{type:"images",image:o[0],images:o,choice:t.choice}}function Yi(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(a=>Yi(a,t,o))}return t}function Cn(e,t){let n=[];return t.items.forEach(o=>{if(o.resource){let[a]=yn(e,o.target);n.push({type:"Text",annotationId:o.annotationId,annotation:o.annotation,text:Yi(o.resource),target:a})}}),{type:"textual-content",items:n}}var bn=require("@iiif/helpers");var ls=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function Rn(e,t,n,o=!1){let a=t.items.filter(p=>p.type==="video"),i=a[0],r=!1,s=!1;if(e.duration||(s=!0),a.length>1||!i)return N("Only one video source supported");let l=a[0]?.resource,c=!!(l.service||[]).find(p=>(p.profile||"").includes("youtube.com"));if(!c&&s)return N("Video does not have duration");if(!l)return N("Unknown video");if((!l.format||l.format==="text/html")&&!c)return N("Video does not have format");let m=[],u=n.get(e.annotations||[]);for(let p of u){let S=n.get(p.items||[]);for(let v of S)if((v.motivation?Array.isArray(v.motivation||"")?v.motivation:[v.motivation]:[]).includes("supplementing")){let h=n.get(v.body||[]);for(let x of h){let C=x;if(C.type==="Choice")for(let b of C.items){let R=n.get(b);R.format==="text/vtt"&&m.push({id:R.id,type:"Text",format:"text/vtt",label:R.label,language:R.language})}else C.format==="text/vtt"&&m.push({id:C.id,type:"Text",format:"text/vtt",label:C.label,language:C.language})}}}let d={annotationId:i.annotationId,annotation:i.annotation,duration:e.duration,url:l.id,type:"Video",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:l.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},g=(0,bn.expandTarget)(i.target);g.selector&&g.selector.type==="TemporalBoxSelector"&&(d.target=g.selector);let{selector:y}=(0,bn.parseSelector)(i.selector);if(y===null){let p=d.target.temporal.startTime,v=(d.target.temporal.endTime||e.duration)-p;d.selector={type:"TemporalSelector",temporal:{startTime:0,endTime:v}}}else y.type==="TemporalSelector"&&(d.selector=y);if(o&&!d.target.spatial&&(r=!0,d.target={type:"TemporalBoxSelector",temporal:d.target.temporal,spatial:{x:e.width/2,y:e.height/2,width:e.width/2,height:e.height/2}}),c){d.type="VideoYouTube";let p=l.id.match(ls);if(!p[1])return N("Video is not known youtube video");d.youTubeId=p[1]}return{type:"media",media:d,annotations:{pages:[]},noSpatial:r,captions:m}}var Ki=require("@iiif/helpers");function Gi(e,t,n,o){let a={type:"complex-timeline",items:[],keyframes:[],highlights:[],duration:e.duration||0},i={type:"complex-choice",items:[]},r=o.get(e.annotations);function s(m){m.choice&&(m.choice.type==="complex-choice"?i.items.push(...m.choice.items):i.items.push(m.choice))}for(let m of t.items){if(m.type==="image"){let u=xn(e,{choice:null,allChoices:null,types:["image"],items:[m]},n);if(u.type==="images"){if(!u.image)continue;s(u),a.items.push(u.image);let d={id:u.image.annotationId,type:"enter",resourceType:"image",time:u.image.target?.temporal?.startTime||0};a.keyframes.push(d);let g={id:u.image.annotationId,type:"exit",resourceType:"image",time:u.image.target?.temporal?.endTime||e.duration||0};a.keyframes.push(g)}}if(m.type==="textualbody"){let u=Cn(e,{choice:null,allChoices:null,types:["textualbody"],items:[m]});if(u.type==="textual-content"){s(u);let d=u.items[0];a.items.push(d);let g=d.target,y={id:d.annotationId,type:"enter",resourceType:"text",time:g.temporal?.startTime||0};a.keyframes.push(y);let p={id:d.annotationId,type:"exit",resourceType:"text",time:g.temporal?.endTime||e.duration||0};a.keyframes.push(p)}}if(m.type==="video"){let u=Rn(e,{choice:null,allChoices:null,types:["video"],items:[m]},o,!0);if(u.type==="media"){s(u);let d=u.media;a.items.push(d);let g={id:d.annotationId,type:"enter",resourceType:"video",time:d.target?.temporal?.startTime||0};a.keyframes.push(g);let y={id:d.annotationId,type:"exit",resourceType:"video",time:d.target?.temporal?.endTime||e.duration||0};a.keyframes.push(y)}}if(m.type==="audio"||m.type==="sound"){let u=Sn(e,{choice:null,allChoices:null,types:["audio"],items:[m]});if(u.type==="media"){s(u);let d=u.media;a.items.push(d);let g={id:d.annotationId,type:"enter",resourceType:"audio",time:d.target?.temporal?.startTime||0};a.keyframes.push(g);let y={id:d.annotationId,type:"exit",resourceType:"audio",time:d.target?.temporal?.endTime||e.duration||0};a.keyframes.push(y)}}}for(let m of r)for(let u of m.items){let d=o.get(u),g=(0,Ki.expandTarget)(d.target,{typeMap:o.getState?.().iiif.mapping});if(g.selector?.temporal){let y={id:d.id,type:"enter",resourceType:"highlight",time:g.selector.temporal.startTime||0};a.keyframes.push(y);let p={id:d.id,type:"exit",resourceType:"highlight",time:g.selector.temporal.endTime||e.duration||0};a.keyframes.push(p)}a.highlights.push({annotation:d,target:g})}a.keyframes.sort((m,u)=>m.time-u.time);let l=[],c=[];for(let m of a.keyframes){if(m.resourceType==="image"||m.resourceType==="text"||m.resourceType==="highlight"){c.push(m);continue}if(m.type==="enter"){l.length===0&&(m.isPrime=!0),l.push(m),c.push(m);continue}if(m.type==="exit"&&(c.push(m),l=l.filter(u=>u.id!==m.id),l.length!==0)){let u=l[0],d={id:u.id,type:"change",isPrime:!0,resourceType:u.resourceType,time:m.time};c.push(d)}}return a.keyframes=c,i.items.length&&(a.choice=i),a}var An={},oo={get(e){return e},setMetaValue([e,t,n],o){let a=oo.getResourceMeta(e,t),i=a?a[n]:void 0,r=typeof o=="function"?o(i):o;An[e]={...An[e]||{},[t]:{...(An[e]||{})[t]||{},[n]:r}}},getResourceMeta:(e,t)=>{let n=An[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 Qi({canvas:e,paintables:t,supports:n,loadImageService:o,vault:a=oo}){if(!e)return vn;if(t.types.length===0)return n.indexOf("empty")!==-1?Ni(e.width,e.height):vn;if(t.types.length!==1)if(t.types.length===2&&t.types.indexOf("text")!==-1)t.types=t.types.filter(r=>r!=="text");else return n.indexOf("complex-timeline")===-1?N("Complex timeline not supported"):Gi(e,t,o,a);let i=t.types[0];return i==="image"?n.indexOf("images")===-1?N("Image not supported"):xn(e,t,o):i==="Model"||i==="model"?n.indexOf("3d-model")===-1?N("3D not supported"):_i(e,t):i==="textualbody"?n.indexOf("textual-content")===-1?N("Textual content not supported"):Cn(e,t):i==="sound"||i==="audio"?n.indexOf("media")===-1?N("Media not supported"):Sn(e,t):i==="video"?n.indexOf("media")===-1?N("Media not supported"):Rn(e,t,a):vn}function Xi(e){let t=$(),n=A(),o=M(),a=Ri(),i=e?.emitter||a,[r,s]=$i(),{enabledPageIds:l}=Oi(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),c=Bi(l,"AnnotationPage"),m=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[u,d]=Ui(e,[s]);(0,at.useEffect)(()=>{let y=p=>{d.makeChoice(p.choiceId,{deselectOthers:p.deselectOthers,deselect:p.deselect})};return i.on("make-choice",y),()=>{i.off("make-choice",y)}},[]);let g=(0,at.useMemo)(()=>Qi({canvas:n,paintables:u,supports:m,loadImageService:r,vault:o}),[n,u,o,d.makeChoice]);return(0,at.useEffect)(()=>{let y=u.allChoices,p={canvasId:n?.id,manifestId:t?.id};y&&i.emit("choice-change",{choice:y,partOf:p})},[n?.id,u.allChoices]),(0,at.useMemo)(()=>g.type==="unknown"?[g,Vi]:[{...g,annotations:{pages:c}},d],[g,c])}var Zi=require("@iiif/helpers");var ro=require("react/jsx-runtime");function Ji({strategies:e,registerActions:t,defaultChoices:n,onChoiceChange:o,mediaControlsDeps:a,renderMediaControls:i,renderViewerControls:r,viewControlsDeps:s,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,throwOnUnknown:m,children:u}){let d=A(),g=M(),y=(0,Te.useMemo)(()=>(0,Zi.createStylesHelper)(g),[g]),[p,S]=Xi({strategies:e||["images"],defaultChoices:n?.map(({id:x})=>x)}),v="choice"in p?p.choice:void 0;if((0,Te.useEffect)(()=>{t&&t(S)},[p.annotations]),(0,Te.useEffect)(()=>{o&&o(v)},[v]),(0,Te.useEffect)(()=>{if(n)for(let x of n)typeof x.opacity<"u"&&y.applyStyles({id:x.id},"atlas",{opacity:x.opacity})},[n]),p.type==="unknown"&&m)throw new Error(p.reason||"Unknown strategy");let f=(0,Te.useMemo)(()=>({renderMediaControls:i,mediaControlsDeps:a||[],renderViewerControls:r,viewControlsDeps:s||[],renderComplexTimelineControls:l,complexTimelineControlsDeps:c||[]}),[a,i,r,s,l,c]),h=(0,Te.useMemo)(()=>({strategy:p,actions:S,choices:"choice"in p?p.choice:[]}),[p,d]);return(0,ro.jsx)(jt.Provider,{value:f,children:(0,ro.jsx)(Ve.Provider,{value:h,children:u})})}var Pt=require("react"),ao=require("zustand");var st=require("react");var io=(0,st.createContext)(()=>{});function ea(e){let t=A(),n=(0,st.useContext)(io);(0,st.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var na=require("react/jsx-runtime");function ta({x:e=0,y:t=0,keepCanvasScale:n=!0,renderContextMenu:o,children:a}){let{strategy:i}=O(),r=A(),s=Q(),l=Ot(r,["deep-zoom"]),c=(0,ao.useStore)(s,p=>p.setCanvasRelativePosition),m=(0,ao.useStore)(s,p=>p.clearCanvasRelativePosition),[u,d]=gn(`context-menu/${r?.id}`,r?.id,o),g=(0,Pt.useMemo)(()=>n?1:Math.max(1,...i.type==="images"?i.images.map(p=>(p.width||0)/p.target?.spatial.width):[]),[n,i]);(0,Pt.useEffect)(()=>{if(r)return c(r.id,{x:e,y:t,width:r.width,height:r.height}),()=>{m(r.id)}},[e,t,r,m,c]),(0,Pt.useEffect)(()=>{r&&s.getState().reset()},[s,r]),ea(g);let y=i.type==="images"?i.images.length:0;return r?(0,na.jsxs)("world-object",{height:r.height,width:r.width,x:e,y:t,...d,...l,children:[u,a]},`${r.id}/${i.type}/${y}`):null}var Y=require("react/jsx-runtime");function Ne({x:e,y:t,onChoiceChange:n,registerActions:o,defaultChoices:a,isStatic:i,renderViewerControls:r,renderMediaControls:s,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,viewControlsDeps:m,mediaControlsDeps:u,strategies:d,throwOnUnknown:g,backgroundStyle:y,alwaysShowBackground:p,keepCanvasScale:S=!1,enableSizes:v=!1,enableYouTube:f=!0,onClickPaintingAnnotation:h,components:x={},children:C,annotationPopup:b,svgTheme:R,renderContextMenu:P,renderAnnotationContextMenu:D}){return(0,Y.jsxs)(Ji,{throwOnUnknown:g,onChoiceChange:n,registerActions:o,strategies:d,defaultChoices:a,mediaControlsDeps:u,renderMediaControls:s,renderViewerControls:r,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,viewControlsDeps:m,children:[(0,Y.jsxs)(ta,{keepCanvasScale:S,x:e,y:t,renderContextMenu:P,children:[(0,Y.jsx)(ui,{alwaysShowBackground:p,backgroundStyle:y}),(0,Y.jsx)(ai,{}),(0,Y.jsx)(mi,{}),(0,Y.jsx)(di,{isStatic:i,enableSizes:v,onClickPaintingAnnotation:h}),(0,Y.jsx)(zr,{}),(0,Y.jsx)(Ar,{}),(0,Y.jsx)($r,{as:x.Audio}),(0,Y.jsx)(pi,{as:x.Video}),f?(0,Y.jsx)(hi,{}):null,(0,Y.jsx)(Mi,{theme:R,renderContextMenu:D,children:b}),C]}),(0,Y.jsx)(Tr,{})]})}var so=require("react/jsx-runtime");function oa(e){let t=A();return!t||!t.placeholderCanvas?null:(0,so.jsx)(ce,{canvas:t.placeholderCanvas.id,children:(0,so.jsx)(Ne,{renderViewerControls:e.renderViewerControls})})}var aa=require("@atlas-viewer/atlas"),K=J(require("react"),1),sa=require("react-error-boundary"),lo=require("zustand");var Pn=require("react");function ra(e,t=2e3){let{currentSequenceIndex:n,sequence:o,items:a}=Lt(),i=A(),r=(0,Pn.useMemo)(()=>{let l=o[n]||[];return l.length===0&&i?[{id:i.id,type:"Canvas"}]:l.map(c=>a[c])},[o,n,i,a]),s=Q();(0,Pn.useEffect)(()=>{let c=setInterval(()=>{if(e&&t!==-1){let m={x:e.x,y:e.y,width:e.width,height:e.height},u=s.getState().canvasRelativePositions,d={};for(let g of r){let y=u[g.id];if(y){let p=y.x,S=y.y,v=y.width,f=y.height,h={x:Math.max(p,m.x),y:Math.max(S,m.y),width:Math.min(p+v,m.x+m.width)-Math.max(p,m.x),height:Math.min(S+f,m.y+m.height)-Math.max(S,m.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)}},[r,e,s,t])}var lt=require("react/jsx-runtime");function ia({width:e,style:t,height:n,error:o,resetErrorBoundary:a}){return(0,lt.jsxs)("div",{style:{width:e,height:n,minHeight:500,...t||{},background:"#f9f9f9"},children:[(0,lt.jsx)("h3",{children:"Error occurred"}),(0,lt.jsx)("p",{children:o.message}),(0,lt.jsx)("button",{type:"button",onClick:a,children:"Reset"})]})}var L=require("react/jsx-runtime");function la(e){let t=Q();return(0,L.jsx)(gt,{name:e.name,existing:t,children:(0,L.jsx)(us,{...e})})}function us({name:e,children:t,errorFallback:n,outerContainerProps:o={},worldScale:a,updateViewportTimeout:i,...r}){let s=Q(),l=(0,lo.useStore)(s,T=>T.mode),c=(0,lo.useStore)(s,T=>T.setAtlasRuntime),[m,u]=(0,K.useState)(),d=dn(),g=mn(),y=n||ia,[p,S]=(0,K.useState)({}),v=Object.entries(p),[f,h]=(0,K.useState)({}),x=Object.entries(f),[C,b]=(0,K.useState)({}),{worldScale:R,runtimeOptions:P}=(0,K.useMemo)(()=>{if(Object.values(C).length===0)return{worldScale:1,runtimeOptions:r.runtimeOptions||{maxOverZoom:1}};let k=Math.max(...Object.values(C));return{worldScale:k,runtimeOptions:{maxOverZoom:k||1,...r.runtimeOptions||{}}}},[C,r.runtimeOptions]);ra(m?.runtime,i);let D=(0,K.useCallback)((T,k)=>{b(V=>{if(k===-1){let{[T]:ut,...we}=V;return we}return{...V,[T]:k}})},[]),ye=(0,K.useCallback)((T,k,V)=>{S(({[T]:ut,...we})=>k?{...we,[T]:{element:k,props:V}}:we)},[]),I=(0,K.useCallback)((T,k,V)=>{h(({[T]:ut,...we})=>k?{...we,[T]:{element:k,props:V}}:we)},[]),H=(0,K.useCallback)(T=>{u(T),c(T.runtime),r.onCreated&&r.onCreated(T)},[r.onCreated,c]);return(0,L.jsxs)(sa.ErrorBoundary,{resetKeys:[],fallbackRender:T=>(0,L.jsx)(y,{...r,...T}),children:[(0,L.jsx)(aa.AtlasAuto,{...r,mode:l,containerProps:{style:{position:"relative"},...r.containerProps||{}},htmlChildren:(0,L.jsx)(L.Fragment,{children:v.map(([T,{element:k,props:V}])=>(0,L.jsx)(K.default.Fragment,{children:(0,L.jsx)(k,{...V||{}})},T))}),onCreated:H,runtimeOptions:P,children:(0,L.jsx)(gt,{name:e,existing:s,children:(0,L.jsx)(Oe.Provider,{value:m,children:(0,L.jsx)(io.Provider,{value:D,children:(0,L.jsx)($n.Provider,{value:ye,children:(0,L.jsx)(Fn.Provider,{value:I,children:(0,L.jsx)(pn,{bridge:g,custom:d,children:(0,L.jsx)(Nr,{children:t})})})})})})})}),(0,L.jsx)("div",{children:x.map(([T,{element:k,props:V}])=>(0,L.jsx)(K.default.Fragment,{children:(0,L.jsx)(k,{...V||{}})},T))}),(0,L.jsx)("div",{id:"atlas-floating-ui",style:{position:"relative",zIndex:999999}})]})}var _=require("react/jsx-runtime"),cs=(0,De.forwardRef)(function(t,n){let o=$(),a=Mt(),i=Lt(),{ViewerControls:r,MediaControls:s,ComplexTimelineControls:l}=t.components||{};if((0,De.useImperativeHandle)(n,()=>i,[i]),!o)return(0,_.jsx)("div",{});let c=0,m=o.viewingDirection==="top-to-bottom",u=o.viewingDirection==="bottom-to-top",d=o.viewingDirection==="left-to-right",g=o.viewingDirection==="right-to-left",p=o.behavior.includes("continuous")?0:t.spacing||0,S=u||g,v=(0,De.useMemo)(()=>S?[...a].reverse():a,[a,S]);return(0,_.jsxs)(_.Fragment,{children:[t.header,(0,_.jsx)(q.Viewer,{height:t.height,mode:t.mode,renderPreset:t.renderPreset,runtimeOptions:t.runtimeOptions,updateViewportTimeout:t.updateViewportTimeout,homePaddingPx:t.padding,children:v.map((f,h)=>{let x=0,C=0;return!m&&!u?(x=c,c+=f.width+p):(C=c,c+=f.height+p),(0,_.jsx)(ce,{canvas:f.id,children:(0,_.jsx)(q.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content","complex-timeline"],renderViewerControls:h===0&&r?()=>(0,_.jsx)(r,{}):void 0,renderMediaControls:h===0&&s?()=>(0,_.jsx)(s,{}):void 0,annotationPopup:t.annotationPopup,renderContextMenu:t.renderContextMenu,keepCanvasScale:t.keepCanvasScale,renderComplexTimelineControls:h===0&&l?()=>(0,_.jsx)(l,{}):void 0,renderAnnotationContextMenu:t.renderAnnotationContextMenu,x,y:C,svgTheme:t.svgTheme,...t.canvasProps||{},children:t.annotations},f.id)},f.id)})},t.reuseAtlas?"":i.currentSequenceIndex),t.children]})}),q=(0,De.forwardRef)(function({children:t,height:n,annotations:o,canvasProps:a,spacing:i,header:r,components:s,mode:l,reuseAtlas:c,renderPreset:m,runtimeOptions:u,annotationPopup:d,name:g,svgTheme:y,updateViewportTimeout:p,renderContextMenu:S,keepCanvasScale:v,renderAnnotationContextMenu:f,padding:h,...x},C){let b=Fe();return(0,_.jsx)(gt,{name:g,children:(0,_.jsx)(qe,{vault:b,children:(0,_.jsx)(_o,{...x,children:(0,_.jsx)(cs,{ref:C,height:n,components:s,spacing:i,canvasProps:a,annotations:o,header:r,mode:l,reuseAtlas:c,renderPreset:m,runtimeOptions:u,annotationPopup:d,svgTheme:y,updateViewportTimeout:p,renderContextMenu:S,keepCanvasScale:v,renderAnnotationContextMenu:f,padding:h,children:t})})})})});q.RenderImage=nt;q.RenderCanvas=Ne;q.RenderAnnotationPage=Me;q.RenderAnnotation=Qe;q.Viewer=la;q.CanvasBackground=nn;q.Audio=$t;q.Video=an;q.Model=Ut;q.AudioHTML=Wn;q.VideoHTML=Jn;q.ModelHTML=Un;q.PlaceholderCanvas=oa;q.getAtlasStoreByName=nr;

package/dist/canvas-panel.d.cts

@@ -1,6 +1,6 @@
 import '@atlas-viewer/atlas';
 import 'react';
-export { g as CanvasPanel, C as CanvasPanelProps } from './index-Bxw5USbW.cjs';
+export { g as CanvasPanel, C as CanvasPanelProps } from './index-VNY_GL30.cjs';
 import 'react/jsx-runtime';
 import 'zustand';
 import 'mitt';

package/dist/canvas-panel.d.ts

@@ -1,6 +1,6 @@
 import '@atlas-viewer/atlas';
 import 'react';
-export { g as CanvasPanel, C as CanvasPanelProps } from './index-kvJxjxZG.js';
+export { g as CanvasPanel, C as CanvasPanelProps } from './index-BzqDQGvO.js';
 import 'react/jsx-runtime';
 import 'zustand';
 import 'mitt';

package/dist/canvas-panel.js

@@ -1 +1 @@
-import{Ub as a}from"./chunk-I5SAOKMU.js";import"./chunk-FBET7GLW.js";export{a as CanvasPanel};
+import{Ub as a}from"./chunk-ICQYS35G.js";import"./chunk-FBET7GLW.js";export{a as CanvasPanel};