react-iiif-vault 2.0.11 → 2.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.d.ts +7 -3
- package/dist/bundle.global.js +52 -46
- package/dist/canvas-panel.cjs +6 -6
- package/dist/canvas-panel.d.cts +1 -1
- package/dist/canvas-panel.d.ts +1 -1
- package/dist/canvas-panel.js +1 -1
- package/dist/chunk-WI6XIZ2T.js +49 -0
- package/dist/{index-BAwkF_tl.d.cts → index-DHghDluJ.d.cts} +5 -2
- package/dist/{index-C3XrwwYg.d.ts → index-DijgVxjb.d.ts} +5 -2
- package/dist/index.cjs +8 -8
- package/dist/index.d.cts +4 -3
- package/dist/index.d.ts +4 -3
- package/dist/index.js +1 -1
- package/package.json +2 -1
- package/dist/chunk-MOYFNKQ7.js +0 -49
package/dist/index.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";var ul=Object.create;var En=Object.defineProperty;var ml=Object.getOwnPropertyDescriptor;var dl=Object.getOwnPropertyNames;var pl=Object.getPrototypeOf,fl=Object.prototype.hasOwnProperty;var gl=(e,t)=>{for(var n in t)En(e,n,{get:t[n],enumerable:!0})},Mn=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of dl(t))!fl.call(e,r)&&r!==n&&En(e,r,{get:()=>t[r],enumerable:!(o=ml(t,r))||o.enumerable});return e},b=(e,t,n)=>(Mn(e,t,"default"),n&&Mn(n,t,"default")),Z=(e,t,n)=>(n=e!=null?ul(pl(e)):{},Mn(t||!e||!e.__esModule?En(n,"default",{value:e,enumerable:!0}):n,e)),hl=e=>Mn(En({},"__esModule",{value:!0}),e);var x={};gl(x,{AnnotationContext:()=>bc,AnnotationPageContext:()=>Cc,AnnotationStyleProvider:()=>Nl,AtlasStoreProvider:()=>It,AtlasStoreReactContext:()=>rt,Auth:()=>jo,AuthProvider:()=>Yo,AuthRContext:()=>et,AuthReactContext:()=>Di,AuthReactContextActions:()=>Fi,CanvasAnnotations:()=>uc,CanvasContext:()=>de,CanvasPanel:()=>_,CanvasStrategyProvider:()=>ni,CanvasWorldObject:()=>ii,CollectionContext:()=>Rc,CombinedMetadata:()=>mc,ComplexTimelineProvider:()=>Tr,ContextBridge:()=>dn,ControlsReactContext:()=>tn,CreateCustomShape:()=>ci,CustomContextBridge:()=>ps,CustomContextBridgeProvider:()=>_l,DEFAULT_BEZIER:()=>kn,DEFAULT_POLL_INTERVAL:()=>xi,DefaultEditingTools:()=>Rs,EASING_PRESETS:()=>bi,EventEmitterProvider:()=>kl,EventsProvider:()=>Ul,Image:()=>js,ImageService:()=>pc,ImageServiceLoaderContext:()=>ka,InnerViewerProvider:()=>ji,LanguageProvider:()=>Hl,LanguageString:()=>Ya,LocaleString:()=>ue,ManifestContext:()=>zo,ManifestMetadata:()=>gc,MediaPlayerProvider:()=>Jt,Metadata:()=>Tn,PolygonSelector:()=>cc,RangeContext:()=>Oo,ReactEmitterContext:()=>Hn,ReactEventContext:()=>ft,ReactVaultContext:()=>qe,RegionHighlight:()=>lr,Render3DModelStrategy:()=>gr,RenderAccompanyingCanvas:()=>hr,RenderAnnotation:()=>at,RenderAnnotationEditing:()=>Wr,RenderAnnotationPage:()=>Fe,RenderAnnotationStrategy:()=>br,RenderAudioStrategy:()=>Pr,RenderComplexTimelineStrategy:()=>Vr,RenderEmptyStrategy:()=>Lr,RenderImageStrategy:()=>zr,RenderSvgEditorControls:()=>xc,RenderTextualContentStrategy:()=>Or,RenderVideoStrategy:()=>qr,RenderYouTubeStrategy:()=>Hr,ResizeWorldItem:()=>ar,ResourceProvider:()=>re,ResourceReactContext:()=>Ft,SelectorControllerProvider:()=>ac,SequenceThumbnails:()=>vc,SimpleViewerProvider:()=>Qo,SimpleViewerReactContext:()=>Pt,SingleCanvasThumbnail:()=>gi,StrategyReactContext:()=>We,ThumbnailFallbackImage:()=>mt,TranslationProvider:()=>ql,TransliterationProvider:()=>Dl,VaultProvider:()=>Ie,ViewerPresetContext:()=>Ce,VirtualAnnotationProvider:()=>xr,VisibleCanvasReactContext:()=>Ze,annotationResponseToSelector:()=>Dc,authDetailsForResource:()=>Wo,buildTransitions:()=>Ri,createAtlasStore:()=>Zo,createAuthStateStore:()=>Fo,createProbe:()=>$o,cubicBezierEasing:()=>Dt,defaultEmitter:()=>ms,defaultSvgTheme:()=>ss,emptyActions:()=>Ur,emptyStrategy:()=>_r,findAllCanvasesInRange:()=>Ln,findFirstCanvasFromRange:()=>zi,findManifestSelectedRange:()=>vl,findSelectedRange:()=>Bo,flattenAnnotationPageIds:()=>Yr,formatTime:()=>Wn,get3dStrategy:()=>Gr,getAtlasStoreByName:()=>tr,getComplexTimelineStrategy:()=>Zr,getDefaultAnnotationStyles:()=>nr,getImageStrategy:()=>xn,getManifestSequence:()=>zn,getParsedTargetSelector:()=>gn,getRenderingStrategy:()=>Rn,getStepFromProgress:()=>Pi,getTextualContentStrategy:()=>bn,getVideoStrategy:()=>Cn,getVisibleCanvasesFromCanvasId:()=>Sl,hasAuth:()=>xl,interpolateRect:()=>Ci,isBoxSelector:()=>Ml,isRectangle:()=>At,isSvgSelector:()=>Xi,makeAccessServiceRequest:()=>Ho,makeAccessTokenRequest:()=>On,parseSpecificResource:()=>Gl,polygonToTarget:()=>Tt,requestToAnnotationResponse:()=>jt,seraliseSupportedSelector:()=>Dn,svgThemes:()=>ic,targetIntersects:()=>Hc,unknownResponse:()=>hn,unsupportedStrategy:()=>q,useAnnotation:()=>Qt,useAnnotationPage:()=>cr,useAnnotationPageManager:()=>vn,useAnnotationStyles:()=>Gt,useAnnotationsAtTime:()=>Pc,useAtlasContextMenu:()=>fn,useAtlasStore:()=>B,useAuthActions:()=>$i,useAuthService:()=>Wi,useAuthStore:()=>Ct,useAuthToken:()=>Cl,useAuthTokens:()=>Uo,useCanvas:()=>T,useCanvasChoices:()=>Ac,useCanvasClock:()=>Tc,useCanvasSequence:()=>qo,useCanvasStartTime:()=>en,useCanvasSubset:()=>Ic,useClosestLanguage:()=>ja,useCollection:()=>wc,useComplexTimeline:()=>Bl,useContextBridge:()=>mn,useContextMenuStore:()=>bs,useCreateLocaleString:()=>Fl,useCurrentAnnotationActions:()=>kc,useCurrentAnnotationMetadata:()=>Mc,useCurrentAnnotationRequest:()=>$r,useCurrentAnnotationTransition:()=>Ec,useCurrentAuth:()=>bl,useCustomContextBridge:()=>un,useDispatch:()=>yr,useEmitter:()=>Xo,useEvent:()=>ot,useEventEmitter:()=>ln,useEventListener:()=>Nc,useExistingVault:()=>we,useExternalCollection:()=>Vc,useExternalManifest:()=>Lo,useExternalResource:()=>Wt,useIIIFLanguage:()=>to,useImage:()=>Ao,useImageService:()=>Si,useImageServiceLoader:()=>nn,useImageTile:()=>Lc,useIsAuthEnabled:()=>Ko,useLoadImageService:()=>Sn,useLocaleString:()=>Ga,useManifest:()=>$,useMediaActions:()=>Ll,useMediaElements:()=>zl,useMediaState:()=>Vl,usePaintables:()=>jr,usePaintingAnnotations:()=>ze,usePolygonHelper:()=>Dr,useRange:()=>Ut,useRemoteStylesheet:()=>rr,useRenderControls:()=>ie,useRenderingStrategy:()=>ei,useRequestAnnotation:()=>li,useResourceContext:()=>J,useResourceEvents:()=>Xt,useResources:()=>Kr,useSearchService:()=>Go,useSelectorController:()=>di,useSelectorEmitter:()=>sc,useSelectorEvents:()=>mi,useSelectorHelper:()=>lc,useSimpleMediaPlayer:()=>st,useSimpleViewer:()=>tt,useStaticRenderingStrategy:()=>zc,useStrategy:()=>H,useStyleHelper:()=>Oc,useStyles:()=>it,useStylesheetStore:()=>ra,useSvgEditor:()=>Fr,useSvgEditorControls:()=>hi,useThumbnail:()=>Ne,useTranslations:()=>wr,useTransliteration:()=>Ir,useVault:()=>k,useVaultEffect:()=>Cr,useVaultSelector:()=>z,useViewerPreset:()=>rn,useViewportScroll:()=>qc,useViewportTour:()=>Bc,useVirtualAnnotationPage:()=>vr,useVirtualAnnotationPageContext:()=>Sr,useVisibleCanvases:()=>Je});module.exports=hl(x);b(x,require("@iiif/helpers/annotation-targets"),module.exports);var ht=require("react");var St=Z(require("react"),1),Ai=require("react/jsx-runtime"),yl={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},Ft=St.default.createContext(yl),J=()=>(0,St.useContext)(Ft);function re({value:e,children:t}){let n=J(),o=(0,St.useMemo)(()=>({...n,...e}),[e,n]);return(0,Ai.jsx)(Ft.Provider,{value:o,children:t})}var Ti=require("react/jsx-runtime");function de({canvas:e,children:t}){return(0,Ti.jsx)(re,{value:{canvas:e},children:t})}var Nn=Z(require("react"),1),$t=require("@iiif/helpers/vault");var Vo=require("react/jsx-runtime"),qe=Nn.default.createContext({vault:null,setVaultInstance:e=>{}});function Ie({vault:e,vaultOptions:t,useGlobal:n,resources:o,children:r}){let[i,a]=(0,Nn.useState)(()=>e||(n?(0,$t.globalVault)(t):t?new $t.Vault(t):new $t.Vault));return(0,Vo.jsx)(qe.Provider,{value:{vault:i,setVaultInstance:a},children:(0,Vo.jsx)(re,{value:o||{},children:r})})}var wi=require("react"),ki=Z(require("react"),1);var Ii=require("react"),k=()=>{let{vault:e}=(0,Ii.useContext)(qe);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var Vn=require("react");function z(e,t=[]){let n=k(),[o,r]=(0,Vn.useState)(()=>e(n.getState(),n));return(0,Vn.useEffect)(()=>n.subscribe(i=>e(i,n),i=>{r(i)},!1),t),o}var Ze=ki.default.createContext([]);function Je(){let e=(0,wi.useContext)(Ze);return z(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var Mi=require("@iiif/helpers/vault"),Ei=require("react");function we(e){let t=(0,Ei.useContext)(qe);return e||(t&&t.vault?t.vault:(0,Mi.globalVault)())}var Ni=require("react");function $(e={},t=[]){let{id:n,selector:o}=e,r=J(),i=k(),a=n||r.manifest,s=z(l=>a?l.iiif.entities.Manifest[a]:void 0,[a]);return(0,Ni.useMemo)(()=>{if(s)return o?o(s):s},[s,o,...t])}var Ki=require("react"),qn=require("react");var He=require("react");function Wt(e,{noCache:t=!1}={}){let n=typeof e=="string"?e:e.id,o=we(),[r,i]=(0,He.useState)(n),[a,s]=(0,He.useState)(void 0),l=(0,He.useMemo)(()=>o.get(n,{skipSelfReturn:!0})||void 0,[n,o]),[u,c]=(0,He.useState)(l);return(0,He.useEffect)(()=>{(async()=>{try{let m=l&&!t?l:await o.load(n),d=m?m.id||m["@id"]:null;m&&r!==d&&i(d),c(m)}catch(m){s(m)}})()},[n,t]),{isLoaded:!!u,id:r,requestId:n,error:a,resource:u,cached:!!(u&&u===l)}}function Lo(e,t){let{id:n,isLoaded:o,error:r,resource:i,requestId:a,cached:s}=Wt(e,t);return{id:n,isLoaded:o,error:r,manifest:i,requestId:a,cached:s}}var Vi=require("react/jsx-runtime");function zo({manifest:e,children:t}){return(0,Vi.jsx)(re,{value:{manifest:e},children:t})}var Li=require("react/jsx-runtime");function Oo({range:e,children:t}){return(0,Li.jsx)(re,{value:{range:e},children:t})}function zi(e,t){for(let n of t.items){if(n.type==="Canvas")return n;if(n.type==="SpecificResource")return n.source;if(n.type==="Range"){let o=zi(e,e.get(n));if(o)return o}}return null}function Ln(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(...Ln(e,e.get(o))),o.type==="SpecificResource"){let r=typeof o.source=="string"?o.source:o.source.id;n.push({id:r,type:"Canvas"})}return n}function vl(e,t,n){for(let o of t.structures){let r=Bo(e,e.get(o),n);if(r)return r}return null}function Bo(e,t,n){for(let o of t.items){let r=o?.source?.id?.split("#")[0];if(o.type==="SpecificResource"&&o.source===n||o.type==="SpecificResource"&&o.source?.type==="Canvas"&&n===r)return t;if(o.type==="Range"){let i=Bo(e,e.get(o),n);if(i)return i}}return null}function Sl(e,t,n,o=!1){let r=t.behavior,i=n?e.get(n):null;if(!i)return[];let a=i.behavior,s=o?!1:r.includes("paged"),l=s?!1:r.includes("continuous"),u=s||l?!1:r.includes("individuals"),c=a.includes("facing-pages"),m=a.includes("non-paged");if(c||m||u||o)return[{id:i.id,type:"Canvas"}];let[d,f]=zn(e,t);if(l)return d;let h=d.findIndex(p=>p.id===n);if(h===-1)return[];for(let p of f)if(p.includes(h))return p.map(S=>d[S]);return[{id:i.id,type:"Canvas"}]}function zn(e,t,{disablePaging:n,skipNonPaged:o}={}){let r=t.behavior,i=r.includes("paged"),a=i?!1:r.includes("continuous"),s=i||a?!1:r.includes("individuals"),l=t.type==="Manifest"?t.items:Ln(e,t);if(a)return[l,[l.map((h,p)=>p)]];if(s||!i||n)return[l,l.map((h,p)=>[p])];let u=[],c=[],m=()=>{c.length&&(u.push([...c]),c=[])},d=0,f=!1;for(let h=0;h<l.length;h++){let p=e.get(l[h]);if(p.behavior.includes("non-paged")){h===d&&d++,o||(m(),u.push([h]),m());continue}if(h===d||p.behavior.includes("facing-pages")){c.length&&(f=!0),m(),u.push([h]),m();continue}if(c.push(h),f){m(),f=!1;continue}c.length>1&&m()}return c.length&&m(),[l,u]}var ye=require("react");var Oi=require("react");function Ut(e={},t=[]){let{id:n,selector:o}=e,r=J(),i=n||r.range,a=z(s=>i?s.iiif.entities.Range[i]:void 0,[i]);return(0,Oi.useMemo)(()=>{if(a)return o?o(a):a},[a,o,...t])}function qo({startCanvas:e,disablePaging:t}){let n=k(),o=$(),r=Ut(),[i,a]=(0,ye.useState)(void 0),s=r||o;if(!s)throw new Error("Nothing selected");let[l,u]=(0,ye.useMemo)(()=>zn(n,s,{disablePaging:t}),[n,s,t]),c=(0,ye.useRef)(u);if(c.current!==u){let S=c.current[i][0],v=u.findIndex(g=>g.includes(S));c.current=u,a(v)}let m=(0,ye.useCallback)(p=>{let S=u.findIndex(v=>v.includes(p));a(S===-1?0:S)},[l,u]),d=(0,ye.useCallback)(p=>{let S=l.findIndex(v=>v.id===p);S!==-1?m(S):a(0)},[l,u]),f=(0,ye.useCallback)(()=>{a(p=>p>=u.length-1?p:p+1)},[u]),h=(0,ye.useCallback)(()=>{a(p=>p<=0?0:p-1)},[u]);return typeof i>"u"&&(e?d(e):a(0)),{visibleItems:u[i]?.map(p=>l[p].id)||[],cursor:i,items:l,sequence:u,hasPrevious:i>0,hasNext:i<u.length-1,setSequenceIndex:a,setCanvasIndex:m,setCanvasId:d,next:f,previous:h}}var Se=require("react"),bt=require("zustand");var Do=require("zustand/vanilla");function xl(e){let t=e.service||e.services||[];for(let n of t)if(n.type==="AuthProbeService2")return!0;return!1}function ve(e,t,n){let o=t.findIndex(a=>a.service.id===e);if(o===-1)return t;let r=[...t],i=n(r[o]);return i===r[o]?t:(r[o]=i,r)}var Fo=()=>(0,Do.createStore)((e,t)=>({currentAuth:-1,authItems:[],login:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot login to non-active service");let o=n.service.service.find(r=>r.type==="AuthAccessTokenService2");if(!o)throw new Error("Token service not found");e(()=>({authItems:ve(n.id,t().authItems,r=>({...r,isPending:!0}))})),Ho(n.service).then(()=>{On(o).then(r=>{let i=r.expiresIn,a=Date.now()+i*1e3;e(()=>({authItems:ve(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:r.accessToken,expires:a}}))}))}).catch(r=>{e(()=>({authItems:ve(n.id,t().authItems,i=>({...i,isLoggedIn:!1,isPending:!1,error:r.message}))}))})})},logout:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||!n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot logout of non-active service");let o=n.service.service.find(a=>a.type==="AuthLogoutService2");if(!o)return;let r=`${o.id}?origin=${Bi()}`,i=window.open(r);e(()=>({authItems:ve(n.id,t().authItems,a=>({...a,isLoggedIn:!1,session:null,isPending:!1}))}))},nextAuth:()=>{let n=t().authItems.length,o=t().currentAuth+1;o>=n||e(()=>({currentAuth:o}))},previousAuth:()=>{let n=t().currentAuth-1;n<0||e(()=>({currentAuth:n}))},setAuth:n=>{n!==-1&&(n<0||n>=t().authItems.length)||e(()=>({currentAuth:n}))},addService:(n,o)=>{if(!n.service)return;let r=n.service.find(s=>s.type==="AuthAccessTokenService2"),i=n;if(t().authItems.find(s=>s.service.id===n.id)){e(()=>({authItems:ve(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(!r)throw new Error("Token service not found");On(r).then(s=>{e(()=>({authItems:ve(n.id,t().authItems,l=>({...l,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ve(n.id,t().authItems,l=>({...l,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:s.message}))}))})}if(n.profile==="kiosk"){if(!r)throw new Error("Token service not found");e(()=>({authItems:ve(n.id,t().authItems,s=>({...s,isPending:!0}))})),Ho(i).then(()=>{On(r).then(s=>{e(()=>({authItems:ve(n.id,t().authItems,l=>({...l,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ve(n.id,t().authItems,l=>({...l,isLoggedIn:!1,isPending:!1,error:s.message}))}))})})}n.profile},removeService:(n,o)=>{let r=t().currentAuth===t().authItems.findIndex(a=>a.service.id===n.id),i=t().currentAuth;if(r){let a=t().authItems.find(l=>l.service.id===n.id);a&&a.instances>1||(i=t().authItems.findIndex(u=>u.service.id!==n.id&&u.instances>0))}e(()=>({authItems:ve(n.id,t().authItems,a=>({...a,instances:a.instances-1})),currentAuth:i}))}})),$o=(e,t)=>(0,Do.createStore)((n,o)=>({service:e,status:e?"unknown":"success",shouldRedirect:!1,redirectResource:null,shouldSubstitute:!1,substituteResource:null,error:null,errorHeading:null,errorNote:null,shouldDisplayResource:!1,token:t||null,async probe(){if(!o().service)return;let r=o().service?.id;if(!r){n({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}n({status:"probing"});let i=o().token;try{let a=await fetch(r,{headers:i?{Authorization:`Bearer ${o().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(s=>s.json());if(a.status===200)n({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(a.status<400&&a.status>=300){if(!a.location)throw new Error("Redirect location not found");n({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:a.location||null})}else if(a.status===401)n({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!a.substitute,substituteResource:a.substitute||null,error:"Unauthorized",errorHeading:a.heading||{en:["Unauthorized"]},errorNote:a.note||null});else throw new Error("Unknown error")}catch(a){n({status:"error",error:a.message,errorHeading:{en:["Unknown error"]}})}},setToken(r){n({token:r})}}));function Wo(e){let t=e.service||e.services||[],n={hasAuth:!1,services:{}};for(let o of t)if(o.type==="AuthProbeService2"){n.services.probe=o,n.hasAuth=!0;let r=o.service.filter(i=>i.type==="AuthAccessService2");r[0]&&(n.services.access=r[0])}return n}async function On(e,{strict:t=!0}={}){return new Promise((n,o)=>{let r=Math.random().toString(36).substring(7),i=`${e.id}?messageId=${r}&origin=${window.location.origin}`,a=u=>{let c=u.data;if(c.messageId===r){if(t&&c.type!=="AuthAccessToken2"){s(),o("Invalid response, expected type=AuthAccessToken2");return}if(!c.accessToken){s(),o("Invalid response, expected accessToken");return}s(),n(c)}},s=()=>window.removeEventListener("message",a),l=document.createElement("iframe");l.src=i,l.style.display="none",document.body.appendChild(l),window.addEventListener("message",a)})}function Bi(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 Ho(e){let t=`${e.id}?origin=${Bi()}`,n=window.open(t);if(!n)throw new Error("Failed to open window");return new Promise((o,r)=>{let i=setInterval(()=>{n.closed&&(clearInterval(i),o())},500)})}var xt=require("react");var qi=require("zustand");function Hi(e){let t=(0,xt.useMemo)(()=>Wo(e),[e]),n=Uo(t.services.access?.id),o=(0,xt.useMemo)(()=>$o(t.services.probe,n),[t.services.probe]),r=(0,qi.useStore)(o);return(0,xt.useEffect)(()=>{r.status==="unknown"&&!n&&r.probe()},[t.services.probe,r.status]),(0,xt.useEffect)(()=>{n&&(r.setToken(n),r.probe())},[n]),[e,r,t.hasAuth]}var _t=require("react/jsx-runtime"),et=(0,Se.createContext)(null),Di=(0,Se.createContext)(null);Di.displayName="CurrentAuth";var Fi=(0,Se.createContext)(null);Fi.displayName="AuthActions";function Yo({children:e}){let t=(0,Se.useMemo)(()=>Fo(),[]);return(0,_t.jsx)(et.Provider,{value:t,children:e})}function Ko(){return!!(0,Se.useContext)(et)}function Ct(){let e=(0,Se.useContext)(et);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function $i(){let e=Ct();return(0,bt.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 bl(){let e=Ct();return(0,bt.useStore)(e,t=>t)}function Wi(e){let t=Ct();return(0,bt.useStore)(t,o=>o.authItems.find(r=>r.service.id===e))}function Uo(e){let t=Ct();return(0,bt.useStore)(t,o=>o.authItems.find(r=>r.id===e)?.session?.token)}function Cl(e){let t=Ct();return(0,bt.useStore)(t,o=>{let r=o.authItems.find(i=>i.service.id===e);return!r||!r.isLoggedIn||!r.session?null:r.session?.token||null})}function Rl(e){let t=$i(),n=Wi(e.service.id);return(0,Se.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function _o(){return null}function jo(e){let[t,n,o]=Hi(e.resource),r=e.fallbackComponent||_o,i=e.loadingComponent||_o,a=e.errorComponent||_o,s=n.service,l=null;if(!o||!s)return e.children(t);let u=s.service.filter(c=>c.type==="AuthAccessService2");n.status==="error"&&(l=(0,_t.jsx)(a,{resource:e.resource,error:n.error||"",heading:n.errorHeading,note:n.errorNote,extra:e.extra})),(n.status==="unknown"||n.status==="probing")&&(l=(0,_t.jsx)(i,{})),n.status==="success"&&(l=e.children(t));for(let c of u)l=(0,_t.jsx)(Rl,{service:c,probeId:s.id,children:l},c.id);return l}var Yt=require("react");var Ui=require("zustand/vanilla"),Pl=e=>e.id||e["@id"];function Al(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 _i=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?Pl(t):void 0,o=null;return(0,Ui.createStore)((r,i)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!Al(t):!1,errorMessage:"",search(a,s={}){if(!n)throw new Error("No search service found.");o&&!o.signal.aborted&&o.abort(),o=new AbortController;let l=new URLSearchParams;a.q&&l.set("q",a.q),a.motivation&&l.set("motivation",a.motivation),a.date&&l.set("date",a.date),a.user&&l.set("user",a.user),r({loading:!0}),fetch(`${n}?${l.toString()}`,{signal:o.signal,headers:{"Content-Type":"application/json",Accept:"application/json",...s.headers||{}}}).then(async u=>{if(!o?.signal.aborted)if(u.ok){let c=await u.json();r({resources:c.resources,error:!1,errorMessage:""})}else r({resources:[],error:!0,errorMessage:u.statusText})})},clearSearch(){r({resources:[],error:!1,errorMessage:""})},highlightResult(a){let s=i().resources.find(l=>l["@id"]===a);r({highlight:s})},nextResult(){let a=i().resources,s=i().highlight;if(!s){r({highlight:a[0]||null});return}let l=a.findIndex(u=>u["@id"]===s["@id"]);if(l===-1){r({highlight:a[0]||null});return}r({highlight:a[l+1]||a[0]||null})},previousResult(){let a=i().resources,s=i().highlight;if(!s){r({highlight:a[a.length-1]||null});return}let l=a.findIndex(u=>u["@id"]===s["@id"]);if(l===-1){r({highlight:a[a.length-1]||null});return}if(l===0){r({highlight:a[a.length-1]||null});return}r({highlight:a[l-1]||a[a.length-1]||null})}}))};var Tl=require("zustand");function Go(){let e=$();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var Bn=require("react/jsx-runtime"),Rt=(0,Yt.createContext)(null);Rt.displayName="Search";function Yi(e){let t=Go();return e.store?(0,Bn.jsx)(Rt.Provider,{value:e.store,children:e.children}):(0,Bn.jsx)(Il,{service:t,children:e.children})}function Il({service:e,children:t}){let n=(0,Yt.useMemo)(()=>_i(e),[e]);return(0,Bn.jsx)(Rt.Provider,{value:n,children:t})}var le=require("react/jsx-runtime"),Kt=()=>{},Pt=(0,qn.createContext)({setCurrentCanvasId:Kt,setCurrentCanvasIndex:Kt,nextCanvas:Kt,previousCanvas:Kt,items:[],sequence:[],setSequenceIndex:Kt,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function ji(e){let t=$(),{cursor:n,visibleItems:o,next:r,sequence:i,items:a,setCanvasIndex:s,setCanvasId:l,previous:u,setSequenceIndex:c,hasNext:m,hasPrevious:d}=qo({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),f=(0,qn.useMemo)(()=>({sequence:i,items:a,setCurrentCanvasId:l,nextCanvas:r,previousCanvas:u,totalCanvases:a.length,setCurrentCanvasIndex:s,setSequenceIndex:c,currentSequenceIndex:n,hasNext:m,hasPrevious:d}),[i,a,l,r,u,a,s,c,n]);return t?o.length===0?null:(0,le.jsx)(Pt.Provider,{value:f,children:(0,le.jsx)(Ze.Provider,{value:o,children:(0,le.jsx)(de,{canvas:o[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,le.jsx)("div",{children:"Sorry, something went wrong."}))}function Qo(e){let t=we(e.vault),n=Lo(e.manifest);if(!n)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,le.jsx)("div",{children:"Sorry, something went wrong."});if(n.error)return(0,le.jsx)("div",{children:n.error.toString()});if(!n.isLoaded)return(0,le.jsx)("div",{children:"Loading..."});let o=(0,le.jsx)(ji,{...e,children:e.children});return(0,le.jsx)(Ie,{vault:t,children:(0,le.jsx)(zo,{manifest:n.id,children:(0,le.jsx)(Yo,{children:(0,le.jsx)(Yi,{children:e.rangeId?(0,le.jsx)(Oo,{range:e.rangeId,children:o}):o})})})})}function tt(){return(0,Ki.useContext)(Pt)}var ea=require("@atlas-viewer/atlas"),ke=require("react"),ta=require("zustand");var Gi=Z(require("mitt"),1),nt=require("react"),Qi=require("react/jsx-runtime"),wl=(0,Gi.default)(),Hn=(0,nt.createContext)(wl);function kl({children:e,emitter:t}){return(0,Qi.jsx)(Hn.Provider,{value:t,children:e})}function Xo(){return(0,nt.useContext)(Hn)}function ot(e,t,n=[]){let o=(0,nt.useContext)(Hn);(0,nt.useEffect)(()=>{let r=i=>{t(i)};return o.on(e,r),()=>{o.off(e,r)}},[o,e,...n])}var Zi=require("polygon-editor"),Ji=require("zustand/vanilla");function At(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])),r=Math.min(...e.map(i=>i[1]));for(let i of e)if(i[0]!==n&&i[0]!==t&&i[1]!==r&&i[1]!==o||i[0]<n||i[0]>t||i[1]<r||i[1]>o)return!1;return!0}function De(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])),r=Math.max(0,...e.points.map(i=>i[1]));return{x:t,y:n,width:o-t,height:r-n}}return null}function Xi(e){return e.type==="SvgSelector"}function Ml(e){return e.type==="BoxSelector"}function Dn(e,t){if(Xi(e)){let a=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}"><${a?"polygon":"polyline"} points="${e.points.map(c=>c.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(" ")}${a?" Z":""}' /></g></svg>`}}if(!e.spatial)return null;let{x:n,y:o,width:r,height:i}=e.spatial||{};return!r||!i?null:{type:"FragmentSelector",value:`xywh=${~~n},${~~o},${~~r},${~~i}`}}function Tt(e,t){if(!e||!e.points.length)return null;if(At(e.points)){let n=e.points.map(l=>l[0]),o=e.points.map(l=>l[1]),r=Math.min(...n),i=Math.min(...o),a=Math.max(...n)-r,s=Math.max(...o)-i;return Dn({type:"BoxSelector",spatial:{x:r,y:i,width:a,height:s}},t)}return Dn({type:"SvgSelector",points:e.points,svgShape:e.open?"polygon":"polyline"},t)}function jt(e){if(e.type==="polygon"&&!e.noBox&&e.points&&At(e.points)){let n=De({open:!1,points:e.points||[]});return jt({...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:De({points:e.points||[],open:!1}),metadata:{},arguments:e.arguments||{},target:Tt({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:Tt({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 El={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 Zo({events:e,enabledTools:t,keyboardShortcutMapping:n,keyboardShortcutsEnabled:o=!1,debug:r}){let i=(0,Ji.createStore)((s,l)=>{let u=null,m=(0,Zi.createHelper)({emitter:e,keyboardShortcutsEnabled:o,keyboardShortcutMapping:n,enabledTools:t,customSetState:d=>{r&&console.log("partial state",d),s(f=>({polygonState:{...f.polygonState,...d}}))}},d=>{s(f=>f.tool.requestId?{polygon:{...d,id:f.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:m.history,polygon:null,validRequestIds:[],metadata:{},stableViewport:null,canvasRelativePositions:{},canvasViewports:{},polygons:m,polygonState:El,setMetadata:(d,f)=>{let h=f||l().tool.requestId;h&&s(p=>({metadata:{...p.metadata,[h]:{...p.metadata[h]||{},...d}}}))},setToolCanvasId:d=>{s(f=>({tool:{...f.tool,canvasId:d}}))},switchTool:{pointer(){s({mode:"sketch"}),a.tools.setTool("pointer")},hand(){s({mode:"explore"}),a.tools.setTool("hand")},draw(){s({mode:"sketch"}),a.tools.setTool("pencil")},pen(){s({mode:"sketch"}),a.tools.setTool("pen")},line(){s({mode:"sketch"}),a.tools.setTool("line")},lineBox(){s({mode:"sketch"}),a.tools.setTool("lineBox")},box(){s({mode:"sketch"}),a.tools.setTool("box")},triangle(){s({mode:"sketch"}),a.tools.setTool("stamp"),a.stamps.triangle()},hexagon(){s({mode:"sketch"}),a.tools.setTool("stamp"),a.stamps.hexagon()},circle(){s({mode:"sketch"}),a.tools.setTool("stamp"),a.stamps.circle()},remove(){let d=l();d.tool.requestId&&(m.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(f=>({validRequestIds:[...f.validRequestIds,d]})),{requestId:d,clear:()=>{l().tool.requestId,s(f=>({tool:f.tool.requestId===d?{enabled:!1,requestId:null,canvasId:null}:f.tool,validRequestIds:f.validRequestIds.filter(h=>h!==d)}))}}},cancelRequest:d=>{let f=d||l().tool.requestId;f&&(s(h=>({mode:"explore",tool:h.tool.requestId===f?{enabled:!1,requestId:null,canvasId:null}:h.tool,validRequestIds:h.validRequestIds.filter(p=>p!==f)})),e.emit("atlas.request-cancelled",{id:f}))},requestAnnotation:async(d,f)=>{let p={...l().requests,[f.requestId]:d},S=jt(d);r&&console.log("requestAnnotation",{response:S,request:d});try{let{points:v=[],open:g=!0}=S.polygon||{},{requestId:y,canvasId:C=null,toolId:R}=f,P=R,A=l(),I=A.validRequestIds.includes(y),O=S.requestType;return r&&console.log("setting points",{requestType:O,points:v,open:g}),!I||A.tool.enabled?null:(m.setShape({id:y,points:v,open:g}),O==="polygon"&&(P=P||"pen",m.tools.setTool("pen")),O==="draw"&&(P=P||"draw",m.tools.setTool("pencil")),O==="box"&&(P=P||"box",m.tools.setTool("box")),O==="target"?(P=P||"box",m.tools.setTool("box"),m.lockAspectRatio(),m.tools.lockToolSwitching(),m.tools.setCanDeselect(!1),m.tools.setCanDelete(!1)):(m.tools.unlockToolSwitching(),m.tools.setCanDeselect(!0),m.tools.setCanDelete(!0)),d.bounds&&m.setBounds(d.bounds),e.emit("atlas.annotation-request",{id:y}),s({polygon:{id:y,points:v,open:g},mode:"sketch",requestType:O,tool:{enabled:!0,requestId:y,canvasId:C},requests:p}),P?A.switchTool[P]?.():v.length===0&&A.switchTool.box(),(typeof d.selectByDefault>"u"&&v.length&&O==="box"||d.selectByDefault)&&A.switchTool.pointer(),new Promise(G=>{let M=w=>{w.id===y&&(s(N=>({mode:"explore",tool:{requestId:null,enabled:!1,canvasId:null},requests:Object.fromEntries(Object.entries(N.requests).filter(([V])=>V!==y))})),e.off("atlas.request-cancelled",M),e.off("atlas.annotation-completed",L),G(null))},L=w=>{w.id===y&&(s(N=>({mode:"explore",tool:{requestId:null,enabled:!1,canvasId:null},requests:Object.fromEntries(Object.entries(N.requests).filter(([V])=>V!==y))})),e.off("atlas.annotation-completed",L),e.off("atlas.request-cancelled",M),G(w))};e.on("atlas.request-cancelled",M),e.on("atlas.annotation-completed",L)}))}catch(v){return console.error(v),null}},completeRequest:d=>{let f=l().tool.requestId;if(typeof d=="string"&&d&&d!==f)return;let h=f?l().requests[f]?.arguments||{}:{},p=f?l().metadata[f]||{}:{},S=l().polygonState.bounds,v=l().polygon;v&&(e.emit("atlas.annotation-completed",{id:v.id,polygon:v,requestType:l().requestType,target:Tt(v,S),canvasId:l().tool.canvasId,boundingBox:De(v),metadata:p,arguments:{...h}}),m.setShape(null))},setAtlasRuntime:d=>{u=d,e.emit("atlas.ready",{runtime:d}),a.setScale(1/u._lastGoodScale),u.world.addLayoutSubscriber((f,h)=>{(f==="event-activation"||f==="zoom-to"||f==="go-home")&&u?._lastGoodScale&&!Number.isNaN(u._lastGoodScale)&&a.setScale(1/u._lastGoodScale)}),s({runtime:u})},clearAtlasRuntime:()=>{u=null,s({stableViewport:null,runtime:null})},setCanvasRelativePosition:(d,f)=>{s(h=>({canvasRelativePositions:{...h.canvasRelativePositions,[d]:f}}))},clearCanvasRelativePosition:d=>{s(f=>{let h={...f.canvasRelativePositions};return delete h[d],{canvasRelativePositions:h}})},changeMode:d=>{s({mode:d})},nudgeLeft:d=>{if(!u)return;let f=u.getViewport(),h=d??f.width*.1;u.world.gotoRegion({x:f.x-h,y:f.y,width:f.width,height:f.height,nudge:!0})},nudgeRight:d=>{if(!u)return;let f=u.getViewport(),h=d??f.width*.1;u.world.gotoRegion({x:f.x+h,y:f.y,width:f.width,height:f.height,nudge:!0})},nudgeUp:d=>{if(!u)return;let f=u.getViewport(),h=d??f.height*.1;u.world.gotoRegion({x:f.x,y:f.y-h,width:f.width,height:f.height,nudge:!0})},nudgeDown:d=>{if(!u)return;let f=u.getViewport(),h=d??f.height*.1;u.world.gotoRegion({x:f.x,y:f.y+h,width:f.width,height:f.height,nudge:!0})},zoomIn:()=>{u?.world?.zoomIn()},zoomOut:()=>{u?.world?.zoomOut()},goHome:()=>{u?.world?.goHome()},goToRegion:d=>{u?.world?.gotoRegion(d)},getRuntime:()=>u}}),a=i.getState().polygons;return e.on("atlas.annotation-request",()=>{a.clock.start((s,l,u)=>{e.emit("atlas.polygon-render",{state:s,slowState:l,dt:u})},s=>{typeof s=="object"?i.setState({polygonState:s}):i.setState(l=>({polygonState:s(l.polygonState)}))})}),e.on("atlas.annotation-completed",()=>{a.clock.stop()}),e.on("atlas.request-cancelled",()=>{a.clock.stop()}),i}var er=require("react/jsx-runtime"),rt=(0,ke.createContext)(null);function B(){return(0,ke.useContext)(rt)}var Jo={};function tr(e="atlas"){return Jo[e]?.getState()}function It({children:e,name:t="atlas",existing:n,atlasStoreConfig:o}){let r=Xo(),i=(0,ke.useContext)(rt),a=(0,ke.useMemo)(()=>n||i||Zo({events:r,...o||{}}),[r,n,i]),s=(0,ta.useStore)(a,l=>l.mode);return(0,ke.useEffect)(()=>{let l=t;return l&&(Jo[l]=a),()=>{l&&delete Jo[l]}},[a,t]),(0,er.jsx)(rt.Provider,{value:a,children:(0,er.jsx)(ea.ModeContext.Provider,{value:s||"explore",children:e})})}var Zt=require("@atlas-viewer/atlas"),da=require("react");var wt=require("react"),na=require("react/jsx-runtime");function nr(){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,wt.createContext)(nr());or.displayName="AnnotationStyle";function Gt(){return(0,wt.useContext)(or)}function Nl({theme:e,children:t}){let n=(0,wt.useMemo)(()=>e||nr(),[e]);return(0,na.jsx)(or.Provider,{value:n,children:t})}var ia=require("@iiif/helpers/annotation-targets"),aa=require("react");var kt=require("react"),oa=require("zustand"),ra=(0,oa.create)()((e,t)=>{let n=new Map,o=()=>Math.random().toString(36).substring(2,15),r=i=>{let a=n.get(i);if(a)return a;let s=o();return n.set(i,s),s};return{stylesheets:{},loading:[],errors:[],async parseStylesheet(i){let{loadStylesheet:a,setStylesheet:s}=t();if(!i)return null;if(typeof i=="string")return i.startsWith("http")?{id:i,type:"CssStylesheet",value:await a(i)}:{id:s(i),type:"CssStylesheet",value:i};if(i.type==="CssStylesheet"){let l=i.id;if("value"in i){let u=Array.isArray(i.value)?i.value.join(`
|
|
2
|
-
`):i.value;if(u)return{id:s(u,l),type:"CssStylesheet",value:u}}if("id"in i&&i.id){let u=await a(i.id);return{id:i.id,type:"CssStylesheet",value:u}}}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(u=>({stylesheets:{...u.stylesheets,[i]:l}})),l}catch(s){return e(l=>({errors:[...l.errors,{url:i,error:s}]})),""}},setStylesheet(i,a){let s=a||r(i);return e(l=>({stylesheets:{...l.stylesheets,[s]:i}})),s}}});function rr(e){let[t,n]=(0,kt.useState)(""),{loading:o,errors:r,stylesheets:i,parseStylesheet:a}=ra();return(0,kt.useEffect)(()=>{e&&a(e).then(l=>{l?.id&&n(l.id)})},[e,a]),[(0,kt.useMemo)(()=>{let l={};return t&&i[t]&&(l[t]=i[t]),l},[t,i]),{id:t,stylesheets:i,loading:o,errors:r}]}function Qt(e={},t=[]){let{id:n,selector:o}=e,r=J(),i=k(),a=n||r.annotation,s=z(c=>a?c.iiif.entities.Annotation[a]:void 0,[a]),[l]=rr(s?.stylesheet),u=z(c=>s&&s.body?s.body.map(m=>m?m.type==="SpecificResource"?{...m,source:i.get(m)}:m?c.iiif.entities[m.type][m.id]:null:null).filter(Boolean):[],[s]);return(0,aa.useMemo)(()=>{if(!s)return;let c={...s,body:u,target:(0,ia.expandTarget)(s.target,{typeMap:i.getState().iiif.mapping,loadedStylesheets:l})};return o?o(c):c},[s,o,u,l,...t])}var sa=require("react");function T(e={},t=[]){let{id:n,selector:o}=e,r=J(),i=n||r.canvas,a=z(s=>i?s.iiif.entities.Canvas[i]:void 0,[i]);return(0,sa.useMemo)(()=>{if(a)return o?o(a):a},[a,o,...t])}var ir=require("react"),la=require("@iiif/helpers/events");function Xt(e,t){let n=k(),o=(0,ir.useMemo)(()=>(0,la.createEventsHelper)(n),[n]),r=z(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,ir.useMemo)(()=>e?o.getListenersAsProps(e,t):{},[r,e,n,t])}var ca=require("react"),ua=require("@iiif/helpers/styles");function it(e,t){let n=k(),o=(0,ca.useMemo)(()=>(0,ua.createStylesHelper)(n),[n]);return z(()=>{if(!e)return null;let r=o.getAppliedStyles(e.id);return r?t?r[t]:r:void 0},[e,t])}var ma=require("react");var Fn=require("@atlas-viewer/atlas"),Ae=require("react"),W=require("react/jsx-runtime");function ar({handleSize:e,resizable:t,onSave:n,children:o,maintainAspectRatio:r,disableCardinalControls:i,aspectRatio:a,...s}){let l=typeof e>"u"?r?12:8:e,{portalRef:u,mode:c,mouseEvent:m,isEditing:d}=(0,Fn.useResizeWorldItem)({x:s.x||0,y:s.y||0,width:s.width,height:s.height,aspectRatio:a,maintainAspectRatio:r},n),f=(0,Ae.useMemo)(()=>m("translate"),[m]),h=(0,Ae.useMemo)(()=>m("east"),[m]),p=(0,Ae.useMemo)(()=>m("west"),[m]),S=(0,Ae.useMemo)(()=>m("south"),[m]),v=(0,Ae.useMemo)(()=>m("north"),[m]),g=(0,Ae.useMemo)(()=>m("south-east"),[m]),y=(0,Ae.useMemo)(()=>m("south-west"),[m]),C=(0,Ae.useMemo)(()=>m("north-east"),[m]),R=(0,Ae.useMemo)(()=>m("north-west"),[m]),P=c==="sketch",A={zIndex:999,boxShadow:"0px 2px 3px 0 rgba(0,0,0,0.2)",outline:"2px solid rgba(155,155,155,.7)",borderRadius:r||i?"50%":2,position:"absolute",background:"#fff",pointerEvents:d?"none":P?"initial":"none"};return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)("world-object",{...s,children:[o,P&&t?(0,W.jsx)(Fn.HTMLPortal,{ref:u,target:{x:0,y:0,height:s.height,width:s.width},relative:!0,interactive:!1,children:P&&t?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)("div",{onMouseDown:f,onTouchStart:f,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":P?"initial":"none"}}),r?null:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)("div",{title:"east",onTouchStart:h,onMouseDown:h,style:{...A,cursor:"e-resize",height:l*2,width:l,right:0,top:"50%",opacity:i?0:1,transform:`translate(${l/2}px, -${l}px)`}}),(0,W.jsx)("div",{title:"west",onMouseDown:p,style:{...A,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,W.jsx)("div",{title:"north",onMouseDown:v,style:{...A,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,W.jsx)("div",{title:"south",onMouseDown:S,style:{...A,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,W.jsx)("div",{title:"north-east",onMouseDown:C,style:{...A,cursor:"ne-resize",position:"absolute",height:l,width:l,right:0,top:0,transform:`translate(${l/2}px, -${l/2}px)`}}),(0,W.jsx)("div",{title:"south-east",onMouseDown:g,style:{...A,cursor:"se-resize",position:"absolute",height:l,width:l,bottom:0,right:0,transform:`translate(${l/2}px, ${l/2}px)`}}),(0,W.jsx)("div",{title:"south-west",onMouseDown:y,style:{...A,cursor:"sw-resize",position:"absolute",height:l,width:l,bottom:0,left:0,transform:`translate(-${l/2}px, ${l/2}px)`}}),(0,W.jsx)("div",{title:"north-west",onMouseDown:R,style:{...A,cursor:"nw-resize",position:"absolute",height:l,width:l,top:0,left:0,transform:`translate(-${l/2}px, -${l/2}px)`}})]}):null}):null]})})}var sr=require("react/jsx-runtime");function lr({id:e,interactive:t,region:n,onClick:o,onHover:r,onSave:i,aspectRatio:a,maintainAspectRatio:s,disableCardinalControls:l,isEditing:u,style:c={backgroundColor:"rgba(0,0,0,.5)"}}){let m=(0,ma.useCallback)(d=>{u&&i?.({id:n.id,x:n.x,y:n.y,height:n.height,width:n.width,...d})},[i,u,n.id,n.x,n.y,n.height,n.width]);return(0,sr.jsx)(ar,{id:e,x:n.x,y:n.y,width:n.width,aspectRatio:a,height:n.height,resizable:u,onSave:m,maintainAspectRatio:s,disableCardinalControls:l,children:(0,sr.jsx)("box",{interactive:t,onClick:d=>{d.preventDefault(),d.stopPropagation(),o?.(n)},relativeStyle:!0,onMouseEnter:()=>{r?.(n)},target:{x:0,y:0,width:n.width,height:n.height},style:c})})}var pa=require("react/jsx-runtime"),at=({id:e,style:t,className:n,interactive:o,targetId:r,ignoreTargetId:i})=>{let a=Qt({id:e}),s=it(a,"atlas"),l=it(a,"html"),u=Xt(a,["atlas"]),c=T(),m=Gt(),d=(0,da.useMemo)(()=>(0,Zt.mergeStyles)((0,Zt.mergeStyles)((0,Zt.mergeStyles)((0,Zt.mergeStyles)(t,s),a?.motivation?.includes("highlighting")?m.highlighted:m.default),a?.target?.selector?.boxStyle||{})),[t,s,m,a?.motivation,a?.target]),f=r||c?.id;return c&&a&&a.target&&a.target.selector&&(a.target.selector.type==="BoxSelector"||a.target.selector.type==="SvgSelector")&&a.target.source&&(i?!0:a.target.source.id===f||a.target.source===f)?(0,pa.jsx)(lr,{id:a.id,isEditing:!0,region:a.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:()=>{},...u}):null};var ga=require("react");var fa=require("react");function cr(e={},t=[]){let{id:n,selector:o}=e,r=J(),i=n||r.annotationPage,a=z(s=>i?s.iiif.entities.AnnotationPage[i]:void 0,[i]);return(0,fa.useMemo)(()=>{if(a)return o?o(a):a},[a,...t])}var ur=require("react/jsx-runtime"),Fe=({className:e,page:t,targetId:n,ignoreTargetId:o})=>{let r=cr({id:t.id})||t,i=it(r,"atlas"),a=it(r,"html");return z(s=>r.id?s.iiif.entities.AnnotationPage[r.id]:null,[]),(0,ur.jsx)(ga.Fragment,{children:r.items?.map(s=>(0,ur.jsx)(at,{id:s.id,style:i,className:a?.className||e,targetId:n,ignoreTargetId:o},s.id))})};var $e=require("react"),$n=require("react/jsx-runtime"),ha=(0,$e.createContext)(null),ya=(0,$e.createContext)(null),va=(0,$e.createContext)(null);function Vl(){let e=(0,$e.useContext)(ha);if(!e)throw new Error("Ctx not found");return e}function Ll(){let e=(0,$e.useContext)(ya);if(!e)throw new Error("Ctx not found");return e}function zl(){let e=(0,$e.useContext)(va);if(!e)throw new Error("Ctx not found");return e}function Jt({actions:e,state:t,children:n,currentTime:o,progress:r,element:i}){return(0,$n.jsx)(va.Provider,{value:{currentTime:o,progress:r,element:i},children:(0,$n.jsx)(ya.Provider,{value:e,children:(0,$n.jsx)(ha.Provider,{value:t,children:n})})})}var Sa=require("react");var xa=require("@iiif/helpers");function en(){let e=$(),t=T();return(0,Sa.useMemo)(()=>{if(!e||!t||!e.start)return null;let n=(0,xa.expandTarget)(e.start);return!n||n.source.id!==t.id||!n||!n.selector||n.selector.type!=="TemporalSelector"?null:n.selector.temporal},[e,t])}var F=require("react");function ba(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function Ol(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 Wn(e){let t=Math.round(e);return`${Math.floor(t/60)}:${`${t%60}`.padStart(2,"0")}`}function st(e){let[t,n]=(0,F.useReducer)(Ol,ba(e.duration));(0,F.useEffect)(()=>{n({type:"RESET",state:ba(e.duration)})},[e.duration]);let o=(0,F.useRef)(null),r=(0,F.useRef)(null),i=(0,F.useRef)(null),a=(0,F.useRef)(!1),s=(0,F.useCallback)(()=>{r.current&&o.current&&(r.current.innerHTML=Wn(o.current.currentTime),i.current&&(i.current.style.width=`${o.current.currentTime/e.duration*100}%`),a.current!==o.current.muted&&(a.current=o.current.muted,n(o.current.muted?{type:"MUTE"}:{type:"UNMUTE"})))},[e.duration]),l=(0,F.useCallback)(()=>{o.current&&(n({type:"PLAY_REQUESTED"}),o.current.play().then(()=>{n({type:"PLAY"})}),s())},[s]),u=(0,F.useCallback)(()=>{o.current&&(o.current.duration>0&&o.current.paused?l():c())},[s]),c=(0,F.useCallback)(()=>{o.current&&(o.current.pause(),n({type:"PAUSE"}),s())},[s]),m=(0,F.useCallback)(()=>{o.current&&(o.current.muted=!o.current.muted,n(o.current.muted?{type:"MUTE"}:{type:"UNMUTE"}))},[]),d=(0,F.useCallback)(()=>{o.current&&(o.current.muted=!0,n({type:"MUTE"}))},[]),f=(0,F.useCallback)(()=>{o.current&&(o.current.muted=!1,n({type:"UNMUTE"}))},[]),h=(0,F.useCallback)(v=>{o.current&&(o.current.muted=!1,o.current.volume=v/100,n({type:"SET_VOLUME",volume:v}))},[]),p=(0,F.useCallback)(v=>{o.current&&(o.current.currentTime=Math.max(0,Math.min(v*e.duration,e.duration)),s())},[]),S=(0,F.useCallback)(v=>{if(o.current){let g=typeof v=="function"?v(o.current.currentTime):v;o.current.currentTime=Math.max(0,Math.min(g,e.duration)),s()}},[]);return(0,F.useEffect)(()=>{let v=setInterval(()=>{s()},350);return()=>clearInterval(v)},[s,e.duration]),(0,F.useEffect)(()=>{let v=()=>{n({type:"FINISHED"})},g=o.current;return g?.addEventListener("ended",v),()=>g?.removeEventListener("ended",v)},[]),[{element:o,currentTime:r,progress:i},t,{play:l,pause:c,playPause:u,mute:d,unmute:f,toggleMute:m,setVolume:h,setDurationPercent:p,setTime:S}]}var lt=require("react"),mr=(0,lt.createContext)(()=>{}),dr=(0,lt.createContext)(()=>{});function Q(e,t,n,o,r=[]){let i=(0,lt.useContext)(e==="portal"?dr:mr);(0,lt.useEffect)(()=>(e!=="none"&&i(t,n,o),()=>{i(t,null)}),[t,e,i,...r])}var _n=require("react/jsx-runtime");function pr({media:e,startTime:t,children:n}){let[{element:o,currentTime:r,progress:i},a,s]=st({duration:e.duration}),l=t?`${e.url}#t=${t}`:e.url;return(0,_n.jsxs)(Jt,{state:a,actions:s,currentTime:r,progress:i,element:o,children:[(0,_n.jsx)("audio",{ref:o,src:l}),n]},e.url)}function Un({media:e,mediaControlsDeps:t,audioCopmonent:n=pr,children:o}){let r=en();return Q("portal","audio",n,{media:e,startTime:r?r.startTime:null,children:o},[e,r,...t||[]]),null}var Yn=require("react"),We=(0,Yn.createContext)(null);We.displayName="Strategy";function H(){let e=(0,Yn.useContext)(We);if(!e)throw new Error("useStrategy must be used within a StrategyProvider");return e}var Ue=require("react/jsx-runtime");function fr({model:e}){return(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)("style",{children:`
|
|
1
|
+
"use strict";var dl=Object.create;var Vn=Object.defineProperty;var pl=Object.getOwnPropertyDescriptor;var fl=Object.getOwnPropertyNames;var gl=Object.getPrototypeOf,hl=Object.prototype.hasOwnProperty;var yl=(e,t)=>{for(var n in t)Vn(e,n,{get:t[n],enumerable:!0})},Nn=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of fl(t))!hl.call(e,r)&&r!==n&&Vn(e,r,{get:()=>t[r],enumerable:!(o=pl(t,r))||o.enumerable});return e},b=(e,t,n)=>(Nn(e,t,"default"),n&&Nn(n,t,"default")),Z=(e,t,n)=>(n=e!=null?dl(gl(e)):{},Nn(t||!e||!e.__esModule?Vn(n,"default",{value:e,enumerable:!0}):n,e)),vl=e=>Nn(Vn({},"__esModule",{value:!0}),e);var x={};yl(x,{AnnotationContext:()=>Ru,AnnotationPageContext:()=>Pu,AnnotationStyleProvider:()=>Ll,AtlasStoreProvider:()=>Mt,AtlasStoreReactContext:()=>st,Auth:()=>Qo,AuthProvider:()=>jo,AuthRContext:()=>ot,AuthReactContext:()=>Fi,AuthReactContextActions:()=>$i,CanvasAnnotations:()=>du,CanvasContext:()=>de,CanvasPanel:()=>Y,CanvasStrategyProvider:()=>li,CanvasWorldObject:()=>mi,CollectionContext:()=>Au,CombinedMetadata:()=>pu,ComplexTimelineProvider:()=>wr,ContextBridge:()=>gn,ControlsReactContext:()=>on,CreateCustomShape:()=>gi,CustomContextBridge:()=>gs,CustomContextBridgeProvider:()=>Kl,DEFAULT_BEZIER:()=>an,DEFAULT_POLL_INTERVAL:()=>kr,DefaultEditingTools:()=>As,EASING_PRESETS:()=>je,EventEmitterProvider:()=>El,EventsProvider:()=>Yl,Image:()=>Qs,ImageService:()=>gu,ImageServiceLoaderContext:()=>Ma,InnerViewerProvider:()=>Gi,LanguageProvider:()=>Fl,LanguageString:()=>ja,LocaleString:()=>ce,ManifestContext:()=>Bo,ManifestMetadata:()=>yu,MediaPlayerProvider:()=>tn,Metadata:()=>kn,PolygonSelector:()=>mu,RangeContext:()=>qo,ReactEmitterContext:()=>Fn,ReactEventContext:()=>yt,ReactVaultContext:()=>De,RegionHighlight:()=>cr,Render3DModelStrategy:()=>yr,RenderAccompanyingCanvas:()=>vr,RenderAnnotation:()=>ut,RenderAnnotationEditing:()=>Gr,RenderAnnotationPage:()=>We,RenderAnnotationStrategy:()=>Rr,RenderAudioStrategy:()=>Tr,RenderComplexTimelineStrategy:()=>Hr,RenderEmptyStrategy:()=>Dr,RenderImageStrategy:()=>Fr,RenderSvgEditorControls:()=>Cu,RenderTextualContentStrategy:()=>$r,RenderVideoStrategy:()=>Ur,RenderYouTubeStrategy:()=>_r,ResizeWorldItem:()=>lr,ResourceProvider:()=>re,ResourceReactContext:()=>Wt,SelectorControllerProvider:()=>lu,SequenceThumbnails:()=>xu,SimpleViewerProvider:()=>Zo,SimpleViewerReactContext:()=>It,SingleCanvasThumbnail:()=>bi,StrategyReactContext:()=>_e,ThumbnailFallbackImage:()=>ft,TranslationProvider:()=>Dl,TransliterationProvider:()=>$l,VaultProvider:()=>ke,ViewerPresetContext:()=>Pe,VirtualAnnotationProvider:()=>Cr,VisibleCanvasReactContext:()=>tt,annotationResponseToSelector:()=>$u,authDetailsForResource:()=>_o,buildTransitions:()=>Er,createAtlasStore:()=>er,createAuthStateStore:()=>Wo,createProbe:()=>Uo,cubicBezierEasing:()=>xe,defaultEmitter:()=>ps,defaultSvgTheme:()=>us,emptyActions:()=>Qr,emptyStrategy:()=>Xr,findAllCanvasesInRange:()=>On,findFirstCanvasFromRange:()=>Oi,findManifestSelectedRange:()=>xl,findSelectedRange:()=>Ho,flattenAnnotationPageIds:()=>Zr,formatTime:()=>_n,get3dStrategy:()=>ti,getAtlasStoreByName:()=>or,getComplexTimelineStrategy:()=>ri,getDefaultAnnotationStyles:()=>rr,getImageStrategy:()=>Rn,getManifestSequence:()=>Bn,getParsedTargetSelector:()=>vn,getRenderingStrategy:()=>Tn,getStepFromProgress:()=>Nr,getTextualContentStrategy:()=>Pn,getVideoStrategy:()=>An,getVisibleCanvasesFromCanvasId:()=>bl,hasAuth:()=>Cl,interpolateRect:()=>Mr,isBoxSelector:()=>Nl,isRectangle:()=>wt,isSvgSelector:()=>Zi,makeAccessServiceRequest:()=>Fo,makeAccessTokenRequest:()=>qn,parseSpecificResource:()=>Xl,polygonToTarget:()=>kt,requestToAnnotationResponse:()=>Qt,seraliseSupportedSelector:()=>$n,svgThemes:()=>su,targetIntersects:()=>Fu,unknownResponse:()=>Sn,unsupportedStrategy:()=>q,useAnnotation:()=>Zt,useAnnotationPage:()=>mr,useAnnotationPageManager:()=>bn,useAnnotationStyles:()=>Xt,useAnnotationsAtTime:()=>Tu,useAtlasContextMenu:()=>yn,useAtlasStore:()=>B,useAuthActions:()=>Wi,useAuthService:()=>Ui,useAuthStore:()=>At,useAuthToken:()=>Pl,useAuthTokens:()=>Yo,useCanvas:()=>I,useCanvasChoices:()=>Iu,useCanvasClock:()=>wu,useCanvasSequence:()=>Do,useCanvasStartTime:()=>nn,useCanvasSubset:()=>ku,useClosestLanguage:()=>Qa,useCollection:()=>Mu,useComplexTimeline:()=>Hl,useContextBridge:()=>fn,useContextMenuStore:()=>Rs,useCreateLocaleString:()=>Wl,useCurrentAnnotationActions:()=>Eu,useCurrentAnnotationMetadata:()=>Nu,useCurrentAnnotationRequest:()=>jr,useCurrentAnnotationTransition:()=>Vu,useCurrentAuth:()=>Rl,useCustomContextBridge:()=>pn,useDispatch:()=>Sr,useEmitter:()=>Jo,useEvent:()=>at,useEventEmitter:()=>mn,useEventListener:()=>Lu,useExistingVault:()=>Me,useExternalCollection:()=>zu,useExternalManifest:()=>Oo,useExternalResource:()=>_t,useIIIFLanguage:()=>oo,useImage:()=>Io,useImageService:()=>Ai,useImageServiceLoader:()=>rn,useImageTile:()=>Ou,useIsAuthEnabled:()=>Go,useLoadImageService:()=>Cn,useLocaleString:()=>Xa,useManifest:()=>$,useMediaActions:()=>Ol,useMediaElements:()=>Bl,useMediaState:()=>zl,usePaintables:()=>ei,usePaintingAnnotations:()=>Be,usePolygonHelper:()=>Yr,useRange:()=>Yt,useRemoteStylesheet:()=>ar,useRenderControls:()=>ie,useRenderingStrategy:()=>ai,useRequestAnnotation:()=>fi,useResourceContext:()=>J,useResourceEvents:()=>Jt,useResources:()=>Jr,useSearchService:()=>Xo,useSelectorController:()=>vi,useSelectorEmitter:()=>uu,useSelectorEvents:()=>yi,useSelectorHelper:()=>cu,useSimpleMediaPlayer:()=>ct,useSimpleViewer:()=>rt,useStaticRenderingStrategy:()=>Bu,useStrategy:()=>H,useStyleHelper:()=>qu,useStyles:()=>lt,useStylesheetStore:()=>ia,useSvgEditor:()=>Kr,useSvgEditorControls:()=>Ci,useThumbnail:()=>Le,useTranslations:()=>Lr,useTransliteration:()=>Vr,useVault:()=>k,useVaultEffect:()=>Pr,useVaultSelector:()=>z,useViewerPreset:()=>ln,useViewportScroll:()=>Du,useViewportTour:()=>Hu,useVirtualAnnotationPage:()=>xr,useVirtualAnnotationPageContext:()=>br,useVisibleCanvases:()=>nt});module.exports=vl(x);b(x,require("@iiif/helpers/annotation-targets"),module.exports);var St=require("react");var Ct=Z(require("react"),1),Ti=require("react/jsx-runtime"),Sl={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},Wt=Ct.default.createContext(Sl),J=()=>(0,Ct.useContext)(Wt);function re({value:e,children:t}){let n=J(),o=(0,Ct.useMemo)(()=>({...n,...e}),[e,n]);return(0,Ti.jsx)(Wt.Provider,{value:o,children:t})}var Ii=require("react/jsx-runtime");function de({canvas:e,children:t}){return(0,Ii.jsx)(re,{value:{canvas:e},children:t})}var Ln=Z(require("react"),1),Ut=require("@iiif/helpers/vault");var zo=require("react/jsx-runtime"),De=Ln.default.createContext({vault:null,setVaultInstance:e=>{}});function ke({vault:e,vaultOptions:t,useGlobal:n,resources:o,children:r}){let[i,a]=(0,Ln.useState)(()=>e||(n?(0,Ut.globalVault)(t):t?new Ut.Vault(t):new Ut.Vault));return(0,zo.jsx)(De.Provider,{value:{vault:i,setVaultInstance:a},children:(0,zo.jsx)(re,{value:o||{},children:r})})}var ki=require("react"),Mi=Z(require("react"),1);var wi=require("react"),k=()=>{let{vault:e}=(0,wi.useContext)(De);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var zn=require("react");function z(e,t=[]){let n=k(),[o,r]=(0,zn.useState)(()=>e(n.getState(),n));return(0,zn.useEffect)(()=>n.subscribe(i=>e(i,n),i=>{r(i)},!1),t),o}var tt=Mi.default.createContext([]);function nt(){let e=(0,ki.useContext)(tt);return z(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var Ei=require("@iiif/helpers/vault"),Ni=require("react");function Me(e){let t=(0,Ni.useContext)(De);return e||(t&&t.vault?t.vault:(0,Ei.globalVault)())}var Vi=require("react");function $(e={},t=[]){let{id:n,selector:o}=e,r=J(),i=k(),a=n||r.manifest,s=z(l=>a?l.iiif.entities.Manifest[a]:void 0,[a]);return(0,Vi.useMemo)(()=>{if(s)return o?o(s):s},[s,o,...t])}var ji=require("react"),Dn=require("react");var Fe=require("react");function _t(e,{noCache:t=!1}={}){let n=typeof e=="string"?e:e.id,o=Me(),[r,i]=(0,Fe.useState)(n),[a,s]=(0,Fe.useState)(void 0),l=(0,Fe.useMemo)(()=>o.get(n,{skipSelfReturn:!0})||void 0,[n,o]),[c,u]=(0,Fe.useState)(l);return(0,Fe.useEffect)(()=>{(async()=>{try{let m=l&&!t?l:await o.load(n),d=m?m.id||m["@id"]:null;m&&r!==d&&i(d),u(m)}catch(m){s(m)}})()},[n,t]),{isLoaded:!!c,id:r,requestId:n,error:a,resource:c,cached:!!(c&&c===l)}}function Oo(e,t){let{id:n,isLoaded:o,error:r,resource:i,requestId:a,cached:s}=_t(e,t);return{id:n,isLoaded:o,error:r,manifest:i,requestId:a,cached:s}}var Li=require("react/jsx-runtime");function Bo({manifest:e,children:t}){return(0,Li.jsx)(re,{value:{manifest:e},children:t})}var zi=require("react/jsx-runtime");function qo({range:e,children:t}){return(0,zi.jsx)(re,{value:{range:e},children:t})}function Oi(e,t){for(let n of t.items){if(n.type==="Canvas")return n;if(n.type==="SpecificResource")return n.source;if(n.type==="Range"){let o=Oi(e,e.get(n));if(o)return o}}return null}function On(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(...On(e,e.get(o))),o.type==="SpecificResource"){let r=typeof o.source=="string"?o.source:o.source.id;n.push({id:r,type:"Canvas"})}return n}function xl(e,t,n){for(let o of t.structures){let r=Ho(e,e.get(o),n);if(r)return r}return null}function Ho(e,t,n){for(let o of t.items){let r=o?.source?.id?.split("#")[0];if(o.type==="SpecificResource"&&o.source===n||o.type==="SpecificResource"&&o.source?.type==="Canvas"&&n===r)return t;if(o.type==="Range"){let i=Ho(e,e.get(o),n);if(i)return i}}return null}function bl(e,t,n,o=!1){let r=t.behavior,i=n?e.get(n):null;if(!i)return[];let a=i.behavior,s=o?!1:r.includes("paged"),l=s?!1:r.includes("continuous"),c=s||l?!1:r.includes("individuals"),u=a.includes("facing-pages"),m=a.includes("non-paged");if(u||m||c||o)return[{id:i.id,type:"Canvas"}];let[d,p]=Bn(e,t);if(l)return d;let g=d.findIndex(f=>f.id===n);if(g===-1)return[];for(let f of p)if(f.includes(g))return f.map(S=>d[S]);return[{id:i.id,type:"Canvas"}]}function Bn(e,t,{disablePaging:n,skipNonPaged:o}={}){let r=t.behavior,i=r.includes("paged"),a=i?!1:r.includes("continuous"),s=i||a?!1:r.includes("individuals"),l=t.type==="Manifest"?t.items:On(e,t);if(a)return[l,[l.map((g,f)=>f)]];if(s||!i||n)return[l,l.map((g,f)=>[f])];let c=[],u=[],m=()=>{u.length&&(c.push([...u]),u=[])},d=0,p=!1;for(let g=0;g<l.length;g++){let f=e.get(l[g]);if(f.behavior.includes("non-paged")){g===d&&d++,o||(m(),c.push([g]),m());continue}if(g===d||f.behavior.includes("facing-pages")){u.length&&(p=!0),m(),c.push([g]),m();continue}if(u.push(g),p){m(),p=!1;continue}u.length>1&&m()}return u.length&&m(),[l,c]}var ye=require("react");var Bi=require("react");function Yt(e={},t=[]){let{id:n,selector:o}=e,r=J(),i=n||r.range,a=z(s=>i?s.iiif.entities.Range[i]:void 0,[i]);return(0,Bi.useMemo)(()=>{if(a)return o?o(a):a},[a,o,...t])}function Do({startCanvas:e,disablePaging:t}){let n=k(),o=$(),r=Yt(),[i,a]=(0,ye.useState)(void 0),s=r||o;if(!s)throw new Error("Nothing selected");let[l,c]=(0,ye.useMemo)(()=>Bn(n,s,{disablePaging:t}),[n,s,t]),u=(0,ye.useRef)(c);if(u.current!==c){let S=u.current[i][0],v=c.findIndex(h=>h.includes(S));u.current=c,a(v)}let m=(0,ye.useCallback)(f=>{let S=c.findIndex(v=>v.includes(f));a(S===-1?0:S)},[l,c]),d=(0,ye.useCallback)(f=>{let S=l.findIndex(v=>v.id===f);S!==-1?m(S):a(0)},[l,c]),p=(0,ye.useCallback)(()=>{a(f=>f>=c.length-1?f:f+1)},[c]),g=(0,ye.useCallback)(()=>{a(f=>f<=0?0:f-1)},[c]);return typeof i>"u"&&(e?d(e):a(0)),{visibleItems:c[i]?.map(f=>l[f].id)||[],cursor:i,items:l,sequence:c,hasPrevious:i>0,hasNext:i<c.length-1,setSequenceIndex:a,setCanvasIndex:m,setCanvasId:d,next:p,previous:g}}var Se=require("react"),Pt=require("zustand");var $o=require("zustand/vanilla");function Cl(e){let t=e.service||e.services||[];for(let n of t)if(n.type==="AuthProbeService2")return!0;return!1}function ve(e,t,n){let o=t.findIndex(a=>a.service.id===e);if(o===-1)return t;let r=[...t],i=n(r[o]);return i===r[o]?t:(r[o]=i,r)}var Wo=()=>(0,$o.createStore)((e,t)=>({currentAuth:-1,authItems:[],login:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot login to non-active service");let o=n.service.service.find(r=>r.type==="AuthAccessTokenService2");if(!o)throw new Error("Token service not found");e(()=>({authItems:ve(n.id,t().authItems,r=>({...r,isPending:!0}))})),Fo(n.service).then(()=>{qn(o).then(r=>{let i=r.expiresIn,a=Date.now()+i*1e3;e(()=>({authItems:ve(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:r.accessToken,expires:a}}))}))}).catch(r=>{e(()=>({authItems:ve(n.id,t().authItems,i=>({...i,isLoggedIn:!1,isPending:!1,error:r.message}))}))})})},logout:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||!n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot logout of non-active service");let o=n.service.service.find(a=>a.type==="AuthLogoutService2");if(!o)return;let r=`${o.id}?origin=${qi()}`,i=window.open(r);e(()=>({authItems:ve(n.id,t().authItems,a=>({...a,isLoggedIn:!1,session:null,isPending:!1}))}))},nextAuth:()=>{let n=t().authItems.length,o=t().currentAuth+1;o>=n||e(()=>({currentAuth:o}))},previousAuth:()=>{let n=t().currentAuth-1;n<0||e(()=>({currentAuth:n}))},setAuth:n=>{n!==-1&&(n<0||n>=t().authItems.length)||e(()=>({currentAuth:n}))},addService:(n,o)=>{if(!n.service)return;let r=n.service.find(s=>s.type==="AuthAccessTokenService2"),i=n;if(t().authItems.find(s=>s.service.id===n.id)){e(()=>({authItems:ve(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(!r)throw new Error("Token service not found");qn(r).then(s=>{e(()=>({authItems:ve(n.id,t().authItems,l=>({...l,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ve(n.id,t().authItems,l=>({...l,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:s.message}))}))})}if(n.profile==="kiosk"){if(!r)throw new Error("Token service not found");e(()=>({authItems:ve(n.id,t().authItems,s=>({...s,isPending:!0}))})),Fo(i).then(()=>{qn(r).then(s=>{e(()=>({authItems:ve(n.id,t().authItems,l=>({...l,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:ve(n.id,t().authItems,l=>({...l,isLoggedIn:!1,isPending:!1,error:s.message}))}))})})}n.profile},removeService:(n,o)=>{let r=t().currentAuth===t().authItems.findIndex(a=>a.service.id===n.id),i=t().currentAuth;if(r){let a=t().authItems.find(l=>l.service.id===n.id);a&&a.instances>1||(i=t().authItems.findIndex(c=>c.service.id!==n.id&&c.instances>0))}e(()=>({authItems:ve(n.id,t().authItems,a=>({...a,instances:a.instances-1})),currentAuth:i}))}})),Uo=(e,t)=>(0,$o.createStore)((n,o)=>({service:e,status:e?"unknown":"success",shouldRedirect:!1,redirectResource:null,shouldSubstitute:!1,substituteResource:null,error:null,errorHeading:null,errorNote:null,shouldDisplayResource:!1,token:t||null,async probe(){if(!o().service)return;let r=o().service?.id;if(!r){n({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}n({status:"probing"});let i=o().token;try{let a=await fetch(r,{headers:i?{Authorization:`Bearer ${o().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(s=>s.json());if(a.status===200)n({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(a.status<400&&a.status>=300){if(!a.location)throw new Error("Redirect location not found");n({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:a.location||null})}else if(a.status===401)n({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!a.substitute,substituteResource:a.substitute||null,error:"Unauthorized",errorHeading:a.heading||{en:["Unauthorized"]},errorNote:a.note||null});else throw new Error("Unknown error")}catch(a){n({status:"error",error:a.message,errorHeading:{en:["Unknown error"]}})}},setToken(r){n({token:r})}}));function _o(e){let t=e.service||e.services||[],n={hasAuth:!1,services:{}};for(let o of t)if(o.type==="AuthProbeService2"){n.services.probe=o,n.hasAuth=!0;let r=o.service.filter(i=>i.type==="AuthAccessService2");r[0]&&(n.services.access=r[0])}return n}async function qn(e,{strict:t=!0}={}){return new Promise((n,o)=>{let r=Math.random().toString(36).substring(7),i=`${e.id}?messageId=${r}&origin=${window.location.origin}`,a=c=>{let u=c.data;if(u.messageId===r){if(t&&u.type!=="AuthAccessToken2"){s(),o("Invalid response, expected type=AuthAccessToken2");return}if(!u.accessToken){s(),o("Invalid response, expected accessToken");return}s(),n(u)}},s=()=>window.removeEventListener("message",a),l=document.createElement("iframe");l.src=i,l.style.display="none",document.body.appendChild(l),window.addEventListener("message",a)})}function qi(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 Fo(e){let t=`${e.id}?origin=${qi()}`,n=window.open(t);if(!n)throw new Error("Failed to open window");return new Promise((o,r)=>{let i=setInterval(()=>{n.closed&&(clearInterval(i),o())},500)})}var Rt=require("react");var Hi=require("zustand");function Di(e){let t=(0,Rt.useMemo)(()=>_o(e),[e]),n=Yo(t.services.access?.id),o=(0,Rt.useMemo)(()=>Uo(t.services.probe,n),[t.services.probe]),r=(0,Hi.useStore)(o);return(0,Rt.useEffect)(()=>{r.status==="unknown"&&!n&&r.probe()},[t.services.probe,r.status]),(0,Rt.useEffect)(()=>{n&&(r.setToken(n),r.probe())},[n]),[e,r,t.hasAuth]}var Kt=require("react/jsx-runtime"),ot=(0,Se.createContext)(null),Fi=(0,Se.createContext)(null);Fi.displayName="CurrentAuth";var $i=(0,Se.createContext)(null);$i.displayName="AuthActions";function jo({children:e}){let t=(0,Se.useMemo)(()=>Wo(),[]);return(0,Kt.jsx)(ot.Provider,{value:t,children:e})}function Go(){return!!(0,Se.useContext)(ot)}function At(){let e=(0,Se.useContext)(ot);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function Wi(){let e=At();return(0,Pt.useStore)(e,n=>({login:n.login,logout:n.logout,nextAuth:n.nextAuth,previousAuth:n.previousAuth,setAuth:n.setAuth,addService:n.addService,removeService:n.removeService}))}function Rl(){let e=At();return(0,Pt.useStore)(e,t=>t)}function Ui(e){let t=At();return(0,Pt.useStore)(t,o=>o.authItems.find(r=>r.service.id===e))}function Yo(e){let t=At();return(0,Pt.useStore)(t,o=>o.authItems.find(r=>r.id===e)?.session?.token)}function Pl(e){let t=At();return(0,Pt.useStore)(t,o=>{let r=o.authItems.find(i=>i.service.id===e);return!r||!r.isLoggedIn||!r.session?null:r.session?.token||null})}function Al(e){let t=Wi(),n=Ui(e.service.id);return(0,Se.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function Ko(){return null}function Qo(e){let[t,n,o]=Di(e.resource),r=e.fallbackComponent||Ko,i=e.loadingComponent||Ko,a=e.errorComponent||Ko,s=n.service,l=null;if(!o||!s)return e.children(t);let c=s.service.filter(u=>u.type==="AuthAccessService2");n.status==="error"&&(l=(0,Kt.jsx)(a,{resource:e.resource,error:n.error||"",heading:n.errorHeading,note:n.errorNote,extra:e.extra})),(n.status==="unknown"||n.status==="probing")&&(l=(0,Kt.jsx)(i,{})),n.status==="success"&&(l=e.children(t));for(let u of c)l=(0,Kt.jsx)(Al,{service:u,probeId:s.id,children:l},u.id);return l}var jt=require("react");var _i=require("zustand/vanilla"),Tl=e=>e.id||e["@id"];function Il(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 Yi=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?Tl(t):void 0,o=null;return(0,_i.createStore)((r,i)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!Il(t):!1,errorMessage:"",search(a,s={}){if(!n)throw new Error("No search service found.");o&&!o.signal.aborted&&o.abort(),o=new AbortController;let l=new URLSearchParams;a.q&&l.set("q",a.q),a.motivation&&l.set("motivation",a.motivation),a.date&&l.set("date",a.date),a.user&&l.set("user",a.user),r({loading:!0}),fetch(`${n}?${l.toString()}`,{signal:o.signal,headers:{"Content-Type":"application/json",Accept:"application/json",...s.headers||{}}}).then(async c=>{if(!o?.signal.aborted)if(c.ok){let u=await c.json();r({resources:u.resources,error:!1,errorMessage:""})}else r({resources:[],error:!0,errorMessage:c.statusText})})},clearSearch(){r({resources:[],error:!1,errorMessage:""})},highlightResult(a){let s=i().resources.find(l=>l["@id"]===a);r({highlight:s})},nextResult(){let a=i().resources,s=i().highlight;if(!s){r({highlight:a[0]||null});return}let l=a.findIndex(c=>c["@id"]===s["@id"]);if(l===-1){r({highlight:a[0]||null});return}r({highlight:a[l+1]||a[0]||null})},previousResult(){let a=i().resources,s=i().highlight;if(!s){r({highlight:a[a.length-1]||null});return}let l=a.findIndex(c=>c["@id"]===s["@id"]);if(l===-1){r({highlight:a[a.length-1]||null});return}if(l===0){r({highlight:a[a.length-1]||null});return}r({highlight:a[l-1]||a[a.length-1]||null})}}))};var wl=require("zustand");function Xo(){let e=$();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var Hn=require("react/jsx-runtime"),Tt=(0,jt.createContext)(null);Tt.displayName="Search";function Ki(e){let t=Xo();return e.store?(0,Hn.jsx)(Tt.Provider,{value:e.store,children:e.children}):(0,Hn.jsx)(kl,{service:t,children:e.children})}function kl({service:e,children:t}){let n=(0,jt.useMemo)(()=>Yi(e),[e]);return(0,Hn.jsx)(Tt.Provider,{value:n,children:t})}var le=require("react/jsx-runtime"),Gt=()=>{},It=(0,Dn.createContext)({setCurrentCanvasId:Gt,setCurrentCanvasIndex:Gt,nextCanvas:Gt,previousCanvas:Gt,items:[],sequence:[],setSequenceIndex:Gt,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function Gi(e){let t=$(),{cursor:n,visibleItems:o,next:r,sequence:i,items:a,setCanvasIndex:s,setCanvasId:l,previous:c,setSequenceIndex:u,hasNext:m,hasPrevious:d}=Do({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),p=(0,Dn.useMemo)(()=>({sequence:i,items:a,setCurrentCanvasId:l,nextCanvas:r,previousCanvas:c,totalCanvases:a.length,setCurrentCanvasIndex:s,setSequenceIndex:u,currentSequenceIndex:n,hasNext:m,hasPrevious:d}),[i,a,l,r,c,a,s,u,n]);return t?o.length===0?null:(0,le.jsx)(It.Provider,{value:p,children:(0,le.jsx)(tt.Provider,{value:o,children:(0,le.jsx)(de,{canvas:o[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,le.jsx)("div",{children:"Sorry, something went wrong."}))}function Zo(e){let t=Me(e.vault),n=Oo(e.manifest);if(!n)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,le.jsx)("div",{children:"Sorry, something went wrong."});if(n.error)return(0,le.jsx)("div",{children:n.error.toString()});if(!n.isLoaded)return(0,le.jsx)("div",{children:"Loading..."});let o=(0,le.jsx)(Gi,{...e,children:e.children});return(0,le.jsx)(ke,{vault:t,children:(0,le.jsx)(Bo,{manifest:n.id,children:(0,le.jsx)(jo,{children:(0,le.jsx)(Ki,{children:e.rangeId?(0,le.jsx)(qo,{range:e.rangeId,children:o}):o})})})})}function rt(){return(0,ji.useContext)(It)}var ta=require("@atlas-viewer/atlas"),Ee=require("react"),na=require("zustand");var Qi=Z(require("mitt"),1),it=require("react"),Xi=require("react/jsx-runtime"),Ml=(0,Qi.default)(),Fn=(0,it.createContext)(Ml);function El({children:e,emitter:t}){return(0,Xi.jsx)(Fn.Provider,{value:t,children:e})}function Jo(){return(0,it.useContext)(Fn)}function at(e,t,n=[]){let o=(0,it.useContext)(Fn);(0,it.useEffect)(()=>{let r=i=>{t(i)};return o.on(e,r),()=>{o.off(e,r)}},[o,e,...n])}var Ji=require("polygon-editor"),ea=require("zustand/vanilla");function wt(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])),r=Math.min(...e.map(i=>i[1]));for(let i of e)if(i[0]!==n&&i[0]!==t&&i[1]!==r&&i[1]!==o||i[0]<n||i[0]>t||i[1]<r||i[1]>o)return!1;return!0}function $e(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])),r=Math.max(0,...e.points.map(i=>i[1]));return{x:t,y:n,width:o-t,height:r-n}}return null}function Zi(e){return e.type==="SvgSelector"}function Nl(e){return e.type==="BoxSelector"}function $n(e,t){if(Zi(e)){let a=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}"><${a?"polygon":"polyline"} points="${e.points.map(u=>u.join(",")).join(" ")}" /></svg>`}}return{type:"SvgSelector",value:`<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path d='M${e.points.map(s=>s.join(",")).join(" ")}${a?" Z":""}' /></g></svg>`}}if(!e.spatial)return null;let{x:n,y:o,width:r,height:i}=e.spatial||{};return!r||!i?null:{type:"FragmentSelector",value:`xywh=${~~n},${~~o},${~~r},${~~i}`}}function kt(e,t){if(!e||!e.points.length)return null;if(wt(e.points)){let n=e.points.map(l=>l[0]),o=e.points.map(l=>l[1]),r=Math.min(...n),i=Math.min(...o),a=Math.max(...n)-r,s=Math.max(...o)-i;return $n({type:"BoxSelector",spatial:{x:r,y:i,width:a,height:s}},t)}return $n({type:"SvgSelector",points:e.points,svgShape:e.open?"polygon":"polyline"},t)}function Qt(e){if(e.type==="polygon"&&!e.noBox&&e.points&&wt(e.points)){let n=$e({open:!1,points:e.points||[]});return Qt({...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:$e({points:e.points||[],open:!1}),metadata:{},arguments:e.arguments||{},target:kt({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:kt({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 Vl={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 er({events:e,enabledTools:t,keyboardShortcutMapping:n,keyboardShortcutsEnabled:o=!1,debug:r}){let i=(0,ea.createStore)((s,l)=>{let c=null,m=(0,Ji.createHelper)({emitter:e,keyboardShortcutsEnabled:o,keyboardShortcutMapping:n,enabledTools:t,customSetState:d=>{r&&console.log("partial state",d),s(p=>({polygonState:{...p.polygonState,...d}}))}},d=>{s(p=>p.tool.requestId?{polygon:{...d,id:p.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:m.history,polygon:null,validRequestIds:[],metadata:{},stableViewport:null,canvasRelativePositions:{},canvasViewports:{},polygons:m,polygonState:Vl,setMetadata:(d,p)=>{let g=p||l().tool.requestId;g&&s(f=>({metadata:{...f.metadata,[g]:{...f.metadata[g]||{},...d}}}))},setToolCanvasId:d=>{s(p=>({tool:{...p.tool,canvasId:d}}))},switchTool:{pointer(){s({mode:"sketch"}),a.tools.setTool("pointer")},hand(){s({mode:"explore"}),a.tools.setTool("hand")},draw(){s({mode:"sketch"}),a.tools.setTool("pencil")},pen(){s({mode:"sketch"}),a.tools.setTool("pen")},line(){s({mode:"sketch"}),a.tools.setTool("line")},lineBox(){s({mode:"sketch"}),a.tools.setTool("lineBox")},box(){s({mode:"sketch"}),a.tools.setTool("box")},triangle(){s({mode:"sketch"}),a.tools.setTool("stamp"),a.stamps.triangle()},hexagon(){s({mode:"sketch"}),a.tools.setTool("stamp"),a.stamps.hexagon()},circle(){s({mode:"sketch"}),a.tools.setTool("stamp"),a.stamps.circle()},remove(){let d=l();d.tool.requestId&&(m.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(p=>({validRequestIds:[...p.validRequestIds,d]})),{requestId:d,clear:()=>{l().tool.requestId,s(p=>({tool:p.tool.requestId===d?{enabled:!1,requestId:null,canvasId:null}:p.tool,validRequestIds:p.validRequestIds.filter(g=>g!==d)}))}}},cancelRequest:d=>{let p=d||l().tool.requestId;p&&(s(g=>({mode:"explore",tool:g.tool.requestId===p?{enabled:!1,requestId:null,canvasId:null}:g.tool,validRequestIds:g.validRequestIds.filter(f=>f!==p)})),e.emit("atlas.request-cancelled",{id:p}))},requestAnnotation:async(d,p)=>{let f={...l().requests,[p.requestId]:d},S=Qt(d);r&&console.log("requestAnnotation",{response:S,request:d});try{let{points:v=[],open:h=!0}=S.polygon||{},{requestId:y,canvasId:R=null,toolId:C}=p,P=C,A=l(),T=A.validRequestIds.includes(y),O=S.requestType;return r&&console.log("setting points",{requestType:O,points:v,open:h}),!T||A.tool.enabled?null:(m.setShape({id:y,points:v,open:h}),O==="polygon"&&(P=P||"pen",m.tools.setTool("pen")),O==="draw"&&(P=P||"draw",m.tools.setTool("pencil")),O==="box"&&(P=P||"box",m.tools.setTool("box")),O==="target"?(P=P||"box",m.tools.setTool("box"),m.lockAspectRatio(),m.tools.lockToolSwitching(),m.tools.setCanDeselect(!1),m.tools.setCanDelete(!1)):(m.tools.unlockToolSwitching(),m.tools.setCanDeselect(!0),m.tools.setCanDelete(!0)),d.bounds&&m.setBounds(d.bounds),e.emit("atlas.annotation-request",{id:y}),s({polygon:{id:y,points:v,open:h},mode:"sketch",requestType:O,tool:{enabled:!0,requestId:y,canvasId:R},requests:f}),P?A.switchTool[P]?.():v.length===0&&A.switchTool.box(),(typeof d.selectByDefault>"u"&&v.length&&O==="box"||d.selectByDefault)&&A.switchTool.pointer(),new Promise(_=>{let M=w=>{w.id===y&&(s(N=>({mode:"explore",tool:{requestId:null,enabled:!1,canvasId:null},requests:Object.fromEntries(Object.entries(N.requests).filter(([V])=>V!==y))})),e.off("atlas.request-cancelled",M),e.off("atlas.annotation-completed",L),_(null))},L=w=>{w.id===y&&(s(N=>({mode:"explore",tool:{requestId:null,enabled:!1,canvasId:null},requests:Object.fromEntries(Object.entries(N.requests).filter(([V])=>V!==y))})),e.off("atlas.annotation-completed",L),e.off("atlas.request-cancelled",M),_(w))};e.on("atlas.request-cancelled",M),e.on("atlas.annotation-completed",L)}))}catch(v){return console.error(v),null}},completeRequest:d=>{let p=l().tool.requestId;if(typeof d=="string"&&d&&d!==p)return;let g=p?l().requests[p]?.arguments||{}:{},f=p?l().metadata[p]||{}:{},S=l().polygonState.bounds,v=l().polygon;v&&(e.emit("atlas.annotation-completed",{id:v.id,polygon:v,requestType:l().requestType,target:kt(v,S),canvasId:l().tool.canvasId,boundingBox:$e(v),metadata:f,arguments:{...g}}),m.setShape(null))},setAtlasRuntime:d=>{c=d,e.emit("atlas.ready",{runtime:d}),a.setScale(1/c._lastGoodScale),c.world.addLayoutSubscriber((p,g)=>{(p==="event-activation"||p==="zoom-to"||p==="go-home")&&c?._lastGoodScale&&!Number.isNaN(c._lastGoodScale)&&a.setScale(1/c._lastGoodScale)}),s({runtime:c})},clearAtlasRuntime:()=>{c=null,s({stableViewport:null,runtime:null})},setCanvasRelativePosition:(d,p)=>{s(g=>({canvasRelativePositions:{...g.canvasRelativePositions,[d]:p}}))},clearCanvasRelativePosition:d=>{s(p=>{let g={...p.canvasRelativePositions};return delete g[d],{canvasRelativePositions:g}})},changeMode:d=>{s({mode:d})},nudgeLeft:d=>{if(!c)return;let p=c.getViewport(),g=d??p.width*.1;c.world.gotoRegion({x:p.x-g,y:p.y,width:p.width,height:p.height,nudge:!0})},nudgeRight:d=>{if(!c)return;let p=c.getViewport(),g=d??p.width*.1;c.world.gotoRegion({x:p.x+g,y:p.y,width:p.width,height:p.height,nudge:!0})},nudgeUp:d=>{if(!c)return;let p=c.getViewport(),g=d??p.height*.1;c.world.gotoRegion({x:p.x,y:p.y-g,width:p.width,height:p.height,nudge:!0})},nudgeDown:d=>{if(!c)return;let p=c.getViewport(),g=d??p.height*.1;c.world.gotoRegion({x:p.x,y:p.y+g,width:p.width,height:p.height,nudge:!0})},zoomIn:()=>{c?.world?.zoomIn()},zoomOut:()=>{c?.world?.zoomOut()},goHome:()=>{c?.world?.goHome()},goToRegion:d=>{c?.world?.gotoRegion(d)},getRuntime:()=>c}}),a=i.getState().polygons;return e.on("atlas.annotation-request",()=>{a.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",()=>{a.clock.stop()}),e.on("atlas.request-cancelled",()=>{a.clock.stop()}),i}var nr=require("react/jsx-runtime"),st=(0,Ee.createContext)(null);function B(){return(0,Ee.useContext)(st)}var tr={};function or(e="atlas"){return tr[e]?.getState()}function Mt({children:e,name:t="atlas",existing:n,atlasStoreConfig:o}){let r=Jo(),i=(0,Ee.useContext)(st),a=(0,Ee.useMemo)(()=>n||i||er({events:r,...o||{}}),[r,n,i]),s=(0,na.useStore)(a,l=>l.mode);return(0,Ee.useEffect)(()=>{let l=t;return l&&(tr[l]=a),()=>{l&&delete tr[l]}},[a,t]),(0,nr.jsx)(st.Provider,{value:a,children:(0,nr.jsx)(ta.ModeContext.Provider,{value:s||"explore",children:e})})}var en=require("@atlas-viewer/atlas"),pa=require("react");var Et=require("react"),oa=require("react/jsx-runtime");function rr(){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 ir=(0,Et.createContext)(rr());ir.displayName="AnnotationStyle";function Xt(){return(0,Et.useContext)(ir)}function Ll({theme:e,children:t}){let n=(0,Et.useMemo)(()=>e||rr(),[e]);return(0,oa.jsx)(ir.Provider,{value:n,children:t})}var aa=require("@iiif/helpers/annotation-targets"),sa=require("react");var Nt=require("react"),ra=require("zustand"),ia=(0,ra.create)()((e,t)=>{let n=new Map,o=()=>Math.random().toString(36).substring(2,15),r=i=>{let a=n.get(i);if(a)return a;let s=o();return n.set(i,s),s};return{stylesheets:{},loading:[],errors:[],async parseStylesheet(i){let{loadStylesheet:a,setStylesheet:s}=t();if(!i)return null;if(typeof i=="string")return i.startsWith("http")?{id:i,type:"CssStylesheet",value:await a(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(`
|
|
2
|
+
`):i.value;if(c)return{id:s(c,l),type:"CssStylesheet",value:c}}if("id"in i&&i.id){let c=await a(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,a){let s=a||r(i);return e(l=>({stylesheets:{...l.stylesheets,[s]:i}})),s}}});function ar(e){let[t,n]=(0,Nt.useState)(""),{loading:o,errors:r,stylesheets:i,parseStylesheet:a}=ia();return(0,Nt.useEffect)(()=>{e&&a(e).then(l=>{l?.id&&n(l.id)})},[e,a]),[(0,Nt.useMemo)(()=>{let l={};return t&&i[t]&&(l[t]=i[t]),l},[t,i]),{id:t,stylesheets:i,loading:o,errors:r}]}function Zt(e={},t=[]){let{id:n,selector:o}=e,r=J(),i=k(),a=n||r.annotation,s=z(u=>a?u.iiif.entities.Annotation[a]:void 0,[a]),[l]=ar(s?.stylesheet),c=z(u=>s&&s.body?s.body.map(m=>m?m.type==="SpecificResource"?{...m,source:i.get(m)}:m?u.iiif.entities[m.type][m.id]:null:null).filter(Boolean):[],[s]);return(0,sa.useMemo)(()=>{if(!s)return;let u={...s,body:c,target:(0,aa.expandTarget)(s.target,{typeMap:i.getState().iiif.mapping,loadedStylesheets:l})};return o?o(u):u},[s,o,c,l,...t])}var la=require("react");function I(e={},t=[]){let{id:n,selector:o}=e,r=J(),i=n||r.canvas,a=z(s=>i?s.iiif.entities.Canvas[i]:void 0,[i]);return(0,la.useMemo)(()=>{if(a)return o?o(a):a},[a,o,...t])}var sr=require("react"),ua=require("@iiif/helpers/events");function Jt(e,t){let n=k(),o=(0,sr.useMemo)(()=>(0,ua.createEventsHelper)(n),[n]),r=z(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,sr.useMemo)(()=>e?o.getListenersAsProps(e,t):{},[r,e,n,t])}var ca=require("react"),ma=require("@iiif/helpers/styles");function lt(e,t){let n=k(),o=(0,ca.useMemo)(()=>(0,ma.createStylesHelper)(n),[n]);return z(()=>{if(!e)return null;let r=o.getAppliedStyles(e.id);return r?t?r[t]:r:void 0},[e,t])}var da=require("react");var Wn=require("@atlas-viewer/atlas"),Ie=require("react"),W=require("react/jsx-runtime");function lr({handleSize:e,resizable:t,onSave:n,children:o,maintainAspectRatio:r,disableCardinalControls:i,aspectRatio:a,...s}){let l=typeof e>"u"?r?12:8:e,{portalRef:c,mode:u,mouseEvent:m,isEditing:d}=(0,Wn.useResizeWorldItem)({x:s.x||0,y:s.y||0,width:s.width,height:s.height,aspectRatio:a,maintainAspectRatio:r},n),p=(0,Ie.useMemo)(()=>m("translate"),[m]),g=(0,Ie.useMemo)(()=>m("east"),[m]),f=(0,Ie.useMemo)(()=>m("west"),[m]),S=(0,Ie.useMemo)(()=>m("south"),[m]),v=(0,Ie.useMemo)(()=>m("north"),[m]),h=(0,Ie.useMemo)(()=>m("south-east"),[m]),y=(0,Ie.useMemo)(()=>m("south-west"),[m]),R=(0,Ie.useMemo)(()=>m("north-east"),[m]),C=(0,Ie.useMemo)(()=>m("north-west"),[m]),P=u==="sketch",A={zIndex:999,boxShadow:"0px 2px 3px 0 rgba(0,0,0,0.2)",outline:"2px solid rgba(155,155,155,.7)",borderRadius:r||i?"50%":2,position:"absolute",background:"#fff",pointerEvents:d?"none":P?"initial":"none"};return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)("world-object",{...s,children:[o,P&&t?(0,W.jsx)(Wn.HTMLPortal,{ref:c,target:{x:0,y:0,height:s.height,width:s.width},relative:!0,interactive:!1,children:P&&t?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)("div",{onMouseDown:p,onTouchStart:p,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":P?"initial":"none"}}),r?null:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)("div",{title:"east",onTouchStart:g,onMouseDown:g,style:{...A,cursor:"e-resize",height:l*2,width:l,right:0,top:"50%",opacity:i?0:1,transform:`translate(${l/2}px, -${l}px)`}}),(0,W.jsx)("div",{title:"west",onMouseDown:f,style:{...A,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,W.jsx)("div",{title:"north",onMouseDown:v,style:{...A,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,W.jsx)("div",{title:"south",onMouseDown:S,style:{...A,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,W.jsx)("div",{title:"north-east",onMouseDown:R,style:{...A,cursor:"ne-resize",position:"absolute",height:l,width:l,right:0,top:0,transform:`translate(${l/2}px, -${l/2}px)`}}),(0,W.jsx)("div",{title:"south-east",onMouseDown:h,style:{...A,cursor:"se-resize",position:"absolute",height:l,width:l,bottom:0,right:0,transform:`translate(${l/2}px, ${l/2}px)`}}),(0,W.jsx)("div",{title:"south-west",onMouseDown:y,style:{...A,cursor:"sw-resize",position:"absolute",height:l,width:l,bottom:0,left:0,transform:`translate(-${l/2}px, ${l/2}px)`}}),(0,W.jsx)("div",{title:"north-west",onMouseDown:C,style:{...A,cursor:"nw-resize",position:"absolute",height:l,width:l,top:0,left:0,transform:`translate(-${l/2}px, -${l/2}px)`}})]}):null}):null]})})}var ur=require("react/jsx-runtime");function cr({id:e,interactive:t,region:n,onClick:o,onHover:r,onSave:i,aspectRatio:a,maintainAspectRatio:s,disableCardinalControls:l,isEditing:c,style:u={backgroundColor:"rgba(0,0,0,.5)"}}){let m=(0,da.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,ur.jsx)(lr,{id:e,x:n.x,y:n.y,width:n.width,aspectRatio:a,height:n.height,resizable:c,onSave:m,maintainAspectRatio:s,disableCardinalControls:l,children:(0,ur.jsx)("box",{interactive:t,onClick:d=>{d.preventDefault(),d.stopPropagation(),o?.(n)},relativeStyle:!0,onMouseEnter:()=>{r?.(n)},target:{x:0,y:0,width:n.width,height:n.height},style:u})})}var fa=require("react/jsx-runtime"),ut=({id:e,style:t,className:n,interactive:o,targetId:r,ignoreTargetId:i})=>{let a=Zt({id:e}),s=lt(a,"atlas"),l=lt(a,"html"),c=Jt(a,["atlas"]),u=I(),m=Xt(),d=(0,pa.useMemo)(()=>(0,en.mergeStyles)((0,en.mergeStyles)((0,en.mergeStyles)((0,en.mergeStyles)(t,s),a?.motivation?.includes("highlighting")?m.highlighted:m.default),a?.target?.selector?.boxStyle||{})),[t,s,m,a?.motivation,a?.target]),p=r||u?.id;return u&&a&&a.target&&a.target.selector&&(a.target.selector.type==="BoxSelector"||a.target.selector.type==="SvgSelector")&&a.target.source&&(i?!0:a.target.source.id===p||a.target.source===p)?(0,fa.jsx)(cr,{id:a.id,isEditing:!0,region:a.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 ha=require("react");var ga=require("react");function mr(e={},t=[]){let{id:n,selector:o}=e,r=J(),i=n||r.annotationPage,a=z(s=>i?s.iiif.entities.AnnotationPage[i]:void 0,[i]);return(0,ga.useMemo)(()=>{if(a)return o?o(a):a},[a,...t])}var dr=require("react/jsx-runtime"),We=({className:e,page:t,targetId:n,ignoreTargetId:o})=>{let r=mr({id:t.id})||t,i=lt(r,"atlas"),a=lt(r,"html");return z(s=>r.id?s.iiif.entities.AnnotationPage[r.id]:null,[]),(0,dr.jsx)(ha.Fragment,{children:r.items?.map(s=>(0,dr.jsx)(ut,{id:s.id,style:i,className:a?.className||e,targetId:n,ignoreTargetId:o},s.id))})};var Ue=require("react"),Un=require("react/jsx-runtime"),ya=(0,Ue.createContext)(null),va=(0,Ue.createContext)(null),Sa=(0,Ue.createContext)(null);function zl(){let e=(0,Ue.useContext)(ya);if(!e)throw new Error("Ctx not found");return e}function Ol(){let e=(0,Ue.useContext)(va);if(!e)throw new Error("Ctx not found");return e}function Bl(){let e=(0,Ue.useContext)(Sa);if(!e)throw new Error("Ctx not found");return e}function tn({actions:e,state:t,children:n,currentTime:o,progress:r,element:i}){return(0,Un.jsx)(Sa.Provider,{value:{currentTime:o,progress:r,element:i},children:(0,Un.jsx)(va.Provider,{value:e,children:(0,Un.jsx)(ya.Provider,{value:t,children:n})})})}var xa=require("react");var ba=require("@iiif/helpers");function nn(){let e=$(),t=I();return(0,xa.useMemo)(()=>{if(!e||!t||!e.start)return null;let n=(0,ba.expandTarget)(e.start);return!n||n.source.id!==t.id||!n||!n.selector||n.selector.type!=="TemporalSelector"?null:n.selector.temporal},[e,t])}var F=require("react");function Ca(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function ql(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 _n(e){let t=Math.round(e);return`${Math.floor(t/60)}:${`${t%60}`.padStart(2,"0")}`}function ct(e){let[t,n]=(0,F.useReducer)(ql,Ca(e.duration));(0,F.useEffect)(()=>{n({type:"RESET",state:Ca(e.duration)})},[e.duration]);let o=(0,F.useRef)(null),r=(0,F.useRef)(null),i=(0,F.useRef)(null),a=(0,F.useRef)(!1),s=(0,F.useCallback)(()=>{r.current&&o.current&&(r.current.innerHTML=_n(o.current.currentTime),i.current&&(i.current.style.width=`${o.current.currentTime/e.duration*100}%`),a.current!==o.current.muted&&(a.current=o.current.muted,n(o.current.muted?{type:"MUTE"}:{type:"UNMUTE"})))},[e.duration]),l=(0,F.useCallback)(()=>{o.current&&(n({type:"PLAY_REQUESTED"}),o.current.play().then(()=>{n({type:"PLAY"})}),s())},[s]),c=(0,F.useCallback)(()=>{o.current&&(o.current.duration>0&&o.current.paused?l():u())},[s]),u=(0,F.useCallback)(()=>{o.current&&(o.current.pause(),n({type:"PAUSE"}),s())},[s]),m=(0,F.useCallback)(()=>{o.current&&(o.current.muted=!o.current.muted,n(o.current.muted?{type:"MUTE"}:{type:"UNMUTE"}))},[]),d=(0,F.useCallback)(()=>{o.current&&(o.current.muted=!0,n({type:"MUTE"}))},[]),p=(0,F.useCallback)(()=>{o.current&&(o.current.muted=!1,n({type:"UNMUTE"}))},[]),g=(0,F.useCallback)(v=>{o.current&&(o.current.muted=!1,o.current.volume=v/100,n({type:"SET_VOLUME",volume:v}))},[]),f=(0,F.useCallback)(v=>{o.current&&(o.current.currentTime=Math.max(0,Math.min(v*e.duration,e.duration)),s())},[]),S=(0,F.useCallback)(v=>{if(o.current){let h=typeof v=="function"?v(o.current.currentTime):v;o.current.currentTime=Math.max(0,Math.min(h,e.duration)),s()}},[]);return(0,F.useEffect)(()=>{let v=setInterval(()=>{s()},350);return()=>clearInterval(v)},[s,e.duration]),(0,F.useEffect)(()=>{let v=()=>{n({type:"FINISHED"})},h=o.current;return h?.addEventListener("ended",v),()=>h?.removeEventListener("ended",v)},[]),[{element:o,currentTime:r,progress:i},t,{play:l,pause:u,playPause:c,mute:d,unmute:p,toggleMute:m,setVolume:g,setDurationPercent:f,setTime:S}]}var mt=require("react"),pr=(0,mt.createContext)(()=>{}),fr=(0,mt.createContext)(()=>{});function Q(e,t,n,o,r=[]){let i=(0,mt.useContext)(e==="portal"?fr:pr);(0,mt.useEffect)(()=>(e!=="none"&&i(t,n,o),()=>{i(t,null)}),[t,e,i,...r])}var Kn=require("react/jsx-runtime");function gr({media:e,startTime:t,children:n}){let[{element:o,currentTime:r,progress:i},a,s]=ct({duration:e.duration}),l=t?`${e.url}#t=${t}`:e.url;return(0,Kn.jsxs)(tn,{state:a,actions:s,currentTime:r,progress:i,element:o,children:[(0,Kn.jsx)("audio",{ref:o,src:l}),n]},e.url)}function Yn({media:e,mediaControlsDeps:t,audioCopmonent:n=gr,children:o}){let r=nn();return Q("portal","audio",n,{media:e,startTime:r?r.startTime:null,children:o},[e,r,...t||[]]),null}var jn=require("react"),_e=(0,jn.createContext)(null);_e.displayName="Strategy";function H(){let e=(0,jn.useContext)(_e);if(!e)throw new Error("useStrategy must be used within a StrategyProvider");return e}var Ye=require("react/jsx-runtime");function hr({model:e}){return(0,Ye.jsxs)(Ye.Fragment,{children:[(0,Ye.jsx)("style",{children:`
|
|
3
3
|
.model-container {
|
|
4
4
|
position: absolute;
|
|
5
5
|
top: 0;
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
justify-content: center;
|
|
13
13
|
pointer-events: visible;
|
|
14
14
|
}
|
|
15
|
-
`}),(0,Ue.jsx)("div",{className:"model-container",children:(0,Ue.jsx)("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function Kn({model:e,name:t}){return Q("overlay",`model-${t}`,fr,{model:e},[e]),null}var Ca=require("react/jsx-runtime");function gr(){let{strategy:e}=H();return e.type!=="3d-model"?null:(0,Ca.jsx)(Kn,{model:e.model})}var jn=require("react"),tn=(0,jn.createContext)(null);tn.displayName="Controls";function ie(){let e=(0,jn.useContext)(tn);if(!e)throw new Error("useStrategy must be used within a StrategyProvider");return e}var Me=require("react/jsx-runtime");function hr(){let{strategy:e}=H(),{renderViewerControls:t,viewControlsDeps:n}=ie(),o=T(),r=o?.accompanyingCanvas,i=o?.placeholderCanvas;return(0,Me.jsxs)(Me.Fragment,{children:[e.type==="media"&&e.media.type==="Sound"&&r?(0,Me.jsx)(de,{canvas:r.id,children:(0,Me.jsx)(ct,{renderViewerControls:t,viewControlsDeps:n})}):null,e.type==="media"&&e.media.type==="Sound"&&i&&!r?(0,Me.jsx)(de,{canvas:i.id,children:(0,Me.jsx)(ct,{renderViewerControls:t,viewControlsDeps:n})}):null]})}var Mt=require("react");var Ee=require("react");var Gn=require("@iiif/helpers/vault/actions");var Ra=require("react");function yr(){let t=k().getStore();return(0,Ra.useMemo)(()=>n=>t.dispatch(n),[t])}function Pa(e){return typeof e!="string"&&e&&e.bindToVault}function vr(){let e=k(),t=(0,Ee.useRef)([]),n=yr(),o=(0,Ee.useMemo)(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);(0,Ee.useLayoutEffect)(()=>{let s={id:o,type:"AnnotationPage",behavior:[],label:null,thumbnail:[],summary:null,requiredStatement:null,metadata:[],rights:null,provider:[],items:[],seeAlso:[],homepage:[],rendering:[],service:[]};n(Gn.entityActions.importEntities({entities:{AnnotationPage:{[s.id]:s}}}))},[o]);let r=z(s=>o&&s.iiif.entities.AnnotationPage[o]||null,[o]),i=(0,Ee.useCallback)((s,l)=>{if(o){if(Pa(s)){let m=s;m.__vault||m.bindToVault(e),s=typeof m.source=="string"?m.source:m.source.id,t.current[s]=m}else typeof s!="string"&&(s=s.id);let u=e.get({id:o,type:"AnnotationPage"}),c=e.get({id:s,type:"Annotation"});u&&c&&(u.items.find(m=>m.id===c.id)||n(Gn.entityActions.addReference({id:o,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"},index:l})))}},[o]),a=(0,Ee.useCallback)(s=>{o&&(Pa(s)?s=typeof s.source=="string"?s.source:s.source.id:typeof s!="string"&&(s=s.id),t.current[s]&&t.current[s].beforeRemove(),e.get({id:o,type:"AnnotationPage"})&&n(Gn.entityActions.removeReference({id:o,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"}})))},[o]);return[r,{addAnnotation:i,removeAnnotation:a}]}var Ta=require("react/jsx-runtime"),Aa=(0,Mt.createContext)(null);function Sr(){let e=(0,Mt.useContext)(Aa);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function xr({children:e}){let[t,{addAnnotation:n,removeAnnotation:o}]=vr();return(0,Ta.jsx)(Aa.Provider,{value:(0,Mt.useMemo)(()=>({fullPage:t,addAnnotation:n,removeAnnotation:o}),[t]),children:e})}var ut=require("react/jsx-runtime");function br({children:e}){let{strategy:t}=H(),[n]=Sr();return t.type!=="images"?null:(0,ut.jsxs)(ut.Fragment,{children:[n?(0,ut.jsx)(Fe,{page:n}):null,t.annotations&&t.annotations.pages?t.annotations.pages.map(o=>(0,ut.jsx)(Fe,{page:o},o.id)):null,e]})}var _e=require("react");var Ia=require("react"),Cr=(e,t=[])=>{let n=k();(0,Ia.useEffect)(()=>{e(n)},[n,...t])};var Qn=Z(require("react"),1),wa=require("@iiif/helpers/image-service"),ka=Qn.default.createContext(new wa.ImageServiceLoader);function nn(){return(0,Qn.useContext)(ka)}var Ma=require("@iiif/helpers/thumbnail");function Ne(e,t,{canvasId:n,manifestId:o}={}){let r=k(),i=nn(),a=(0,_e.useMemo)(()=>(0,Ma.createThumbnailHelper)(r,{imageServiceLoader:i}),[r,i]),[s,l]=(0,_e.useState)(),u=$(o?{id:o}:void 0),c=T(n?{id:n}:void 0),m=c||u,d=(0,_e.useRef)(!1);if((0,_e.useEffect)(()=>(d.current=!1,()=>{d.current=!0}),[]),!m)throw new Error("Must be called under a manifest or canvas context.");return Cr(f=>{a.getBestThumbnailAtSize(m,e,t).then(h=>{h.best&&!d.current&&l(h.best)})},[m]),s}var Rr=require("react/jsx-runtime");function mt({x:e=0,y:t=0}){let n=T(),o=Ne({maxWidth:256,maxHeight:256});return!n||!o||o.type!=="fixed"?null:(0,Rr.jsx)("world-object",{height:n.height,width:n.width,x:e,y:t,children:(0,Rr.jsx)("world-image",{uri:o.id,target:{x:0,y:0,width:n.width,height:n.height},display:o.width&&o.height?{width:o.width,height:o.height}:void 0,crop:void 0})})}var Xn=require("react/jsx-runtime");function Pr({as:e}){let{strategy:t}=H(),{renderMediaControls:n,mediaControlsDeps:o}=ie();return t.type!=="media"||t.media.type!=="Sound"?null:(0,Xn.jsxs)(Un,{media:t.media,mediaControlsDeps:o,audioCopmonent:e,children:[(0,Xn.jsx)(mt,{}),n?n(t):null]},t.media.url)}var Er=require("@atlas-viewer/atlas"),ro=require("react"),Nr=require("zustand");var Zn=require("react"),Ea=require("zustand"),Na=require("react/jsx-runtime"),Ar=(0,Zn.createContext)(null);Ar.displayName="ComplexTimeline";function Tr({children:e,store:t}){return(0,Na.jsx)(Ar.Provider,{value:t,children:e})}function Bl(e){let t=(0,Zn.useContext)(Ar);if(!t)throw new Error("useComplexTimeline must be used within a ComplexTimelineProvider");return(0,Ea.useStore)(t,e)}var La=Z(require("mitt"),1),za=require("zustand/vanilla");function Va({currentKeyFrameIndex:e,keyframes:t,targetTime:n,currentTime:o}){if(o<=n){let r=t.findIndex(s=>s.time>n);if(r===-1)return[e,[]];let i={},a=t.slice(e,r);for(let s of a)s.type==="enter"&&(i[s.id]=s),s.type==="exit"&&(i[s.id]?delete i[s.id]:i[s.id]=s);return[r,Object.values(i)]}return[e,[]]}function Oa({complexTimeline:e,startTime:t=0}){let n=(0,La.default)(),o={},r={progress:null,currentTime:null},i=0,a=null,s=0,l=null;function u(){let g=S.getState().visibleElements,y=o,C=[],R=Object.keys(y);for(let P of R){let A=y[P],I=g[P];A&&I&&C.push(A)}return C}function c(){return Object.keys(o).map(g=>o[g])}function m(v){r.currentTime&&(r.currentTime.innerHTML=Wn(v),r.progress&&(r.progress.style.width=`${v/e.duration*100}%`))}let d=()=>{let v=S.getState(),g=v.currentPrime;if(!g)return;let y=o,C=v.visibleElements,R=Object.keys(y);for(let P of R){let A=y[P],I=C[P];if(A&&P!==g.id&&I){let O=s-I.time*1e3;Math.abs(s-I.time*1e3-A.currentTime*1e3)>300&&(A.currentTime=O/1e3)}}},f=(v=0)=>{let g=v-i,y=S.getState();if(y.isPlaying){let C=y.currentPrime;if(C){let I=o[C.id];I&&(I.paused?s+=g:s=(C.time+I.currentTime)*1e3)}else s+=g;let R=s/1e3;if(R>y.duration){S.getState().setTime(0),S.setState({isPlaying:!1}),h(),m(0);return}m(R);let[P,A]=Va({currentTime:R,currentKeyFrameIndex:y.nextKeyframeIndex,keyframes:y.complexTimeline.keyframes,targetTime:R});A.length&&y.applyKeyframes(P,A)}i=v,a=requestAnimationFrame(f)},h=()=>{a&&cancelAnimationFrame(a)},p=(v,g)=>{},S=(0,za.createStore)((v,g)=>({complexTimeline:e,elements:{},visibleElements:{},isBuffering:!1,bufferMap:{},isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,isReady:!1,volume:100,duration:e.duration,clockStartRequests:0,clockStartTime:0,primeTime:0,currentPrime:null,clockRunning:!1,nextKeyframeIndex:0,startClock:()=>{g().clockRunning||(f(),l=setInterval(d,500)),v({clockRunning:!0,clockStartRequests:g().clockStartRequests+1})},applyKeyframes(y,C){let R=g(),P={...R.visibleElements},A=R.currentPrime;for(let I of C)I.type==="enter"&&(P[I.id]=I,n.emit("complex-timeline.enter",{id:I.id})),I.type==="exit"&&(P[I.id]=null,n.emit("complex-timeline.exit",{id:I.id})),I.isPrime&&(A=I);v({nextKeyframeIndex:y,visibleElements:P,currentPrime:A})},stopClock:()=>{let y=g().clockStartRequests;if(y!==0){if(y===1){h(),l&&clearInterval(l),v({clockRunning:!1,clockStartRequests:0});return}v({clockStartRequests:y-1})}},setElement:(y,C)=>{o[y]=C;let R=Object.keys(o),P=g().complexTimeline;p(C,y),P.items.filter(I=>I.type!=="Image"&&I.type!=="Text").every(I=>R.includes(I.annotationId))&&!g().isReady&&(n.emit("complex-timeline.ready",{complexTimeline:P}),v({isReady:!0}))},removeElement:y=>{delete o[y]},mute(){for(let y of c())y.muted=!0;v({isMuted:!0})},unmute(){for(let y of c())y.muted=!1;v({isMuted:!1})},play(){if(!g().isPlaying){for(let C of u())C.play();v({isPlaying:!0})}},pause(){if(g().isPlaying){for(let C of u())C.pause();v({isPlaying:!1})}},playPause(){let y=g();y.isPlaying?y.pause():y.play()},setDurationPercent(y){let R=g().duration*y;g().setTime(R)},setTime(y){let C=g(),R=s/1e3,P=typeof y=="function"?y(R):y,A=C.nextKeyframeIndex;if(R>P){v({visibleElements:{},currentPrime:null});let N=Object.keys(C.visibleElements);for(let V of N)n.emit("complex-timeline.exit",{id:V});R=0,A=0}let[I,O]=Va({currentTime:R,currentKeyFrameIndex:A,keyframes:C.complexTimeline.keyframes,targetTime:P});C.applyKeyframes(I,O),s=P*1e3;let M=S.getState().visibleElements,L=o,w=Object.keys(M);for(let N of w){let V=M[N];if(V){let Pe=L[N];Pe&&(Pe.currentTime=(s-V.time*1e3)/1e3)}}m(P)},setVolume(y){for(let C of c())C.volume=Math.min(1,Math.max(0,y/100));v({volume:y})},toggleMute(){let y=g();y.isMuted?(y.unmute(),v({isMuted:!1})):(y.mute(),v({isMuted:!0}))},clearProgressElement(){r.progress=null},setProgressElement(y){r.progress=y},setCurrentTimeElement(y){r.currentTime=y},clearCurrentTimeElement(){r.currentTime=null}}));return n.on("complex-timeline.enter",v=>{let g=S.getState(),y=v.id,C=o[y];C&&g.isPlaying&&C.play()}),n.on("complex-timeline.exit",v=>{let g=S.getState(),y=v.id,C=o[y];C&&(C.currentTime=0,C.pause())}),S.getState().setTime(t),{store:S,emitter:n}}var Nt=require("react");var Qa=require("@atlas-viewer/atlas"),Xa=require("@iiif/parser/image-3");var Jn=Z(require("react"),1),Ba=require("@iiif/helpers/image-service"),on=require("zustand"),qa=Jn.default.createContext(Ba.imageServices.store);qa.displayName="ImageServicesHelper";function eo(){return(0,Jn.useContext)(qa)}function Ha(e){let t=eo();return(0,on.useStore)(t,({loaded:n})=>n[e])}function Et(){let e=eo();return(0,on.useStore)(e,({loadServiceSync:t})=>t)}function Da(){let e=eo();return(0,on.useStore)(e,({loaded:t})=>t)}function Fa(){let e=eo();return(0,on.useStore)(e,({loadService:t})=>t)}var be=Z(require("react"),1),xe=require("react/jsx-runtime"),Wa=be.default.createContext("en"),Ua=be.default.createContext({}),_a=be.default.createContext(null);function ql(e){return(0,xe.jsx)(Ua.Provider,{value:e.translations,children:e.children})}function Hl(e){return(0,xe.jsx)(Wa.Provider,{value:e.language,children:e.children})}function Dl(e){return(0,xe.jsx)(_a.Provider,{value:e.convert,children:e.children})}function Ir(){return be.default.useContext(_a)}function to(){return be.default.useContext(Wa)}function wr(){return be.default.useContext(Ua)}function $a(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function Ya({as:e,language:t,children:n,viewingDirection:o,...r}){let i=to();return(0,be.useMemo)(()=>$a(i)===$a(t),[i,t])?e?(0,xe.jsx)(e,{...r,children:n}):(0,xe.jsx)("span",{...r,children:n}):e?(0,xe.jsx)(e,{...r,lang:t,dir:o,children:n}):(0,xe.jsx)("span",{...r,lang:t,dir:o,children:n})}function Ka(e,t,n){if(t.length===0)return;if(t.length===1)return t[0];if(t.indexOf(e)!==-1)return e;let o=e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):null;if(o&&t.indexOf(o)!==-1)return o;for(let r of n)if(t.indexOf(r)!==-1)return r;return t.indexOf("none")!==-1?"none":t.indexOf("@none")!==-1?"@none":t[0]}var ja=(e,t=[])=>{let n=to();return(0,be.useMemo)(()=>{let o=e();return Ka(n,o,[])},[n,...t])};function dt(e,t,n,o){return t?n?n(e[t]||t,o||"none"):e[t]||t:""}function Ga(e,t,n=`
|
|
16
|
-
`,o={}){let r=
|
|
17
|
-
`,s=t){let l=Object.keys(r||{}),
|
|
18
|
-
`):""}}function
|
|
15
|
+
`}),(0,Ye.jsx)("div",{className:"model-container",children:(0,Ye.jsx)("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function Gn({model:e,name:t}){return Q("overlay",`model-${t}`,hr,{model:e},[e]),null}var Ra=require("react/jsx-runtime");function yr(){let{strategy:e}=H();return e.type!=="3d-model"?null:(0,Ra.jsx)(Gn,{model:e.model})}var Qn=require("react"),on=(0,Qn.createContext)(null);on.displayName="Controls";function ie(){let e=(0,Qn.useContext)(on);if(!e)throw new Error("useStrategy must be used within a StrategyProvider");return e}var Ne=require("react/jsx-runtime");function vr(){let{strategy:e}=H(),{renderViewerControls:t,viewControlsDeps:n}=ie(),o=I(),r=o?.accompanyingCanvas,i=o?.placeholderCanvas;return(0,Ne.jsxs)(Ne.Fragment,{children:[e.type==="media"&&e.media.type==="Sound"&&r?(0,Ne.jsx)(de,{canvas:r.id,children:(0,Ne.jsx)(dt,{renderViewerControls:t,viewControlsDeps:n})}):null,e.type==="media"&&e.media.type==="Sound"&&i&&!r?(0,Ne.jsx)(de,{canvas:i.id,children:(0,Ne.jsx)(dt,{renderViewerControls:t,viewControlsDeps:n})}):null]})}var Vt=require("react");var Ve=require("react");var Xn=require("@iiif/helpers/vault/actions");var Pa=require("react");function Sr(){let t=k().getStore();return(0,Pa.useMemo)(()=>n=>t.dispatch(n),[t])}function Aa(e){return typeof e!="string"&&e&&e.bindToVault}function xr(){let e=k(),t=(0,Ve.useRef)([]),n=Sr(),o=(0,Ve.useMemo)(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);(0,Ve.useLayoutEffect)(()=>{let s={id:o,type:"AnnotationPage",behavior:[],label:null,thumbnail:[],summary:null,requiredStatement:null,metadata:[],rights:null,provider:[],items:[],seeAlso:[],homepage:[],rendering:[],service:[]};n(Xn.entityActions.importEntities({entities:{AnnotationPage:{[s.id]:s}}}))},[o]);let r=z(s=>o&&s.iiif.entities.AnnotationPage[o]||null,[o]),i=(0,Ve.useCallback)((s,l)=>{if(o){if(Aa(s)){let m=s;m.__vault||m.bindToVault(e),s=typeof m.source=="string"?m.source:m.source.id,t.current[s]=m}else typeof s!="string"&&(s=s.id);let c=e.get({id:o,type:"AnnotationPage"}),u=e.get({id:s,type:"Annotation"});c&&u&&(c.items.find(m=>m.id===u.id)||n(Xn.entityActions.addReference({id:o,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"},index:l})))}},[o]),a=(0,Ve.useCallback)(s=>{o&&(Aa(s)?s=typeof s.source=="string"?s.source:s.source.id:typeof s!="string"&&(s=s.id),t.current[s]&&t.current[s].beforeRemove(),e.get({id:o,type:"AnnotationPage"})&&n(Xn.entityActions.removeReference({id:o,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"}})))},[o]);return[r,{addAnnotation:i,removeAnnotation:a}]}var Ia=require("react/jsx-runtime"),Ta=(0,Vt.createContext)(null);function br(){let e=(0,Vt.useContext)(Ta);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function Cr({children:e}){let[t,{addAnnotation:n,removeAnnotation:o}]=xr();return(0,Ia.jsx)(Ta.Provider,{value:(0,Vt.useMemo)(()=>({fullPage:t,addAnnotation:n,removeAnnotation:o}),[t]),children:e})}var pt=require("react/jsx-runtime");function Rr({children:e}){let{strategy:t}=H(),[n]=br();return t.type!=="images"?null:(0,pt.jsxs)(pt.Fragment,{children:[n?(0,pt.jsx)(We,{page:n}):null,t.annotations&&t.annotations.pages?t.annotations.pages.map(o=>(0,pt.jsx)(We,{page:o},o.id)):null,e]})}var Ke=require("react");var wa=require("react"),Pr=(e,t=[])=>{let n=k();(0,wa.useEffect)(()=>{e(n)},[n,...t])};var Zn=Z(require("react"),1),ka=require("@iiif/helpers/image-service"),Ma=Zn.default.createContext(new ka.ImageServiceLoader);function rn(){return(0,Zn.useContext)(Ma)}var Ea=require("@iiif/helpers/thumbnail");function Le(e,t,{canvasId:n,manifestId:o}={}){let r=k(),i=rn(),a=(0,Ke.useMemo)(()=>(0,Ea.createThumbnailHelper)(r,{imageServiceLoader:i}),[r,i]),[s,l]=(0,Ke.useState)(),c=$(o?{id:o}:void 0),u=I(n?{id:n}:void 0),m=u||c,d=(0,Ke.useRef)(!1);if((0,Ke.useEffect)(()=>(d.current=!1,()=>{d.current=!0}),[]),!m)throw new Error("Must be called under a manifest or canvas context.");return Pr(p=>{a.getBestThumbnailAtSize(m,e,t).then(g=>{g.best&&!d.current&&l(g.best)})},[m]),s}var Ar=require("react/jsx-runtime");function ft({x:e=0,y:t=0}){let n=I(),o=Le({maxWidth:256,maxHeight:256});return!n||!o||o.type!=="fixed"?null:(0,Ar.jsx)("world-object",{height:n.height,width:n.width,x:e,y:t,children:(0,Ar.jsx)("world-image",{uri:o.id,target:{x:0,y:0,width:n.width,height:n.height},display:o.width&&o.height?{width:o.width,height:o.height}:void 0,crop:void 0})})}var Jn=require("react/jsx-runtime");function Tr({as:e}){let{strategy:t}=H(),{renderMediaControls:n,mediaControlsDeps:o}=ie();return t.type!=="media"||t.media.type!=="Sound"?null:(0,Jn.jsxs)(Yn,{media:t.media,mediaControlsDeps:o,audioCopmonent:e,children:[(0,Jn.jsx)(ft,{}),n?n(t):null]},t.media.url)}var Br=require("@atlas-viewer/atlas"),ao=require("react"),qr=require("zustand");var eo=require("react"),Na=require("zustand"),Va=require("react/jsx-runtime"),Ir=(0,eo.createContext)(null);Ir.displayName="ComplexTimeline";function wr({children:e,store:t}){return(0,Va.jsx)(Ir.Provider,{value:t,children:e})}function Hl(e){let t=(0,eo.useContext)(Ir);if(!t)throw new Error("useComplexTimeline must be used within a ComplexTimelineProvider");return(0,Na.useStore)(t,e)}var za=Z(require("mitt"),1),Oa=require("zustand/vanilla");function La({currentKeyFrameIndex:e,keyframes:t,targetTime:n,currentTime:o}){if(o<=n){let r=t.findIndex(s=>s.time>n);if(r===-1)return[e,[]];let i={},a=t.slice(e,r);for(let s of a)s.type==="enter"&&(i[s.id]=s),s.type==="exit"&&(i[s.id]?delete i[s.id]:i[s.id]=s);return[r,Object.values(i)]}return[e,[]]}function Ba({complexTimeline:e,startTime:t=0}){let n=(0,za.default)(),o={},r={progress:null,currentTime:null},i=0,a=null,s=0,l=null;function c(){let h=S.getState().visibleElements,y=o,R=[],C=Object.keys(y);for(let P of C){let A=y[P],T=h[P];A&&T&&R.push(A)}return R}function u(){return Object.keys(o).map(h=>o[h])}function m(v){r.currentTime&&(r.currentTime.innerHTML=_n(v),r.progress&&(r.progress.style.width=`${v/e.duration*100}%`))}let d=()=>{let v=S.getState(),h=v.currentPrime;if(!h)return;let y=o,R=v.visibleElements,C=Object.keys(y);for(let P of C){let A=y[P],T=R[P];if(A&&P!==h.id&&T){let O=s-T.time*1e3;Math.abs(s-T.time*1e3-A.currentTime*1e3)>300&&(A.currentTime=O/1e3)}}},p=(v=0)=>{let h=v-i,y=S.getState();if(y.isPlaying){let R=y.currentPrime;if(R){let T=o[R.id];T&&(T.paused?s+=h:s=(R.time+T.currentTime)*1e3)}else s+=h;let C=s/1e3;if(C>y.duration){S.getState().setTime(0),S.setState({isPlaying:!1}),g(),m(0);return}m(C);let[P,A]=La({currentTime:C,currentKeyFrameIndex:y.nextKeyframeIndex,keyframes:y.complexTimeline.keyframes,targetTime:C});A.length&&y.applyKeyframes(P,A)}i=v,a=requestAnimationFrame(p)},g=()=>{a&&cancelAnimationFrame(a)},f=(v,h)=>{},S=(0,Oa.createStore)((v,h)=>({complexTimeline:e,elements:{},visibleElements:{},isBuffering:!1,bufferMap:{},isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,isReady:!1,volume:100,duration:e.duration,clockStartRequests:0,clockStartTime:0,primeTime:0,currentPrime:null,clockRunning:!1,nextKeyframeIndex:0,startClock:()=>{h().clockRunning||(p(),l=setInterval(d,500)),v({clockRunning:!0,clockStartRequests:h().clockStartRequests+1})},applyKeyframes(y,R){let C=h(),P={...C.visibleElements},A=C.currentPrime;for(let T of R)T.type==="enter"&&(P[T.id]=T,n.emit("complex-timeline.enter",{id:T.id})),T.type==="exit"&&(P[T.id]=null,n.emit("complex-timeline.exit",{id:T.id})),T.isPrime&&(A=T);v({nextKeyframeIndex:y,visibleElements:P,currentPrime:A})},stopClock:()=>{let y=h().clockStartRequests;if(y!==0){if(y===1){g(),l&&clearInterval(l),v({clockRunning:!1,clockStartRequests:0});return}v({clockStartRequests:y-1})}},setElement:(y,R)=>{o[y]=R;let C=Object.keys(o),P=h().complexTimeline;f(R,y),P.items.filter(T=>T.type!=="Image"&&T.type!=="Text").every(T=>C.includes(T.annotationId))&&!h().isReady&&(n.emit("complex-timeline.ready",{complexTimeline:P}),v({isReady:!0}))},removeElement:y=>{delete o[y]},mute(){for(let y of u())y.muted=!0;v({isMuted:!0})},unmute(){for(let y of u())y.muted=!1;v({isMuted:!1})},play(){if(!h().isPlaying){for(let R of c())R.play();v({isPlaying:!0})}},pause(){if(h().isPlaying){for(let R of c())R.pause();v({isPlaying:!1})}},playPause(){let y=h();y.isPlaying?y.pause():y.play()},setDurationPercent(y){let C=h().duration*y;h().setTime(C)},setTime(y){let R=h(),C=s/1e3,P=typeof y=="function"?y(C):y,A=R.nextKeyframeIndex;if(C>P){v({visibleElements:{},currentPrime:null});let N=Object.keys(R.visibleElements);for(let V of N)n.emit("complex-timeline.exit",{id:V});C=0,A=0}let[T,O]=La({currentTime:C,currentKeyFrameIndex:A,keyframes:R.complexTimeline.keyframes,targetTime:P});R.applyKeyframes(T,O),s=P*1e3;let M=S.getState().visibleElements,L=o,w=Object.keys(M);for(let N of w){let V=M[N];if(V){let Te=L[N];Te&&(Te.currentTime=(s-V.time*1e3)/1e3)}}m(P)},setVolume(y){for(let R of u())R.volume=Math.min(1,Math.max(0,y/100));v({volume:y})},toggleMute(){let y=h();y.isMuted?(y.unmute(),v({isMuted:!1})):(y.mute(),v({isMuted:!0}))},clearProgressElement(){r.progress=null},setProgressElement(y){r.progress=y},setCurrentTimeElement(y){r.currentTime=y},clearCurrentTimeElement(){r.currentTime=null}}));return n.on("complex-timeline.enter",v=>{let h=S.getState(),y=v.id,R=o[y];R&&h.isPlaying&&R.play()}),n.on("complex-timeline.exit",v=>{let h=S.getState(),y=v.id,R=o[y];R&&(R.currentTime=0,R.pause())}),S.getState().setTime(t),{store:S,emitter:n}}var zt=require("react");var be=require("react");var an=[.6,.02,0,.75],kr=16,je={linear:[0,0,1,1],"ease-in":[.42,0,1,1],"ease-out":[0,0,.58,1],"ease-in-out":[.42,0,.58,1],"ease-in-cubic":an,"ease-out-cubic":[.215,.61,.355,1]};function Mr(e,t,n){let o=Math.max(0,Math.min(1,n));return{x:e.x+(t.x-e.x)*o,y:e.y+(t.y-e.y)*o,width:e.width+(t.width-e.width)*o,height:e.height+(t.height-e.height)*o}}function Er(e,t){let n=[],o=e;for(let r of t)n.push({from:o,to:r}),o=r;return n}function xe([e,t,n,o]){let r=3*e,i=3*(n-e)-r,a=1-r-i,s=3*t,l=3*(o-t)-s,c=1-s-l;function u(g){return((a*g+i)*g+r)*g}function m(g){return((c*g+l)*g+s)*g}function d(g){return(3*a*g+2*i)*g+r}function p(g,f=1e-6){let S=g;for(let y=0;y<8;y++){let R=u(S)-g;if(Math.abs(R)<f)return S;let C=d(S);if(Math.abs(C)<1e-6)break;S=S-R/C}let v=0,h=1;for(S=g;v<h;){let y=u(S);if(Math.abs(y-g)<f)return S;g>y?v=S:h=S,S=(h-v)*.5+v}return S}return g=>{if(g<=0)return 0;if(g>=1)return 1;let f=p(g);return m(f)}}function Nr(e,t){if(!t||t.length===0)return{index:-1,t:0};if(Number.isNaN(e)||!isFinite(e))return{index:-1,t:0};if(e<0)return{index:-1,t:0};if(e>=t.length)return{index:t.length,t:0};let n=Math.floor(e),o=e-n;return{index:n,t:o}}function qa(e,{duration:t=300,easing:n}={}){let o=(0,be.useRef)(xe(je["ease-in-out"]));(0,be.useEffect)(()=>{if(!n)o.current=xe(je["ease-in-out"]);else if(typeof n=="function")o.current=n;else if(Array.isArray(n))o.current=xe(n);else{let u=je[n];o.current=xe(u??je["ease-in-out"])}},[n]);let[r,i]=(0,be.useState)(e),a=(0,be.useRef)(e??0),s=(0,be.useRef)(null),l=(0,be.useRef)(null),c=(0,be.useRef)(e);return(0,be.useEffect)(()=>{if(e===void 0){i(void 0);return}let u=c.current;if(c.current=e,u===void 0){a.current=e,i(e);return}if(u===e&&r===e)return;l.current!==null&&(cancelAnimationFrame(l.current),l.current=null),s.current=null;let m=a.current,d=(((e||0)-m)%360+540)%360-180,p=m+d;function g(f){s.current===null&&(s.current=f);let S=f-s.current,v=Math.min(S/t,1),h=o.current(v),y=m+(p-m)*h;a.current=y,i(y),v<1?l.current=requestAnimationFrame(g):(a.current=((e||0)%360+360)%360,i(a.current),l.current=null)}return l.current=requestAnimationFrame(g),()=>{l.current!==null&&(cancelAnimationFrame(l.current),l.current=null)}},[e,t]),r}var Za=require("@atlas-viewer/atlas"),Ja=require("@iiif/parser/image-3");var to=Z(require("react"),1),Ha=require("@iiif/helpers/image-service"),sn=require("zustand"),Da=to.default.createContext(Ha.imageServices.store);Da.displayName="ImageServicesHelper";function no(){return(0,to.useContext)(Da)}function Fa(e){let t=no();return(0,sn.useStore)(t,({loaded:n})=>n[e])}function Lt(){let e=no();return(0,sn.useStore)(e,({loadServiceSync:t})=>t)}function $a(){let e=no();return(0,sn.useStore)(e,({loaded:t})=>t)}function Wa(){let e=no();return(0,sn.useStore)(e,({loadService:t})=>t)}var Re=Z(require("react"),1),Ce=require("react/jsx-runtime"),_a=Re.default.createContext("en"),Ya=Re.default.createContext({}),Ka=Re.default.createContext(null);function Dl(e){return(0,Ce.jsx)(Ya.Provider,{value:e.translations,children:e.children})}function Fl(e){return(0,Ce.jsx)(_a.Provider,{value:e.language,children:e.children})}function $l(e){return(0,Ce.jsx)(Ka.Provider,{value:e.convert,children:e.children})}function Vr(){return Re.default.useContext(Ka)}function oo(){return Re.default.useContext(_a)}function Lr(){return Re.default.useContext(Ya)}function Ua(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function ja({as:e,language:t,children:n,viewingDirection:o,...r}){let i=oo();return(0,Re.useMemo)(()=>Ua(i)===Ua(t),[i,t])?e?(0,Ce.jsx)(e,{...r,children:n}):(0,Ce.jsx)("span",{...r,children:n}):e?(0,Ce.jsx)(e,{...r,lang:t,dir:o,children:n}):(0,Ce.jsx)("span",{...r,lang:t,dir:o,children:n})}function Ga(e,t,n){if(t.length===0)return;if(t.length===1)return t[0];if(t.indexOf(e)!==-1)return e;let o=e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):null;if(o&&t.indexOf(o)!==-1)return o;for(let r of n)if(t.indexOf(r)!==-1)return r;return t.indexOf("none")!==-1?"none":t.indexOf("@none")!==-1?"@none":t[0]}var Qa=(e,t=[])=>{let n=oo();return(0,Re.useMemo)(()=>{let o=e();return Ga(n,o,[])},[n,...t])};function gt(e,t,n,o){return t?n?n(e[t]||t,o||"none"):e[t]||t:""}function Xa(e,t,n=`
|
|
16
|
+
`,o={}){let r=Vr(),i=Qa(()=>Object.keys(e||{}),[e]);return[(0,Re.useMemo)(()=>{if(!e)return gt(o,t,r)||"";if(typeof e=="string")return gt(o,e,r);let a=i?e[i]:void 0;return a?typeof a=="string"?a:a.map(s=>gt(o,s,r,i)).join(n):""},[i,t,e]),i]}function Wl(){let e=oo(),t=Lr(),n=Vr();return function(r,i="",a=`
|
|
17
|
+
`,s=t){let l=Object.keys(r||{}),c=Ga(e,l,[]);if(!r)return gt(s,i,n)||"";if(typeof r=="string")return gt(s,r,n);let u=c?r[c]:void 0;return u?typeof u=="string"?gt(s,u,n,c):u.map(m=>gt(s,m,n,c)).join(typeof a<"u"?a:`
|
|
18
|
+
`):""}}function ce({as:e,defaultText:t,enableDangerouslySetInnerHTML:n,children:o,separator:r,...i}){let a=Lr(),[s,l]=Xa(o,t,r,a);return l?(0,Ce.jsx)(ja,{...i,as:e,language:l,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s}):e?(0,Ce.jsx)(e,{...i,children:s}):(0,Ce.jsx)("span",{...i,title:n?void 0:s,dangerouslySetInnerHTML:n?{__html:s}:void 0,children:n?void 0:s})}var zr=require("@iiif/parser/image-3"),ro=require("react"),ht=require("react/jsx-runtime"),Or=e=>{let t=e.format||"jpg",n=e.width/(e.crop?.width||e.tiles.width),o=e.tiles.imageService.sizes||[],r=e.enableThumbnail,i=e.enableSizes,a=(0,ro.useMemo)(()=>{let c=e.tiles.imageService.id||e.tiles.imageService["@id"];return c?.endsWith("/info.json")?c.slice(0,-1*10):c},[e.tiles.imageService.id,e.tiles.imageService["@id"]]),s=(0,ro.useMemo)(()=>{let c=e.tiles.imageService.tiles||[];if(!c.length){let u=e.width,m=[1],d=1;for(;2**d<u;)d=d*2,m.push(d);return(e.tiles.imageService.maxArea||e.tiles.imageService.maxWidth||e.tiles.imageService.maxHeight)&&(0,zr.isImageServiceLevel)(2,e.tiles.imageService)?[{width:256,height:256,scaleFactors:m}]:(0,zr.isImageServiceLevel)(2,e.tiles.imageService)?[{width:256,height:256,scaleFactors:m}]:[]}return c},[e.tiles.imageService,e.width]),l=(0,ro.useMemo)(()=>{let c=e.tiles.imageService;return(c?c["@context"]?Array.isArray(c["@context"])?c["@context"]:[c["@context"]]:[]:[]).indexOf("http://iiif.io/api/image/3/context.json")!==-1},[e.tiles.imageService.id,e.tiles.imageService]);return(0,ht.jsx)("world-object",{rotation:e.rotation,scale:n,height:e.crop?.height||e.tiles.height,width:e.crop?.width||e.tiles.width,x:e.x,y:e.y,onClick:e.onClick,children:(0,ht.jsxs)("composite-image",{id:e.tiles.imageService.id,width:e.crop?.width||e.tiles.width,height:e.crop?.height||e.tiles.height,crop:e.crop,renderOptions:e.renderOptions,children:[r&&e.tiles.thumbnail?(0,ht.jsx)("world-image",{priority:!0,uri:e.tiles.thumbnail.id,target:{width:e.tiles.width,height:e.tiles.height},display:{width:e.tiles.thumbnail.width,height:e.tiles.thumbnail.height},crop:e.crop}):null,i&&o.map((c,u)=>(0,ht.jsx)("world-image",{uri:`${a}/full/${c.width},${l?c.height:""}/0/default.${t}`,target:{width:e.tiles.width,height:e.tiles.height},display:{width:c.width,height:c.height},crop:e.crop},u)),s.map(c=>(c.scaleFactors||[]).map(u=>(0,ht.jsx)("tiled-image",{uri:e.tiles.imageService.id,display:{width:e.tiles.width,height:e.tiles.height},format:t,tile:c,scaleFactor:u,crop:e.crop,version3:l},`${e.tiles.imageService.id}-tile-${u}`)))]},e.tiles.imageService.id)},e.tiles.imageService.id)};var pe=require("react/jsx-runtime");function Ul({resource:e,heading:t,note:n,extra:o}){return o?(0,pe.jsx)(Za.HTMLPortal,{target:{x:0,y:0,width:o.target?.spatial.width,height:o.target?.spatial.height},backgroundColor:"#333",relative:!0,children:(0,pe.jsx)("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",background:"#444",color:"#BBB"},children:(0,pe.jsxs)("div",{children:[(0,pe.jsx)(ce,{children:t||"Not authorised"}),n&&(0,pe.jsx)("p",{children:(0,pe.jsx)(ce,{children:n})}),(0,pe.jsx)("p",{children:e.id||e["@id"]||"unknown"})]})})}):null}function es({image:e,thumbnail:t,crop:n,enableSizes:o,enableThumbnail:r,renderOptions:i,rotation:a,manualRotation:s}){let l=Go(),c=(0,Ja.getId)(e.service),u=Fa(c),m=Lt(),d=u?.service;m(e.service,e);let p=d&&u?.status==="done",g=(d?.preferredFormats||[])[0],f=t&&t.type==="fixed"&&t.id&&!t.id.includes("/full/full/")&&!t.id.includes("/max/")?t:void 0;if(p===!1)return null;if(!l){let S=e.service,v=S.width||e.width||0,h=S.height||e.height||0,y=0,R=0,C=e.target?.spatial.width||v,P=e.target?.spatial.height||h,A=C,T=P;return(a===90||a===270)&&!s&&([C,P]=[P,C],y=(A-C)/2,R=(T-P)/2),s&&([C,P]=[P,C]),(0,pe.jsx)(Or,{enableThumbnail:r,renderOptions:i,rotation:a,tiles:{id:S.id||S["@id"]||"unknown",height:h,width:v,imageService:S,thumbnail:f},enableSizes:o,x:y,y:R,format:g,width:C,height:P,crop:n})}return(0,pe.jsx)(Qo,{resource:e.service,errorComponent:Ul,extra:e,children:S=>{let v=S.width||e.width||0,h=S.height||e.height||0,y=0,R=0,C=e.target?.spatial.width||v,P=e.target?.spatial.height||h,A=C,T=P;return(a===90||a===270)&&!s&&([C,P]=[P,C],y=(A-C)/2,R=(T-P)/2),(0,pe.jsx)(Or,{enableThumbnail:r,renderOptions:i,tiles:{id:S.id||S["@id"]||"unknown",height:h,width:v,imageService:S,thumbnail:f},rotation:a,format:g,enableSizes:o,x:y,y:R,width:C,height:P,crop:n})}},e.id)}var Ge=require("react/jsx-runtime");function Qe({id:e,image:t,thumbnail:n,isStatic:o,x:r=0,y:i=0,children:a,selector:s,onClick:l,rotation:c,enableSizes:u,enableAnnotations:m}){let d=(0,zt.useMemo)(()=>{if(!(!s||s.spatial.x===0&&s.spatial.y===0))return s.spatial},[s]),p=(0,zt.useMemo)(()=>{if(typeof t.rotation<"u")return t.rotation;if(!t.annotation)return 0;let P=Array.isArray(t.annotation.body)?t.annotation.body?.[0]:t.annotation.body;if(P&&P.selector?.type==="ImageApiSelector")return Number(P.selector.rotation)},[t]),g=qa(c),f=!!t.service,S=r+t.target.spatial.x,v=i+t.target.spatial.y,h=t.target.spatial.width,y=t.target.spatial.height,R=t.target.spatial.width,C=t.target.spatial.height;return(p===90||p===270)&&([R,C]=[C,R],f||([h,y]=[y,h],S+=(t.target.spatial.width-h)/2,v+=(t.target.spatial.height-y)/2)),(0,Ge.jsxs)("world-object",{x:S,y:v,width:h,height:y,onClick:l,rotation:t.service?void 0:typeof g<"u"?g:p,children:[t.service?(0,Ge.jsxs)(zt.Fragment,{children:[(0,Ge.jsx)(es,{image:t,thumbnail:n,crop:d,enableSizes:u,rotation:typeof g<"u"?g:p,manualRotation:typeof c<"u"}),a]},"service"):(0,Ge.jsxs)(zt.Fragment,{children:[(0,Ge.jsx)("world-image",{onClick:l,uri:t.id,target:{x:0,y:0,width:R,height:C},display:R&&C?{width:R,height:C}:void 0,crop:d}),a]},"no-service"),m&&t.annotationPages?t.annotationPages.map(P=>(0,Ge.jsx)(We,{page:P,className:"image-service-annotation",ignoreTargetId:!0},P.id)):null]},e+(f?"server":"no-service"))}var ts=require("@atlas-viewer/atlas");var ze=require("react/jsx-runtime");function io({strategy:e,onClickPaintingAnnotation:t}){return(0,ze.jsx)(ze.Fragment,{children:e.items.map((n,o)=>(0,ze.jsx)(ze.Fragment,{children:(0,ze.jsx)(ts.HTMLPortal,{onClick:t?r=>{r.stopPropagation(),t(n.annotationId,n,r)}:void 0,target:n.target?.spatial||void 0,children:(0,ze.jsx)("div",{"data-textual-content":!0,children:(0,ze.jsx)(ce,{enableDangerouslySetInnerHTML:!0,children:n.text})})},o)}))})}var fe=require("react/jsx-runtime");function ns({strategy:e,children:t}){let{store:n}=(0,ao.useMemo)(()=>Ba({complexTimeline:e}),[e]),o=(0,qr.useStore)(n,a=>a.isReady),r=(0,qr.useStore)(n,a=>a.visibleElements);function i(a){return s=>{s&&n.getState().setElement(a,s)}}return(0,ao.useLayoutEffect)(()=>{if(o){let{startClock:a,stopClock:s}=n.getState();return a(),()=>{s()}}},[e,o]),Q("portal","custom-controls",wr,{store:n,children:t},[o]),(0,fe.jsxs)(fe.Fragment,{children:[e.items.map(a=>a.type!=="Image"||!r[a.annotationId]?null:(0,fe.jsx)(Qe,{image:a,id:a.annotationId},a.id)),e.items.map((a,s)=>a.type!=="Text"||!r[a.annotationId]?null:(0,fe.jsx)(io,{strategy:{type:"textual-content",items:[a]}},s)),e.items.map((a,s)=>a.type!=="Video"||!a.target.spatial?null:(0,fe.jsx)(Br.HTMLPortal,{target:a.target.spatial,children:(0,fe.jsx)("video",{ref:i(a.annotationId),src:a.url,style:{height:"100%",width:"100%",opacity:r[a.annotationId]?1:0}})},s)),e.items.map((a,s)=>a.type!=="Sound"?null:(0,fe.jsx)(Br.HTMLPortal,{children:(0,fe.jsx)("audio",{ref:i(a.annotationId),src:a.url})},s)),e.highlights.map(({annotation:a})=>r[a.id]?(0,fe.jsx)(ut,{id:a.id,ignoreTargetId:!0,style:{outline:"3px solid red"},className:"image-service-annotation"},a.id):null)]})}var os=require("react/jsx-runtime");function Hr(){let{strategy:e}=H(),{renderComplexTimelineControls:t}=ie();return e.type!=="complex-timeline"?null:(0,os.jsx)(ns,{strategy:e,children:t?t(e):null})}var rs=require("react/jsx-runtime");function so({style:e}){let t=I();return!t||!t.height||!t.width?null:(0,rs.jsx)("box",{interactive:!1,target:{x:0,y:0,width:Number(t.width),height:Number(t.height)},style:e})}var is=require("react/jsx-runtime");function Dr({backgroundStyle:e,alwaysShowBackground:t}){let{strategy:n}=H();return n.type!=="empty"&&!t?null:(0,is.jsx)(so,{style:e})}var lo=require("react"),Pe=(0,lo.createContext)(null);function ln(){return(0,lo.useContext)(Pe)}var Ot=require("react/jsx-runtime");function Fr({isStatic:e=!1,enableSizes:t=!1,enableAnnotations:n=!0,onClickPaintingAnnotation:o,rotation:r,children:i}){let{strategy:a}=H(),{renderViewerControls:s,viewControlsDeps:l}=ie(),c=I(),u=ln(),m=Le({maxWidth:256,maxHeight:256});if(Q(u&&a.type==="images"&&s?"overlay":"none",`canvas-portal-controls-${c?.id}`,Pe.Provider,s?{value:u||null,children:s(a)}:{},[c,u,a,...l||[]]),a.type!=="images")return null;let d=a.images.length===1?r:0;return(0,Ot.jsxs)(Ot.Fragment,{children:[a.images.map((p,g)=>(0,Ot.jsx)(Qe,{isStatic:e,image:p,id:p.id,thumbnail:g===0?m:void 0,selector:p.selector,enableSizes:t,enableAnnotations:n,rotation:d,onClick:o?f=>{o(p.annotationId,p,f)}:void 0},p.id+g)),i]})}var Bt=require("react/jsx-runtime");function $r({onClickPaintingAnnotation:e,children:t}){let{strategy:n}=H(),{renderViewerControls:o,viewControlsDeps:r}=ie(),i=ln(),a=I();return Q(i&&n.type==="textual-content"&&o?"overlay":"none",`canvas-portal-controls-${a?.id}`,Pe.Provider,o?{value:i||null,children:o(n)}:{},[a,i,n,...r||[]]),n.type!=="textual-content"?null:(0,Bt.jsxs)(Bt.Fragment,{children:[(0,Bt.jsx)(io,{strategy:n,onClickPaintingAnnotation:e}),t]})}var un=require("react/jsx-runtime");function Wr({element:e,media:t,startTime:n,playPause:o,poster:r}){let i="div",a=n?`${t.url}#t=${n}`:t.url;return(0,un.jsxs)(i,{className:"video-container",part:"video-container",onClick:o,children:[(0,un.jsx)("style",{children:`
|
|
19
19
|
.video-container {
|
|
20
20
|
position: absolute;
|
|
21
21
|
top: 0;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
justify-content: center;
|
|
29
29
|
pointer-events: visible;
|
|
30
30
|
}
|
|
31
|
-
`}),(0,
|
|
31
|
+
`}),(0,un.jsx)("video",{poster:r,ref:e,src:a,style:{width:"100%",objectFit:"contain"}})]})}function uo({media:e,mediaControlsDeps:t,children:n,videoComponent:o=Wr,captions:r}){let i=I(),a=nn(),s=i&&i.placeholderCanvas&&i.placeholderCanvas.id||void 0,l=Le({},!1,{canvasId:s}),[{element:c,currentTime:u,progress:m},d,p]=ct({duration:e.duration});return Q("overlay","video-element",o,{element:c,media:e,playPause:p.playPause,poster:l?.id,canvas:i,startTime:a?a.startTime:null,captions:r},[l]),Q("portal","custom-controls",tn,{state:d,actions:p,currentTime:u,progress:m,element:c,children:n},[u,d,e,...t||[]]),null}var co=require("react/jsx-runtime");function Ur({as:e}){let{strategy:t}=H(),{renderMediaControls:n,mediaControlsDeps:o}=ie();return t.type!=="media"||t.media.type!=="Video"?null:(0,co.jsxs)(uo,{captions:t.captions,media:t.media,mediaControlsDeps:o,videoComponent:e,children:[(0,co.jsx)(ft,{}),n?n(t):null]},t.media.url)}var as=require("react"),cn=require("react/jsx-runtime");function _l({element:e,media:t,playPause:n}){let o=(0,as.useRef)(null);return t.youTubeId?(0,cn.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,cn.jsx)("style",{children:`
|
|
32
32
|
.video-container {
|
|
33
33
|
position: absolute;
|
|
34
34
|
top: 0;
|
|
@@ -46,4 +46,4 @@
|
|
|
46
46
|
width: 100%;
|
|
47
47
|
object-fit: contain;
|
|
48
48
|
}
|
|
49
|
-
`}),(0,sn.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 is({media:e,mediaControlsDeps:t,children:n}){let[{element:o,currentTime:r,progress:i},a,s]=st({duration:e.duration});return Q("overlay","video-element",Wl,{element:o,media:e,playPause:s.playPause}),null}var co=require("react/jsx-runtime");function Hr(){let{strategy:e}=H(),{renderMediaControls:t,mediaControlsDeps:n}=ie();return e.type!=="media"||e.media.type!=="VideoYouTube"?null:(0,co.jsxs)(is,{media:e.media,mediaControlsDeps:n,children:[(0,co.jsx)(mt,{}),t?t(e):null]})}var go=require("react"),Re=require("zustand");var mo=require("@atlas-viewer/atlas"),Ge=require("react");var as=require("polygon-editor"),ee=require("react");var uo=require("zustand");function Dr(e){let t=B(),n=(0,uo.useStore)(t,i=>i.polygons),o=(0,uo.useStore)(t,i=>i.polygonState),r=(0,uo.useStore)(t,i=>i.polygon);return ot("atlas.polygon-render",({state:i,slowState:a,dt:s})=>{e(i,a,s)}),{currentShape:r,state:o,helper:n}}var E=require("react/jsx-runtime"),Le=(0,as.createSvgHelpers)(),ss={shapeFill:"#ffffff33",shapeStroke:"#000",lineStroke:"#000",ghostLineStroke:"#0F0",activeLineStroke:"#4D7EEA",boundingBoxDottedStroke:"#0007",boundingBoxStroke:"#fffA",controlFill:"#fff"};function Fr(e){let{image:t}=e,n={...ss,...e.theme||{}},o=(0,ee.useRef)(),r=(0,ee.useRef)(),i=(0,ee.useRef)(),a=(0,ee.useRef)(),s=(0,ee.useRef)(),l=(0,ee.useRef)(),u=(0,ee.useRef)(),c=(0,ee.useRef)(),m=(0,ee.useRef)(),d=(0,ee.useRef)(),[f,h]=(0,ee.useState)(null),[p,S]=(0,ee.useState)(!1),{helper:v,state:g,currentShape:y}=Dr((M,L)=>{if(M.closestLineIndex,Le.updateTransitionBoundingBox(i.current,M,L),Le.updateBoundingBoxPolygon(o.current,M,L),Le.updateBoundingBoxPolygon(r.current,M,L),Le.updateTransitionShape(u.current,M,L),Le.updateClosestLinePointTransform(s.current,M,L),Le.updateSelectBox(a.current,M,L),Le.updatePointLine(c.current,M,L),Le.updateDrawPreview(l.current,M,L,3),Le.updateLineBox(m.current,M),h(M.transitionDirection),S(M.transitionRotate),M.closestLineIndex!==-1&&d.current){let w=M.polygon,N=w.points[M.closestLineIndex],V=w.points[(M.closestLineIndex+1)%w.points.length];N&&V&&d.current.setAttribute("points",`${N[0]},${N[1]} ${V[0]},${V[1]}`)}});(0,ee.useEffect)(()=>{let M=()=>{v.modifiers.reset()};return document.addEventListener("mouseleave",M),()=>{document.removeEventListener("mouseleave",M)}},[]);let C=(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("marker",{id:"dot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:[(0,E.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.lineStroke,className:"marker"}),(0,E.jsx)("circle",{cx:"5",cy:"5",r:"3",fill:n.controlFill})]}),(0,E.jsx)("marker",{id:"newdot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,E.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.activeLineStroke,className:"marker"})}),(0,E.jsxs)("marker",{id:"selected",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:[(0,E.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.lineStroke}),(0,E.jsx)("circle",{cx:"5",cy:"5",r:"3",fill:n.activeLineStroke})]}),(0,E.jsxs)("marker",{id:"resizer",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"6",markerHeight:"6",children:[(0,E.jsx)("rect",{width:"10",height:"10",fill:n.lineStroke}),(0,E.jsx)("rect",{x:"1",y:"1",width:"8",height:"8",fill:n.controlFill})]})]}),R=y?y.open?"polyline":"polygon":null,P=!g.showBoundingBox&&g.closestPoint!==null&&g.actionIntentType==="select-point",A=g.actionIntentType==="add-open-point",I=g.transitionIntentType==="split-line",O=g.transitioning&&g.selectedStamp&&g.transitionIntentType==="stamp-shape",G=y&&R?(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(R,{fill:(!g.transitioning||g.transitionIntentType==="select-multiple-points")&&!y.open?n.shapeFill:"none",strokeWidth:O||g.showBoundingBox&&g.boxMode||g.transitioning&&g.transitionIntentType==="split-line"||g.transitioning&&g.transitionIntentType==="move-point"?0:2,stroke:n.shapeStroke,points:y.points.map(M=>M.join(",")).join(" "),vectorEffect:"non-scaling-stroke",markerStart:g.showBoundingBox?void 0:g.boxMode?"url(#resizer)":"url(#dot)",markerMid:g.showBoundingBox?void 0:g.boxMode?"url(#resizer)":"url(#dot)",markerEnd:g.showBoundingBox?void 0:g.boxMode?"url(#resizer)":"url(#dot)",style:{pointerEvents:"none"},opacity:g.transitioning&&g.transitionIntentType==="move-shape"?0:1}),g.currentTool==="lineBox"&&g.actionIntentType==="close-line-box"?(0,E.jsx)("polygon",{fill:n.shapeFill,ref:m,stroke:n.lineStroke,strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,g.transitionIntentType==="draw-shape"&&g.transitioning?(0,E.jsx)("polyline",{ref:l,fill:"none",stroke:n.activeLineStroke,strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,!(g.transitioning&&g.transitionIntentType==="move-point")&&!(g.transitioning&&g.transitionIntentType==="stamp-shape")&&!g.showBoundingBox&&g.selectedPoints&&g.selectedPoints.length?(0,E.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:"transparent",points:y.points.filter((M,L)=>g.selectedPoints?.includes(L)).map(M=>M.join(",")).join(" "),opacity:g.transitioning&&g.transitionIntentType==="move-shape"?0:1}):null,P&&!g.transitioning&&g.closestPoint!==null&&y.points[g.closestPoint]?(0,E.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:n.activeLineStroke,points:`${y.points[g.closestPoint][0]},${y.points[g.closestPoint][1]}`,opacity:g.transitioning&&g.transitionIntentType==="move-shape"?0:1}):null,!g.transitioning&&(g.actionIntentType==="add-open-point"||g.actionIntentType==="close-shape"||g.actionIntentType==="close-shape-line")?(0,E.jsx)("polyline",{stroke:n.activeLineStroke,ref:c,strokeWidth:g.actionIntentType==="add-open-point"?1:2,vectorEffect:"non-scaling-stroke"}):null,g.hasClosestLine&&!g.showBoundingBox&&!g.transitioning&&g.currentTool!=="box"&&g.transitionIntentType==="split-line"?(0,E.jsx)("g",{children:(0,E.jsx)("polyline",{ref:d,vectorEffect:"non-scaling-stroke",fill:"transparent",stroke:n.activeLineStroke,strokeWidth:3})}):null,g.hasClosestLine&&!g.showBoundingBox&&!g.transitioning&&g.currentTool!=="box"&&g.transitionIntentType==="split-line"?(0,E.jsx)("g",{ref:s,children:(0,E.jsx)("polyline",{markerStart:"url(#newdot)",points:"0,0 1,1",vectorEffect:"non-scaling-stroke",stroke:"transparent",fill:"transparent",strokeWidth:2})}):null,g.transitioning?(0,E.jsx)(R,{ref:u,fill:y.open?"none":n.shapeFill,stroke:g.transitionIntentType==="stamp-shape"?n.activeLineStroke:n.shapeStroke,vectorEffect:"non-scaling-stroke",strokeWidth:(y.open,2)}):null,g.transitioning&&g.transitionIntentType==="select-multiple-points"?(0,E.jsx)("rect",{ref:a,fill:"rgba(255, 255, 255, .3)",strokeWidth:1,stroke:"rgba(0,0,0,.2)",vectorEffect:"non-scaling-stroke"}):null,g.showBoundingBox&&!O?(0,E.jsxs)(E.Fragment,{children:[(0,E.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,E.jsx)("polygon",{ref:r,strokeWidth:2,stroke:n.boundingBoxDottedStroke,fill:"none",strokeDasharray:"4 4",markerStart:"url(#resizer)",markerMid:"url(#resizer)",markerEnd:"url(#resizer)",vectorEffect:"non-scaling-stroke"})]}):null]}):null;return{currentTool:v.state.slowState.currentTool,setCurrentTool:v.tools.setTool,helper:v,currentShape:y,state:g,isAddingPoint:A,isSplitting:I,isStamping:O,isHoveringPoint:P,transitionDirection:f,transitionRotate:p,defs:C,editor:G}}var je=require("react/jsx-runtime");function ls(e){let t=(0,mo.useAtlas)(),{image:n}=e,{helper:o,defs:r,editor:i,state:a,transitionDirection:s,isSplitting:l,transitionRotate:u,isHoveringPoint:c,isAddingPoint:m}=Fr({image:e.image,theme:e.theme}),d=(0,Ge.useCallback)(p=>{p.button!==2&&o.pointer([[~~p.atlas.x,~~p.atlas.y]])},[o]),f=(0,Ge.useCallback)(p=>{p.button!==2&&o.pointerDown()},[o]),h=(0,Ge.useCallback)(p=>{p.button!==2&&o.pointerUp()},[o]);return(0,Ge.useEffect)(()=>{let p=S=>{o.key.up(S.key)};return document.addEventListener("keyup",p),()=>{document.removeEventListener("keyup",p)}},[o]),(0,Ge.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,Ge.useEffect)(()=>{let p=[];return s&&p.push(`atlas-cursor-${s}`),a.actionIntentType==="cut-line"&&a.modifiers?.Shift&&p.push("atlas-cursor-cut"),(c||a.transitionIntentType==="move-shape"||a.transitionIntentType==="move-point")&&p.push("atlas-cursor-move"),m&&p.push("atlas-cursor-crosshair"),l&&p.push("atlas-cursor-copy"),u&&p.push("atlas-cursor-rotate"),a.transitionIntentType==="draw-shape"&&p.push("atlas-cursor-draw"),t?.canvas&&t.canvas.classList.add(...p),()=>{t?.canvas&&t.canvas.classList.remove(...p)}},[t?.canvas,m,c,l,a.modifiers?.Shift,a.actionIntentType,a.transitionIntentType,s,u]),(0,je.jsx)("world-object",{height:n.height,width:n.width,onMouseMove:d,onMouseDown:f,onMouseUp:h,onMouseLeave:o.blur,children:(0,je.jsx)(mo.HTMLPortal,{relative:!0,interactive:!1,children:(0,je.jsx)("div",{className:"absolute top-0 right-0 left-0 bottom-0",children:(0,je.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${n.width} ${n.height}`,tabIndex:-1,children:[(0,je.jsx)("title",{children:"Annotation Editor"}),(0,je.jsx)("defs",{children:r}),i]})})})})}var Ss=require("react"),xs=require("zustand");var hs=require("@atlas-viewer/atlas"),te=require("@floating-ui/react"),ys=require("react-dom");var Y=Z(require("react"),1);var cs=Z(require("react"),1),po=require("react"),us=Z(require("mitt"),1),ds=require("react/jsx-runtime"),ms=(0,us.default)(),ft=(0,po.createContext)({emitter:ms});ft.displayName="Events";function ln(){return cs.default.useContext(ft).emitter}function Ul({emitter:e,children:t}){return(0,ds.jsx)(ft.Provider,{value:(0,po.useMemo)(()=>({emitter:e}),[e]),children:t})}var me=require("react/jsx-runtime"),cn=Y.default.createContext({});function un(){let e=(0,Y.useContext)(cn),t=Object.keys(e),n={};for(let o of t)e[o].Provider&&(n[o]={value:(0,Y.useContext)(e[o]),Provider:e[o].Provider});return n}function ps(e){let t=Object.keys(e),n=e.children;for(let o of t){if(o==="children")continue;let{value:r,Provider:i}=e[o];n=(0,me.jsx)(i,{value:r,children:n})}return n}function _l(e){let t=(0,Y.useContext)(cn),n=(0,Y.useMemo)(()=>({...t,...e.providers}),[e.providers]);return(0,me.jsx)(cn.Provider,{value:n,children:e.children})}function mn(){return{VaultContext:(0,Y.useContext)(qe),ResourceContext:(0,Y.useContext)(Ft),SimpleViewerReactContext:(0,Y.useContext)(Pt),VisibleCanvasReactContext:(0,Y.useContext)(Ze),AuthRContext:(0,Y.useContext)(et),SearchReactContext:(0,Y.useContext)(Rt),ReactEventContext:(0,Y.useContext)(ft),ContextBridgeReactContext:(0,Y.useContext)(cn),StrategyReactContext:(0,Y.useContext)(We),AtlasStoreReactContext:(0,Y.useContext)(rt)}}function dn(e){return(0,me.jsx)(Ie,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,me.jsx)(Ze.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,me.jsx)(Pt.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,me.jsx)(ft.Provider,{value:e.bridge.ReactEventContext,children:(0,me.jsx)(rt.Provider,{value:e.bridge.AtlasStoreReactContext,children:(0,me.jsx)(et.Provider,{value:e.bridge.AuthRContext,children:(0,me.jsx)(Rt.Provider,{value:e.bridge.SearchReactContext,children:(0,me.jsx)(cn.Provider,{value:e.bridge.ContextBridgeReactContext,children:(0,me.jsx)(We.Provider,{value:e.bridge.StrategyReactContext,children:e.custom?(0,me.jsx)(ps,{...e.custom,children:e.children}):e.children})})})})})})})})})}var zt=require("react/jsx-runtime"),vs=10,fs=1;function Yl(e){let[t,n]=e.split("-");return[t,n]}function gs(e,t,n){return t>n?e:Math.min(Math.max(e,t),n)}function Kl(e){return e.top>0||e.right>0||e.bottom>0||e.left>0}function jl(e){return{name:"insideHighlightFallback",options:e,async fn(t){if(e.width<=fs||e.height<=fs)return{};let n=await(0,te.detectOverflow)(t,{altBoundary:!0});if(!Kl(n))return{};let{reference:o,floating:r}=t.rects,[i,a]=Yl(t.initialPlacement),s=Math.min(vs,o.width/2,o.height/2),l=o.x+(o.width-r.width)/2,u=o.y+(o.height-r.height)/2,c=t.x,m=t.y;return i==="top"||i==="bottom"?(m=i==="top"?o.y+s:o.y+o.height-r.height-s,a==="start"?c=o.x+s:a==="end"?c=o.x+o.width-r.width-s:c=l,c=gs(c,o.x+s,o.x+o.width-r.width-s)):(c=i==="left"?o.x+s:o.x+o.width-r.width-s,a==="start"?m=o.y+s:a==="end"?m=o.y+o.height-r.height-s:m=u,m=gs(m,o.y+s,o.y+o.height-r.height-s)),{x:c,y:m}}}}function fo({annotation:e,target:t,children:n,dismissable:o,isOpen:r,onOpenChange:i,placement:a}){let s=mn(),l=un(),{refs:u,floatingStyles:c,context:m}=(0,te.useFloating)({open:r,onOpenChange:i,nodeId:e.id,placement:a||"bottom",middleware:[(0,te.offset)(vs),(0,te.flip)({mainAxis:!0,fallbackStrategy:"bestFit",altBoundary:!0}),(0,te.shift)({altBoundary:!0}),jl(t)],whileElementsMounted:te.autoUpdate}),d=(0,te.useDismiss)(m),{getReferenceProps:f,getFloatingProps:h}=(0,te.useInteractions)([o?d:null].filter(p=>p!==null));return(0,zt.jsxs)(hs.HTMLPortal,{relative:!0,target:t,interactive:!1,children:[(0,zt.jsx)("div",{ref:u.setReference,...f(),style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none"}}),(0,ys.createPortal)((0,zt.jsx)(dn,{bridge:s,custom:l,children:(0,zt.jsx)("div",{ref:u.setFloating,style:c,...h(),children:n})}),document.getElementById("atlas-floating-ui"))]})}var pn=require("react/jsx-runtime"),bs=(0,xs.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 fn(e,t,n){let{isMenuOpen:o,setIsMenuOpen:r,close:i,open:a,menuPosition:s,setMenuPosition:l,toggle:u}=bs(),c=(0,Ss.useCallback)(f=>{n&&(f.preventDefault(),f.stopPropagation(),u(f.atlas))},[u,n]);return[(0,pn.jsx)(pn.Fragment,{children:n&&o&&(0,pn.jsx)(fo,{dismissable:!0,placement:"bottom-start",isOpen:o,onOpenChange:r,annotation:{id:e},target:{x:s.x,y:s.y,height:1,width:1},children:o&&n({canvasId:t,position:s,close:()=>r(!1)})})}),{onContextMenu:c},{open:a,close:i,toggle:u,isMenuOpen:o,setIsMenuOpen:r,menuPosition:s,setMenuPosition:l}]}var Cs=require("zustand");function $r(){let e=B();return(0,Cs.useStore)(e,t=>t.tool.requestId&&t.requests[t.tool.requestId]||null)}var ne=require("react/jsx-runtime");function Wr({theme:e,renderContextMenu:t,children:n}){let o=B(),r=T(),i=(0,Re.useStore)(o,R=>R.polygon),a=(0,Re.useStore)(o,R=>R.polygonState.currentTool),s=(0,Re.useStore)(o,R=>R.mode),l=(0,Re.useStore)(o,R=>R.changeMode),u=(0,Re.useStore)(o,R=>R.polygonState.transitioning),{enabled:c,requestId:m}=(0,Re.useStore)(o,R=>R.tool),d=(0,go.useMemo)(()=>De(i),[i]),f=$r(),[h,p]=fn("editing-annotation",r?.id,t),S=f?.annotationPopup||n||(0,ne.jsx)(Rs,{}),v=f?.svgTheme||e,g=()=>{l("sketch")};if(!c||!r||!m||!i)return null;let y=d&&i.id&&!u&&(a==="pointer"||a==="hand"||!i.open)?(0,ne.jsx)(fo,{annotation:i,target:d,children:S}):null,C="shape";return s==="explore"?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(C,{id:`shape-${i.id}`,points:i.points,open:i.open,onClick:g,relativeStyle:!0,target:{x:0,y:0,width:r.width,height:r.height},style:{":hover":{backgroundColor:"rgba(0,0,0,0.2)"},backgroundColor:"rgba(0,0,0,0)",borderWidth:"4px",borderColor:"rgba(255, 255, 255, .4)"},...p}),(0,ne.jsx)(C,{id:`shape-${i.id}`,points:i.points,open:i.open,onClick:g,relativeStyle:!0,target:{x:0,y:0,width:r.width,height:r.height},style:{backgroundColor:"rgba(0,0,0,0)",borderWidth:"2px",borderColor:"rgba(0, 0, 0, .4)"}}),y]}):(0,ne.jsxs)(ne.Fragment,{children:[t?(0,ne.jsx)(C,{id:`shape-${i.id}`,points:i.points,open:i.open,target:{x:0,y:0,width:r.width,height:r.height},...p}):null,(0,ne.jsx)(ls,{image:r,theme:v}),y,h]})}function Rs(){let e=B(),t=(0,Re.useStore)(e,a=>a.changeMode),n=(0,Re.useStore)(e,a=>a.mode),o=(0,Re.useStore)(e,a=>a.completeRequest),r=(0,Re.useStore)(e,a=>a.tool),i=()=>{(0,go.startTransition)(()=>{o()})};return r.enabled?(0,ne.jsxs)("div",{className:"svg-tools-container animate-fadeIn",children:[n!=="sketch"&&(0,ne.jsx)("button",{className:"svg-tools-button",onClick:()=>{t("sketch")},children:"Edit"}),(0,ne.jsx)("button",{className:"svg-tools-button",onClick:i,children:"Save"})]}):null}var Qe=require("react");var Ot=require("react");var Ps=require("@iiif/helpers");function Gl(e){return e.type==="SpecificResource"?[e.source,{selector:e.selector}]:[e,{selector:null}]}function gn(e,t){let{selector:n,source:o}=(0,Ps.expandTarget)(t);if(o.id!==e.id)return[null,o];let r={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[n?n.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:n.temporal,spatial:r.spatial}:n:null,o]}var Ur={makeChoice:()=>{}},hn={type:"unknown"},q=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),_r=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var yn=require("react");function Ql(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function As(e,t){return z(n=>{let o=[];if(!e)return o;let r=Object.keys(n.iiif.entities.AnnotationPage);for(let i of r)if(!t||t.indexOf(i)!==-1){let a=Ql(n,i);a&&a.views&&a.views[e]&&o.push(i)}return o},[e,t])}function Yr({canvas:e,manifest:t,all:n,canvases:o}){let r=[];if(t)for(let i of t.annotations)r.indexOf(i.id)===-1&&r.push(i.id);if(n){if(o&&o.length)for(let i of o)for(let a of i.annotations)r.indexOf(a.id)===-1&&r.push(a.id)}else if(e)for(let i of e.annotations)r.indexOf(i.id)===-1&&r.push(i.id);return r}function Xl(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function vn(e,t={}){let n=k(),o=$(),r=T(),i=Je(),a=(0,yn.useMemo)(()=>Yr({all:t.all,manifest:o,canvas:r,canvases:i}),[t.all,r,i,o]),s=As(e,t.all?void 0:a),l=(0,yn.useCallback)(c=>{e&&n.setMetaValue([c,"annotationPageManager","views"],m=>m&&!m[e]?m:{...m||{},[e]:!1})},[e,n]),u=(0,yn.useCallback)((c,m={})=>{if(!e)return;let d=n.getState(),f=[];if(m?.deselectOthers){let h=Object.keys(d.iiif.entities.AnnotationPage);for(let p of h){let S=Xl(d,p);S&&S.views&&S.views[e]&&f.push(p)}}for(let h of f)l(h);n.setMetaValue([c,"annotationPageManager","views"],h=>h&&h[e]?h:{...h||{},[e]:!0})},[e,l,n]);return{availablePageIds:a,enabledPageIds:s,setPageEnabled:u,setPageDisabled:l}}function Kr(e,t){return z((n,o)=>o.get(e.map(r=>({id:r,type:t}))),[e,t])}var Ts=Z(require("mitt"),1),Is=require("react"),ws=require("zustand");var Zl=(0,ws.createStore)((e,t)=>({loaded:{},setLoaded:(n,o="done")=>{e(r=>({loaded:{...r.loaded,[n]:o}}))}})),Jl=(0,Ts.default)();Jl.on("loaded",e=>{Zl.getState().setLoaded(e.imageServiceId)});function Sn(){let e=Et(),t=Da();return[(0,Is.useCallback)((o,{height:r,width:i})=>o&&e(o,{height:r,width:i},!0),[e]),t]}var gt=require("react");function ze(e={}){let t=Qt(),n=T(e.canvasId?{id:e.canvasId}:void 0);return z((o,r)=>{if(!n)return[];if(t&&e.enableSingleAnnotation)return[t];let i=r.get(n.items),a=[];for(let s of i)a.push(...r.get(s.items));return a},[n])}var ks=require("@iiif/helpers/painting-annotations");function jr(e,t=[]){let n=k(),o=(0,gt.useMemo)(()=>(0,ks.createPaintingAnnotationsHelper)(n),[]),r=ze({enableSingleAnnotation:e?.enableSingleAnnotation}),[i,a]=(0,gt.useState)(e?.defaultChoices||[]),s=(0,gt.useMemo)(()=>o.getPaintables(r,i),[n,r,i,...t]),u={makeChoice:(0,gt.useCallback)((c,{deselectOthers:m=!0,deselect:d=!1}={})=>{s.choice&&a(f=>{if(d){let p=f.filter(S=>S!==c);if(p.length===0){let S=s.items[0].resource.id;return S?[S]:[]}return p}if(m)return[c];let h=[...f];if(h.length===0&&s.items.length){let p=s.items[0].resource.id;p&&h.push(p)}return f.indexOf(c)!==-1?f:[...f,c]})},[s.choice])};return[s,u]}var ec=["model/gltf-binary"];function Gr(e,t){let n=t.items[0],o=n.resource;return o.format?ec.indexOf(o.format)===-1?q(`3D format: ${o.format} is unsupported`):{type:"3d-model",model:o,annotationId:n.annotationId,annotation:n.annotation}:q("Unknown format")}function ho(e,t){let n=t.items,o=n[0];if(n.length===0||!o)return q("No audio");if(!e.duration)return q("No duration on canvas");if(n.length>1)return q("Only one audio source supported");let r=o.resource;return r?("format"in r||(r.format="audio/mpeg"),{type:"media",media:{annotationId:o.annotationId,annotation:o.annotation,duration:e.duration,url:r.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:r.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}):q("Unknown audio")}var Qr=require("@iiif/helpers/annotation-targets"),Es=require("@iiif/parser/image-3");function Oe(e){return e.replace(/^http:/,"https:")}function Ms(e){if(!(e?.type!=="ImageApiSelector"||typeof e.rotation>"u"))return Xr(e.rotation)}function Xr(e){if(e===null||typeof e>"u"||e==="")return;let t=Number(e);return Number.isFinite(t)?t:void 0}function tc(e){let t=e.selector||{};return{...e.rotationOrigin||t.rotationOrigin?{rotationOrigin:e.rotationOrigin||t.rotationOrigin}:{},...e.translate||t.translate?{translate:e.translate||t.translate}:{},...e.transform||t.transform?{transform:e.transform||t.transform}:{},...e.style||t.boxStyle?{style:e.style||t.boxStyle}:{},...e.styleClass?{styleClass:e.styleClass}:{}}}function xn(e,t,n){let o=[],r=[];for(let i of t.items){let a=i.resource&&i.resource.type==="SpecificResource"?i.resource.source:i.resource;if(!a.id)return q("No resource Identifier");let l=(i.resource.type==="SpecificResource"?Ms(i.resource.selector):void 0)??Ms(i.selector)??Xr(i.rotation)??Xr(i.selector?.rotation),u=typeof l<"u",c;if(a.service){let y=(0,Es.getImageServices)(a);y[0]&&(c=n(y[0],u?{width:Number(a.width||e.width),height:Number(a.height||e.height)}:e))}let m={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[d,f]=gn(e,i.target),h=e.id?.split("?")[0]||"";if(!(Oe(f.id||"")===Oe(e.id)||Oe(decodeURIComponent(f.id||""))===Oe(e.id||"")||Oe(f.id||"")===Oe(h)||Oe(decodeURIComponent(f.id||""))===Oe(h)))continue;let p=i.resource.width&&i.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:i.resource.width,height:i.resource.height}}:void 0,S=i.resource.type==="SpecificResource"?(0,Qr.expandTarget)(i.resource):null;if(i.selector){let y=(0,Qr.expandTarget)({type:"SpecificResource",source:i.resource,selector:i.selector});y&&(S=y)}let v=S&&S.selector&&(S.selector.type==="BoxSelector"||S.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:S.selector.spatial.x,y:S.selector.spatial.y,width:S.selector.spatial.width,height:S.selector.spatial.height},...typeof S.selector.rotation<"u"?{rotation:S.selector.rotation}:{},...S.selector.rotationOrigin?{rotationOrigin:S.selector.rotationOrigin}:{},...S.selector.translate?{translate:S.selector.translate}:{},...S.selector.transform?{transform:S.selector.transform}:{},...S.selector.boxStyle?{boxStyle:S.selector.boxStyle}:{}}:void 0;c&&!c.id&&(c.id=c["@id"]);let g={id:a.id,type:"Image",annotationId:i.annotationId,annotation:i.annotation,width:Number(u||d||v?a.width:e.width),height:Number(u||d||v?a.height:e.height),...typeof l<"u"?{rotation:l}:{},...tc(i),service:c,sizes:c&&c.sizes?c.sizes:a.width&&a.height?[{width:a.width,height:a.height}]:[],target:d&&d.type!=="PointSelector"?d:m,selector:v||{type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},annotationPages:i.resource.annotations||[]};o.push(g)}return{type:"images",image:o[0],images:o,choice:t.choice}}function Ns(e,t={},n){let o=e.language||n||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(t[o]=[e.value]);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(r=>Ns(r,t,o))}return t}function bn(e,t){let n=[];return t.items.forEach(o=>{if(o.resource){let[r]=gn(e,o.target);n.push({type:"Text",annotationId:o.annotationId,annotation:o.annotation,text:Ns(o.resource),target:r})}}),{type:"textual-content",items:n}}var yo=require("@iiif/helpers");var nc=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function Cn(e,t,n,o=!1){let r=t.items.filter(p=>p.type==="video"),i=r[0],a=!1,s=!1;if(e.duration||(s=!0),r.length>1||!i)return q("Only one video source supported");let l=r[0]?.resource,u=!!(l.service||[]).find(p=>(p.profile||"").includes("youtube.com"));if(!u&&s)return q("Video does not have duration");if(!l)return q("Unknown video");if((!l.format||l.format==="text/html")&&!u)return q("Video does not have format");let c=[],m=n.get(e.annotations||[]);for(let p of m){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 y=n.get(v.body||[]);for(let C of y){let R=C;if(R.type==="Choice")for(let P of R.items){let A=n.get(P);A.format==="text/vtt"&&c.push({id:A.id,type:"Text",format:"text/vtt",label:A.label,language:A.language})}else R.format==="text/vtt"&&c.push({id:R.id,type:"Text",format:"text/vtt",label:R.label,language:R.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}}},f=(0,yo.expandTarget)(i.target);f.selector&&f.selector.type==="TemporalBoxSelector"&&(d.target=f.selector);let{selector:h}=(0,yo.parseSelector)(i.selector);if(h===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 h.type==="TemporalSelector"&&(d.selector=h);if(o&&!d.target.spatial&&(a=!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}}),u){d.type="VideoYouTube";let p=l.id.match(nc);if(!p[1])return q("Video is not known youtube video");d.youTubeId=p[1]}return{type:"media",media:d,annotations:{pages:[]},noSpatial:a,captions:c}}var Vs=require("@iiif/helpers");function Zr(e,t,n,o){let r={type:"complex-timeline",items:[],keyframes:[],highlights:[],duration:e.duration||0},i={type:"complex-choice",items:[]},a=o.get(e.annotations);function s(c){c.choice&&(c.choice.type==="complex-choice"?i.items.push(...c.choice.items):i.items.push(c.choice))}for(let c of t.items){if(c.type==="image"){let m=xn(e,{choice:null,allChoices:null,types:["image"],items:[c]},n);if(m.type==="images"){if(!m.image)continue;s(m),r.items.push(m.image);let d={id:m.image.annotationId,type:"enter",resourceType:"image",time:m.image.target?.temporal?.startTime||0};r.keyframes.push(d);let f={id:m.image.annotationId,type:"exit",resourceType:"image",time:m.image.target?.temporal?.endTime||e.duration||0};r.keyframes.push(f)}}if(c.type==="textualbody"){let m=bn(e,{choice:null,allChoices:null,types:["textualbody"],items:[c]});if(m.type==="textual-content"){s(m);let d=m.items[0];r.items.push(d);let f=d.target,h={id:d.annotationId,type:"enter",resourceType:"text",time:f.temporal?.startTime||0};r.keyframes.push(h);let p={id:d.annotationId,type:"exit",resourceType:"text",time:f.temporal?.endTime||e.duration||0};r.keyframes.push(p)}}if(c.type==="video"){let m=Cn(e,{choice:null,allChoices:null,types:["video"],items:[c]},o,!0);if(m.type==="media"){s(m);let d=m.media;r.items.push(d);let f={id:d.annotationId,type:"enter",resourceType:"video",time:d.target?.temporal?.startTime||0};r.keyframes.push(f);let h={id:d.annotationId,type:"exit",resourceType:"video",time:d.target?.temporal?.endTime||e.duration||0};r.keyframes.push(h)}}if(c.type==="audio"||c.type==="sound"){let m=ho(e,{choice:null,allChoices:null,types:["audio"],items:[c]});if(m.type==="media"){s(m);let d=m.media;r.items.push(d);let f={id:d.annotationId,type:"enter",resourceType:"audio",time:d.target?.temporal?.startTime||0};r.keyframes.push(f);let h={id:d.annotationId,type:"exit",resourceType:"audio",time:d.target?.temporal?.endTime||e.duration||0};r.keyframes.push(h)}}}for(let c of a)for(let m of c.items){let d=o.get(m),f=(0,Vs.expandTarget)(d.target,{typeMap:o.getState?.().iiif.mapping});if(f.selector?.temporal){let h={id:d.id,type:"enter",resourceType:"highlight",time:f.selector.temporal.startTime||0};r.keyframes.push(h);let p={id:d.id,type:"exit",resourceType:"highlight",time:f.selector.temporal.endTime||e.duration||0};r.keyframes.push(p)}r.highlights.push({annotation:d,target:f})}r.keyframes.sort((c,m)=>c.time-m.time);let l=[],u=[];for(let c of r.keyframes){if(c.resourceType==="image"||c.resourceType==="text"||c.resourceType==="highlight"){u.push(c);continue}if(c.type==="enter"){l.length===0&&(c.isPrime=!0),l.push(c),u.push(c);continue}if(c.type==="exit"&&(u.push(c),l=l.filter(m=>m.id!==c.id),l.length!==0)){let m=l[0],d={id:m.id,type:"change",isPrime:!0,resourceType:m.resourceType,time:c.time};u.push(d)}}return r.keyframes=u,i.items.length&&(r.choice=i),r}var vo={},Jr={get(e){return e},setMetaValue([e,t,n],o){let r=Jr.getResourceMeta(e,t),i=r?r[n]:void 0,a=typeof o=="function"?o(i):o;vo[e]={...vo[e]||{},[t]:{...(vo[e]||{})[t]||{},[n]:a}}},getResourceMeta:(e,t)=>{let n=vo[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 Rn({canvas:e,paintables:t,supports:n,loadImageService:o,vault:r=Jr}){if(!e)return hn;if(t.types.length===0)return n.indexOf("empty")!==-1?_r(e.width,e.height):hn;if(t.types.length!==1)if(t.types.length===2&&t.types.indexOf("text")!==-1)t.types=t.types.filter(a=>a!=="text");else return n.indexOf("complex-timeline")===-1?q("Complex timeline not supported"):Zr(e,t,o,r);let i=t.types[0];return i==="image"?n.indexOf("images")===-1?q("Image not supported"):xn(e,t,o):i==="Model"||i==="model"?n.indexOf("3d-model")===-1?q("3D not supported"):Gr(e,t):i==="textualbody"?n.indexOf("textual-content")===-1?q("Textual content not supported"):bn(e,t):i==="sound"||i==="audio"?n.indexOf("media")===-1?q("Media not supported"):ho(e,t):i==="video"?n.indexOf("media")===-1?q("Media not supported"):Cn(e,t,r):hn}function ei(e){let t=$(),n=T(),o=k(),r=ln(),i=e?.emitter||r,[a,s]=Sn(),{enabledPageIds:l}=vn(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),u=Kr(l,"AnnotationPage"),c=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[m,d]=jr(e,[s]);(0,Ot.useEffect)(()=>{let h=p=>{d.makeChoice(p.choiceId,{deselectOthers:p.deselectOthers,deselect:p.deselect})};return i.on("make-choice",h),()=>{i.off("make-choice",h)}},[]);let f=(0,Ot.useMemo)(()=>Rn({canvas:n,paintables:m,supports:c,loadImageService:a,vault:o}),[n,m,o,d.makeChoice]);return(0,Ot.useEffect)(()=>{let h=m.allChoices,p={canvasId:n?.id,manifestId:t?.id};h&&i.emit("choice-change",{choice:h,partOf:p})},[n?.id,m.allChoices]),(0,Ot.useMemo)(()=>f.type==="unknown"?[f,Ur]:[{...f,annotations:{pages:u}},d],[f,u])}var Ls=require("@iiif/helpers");var ti=require("react/jsx-runtime");function ni({strategies:e,registerActions:t,defaultChoices:n,onChoiceChange:o,mediaControlsDeps:r,renderMediaControls:i,renderViewerControls:a,viewControlsDeps:s,renderComplexTimelineControls:l,complexTimelineControlsDeps:u,throwOnUnknown:c,children:m}){let d=T(),f=k(),h=(0,Qe.useMemo)(()=>(0,Ls.createStylesHelper)(f),[f]),[p,S]=ei({strategies:e||["images"],defaultChoices:n?.map(({id:C})=>C)}),v="choice"in p?p.choice:void 0;if((0,Qe.useEffect)(()=>{t&&t(S)},[p.annotations]),(0,Qe.useEffect)(()=>{o&&o(v)},[v]),(0,Qe.useEffect)(()=>{if(n)for(let C of n)typeof C.opacity<"u"&&h.applyStyles({id:C.id},"atlas",{opacity:C.opacity})},[n]),p.type==="unknown"&&c)throw new Error(p.reason||"Unknown strategy");let g=(0,Qe.useMemo)(()=>({renderMediaControls:i,mediaControlsDeps:r||[],renderViewerControls:a,viewControlsDeps:s||[],renderComplexTimelineControls:l,complexTimelineControlsDeps:u||[]}),[r,i,a,s,l,u]),y=(0,Qe.useMemo)(()=>({strategy:p,actions:S,choices:"choice"in p?p.choice:[]}),[p,d]);return(0,ti.jsx)(tn.Provider,{value:g,children:(0,ti.jsx)(We.Provider,{value:y,children:m})})}var Pn=require("react"),ri=require("zustand");var Bt=require("react");var oi=(0,Bt.createContext)(()=>{});function zs(e){let t=T(),n=(0,Bt.useContext)(oi);(0,Bt.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var Os=require("react/jsx-runtime");function ii({x:e=0,y:t=0,keepCanvasScale:n=!0,renderContextMenu:o,children:r}){let{strategy:i}=H(),a=T(),s=B(),l=Xt(a,["deep-zoom"]),u=(0,ri.useStore)(s,p=>p.setCanvasRelativePosition),c=(0,ri.useStore)(s,p=>p.clearCanvasRelativePosition),[m,d]=fn(`context-menu/${a?.id}`,a?.id,o),f=(0,Pn.useMemo)(()=>n?1:Math.max(1,...i.type==="images"?i.images.map(p=>(p.width||0)/p.target?.spatial.width):[]),[n,i]);(0,Pn.useEffect)(()=>{if(a)return u(a.id,{x:e,y:t,width:a.width,height:a.height}),()=>{c(a.id)}},[e,t,a,c,u]),(0,Pn.useEffect)(()=>{a&&s.getState().reset()},[s,a]),zs(f);let h=i.type==="images"?i.images.length:0;return a?(0,Os.jsxs)("world-object",{height:a.height,width:a.width,x:e,y:t,...d,...l,children:[m,r]},`${a.id}/${i.type}/${h}`):null}var ae=require("react/jsx-runtime");function ct({x:e,y:t,onChoiceChange:n,registerActions:o,defaultChoices:r,isStatic:i,renderViewerControls:a,renderMediaControls:s,renderComplexTimelineControls:l,complexTimelineControlsDeps:u,viewControlsDeps:c,mediaControlsDeps:m,strategies:d,throwOnUnknown:f,backgroundStyle:h,alwaysShowBackground:p,keepCanvasScale:S=!1,enableSizes:v=!1,enableYouTube:g=!0,onClickPaintingAnnotation:y,components:C={},children:R,annotationPopup:P,svgTheme:A,renderContextMenu:I,renderAnnotationContextMenu:O}){return(0,ae.jsxs)(ni,{throwOnUnknown:f,onChoiceChange:n,registerActions:o,strategies:d,defaultChoices:r,mediaControlsDeps:m,renderMediaControls:s,renderViewerControls:a,renderComplexTimelineControls:l,complexTimelineControlsDeps:u,viewControlsDeps:c,children:[(0,ae.jsxs)(ii,{keepCanvasScale:S,x:e,y:t,renderContextMenu:I,children:[(0,ae.jsx)(Lr,{alwaysShowBackground:p,backgroundStyle:h}),(0,ae.jsx)(Vr,{}),(0,ae.jsx)(Or,{}),(0,ae.jsx)(zr,{isStatic:i,enableSizes:v,onClickPaintingAnnotation:y}),(0,ae.jsx)(br,{}),(0,ae.jsx)(gr,{}),(0,ae.jsx)(Pr,{as:C.Audio}),(0,ae.jsx)(qr,{as:C.Video}),g?(0,ae.jsx)(Hr,{}):null,(0,ae.jsx)(Wr,{theme:A,renderContextMenu:O,children:P}),R]}),(0,ae.jsx)(hr,{})]})}var ai=require("react/jsx-runtime");function Bs(e){let t=T();return!t||!t.placeholderCanvas?null:(0,ai.jsx)(de,{canvas:t.placeholderCanvas.id,children:(0,ai.jsx)(ct,{renderViewerControls:e.renderViewerControls})})}var Hs=require("@atlas-viewer/atlas"),se=Z(require("react"),1),Ds=require("react-error-boundary"),si=require("zustand");var So=require("react");function qs(e,t=2e3){let{currentSequenceIndex:n,sequence:o,items:r}=tt(),i=T(),a=(0,So.useMemo)(()=>{let l=o[n]||[];return l.length===0&&i?[{id:i.id,type:"Canvas"}]:l.map(u=>r[u])},[o,n,i,r]),s=B();(0,So.useEffect)(()=>{let u=setInterval(()=>{if(e&&t!==-1){let c={x:e.x,y:e.y,width:e.width,height:e.height},m=s.getState().canvasRelativePositions,d={};for(let f of a){let h=m[f.id];if(h){let p=h.x,S=h.y,v=h.width,g=h.height,y={x:Math.max(p,c.x),y:Math.max(S,c.y),width:Math.min(p+v,c.x+c.width)-Math.max(p,c.x),height:Math.min(S+g,c.y+c.height)-Math.max(S,c.y)};y.width<=0||y.height<=0||(d[f.id]={x:y.x-h.x,y:y.y-h.y,width:y.width,height:y.height}),s.setState({canvasViewports:d})}}}},t);return()=>{clearTimeout(u)}},[a,e,s,t])}var qt=require("react/jsx-runtime");function xo({width:e,style:t,height:n,error:o,resetErrorBoundary:r}){return(0,qt.jsxs)("div",{style:{width:e,height:n,minHeight:500,...t||{},background:"#f9f9f9"},children:[(0,qt.jsx)("h3",{children:"Error occurred"}),(0,qt.jsx)("p",{children:o.message}),(0,qt.jsx)("button",{type:"button",onClick:r,children:"Reset"})]})}var D=require("react/jsx-runtime");function bo(e){let t=B();return(0,D.jsx)(It,{name:e.name,existing:t,children:(0,D.jsx)(oc,{...e})})}function oc({name:e,children:t,errorFallback:n,outerContainerProps:o={},worldScale:r,updateViewportTimeout:i,...a}){let s=B(),l=(0,si.useStore)(s,w=>w.mode),u=(0,si.useStore)(s,w=>w.setAtlasRuntime),[c,m]=(0,se.useState)(),d=un(),f=mn(),h=n||xo,[p,S]=(0,se.useState)({}),v=Object.entries(p),[g,y]=(0,se.useState)({}),C=Object.entries(g),[R,P]=(0,se.useState)({}),{worldScale:A,runtimeOptions:I}=(0,se.useMemo)(()=>{if(Object.values(R).length===0)return{worldScale:1,runtimeOptions:a.runtimeOptions||{maxOverZoom:1}};let N=Math.max(...Object.values(R));return{worldScale:N,runtimeOptions:{maxOverZoom:N||1,...a.runtimeOptions||{}}}},[R,a.runtimeOptions]);qs(c?.runtime,i);let O=(0,se.useCallback)((w,N)=>{P(V=>{if(N===-1){let{[w]:Pe,...he}=V;return he}return{...V,[w]:N}})},[]),G=(0,se.useCallback)((w,N,V)=>{S(({[w]:Pe,...he})=>N?{...he,[w]:{element:N,props:V}}:he)},[]),M=(0,se.useCallback)((w,N,V)=>{y(({[w]:Pe,...he})=>N?{...he,[w]:{element:N,props:V}}:he)},[]),L=(0,se.useCallback)(w=>{m(w),u(w.runtime),a.onCreated&&a.onCreated(w)},[a.onCreated,u]);return(0,D.jsxs)(Ds.ErrorBoundary,{resetKeys:[],fallbackRender:w=>(0,D.jsx)(h,{...a,...w}),children:[(0,D.jsx)(Hs.AtlasAuto,{...a,mode:l,containerProps:{style:{position:"relative"},...a.containerProps||{}},htmlChildren:(0,D.jsx)(D.Fragment,{children:v.map(([w,{element:N,props:V}])=>(0,D.jsx)(se.default.Fragment,{children:(0,D.jsx)(N,{...V||{}})},w))}),onCreated:L,runtimeOptions:I,children:(0,D.jsx)(It,{name:e,existing:s,children:(0,D.jsx)(Ce.Provider,{value:c,children:(0,D.jsx)(oi.Provider,{value:O,children:(0,D.jsx)(mr.Provider,{value:G,children:(0,D.jsx)(dr.Provider,{value:M,children:(0,D.jsx)(dn,{bridge:f,custom:d,children:(0,D.jsx)(xr,{children:t})})})})})})})}),(0,D.jsx)("div",{children:C.map(([w,{element:N,props:V}])=>(0,D.jsx)(se.default.Fragment,{children:(0,D.jsx)(N,{...V||{}})},w))}),(0,D.jsx)("div",{id:"atlas-floating-ui",style:{position:"relative",zIndex:999999}})]})}var oe=require("react/jsx-runtime"),rc=(0,ht.forwardRef)(function(t,n){let o=$(),r=Je(),i=tt(),{ViewerControls:a,MediaControls:s,ComplexTimelineControls:l}=t.components||{};if((0,ht.useImperativeHandle)(n,()=>i,[i]),!o)return(0,oe.jsx)("div",{});let u=0,c=o.viewingDirection==="top-to-bottom",m=o.viewingDirection==="bottom-to-top",d=o.viewingDirection==="left-to-right",f=o.viewingDirection==="right-to-left",p=o.behavior.includes("continuous")?0:t.spacing||0,S=m||f,v=(0,ht.useMemo)(()=>S?[...r].reverse():r,[r,S]);return(0,oe.jsxs)(oe.Fragment,{children:[t.header,(0,oe.jsx)(_.Viewer,{height:t.height,mode:t.mode,renderPreset:t.renderPreset,runtimeOptions:t.runtimeOptions,updateViewportTimeout:t.updateViewportTimeout,homePaddingPx:t.padding,children:v.map((g,y)=>{let C=0,R=0;return!c&&!m?(C=u,u+=g.width+p):(R=u,u+=g.height+p),(0,oe.jsx)(de,{canvas:g.id,children:(0,oe.jsx)(_.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content","complex-timeline"],renderViewerControls:y===0&&a?()=>(0,oe.jsx)(a,{}):void 0,renderMediaControls:y===0&&s?()=>(0,oe.jsx)(s,{}):void 0,annotationPopup:t.annotationPopup,renderContextMenu:t.renderContextMenu,keepCanvasScale:t.keepCanvasScale,renderComplexTimelineControls:y===0&&l?()=>(0,oe.jsx)(l,{}):void 0,renderAnnotationContextMenu:t.renderAnnotationContextMenu,x:C,y:R,svgTheme:t.svgTheme,...t.canvasProps||{},children:t.annotations},g.id)},g.id)})},t.reuseAtlas?"":i.currentSequenceIndex),t.children]})}),_=(0,ht.forwardRef)(function({children:t,height:n,annotations:o,canvasProps:r,spacing:i,header:a,components:s,mode:l,reuseAtlas:u,renderPreset:c,runtimeOptions:m,annotationPopup:d,name:f,svgTheme:h,updateViewportTimeout:p,renderContextMenu:S,keepCanvasScale:v,renderAnnotationContextMenu:g,padding:y,...C},R){let P=we();return(0,oe.jsx)(It,{name:f,children:(0,oe.jsx)(Ie,{vault:P,children:(0,oe.jsx)(Qo,{...C,children:(0,oe.jsx)(rc,{ref:R,height:n,components:s,spacing:i,canvasProps:r,annotations:o,header:a,mode:l,reuseAtlas:u,renderPreset:c,runtimeOptions:m,annotationPopup:d,svgTheme:h,updateViewportTimeout:p,renderContextMenu:S,keepCanvasScale:v,renderAnnotationContextMenu:g,padding:y,children:t})})})})});_.RenderImage=Ke;_.RenderCanvas=ct;_.RenderAnnotationPage=Fe;_.RenderAnnotation=at;_.Viewer=bo;_.CanvasBackground=io;_.Audio=Un;_.Video=so;_.Model=Kn;_.AudioHTML=pr;_.VideoHTML=Br;_.ModelHTML=fr;_.PlaceholderCanvas=Bs;_.getAtlasStoreByName=tr;var Fs=require("react");var ge=require("react"),yt=require("zustand");function li(e){let[t,n]=(0,ge.useState)(0),o=B(),r=(0,yt.useStore)(o,R=>R.tool.enabled),i=(0,yt.useStore)(o,R=>R.tool.requestId),a=(0,yt.useStore)(o,R=>R.getRequestId),s=(0,yt.useStore)(o,R=>R.requestAnnotation),l=(0,yt.useStore)(o,R=>R.completeRequest),u=(0,yt.useStore)(o,R=>R.cancelRequest),c=(0,ge.useRef)(e?.onSuccess);c.current=e?.onSuccess;let[m,d]=(0,ge.useState)(!1),[f,h]=(0,ge.useState)(null),[p,S]=(0,ge.useState)(null),v=r&&i!==p,g=r&&i===p,y=(0,ge.useCallback)(async(R,P)=>{if(p){let A=c.current;d(!0);let I=await s(R,{...P,requestId:p});if(I)return A?.(I),n(G=>G+1),d(!1),h(I),I;let O={id:p,cancelled:!0,...jt(R)};return A?.(O),h(O),n(G=>G+1),d(!1),O}return null},[s,p]),C=(0,ge.useCallback)(()=>{h(null),d(!1)},[]);return(0,ge.useEffect)(()=>{let R=a();return S(R.requestId),()=>{R.clear()}},[t]),{id:t,busy:v,isPending:m,isActive:g,requestId:p,requestAnnotation:y,cancelRequest:()=>p?u(p):void 0,completeRequest:()=>p?l(p):void 0,reset:C,data:f}}var ic=[{name:"Default",outer:{borderWidth:4,borderColor:"rgba(255, 255, 255, .4)"},inner:{borderWidth:2,borderColor:"#000"}},{name:"High contrast",outer:{borderWidth:3,borderColor:"#fff"},inner:{borderWidth:1,borderColor:"#000"}},{name:"Lightsaber",outer:{borderWidth:"4",borderColor:"rgba(56,68,255,0.64)"},inner:{borderWidth:"2",borderColor:"#fff"}},{name:"Bright",outer:{borderWidth:"6",borderColor:"#25d527"},inner:{borderWidth:"3",borderColor:"#a916ff"}},{name:"pink",outer:{borderWidth:"4",borderColor:"#ff00ff"},inner:{borderWidth:"2",borderColor:"#ffffff"}},{name:"fine (dark)",outer:{borderWidth:"1",borderColor:"#000000"},inner:{}},{name:"fine (light)",outer:{borderWidth:"1",borderColor:"#FFF"},inner:{}}];function ci(e){let{id:t,data:n,requestAnnotation:o,cancelRequest:r,isPending:i}=li({onSuccess:a=>{e.updateShape(a.polygon)}});return(0,Fs.useEffect)(()=>(o({type:"polygon",open:e.shape?.open,points:e.shape?.points}),()=>{r()}),[]),null}var X=require("react"),ui=Z(require("mitt"),1),$s=require("react/jsx-runtime"),Co=(0,X.createContext)((0,ui.default)());Co.displayName="SelectorHelper";function ac({children:e}){return(0,$s.jsx)(Co.Provider,{value:(0,X.useMemo)(()=>(0,ui.default)(),[]),children:e})}function sc(){return(0,X.useContext)(Co)}function mi(e){let t=di(),[n,o]=(0,X.useState)(!1);(0,X.useEffect)(()=>t.withSelector(e).on("highlight",()=>{o(!0)}),[t,e]),(0,X.useEffect)(()=>t.withSelector(e).on("clear-highlight",()=>{o(!1)}),[t,e]);let r=(0,X.useCallback)(a=>{t.emit("click",{selectorId:e,event:a})},[e,t]),i=(0,X.useCallback)(a=>{t.emit("hover",{selectorId:e,event:a})},[e,t]);return{controller:t,onClick:r,onHover:i,isHighlighted:n}}function di(){let e=(0,X.useContext)(Co);return(0,X.useMemo)(()=>({withSelector(t){return{on(n,o){let r=i=>{i&&i.selectorId===t&&o(i)};return e.on(n,r),()=>{e.off(n,r)}},emit(n,o){e.emit(n,{...o,selectorId:t})}}},on(t,n){return e.on(t,n),()=>{e.off(t,n)}},emit(t,n){e.emit(t,n)}}),[e])}function lc(){let e=di();return(0,X.useMemo)(()=>({withSelector(t){return{highlight(){e.emit("highlight",{selectorId:t})},clearHighlight(){e.emit("clear-highlight",{selectorId:t})},zoomTo(){e.emit("zoom-to",{selectorId:t})},addEventListener(n,o){return e.emit("event-listener",{selectorId:t,name:n,callback:o}),()=>{e.emit("remove-event-listener",{selectorId:t,name:n,callback:o})}},getImagePreview(){return new Promise((n,o)=>{e.emit("image-preview-request",{selectorId:t,resolve:n,reject:o})})},on(n,o){return e.withSelector(t).on(n,o)}}},highlight(t){e.emit("highlight",{selectorId:t})},clearHighlight(t){e.emit("clear-highlight",{selectorId:t})},zoomTo(t){e.emit("zoom-to",{selectorId:t})},addEventListener(t,n,o){return e.emit("event-listener",{selectorId:t,name:n,callback:o}),()=>{e.emit("remove-event-listener",{selectorId:t,name:n,callback:o})}},getImagePreview(t){return new Promise((n,o)=>{e.emit("image-preview-request",{selectorId:t,resolve:n,reject:o})})},on(t,n){return e.on(t,n)}}),[e])}var pi=require("react/jsx-runtime");function cc(e){let t=T(),n=e.annotationBucket,o=e.readOnly,r=e.id,{onClick:i,isHighlighted:a}=mi(e.id),s=Gt(),l=a?s.highlighted:s[n||"hidden"]||s.hidden;if(!t)return null;if(o){let u="shape",c=e.polygon,m=c.open;return c?(0,pi.jsx)(u,{id:`shape-${r}`,points:c.points,open:m,onClick:i,relativeStyle:!0,target:{x:0,y:0,width:t.width,height:t.height},style:l}):null}return(0,pi.jsx)(ci,{image:t,shape:e.polygon||{id:e.id,open:!0,points:[]},updateShape:e.updatePolygon,theme:e.theme,controlsHtmlId:e.controlsHtmlId,renderControls:e.renderControls})}var Ws=require("@atlas-viewer/atlas");var Ro=require("react"),An=require("react/jsx-runtime"),uc=(0,Ro.forwardRef)(function({canvasId:t},n){let o=(0,Ws.useCanvas)(),r=vn(t||o?.id),i=k();return(0,Ro.useImperativeHandle)(n,()=>r,[t,o]),!o||r.enabledPageIds.length===0?null:(0,An.jsx)(An.Fragment,{children:r.enabledPageIds.map(a=>(0,An.jsx)(_.RenderAnnotationPage,{page:i.get(a)},a))})});var _s=require("react");var Us=require("react");var U=require("react/jsx-runtime");function Tn({metadata:e=[],config:t,labelWidth:n=16,showEmptyMessage:o=!0,allowHtml:r,emptyFallback:i,classes:a={},emptyMessage:s="No metadata available",emptyValueFallback:l="No value",emptyLabelFallback:u="",separator:c,tableFooter:m,tableHeader:d,customLabelRender:f,customValueRender:h}){let p=(0,Us.useMemo)(()=>{let v=(t||[]).reduce((y,C)=>[...y,...C.keys],[]),g={};for(let y of e){let C=y?.label?Object.values(y.label):[];for(let R of C)if(R?.length&&(v.indexOf(`metadata.${R[0]}`)!==-1||v.length===0)&&y){let P=`metadata.${R[0]}`;g[P]=g[P]?g[P]:[],g[P].push(y);break}}return g},[t,e]);return Object.keys(p).length===0&&o?(0,U.jsx)(U.Fragment,{children:i})||(0,U.jsx)("div",{className:a.empty,children:s}):t?.length?(0,U.jsxs)("table",{className:a.container,children:[d,(0,U.jsx)("tbody",{children:t.map((v,g)=>{let y=[];for(let R of v.keys)for(let P of p[R]||[]){let A=(0,U.jsx)(ue,{enableDangerouslySetInnerHTML:r,defaultText:l,separator:c,children:P.value},g+"__"+R);h?y.push(h(P,A)):y.push(A)}if(y.length===0)return null;let C=(0,U.jsx)(ue,{enableDangerouslySetInnerHTML:r,separator:c,defaultText:u,children:v.label});return(0,U.jsxs)("tr",{className:a.row,children:[(0,U.jsx)("td",{className:a.label,style:n?{minWidth:n}:{},children:f?f(v.label,C):C}),(0,U.jsx)("td",{className:a.value,children:y})]},g)})}),m]}):(0,U.jsxs)("table",{className:a.container,children:[d,(0,U.jsx)("tbody",{children:e?.length?e.map((v,g)=>{if(!v)return null;let y=(0,U.jsx)(ue,{enableDangerouslySetInnerHTML:r,defaultText:l,separator:c,children:v.label}),C=(0,U.jsx)(ue,{enableDangerouslySetInnerHTML:r,defaultText:l,separator:c,children:v.value});return(0,U.jsxs)("tr",{className:a.row,children:[(0,U.jsx)("td",{className:a.label,style:n?{minWidth:n}:{},children:f?f(v.label,y):y}),(0,U.jsx)("td",{className:a.value,children:h?h(v,C):C})]},g)}):null}),m]})}var Ys=require("react/jsx-runtime");function mc(e){let t=$(),n=T(),o=Ut(),r=(0,_s.useMemo)(()=>{let i=t?.metadata||[],a=n?.metadata||[],s=o?.metadata||[];return[...i,...a,...s]},[t,n,o]);return(0,Ys.jsx)(Tn,{metadata:r,...e})}var To=require("react");var Po=require("@iiif/parser/image-3"),Ks=require("react");function Ao(e,t={},n=[]){return(0,Ks.useMemo)(()=>{if(!e)return null;let o=t.quality;e&&e.extraQualities&&t.quality&&(e.extraQualities.includes(t.quality)||(o="default"));let r=(0,Po.createImageServiceRequest)(e);return(0,Po.imageServiceRequestToString)({identifier:r.identifier,server:r.server,scheme:r.scheme,type:"image",size:{max:!t.size?.width&&!t.size?.height,confined:!1,upscaled:!1,...t.size||{}},format:t.format||"jpg",region:t.region||{full:!0},rotation:t?.rotation?Number.isInteger(t.rotation)?{angle:t.rotation}:t.rotation:{angle:0},quality:o||"default",prefix:r.prefix,originalPath:r.originalPath})},[...n])}var In=require("react/jsx-runtime");function dc(e){let t=typeof e.src=="string"?e.src:e.src.id,n=nn(),[o,r]=(0,To.useState)(!1),i;if(t){let s=n.loadServiceSync({id:t});s&&(i=s)}!i&&!o&&n.loadService({id:t}).then(()=>{r(!0)});let a=Ao(i,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[o,e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return(0,To.useEffect)(()=>()=>{r(!1)},[t]),a?(0,In.jsx)("img",{src:a,alt:e.alt,className:e.className,style:e.style}):(0,In.jsx)(js,{...e,fetchImageService:!1})}function js(e){if(e.fetchImageService)return(0,In.jsx)(dc,{...e});let t=typeof e.src=="string"?{id:e.src,profile:"level0"}:e.src,n=Ao(t,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return n?(0,In.jsx)("img",{src:n,alt:e.alt,className:e.className,style:e.style}):null}var Io=require("react"),Gs=require("react-error-boundary");var Be=require("react/jsx-runtime");function pc({src:e,errorFallback:t,interactive:n,skipSizes:o,children:r,renderViewerControls:i,viewControlsDeps:a,fluid:s,x:l,y:u,...c}){let m=we(),[d,f]=(0,Io.useState)(),h=t||xo,[p,S]=Sn(),v=(0,Io.useMemo)(()=>{let y=S[e]?.status,C=p({id:e},{});return C?.height&&C.width&&y!=="loading"?{id:e,width:C.width,height:C.height,service:C,type:"Image",selector:{type:"BoxSelector",spatial:{x:0,y:0,width:C.width,height:C.height}},target:{type:"BoxSelector",spatial:{x:0,y:0,width:C.width,height:C.height}}}:null},[p,e,S]);if(!v||!v.height||!v.width)return null;let g=s?void 0:c.homePosition?c.homePosition.width/c.homePosition.height:v.width/v.height;return(0,Be.jsx)(Gs.ErrorBoundary,{resetKeys:[],fallbackRender:y=>(0,Be.jsx)(h,{...c,...y}),children:(0,Be.jsx)(Ie,{vault:m,children:(0,Be.jsx)(bo,{...c,aspectRatio:g,containerProps:{style:{position:"relative"},...c.containerProps||{}},onCreated:y=>{f(y),c.onCreated&&c.onCreated(y)},children:(0,Be.jsxs)(Ce.Provider,{value:d,children:[(0,Be.jsx)(Ke,{image:v,id:v.id,isStatic:!n,x:l,y:u},v.id),(0,Be.jsx)(fc,{viewerPreset:d,renderViewerControls:i,image:v,src:e,viewControlsDeps:a}),r]})})})})}function fc({viewerPreset:e,renderViewerControls:t,image:n,src:o,viewControlsDeps:r}){return Q(e&&t?"overlay":"none",`canvas-portal-controls-${o}`,Ce.Provider,t&&n?{value:e||null,children:t({image:n,images:[n],type:"images"})}:{},[o,e,...r||[]]),null}var Qs=require("react/jsx-runtime");function gc(e){let t=$();return(0,Qs.jsx)(Tn,{metadata:t?.metadata||[],...e})}var wo=require("react");var fi=Z(require("react-lazy-load-image-component"),1);var Xs=require("@iiif/helpers/i18n"),ce=require("react/jsx-runtime"),{LazyLoadComponent:hc}=fi||fi.default;function gi(e){let{size:t,visible:n,classes:o,canvasId:r,figure:i}=e,a=t?.width||128,s=t?.height||t?.width||128,l=(0,ce.jsx)(yc,{...e}),u=(0,ce.jsx)(hc,{threshold:300,style:{height:s,width:a},visibleByDefault:n,children:r?(0,ce.jsx)(de,{canvas:r,children:l}):l});return i?(0,ce.jsx)("figure",{className:o?.figure,children:u}):u}function yc({fallback:e,size:t,classes:n,showLabel:o,alt:r,dereference:i=!1}){let a=T(),s=t?.width||128,l=t?.height||t?.width||128,u=r||(0,Xs.getValue)(a?.label)||"",c=Ne({width:s,height:l,allowUnsafe:!0},i);return!c||c.type!=="fixed"?(0,ce.jsx)(ce.Fragment,{children:e}):(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)("div",{className:n?.imageWrapper,children:(0,ce.jsx)("img",{className:n?.img,src:c.id,alt:u})}),o?(0,ce.jsx)(ue,{as:"figcaption",className:n?.label,children:a?.label}):null]})}var Ht=require("react/jsx-runtime");function vc({scrollBehaviour:e,dereference:t,flat:n,size:o,classes:r={},showLabel:i,figure:a,fallback:s}){let l=(0,wo.useRef)(null),{items:u,sequence:c,currentSequenceIndex:m,setSequenceIndex:d}=tt(),f={row:r.selected?.row||r.row,item:r.selected?.item||r.item,figure:r.selected?.figure||r.figure,img:r.selected?.img||r.img,label:r.selected?.label||r.label,imageWrapper:r.selected?.imageWrapper||r.imageWrapper};(0,wo.useLayoutEffect)(()=>{if(!l.current)return;let p=l.current.querySelector("[data-selected=true]");p&&p.scrollIntoView({behavior:e||"instant",block:"nearest",inline:"center"})},[m]);let h=[];for(let p of c){let S=[],v=c[m]===p;for(let g of p){let y=u[g];S.push((0,Ht.jsx)("div",{className:v?f.item:r.item,children:(0,Ht.jsx)(gi,{classes:v?f:r,canvasId:y.id,size:o,dereference:t,showLabel:i,figure:a,placeholder:(0,Ht.jsx)("div",{style:{height:128,width:128}}),fallback:s})},g))}if(n){h.push(S);continue}h.push((0,Ht.jsx)("div",{onClick:g=>{d(c.indexOf(p))},"data-selected":v,className:v?f.row:r.row,children:S},p.join("-")))}return(0,Ht.jsx)("div",{ref:l,className:r.container,children:h})}var wn=require("zustand");function hi(){let e=B(),t=(0,wn.useStore)(e,i=>i.completeRequest),n=(0,wn.useStore)(e,i=>i.polygonState.currentTool),o=(0,wn.useStore)(e,i=>i.polygonState.selectedStamp),r=(0,wn.useStore)(e,i=>i.switchTool);return{completeRequest:t,currentTool:n,selectedStamp:o,switchTool:r}}var K=require("react/jsx-runtime"),Sc={draw:!0,polygon:!0,line:!0,lineBox:!0,box:!0,triangle:!0,hexagon:!0,circle:!0,delete:!0,pen:!0};function xc({showShapes:e=!0,enabled:t=Sc,classNames:n={},icons:o={}}){let{currentTool:r,switchTool:i,selectedStamp:a}=hi();return(0,K.jsxs)(K.Fragment,{children:[r,(0,K.jsx)("button",{className:n.button,onClick:i.pointer,"data-active":r==="pointer",children:o.PointerIcon||"Pointer"}),(0,K.jsx)("button",{className:n.button,onClick:i.hand,"data-active":r==="hand",children:o.HandIcon||"Hand"}),e?(0,K.jsxs)(K.Fragment,{children:[t.box&&(0,K.jsx)("button",{className:n.button,onClick:i.box,"data-active":r==="box",children:o.BoxIcon||"Box"}),t.pen&&(0,K.jsx)("button",{className:n.button,onClick:i.pen,"data-active":r==="pen",children:o.PenIcon||"Pen"}),t.draw&&(0,K.jsx)("button",{className:n.button,onClick:i.draw,"data-active":r==="pencil",children:o.DrawIcon||"Draw"}),t.line&&(0,K.jsx)("button",{className:n.button,onClick:i.line,"data-active":r==="line",children:o.LineIcon||"Line"}),t.lineBox&&(0,K.jsx)("button",{className:n.button,onClick:i.lineBox,"data-active":r==="lineBox",children:o.LineBoxIcon||"LineBox"}),t.triangle&&(0,K.jsx)("button",{className:n.button,onClick:i.triangle,"data-active":r==="stamp"&&a?.id==="triangle",children:o.TriangleIcon||"Triangle"}),t.hexagon&&(0,K.jsx)("button",{className:n.button,onClick:i.hexagon,"data-active":r==="stamp"&&a?.id==="hexagon",children:o.HexagonIcon||"Hexagon"}),t.circle&&(0,K.jsx)("button",{className:n.button,"data-active":r==="stamp"&&a?.id==="circle",onClick:i.circle,children:o.CircleIcon||"Circle"})]}):null,t.delete&&(0,K.jsx)("button",{className:n.button,onClick:i.remove,children:o.DeleteForeverIcon||"Delete"})]})}var Zs=require("react/jsx-runtime");function bc({annotation:e,children:t}){return(0,Zs.jsx)(re,{value:{annotation:e},children:t})}var Js=require("react/jsx-runtime");function Cc({annotationPage:e,children:t}){return(0,Js.jsx)(re,{value:{annotationPage:e},children:t})}var el=require("react/jsx-runtime");function Rc({collection:e,children:t}){return(0,el.jsx)(re,{value:{collection:e},children:t})}function Pc(e,t={}){return ze(t)}var tl=require("@atlas-viewer/atlas"),Xe=require("react");function Ac({canvasId:e}={}){let t=(0,tl.useCanvas)(),n=Je(),o=(0,Xe.useMemo)(()=>e?[e]:t?[t.id]:n.map(u=>u.id),[e,t,n]),[r,i]=(0,Xe.useState)({}),a=ln();(0,Xe.useEffect)(()=>{let u=c=>{let m=c.partOf.canvasId;m&&i(d=>({...d,[m]:c.choice}))};return a.on("choice-change",u),()=>{a.off("choice-change",u)}},[]);let s=(0,Xe.useMemo)(()=>{let u=[];for(let c of o){let m=r[c];m&&u.push({canvasId:c,choice:m})}return u},[o,r]),l=(0,Xe.useMemo)(()=>({makeChoice:(u,c)=>{a.emit("make-choice",{choiceId:u,...c})}}),[a]);return{choices:s,actions:l}}function Tc(e,t=!1){}function Ic(e){let n=J().manifest,o=e?e.map(r=>typeof r=="string"?r:r?.id):[];return z(r=>{let i=n?r.iiif.entities.Manifest[n]:void 0,a=i?.items||[];if(typeof e>"u")return a;let s=[];for(let l of i?.items||[])o.indexOf(l.id)!==-1&&s.push(l);return s},[o.join("/")])}var nl=require("react");function wc(e,t=[]){let{id:n,selector:o}=e,r=J(),i=n||r.collection,a=z(s=>i?s.iiif.entities.Collection[i]:void 0,[i]);return(0,nl.useMemo)(()=>{if(a)return o?o(a):a},[a,o,...t])}var ko=require("react"),yi=require("zustand");function kc(){let e=B(),t=(0,yi.useStore)(e,o=>o.completeRequest),n=(0,yi.useStore)(e,o=>o.cancelRequest);return(0,ko.useMemo)(()=>({saveAnnotation:()=>{(0,ko.startTransition)(()=>{t()})},cancelRequest:n}),[t,n])}var ol=require("react"),Mo=require("zustand");function Mc({requestId:e}={}){let t=B(),n=(0,Mo.useStore)(t,s=>s.metadata),o=(0,Mo.useStore)(t,s=>s.tool.requestId),r=e||o,i=(0,Mo.useStore)(t,s=>s.setMetadata),a=(0,ol.useCallback)(s=>i(s,r||void 0),[i,r]);return[r?n[r]||{}:{},a]}var rl=require("zustand");function Ec(e){let t=B(),n=(0,rl.useStore)(t,o=>o.tool.requestId);ot("polygons.start-transition",o=>{e.requestId&&n!==e.requestId||e?.onStart?.(o.transitionIntent)},[n,e.requestId]),ot("polygons.end-transition",o=>{e.requestId&&n!==e.requestId||e?.onEnd?.(o.transitionIntent,o.response)},[n,e.requestId]),ot("polygons.transition",o=>{e.requestId&&n!==e.requestId||e?.onTransition?.(o.transitionIntent)},[n,e.requestId])}var Eo=require("react"),il=require("@iiif/helpers/events");function Nc(e,t,n,o,r=[]){let i=k(),a=(0,Eo.useMemo)(()=>(0,il.createEventsHelper)(i),[i]);(0,Eo.useEffect)(()=>{let s=e;return s?(a.addEventListener(s,t,n,o),()=>{a.removeEventListener(s,t,n)}):()=>{}},[a,e,t,...r])}function Vc(e,t){let{id:n,isLoaded:o,error:r,resource:i,requestId:a,cached:s}=Wt(e,t);return{id:n,isLoaded:o,error:r,manifest:i,requestId:a,cached:s}}var vi=require("@iiif/parser/image-3");var Te=require("react");function Si({cacheKey:e}={}){let t=T(),n=ze(),o=k(),r=Et(),i=Fa(),[a,s]=(0,Te.useState)(void 0),[l,u]=(0,Te.useState)(!1),[c,m]=(0,Te.useState)("idle"),[d,f]=(0,Te.useState)(void 0),h=t?t.id:"undefined",p=(0,Te.useMemo)(()=>{try{if(t&&n.length){let v=n[0],g=o.get(v.body[0]),C=(0,vi.getImageServices)(g)[0];return C&&r(C,{width:C.width||t.width,height:C.height||t.height},!0)||void 0}}catch(v){console.error(v)}},[h,e,t]),S=c==="success"&&a?a:p;return(0,Te.useEffect)(()=>{(async()=>{try{if(t&&n.length){let v=n[0],g=o.get(v.body[0]),C=(0,vi.getImageServices)(g)[0];if(!C)return;u(!0),m("loading");try{let R=await i(C,{width:C.width||t.width,height:C.height||t.height})||void 0;s(R),m("success"),u(!1)}catch(R){m("error"),f(R)}}}catch(v){m("error"),f(v)}})()},[h,e]),(0,Te.useMemo)(()=>({data:S,isFetching:l,status:c,error:d}),[S,l,c,d])}function Lc(){let e=Si();return{isLoading:e.isFetching,tile:e.data?{id:e.data.id||e.data["@id"],width:e.data.width,height:e.data.height,imageService:e.data,thumbnail:void 0}:null}}var No=require("react");var al=require("@iiif/helpers");function zc({supports:e=["empty","images","media","3d-model","textual-content","complex-timeline"]}={}){let t=k(),n=T(),o=ze(),r=(0,No.useMemo)(()=>(0,al.createPaintingAnnotationsHelper)(t),[t]),i=(0,No.useMemo)(()=>r.getPaintables(o),[r,o]);return(0,No.useMemo)(()=>Rn({canvas:n,loadImageService:a=>a,paintables:i,supports:e}),[n,i,e])}var sl=require("@iiif/helpers/styles"),ll=require("react");function Oc(){let e=k();return(0,ll.useMemo)(()=>(0,sl.createStylesHelper)(e),[e])}var j=require("react");var kn=[.6,.02,0,.75],xi=16,bi={linear:[0,0,1,1],"ease-in":[.42,0,1,1],"ease-out":[0,0,.58,1],"ease-in-out":[.42,0,.58,1],"ease-in-cubic":kn,"ease-out-cubic":[.215,.61,.355,1]};function Ci(e,t,n){let o=Math.max(0,Math.min(1,n));return{x:e.x+(t.x-e.x)*o,y:e.y+(t.y-e.y)*o,width:e.width+(t.width-e.width)*o,height:e.height+(t.height-e.height)*o}}function Ri(e,t){let n=[],o=e;for(let r of t)n.push({from:o,to:r}),o=r;return n}function Dt([e,t,n,o]){let r=3*e,i=3*(n-e)-r,a=1-r-i,s=3*t,l=3*(o-t)-s,u=1-s-l;function c(h){return((a*h+i)*h+r)*h}function m(h){return((u*h+l)*h+s)*h}function d(h){return(3*a*h+2*i)*h+r}function f(h,p=1e-6){let S=h;for(let y=0;y<8;y++){let C=c(S)-h;if(Math.abs(C)<p)return S;let R=d(S);if(Math.abs(R)<1e-6)break;S=S-C/R}let v=0,g=1;for(S=h;v<g;){let y=c(S);if(Math.abs(y-h)<p)return S;h>y?v=S:g=S,S=(g-v)*.5+v}return S}return h=>{if(h<=0)return 0;if(h>=1)return 1;let p=f(h);return m(p)}}function Pi(e,t){if(!t||t.length===0)return{index:-1,t:0};if(Number.isNaN(e)||!isFinite(e))return{index:-1,t:0};if(e<0)return{index:-1,t:0};if(e>=t.length)return{index:t.length,t:0};let n=Math.floor(e),o=e-n;return{index:n,t:o}}function Bc(e){let{initial:t,regions:n,progress:o,getProgress:r,enabled:i=!0,easing:a,reportEveryFrame:s=!1,pollInterval:l=xi,loop:u=!1,onEnter:c,onExit:m,onProgress:d,jumpTo:f}=e,h=(0,j.useMemo)(()=>Ri(t,n),[t,n]),[p,S]=(0,j.useState)(()=>-1),[v,g]=(0,j.useState)(0),y=(0,j.useRef)(-1),C=(0,j.useRef)(0),R=(0,j.useRef)(!0),P=(0,j.useRef)(()=>{});(0,j.useEffect)(()=>(R.current=!0,()=>{R.current=!1}),[]);let A=(0,j.useMemo)(()=>{if(!a)return Dt(kn);if(typeof a=="function")return a;if(Array.isArray(a)&&a.length===4)return Dt(a);let L=bi[a];return L?Dt(L):Dt(kn)},[a]),I=(0,j.useCallback)(L=>{if(!(L<0||L>=h.length)&&(S(L),y.current=L,C.current=0,g(0),c))try{c(L)}catch{}},[h,c]);(0,j.useEffect)(()=>{P.current=I,f&&f(I)},[I,f]);function O(L){let{index:w,t:N}=Pi(L,h),V=w;if(u&&h.length>0){let he=h.length;V=(w%he+he)%he}let Pe=A(N);if(V!==y.current){if(y.current>=0&&m)try{m(y.current)}catch{}if(V>=0&&c)try{c(V)}catch{}y.current=V,R.current&&S(V)}if(C.current=Pe,R.current&&(s||V!==p)&&g(Pe),d&&V>=0)try{d(V,Pe)}catch{}}(0,j.useEffect)(()=>{i&&typeof o=="number"&&O(o)},[o,i]),(0,j.useEffect)(()=>{if(!i||typeof r!="function")return;let L=null,w=()=>{try{let N=r();O(N)}catch{}};return w(),L=setInterval(w,l),()=>clearInterval(L)},[r,i,l]);let G=p>=0&&p<h.length?h[p]:void 0,M=G?Ci(G.from,G.to,C.current):void 0;return{transitions:h,currentIndex:p,currentTransition:G,t:C.current,rect:M,jumpTo:I}}var vt=require("react");function qc(e,t={}){let{axis:n="y",offset:o=0,steps:r=1,enabled:i=!0}=t,[a,s]=(0,vt.useState)(0),l=(0,vt.useRef)(-1),u=(0,vt.useRef)(null);return(0,vt.useEffect)(()=>{if(!i||!e||!e.current)return;let c=e.current,m=()=>{let f=n==="y"?c.scrollTop:c.scrollLeft,h=n==="y"?c.clientHeight:c.clientWidth,S=(n==="y"?c.scrollHeight:c.scrollWidth)-h,g=(S<=0?0:Math.max(0,Math.min(1,(f+o)/S)))*r;g!==l.current&&(l.current=g,s(g)),u.current=null},d=()=>{u.current===null&&(u.current=requestAnimationFrame(m))};return c.addEventListener("scroll",d,{passive:!0}),m(),()=>{c.removeEventListener("scroll",d),u.current!==null&&cancelAnimationFrame(u.current)}},[e,n,o,r,i]),a}function Hc(e,t){let{x:n,y:o,width:r,height:i}=e,{x:a,y:s}=t,{width:l,height:u}=t;return n+r>a&&n<a+l&&o+i>s&&o<s+u}var cl=Z(require("tiny-invariant"),1);function Dc(e,t){let n=e.boundingBox||De(e.polygon);if(e.polygon&&!At(e.polygon.points)){let o=e.target||Tt(e.polygon,t);return(0,cl.default)(o?.type==="SvgSelector"),{type:"SvgSelector",points:e.polygon.points,spatial:{unit:"pixel",...n||{}},svgShape:e.polygon.open?"polyline":"polygon",svg:o.value}}return{type:"BoxSelector",spatial:n}}
|
|
49
|
+
`}),(0,cn.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 ss({media:e,mediaControlsDeps:t,children:n}){let[{element:o,currentTime:r,progress:i},a,s]=ct({duration:e.duration});return Q("overlay","video-element",_l,{element:o,media:e,playPause:s.playPause}),null}var mo=require("react/jsx-runtime");function _r(){let{strategy:e}=H(),{renderMediaControls:t,mediaControlsDeps:n}=ie();return e.type!=="media"||e.media.type!=="VideoYouTube"?null:(0,mo.jsxs)(ss,{media:e.media,mediaControlsDeps:n,children:[(0,mo.jsx)(ft,{}),t?t(e):null]})}var yo=require("react"),Ae=require("zustand");var fo=require("@atlas-viewer/atlas"),Ze=require("react");var ls=require("polygon-editor"),ee=require("react");var po=require("zustand");function Yr(e){let t=B(),n=(0,po.useStore)(t,i=>i.polygons),o=(0,po.useStore)(t,i=>i.polygonState),r=(0,po.useStore)(t,i=>i.polygon);return at("atlas.polygon-render",({state:i,slowState:a,dt:s})=>{e(i,a,s)}),{currentShape:r,state:o,helper:n}}var E=require("react/jsx-runtime"),Oe=(0,ls.createSvgHelpers)(),us={shapeFill:"#ffffff33",shapeStroke:"#000",lineStroke:"#000",ghostLineStroke:"#0F0",activeLineStroke:"#4D7EEA",boundingBoxDottedStroke:"#0007",boundingBoxStroke:"#fffA",controlFill:"#fff"};function Kr(e){let{image:t}=e,n={...us,...e.theme||{}},o=(0,ee.useRef)(),r=(0,ee.useRef)(),i=(0,ee.useRef)(),a=(0,ee.useRef)(),s=(0,ee.useRef)(),l=(0,ee.useRef)(),c=(0,ee.useRef)(),u=(0,ee.useRef)(),m=(0,ee.useRef)(),d=(0,ee.useRef)(),[p,g]=(0,ee.useState)(null),[f,S]=(0,ee.useState)(!1),{helper:v,state:h,currentShape:y}=Yr((M,L)=>{if(M.closestLineIndex,Oe.updateTransitionBoundingBox(i.current,M,L),Oe.updateBoundingBoxPolygon(o.current,M,L),Oe.updateBoundingBoxPolygon(r.current,M,L),Oe.updateTransitionShape(c.current,M,L),Oe.updateClosestLinePointTransform(s.current,M,L),Oe.updateSelectBox(a.current,M,L),Oe.updatePointLine(u.current,M,L),Oe.updateDrawPreview(l.current,M,L,3),Oe.updateLineBox(m.current,M),g(M.transitionDirection),S(M.transitionRotate),M.closestLineIndex!==-1&&d.current){let w=M.polygon,N=w.points[M.closestLineIndex],V=w.points[(M.closestLineIndex+1)%w.points.length];N&&V&&d.current.setAttribute("points",`${N[0]},${N[1]} ${V[0]},${V[1]}`)}});(0,ee.useEffect)(()=>{let M=()=>{v.modifiers.reset()};return document.addEventListener("mouseleave",M),()=>{document.removeEventListener("mouseleave",M)}},[]);let R=(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("marker",{id:"dot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:[(0,E.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.lineStroke,className:"marker"}),(0,E.jsx)("circle",{cx:"5",cy:"5",r:"3",fill:n.controlFill})]}),(0,E.jsx)("marker",{id:"newdot",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:(0,E.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.activeLineStroke,className:"marker"})}),(0,E.jsxs)("marker",{id:"selected",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"5",markerHeight:"5",children:[(0,E.jsx)("circle",{cx:"5",cy:"5",r:"5",fill:n.lineStroke}),(0,E.jsx)("circle",{cx:"5",cy:"5",r:"3",fill:n.activeLineStroke})]}),(0,E.jsxs)("marker",{id:"resizer",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"6",markerHeight:"6",children:[(0,E.jsx)("rect",{width:"10",height:"10",fill:n.lineStroke}),(0,E.jsx)("rect",{x:"1",y:"1",width:"8",height:"8",fill:n.controlFill})]})]}),C=y?y.open?"polyline":"polygon":null,P=!h.showBoundingBox&&h.closestPoint!==null&&h.actionIntentType==="select-point",A=h.actionIntentType==="add-open-point",T=h.transitionIntentType==="split-line",O=h.transitioning&&h.selectedStamp&&h.transitionIntentType==="stamp-shape",_=y&&C?(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(C,{fill:(!h.transitioning||h.transitionIntentType==="select-multiple-points")&&!y.open?n.shapeFill:"none",strokeWidth:O||h.showBoundingBox&&h.boxMode||h.transitioning&&h.transitionIntentType==="split-line"||h.transitioning&&h.transitionIntentType==="move-point"?0:2,stroke:n.shapeStroke,points:y.points.map(M=>M.join(",")).join(" "),vectorEffect:"non-scaling-stroke",markerStart:h.showBoundingBox?void 0:h.boxMode?"url(#resizer)":"url(#dot)",markerMid:h.showBoundingBox?void 0:h.boxMode?"url(#resizer)":"url(#dot)",markerEnd:h.showBoundingBox?void 0:h.boxMode?"url(#resizer)":"url(#dot)",style:{pointerEvents:"none"},opacity:h.transitioning&&h.transitionIntentType==="move-shape"?0:1}),h.currentTool==="lineBox"&&h.actionIntentType==="close-line-box"?(0,E.jsx)("polygon",{fill:n.shapeFill,ref:m,stroke:n.lineStroke,strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,h.transitionIntentType==="draw-shape"&&h.transitioning?(0,E.jsx)("polyline",{ref:l,fill:"none",stroke:n.activeLineStroke,strokeWidth:2,vectorEffect:"non-scaling-stroke"}):null,!(h.transitioning&&h.transitionIntentType==="move-point")&&!(h.transitioning&&h.transitionIntentType==="stamp-shape")&&!h.showBoundingBox&&h.selectedPoints&&h.selectedPoints.length?(0,E.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:"transparent",points:y.points.filter((M,L)=>h.selectedPoints?.includes(L)).map(M=>M.join(",")).join(" "),opacity:h.transitioning&&h.transitionIntentType==="move-shape"?0:1}):null,P&&!h.transitioning&&h.closestPoint!==null&&y.points[h.closestPoint]?(0,E.jsx)("polyline",{strokeWidth:2,vectorEffect:"non-scaling-stroke",stroke:"transparent",markerStart:"url(#selected)",markerMid:"url(#selected)",markerEnd:"url(#selected)",fill:n.activeLineStroke,points:`${y.points[h.closestPoint][0]},${y.points[h.closestPoint][1]}`,opacity:h.transitioning&&h.transitionIntentType==="move-shape"?0:1}):null,!h.transitioning&&(h.actionIntentType==="add-open-point"||h.actionIntentType==="close-shape"||h.actionIntentType==="close-shape-line")?(0,E.jsx)("polyline",{stroke:n.activeLineStroke,ref:u,strokeWidth:h.actionIntentType==="add-open-point"?1:2,vectorEffect:"non-scaling-stroke"}):null,h.hasClosestLine&&!h.showBoundingBox&&!h.transitioning&&h.currentTool!=="box"&&h.transitionIntentType==="split-line"?(0,E.jsx)("g",{children:(0,E.jsx)("polyline",{ref:d,vectorEffect:"non-scaling-stroke",fill:"transparent",stroke:n.activeLineStroke,strokeWidth:3})}):null,h.hasClosestLine&&!h.showBoundingBox&&!h.transitioning&&h.currentTool!=="box"&&h.transitionIntentType==="split-line"?(0,E.jsx)("g",{ref:s,children:(0,E.jsx)("polyline",{markerStart:"url(#newdot)",points:"0,0 1,1",vectorEffect:"non-scaling-stroke",stroke:"transparent",fill:"transparent",strokeWidth:2})}):null,h.transitioning?(0,E.jsx)(C,{ref:c,fill:y.open?"none":n.shapeFill,stroke:h.transitionIntentType==="stamp-shape"?n.activeLineStroke:n.shapeStroke,vectorEffect:"non-scaling-stroke",strokeWidth:(y.open,2)}):null,h.transitioning&&h.transitionIntentType==="select-multiple-points"?(0,E.jsx)("rect",{ref:a,fill:"rgba(255, 255, 255, .3)",strokeWidth:1,stroke:"rgba(0,0,0,.2)",vectorEffect:"non-scaling-stroke"}):null,h.showBoundingBox&&!O?(0,E.jsxs)(E.Fragment,{children:[(0,E.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,E.jsx)("polygon",{ref:r,strokeWidth:2,stroke:n.boundingBoxDottedStroke,fill:"none",strokeDasharray:"4 4",markerStart:"url(#resizer)",markerMid:"url(#resizer)",markerEnd:"url(#resizer)",vectorEffect:"non-scaling-stroke"})]}):null]}):null;return{currentTool:v.state.slowState.currentTool,setCurrentTool:v.tools.setTool,helper:v,currentShape:y,state:h,isAddingPoint:A,isSplitting:T,isStamping:O,isHoveringPoint:P,transitionDirection:p,transitionRotate:f,defs:R,editor:_}}var Xe=require("react/jsx-runtime");function cs(e){let t=(0,fo.useAtlas)(),{image:n}=e,{helper:o,defs:r,editor:i,state:a,transitionDirection:s,isSplitting:l,transitionRotate:c,isHoveringPoint:u,isAddingPoint:m}=Kr({image:e.image,theme:e.theme}),d=(0,Ze.useCallback)(f=>{f.button!==2&&o.pointer([[~~f.atlas.x,~~f.atlas.y]])},[o]),p=(0,Ze.useCallback)(f=>{f.button!==2&&o.pointerDown()},[o]),g=(0,Ze.useCallback)(f=>{f.button!==2&&o.pointerUp()},[o]);return(0,Ze.useEffect)(()=>{let f=S=>{o.key.up(S.key)};return document.addEventListener("keyup",f),()=>{document.removeEventListener("keyup",f)}},[o]),(0,Ze.useEffect)(()=>{let f=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",f),()=>{document.removeEventListener("keydown",f)}},[o]),(0,Ze.useEffect)(()=>{let f=[];return s&&f.push(`atlas-cursor-${s}`),a.actionIntentType==="cut-line"&&a.modifiers?.Shift&&f.push("atlas-cursor-cut"),(u||a.transitionIntentType==="move-shape"||a.transitionIntentType==="move-point")&&f.push("atlas-cursor-move"),m&&f.push("atlas-cursor-crosshair"),l&&f.push("atlas-cursor-copy"),c&&f.push("atlas-cursor-rotate"),a.transitionIntentType==="draw-shape"&&f.push("atlas-cursor-draw"),t?.canvas&&t.canvas.classList.add(...f),()=>{t?.canvas&&t.canvas.classList.remove(...f)}},[t?.canvas,m,u,l,a.modifiers?.Shift,a.actionIntentType,a.transitionIntentType,s,c]),(0,Xe.jsx)("world-object",{height:n.height,width:n.width,onMouseMove:d,onMouseDown:p,onMouseUp:g,onMouseLeave:o.blur,children:(0,Xe.jsx)(fo.HTMLPortal,{relative:!0,interactive:!1,children:(0,Xe.jsx)("div",{className:"absolute top-0 right-0 left-0 bottom-0",children:(0,Xe.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${n.width} ${n.height}`,tabIndex:-1,children:[(0,Xe.jsx)("title",{children:"Annotation Editor"}),(0,Xe.jsx)("defs",{children:r}),i]})})})})}var bs=require("react"),Cs=require("zustand");var vs=require("@atlas-viewer/atlas"),te=require("@floating-ui/react"),Ss=require("react-dom");var K=Z(require("react"),1);var ms=Z(require("react"),1),go=require("react"),ds=Z(require("mitt"),1),fs=require("react/jsx-runtime"),ps=(0,ds.default)(),yt=(0,go.createContext)({emitter:ps});yt.displayName="Events";function mn(){return ms.default.useContext(yt).emitter}function Yl({emitter:e,children:t}){return(0,fs.jsx)(yt.Provider,{value:(0,go.useMemo)(()=>({emitter:e}),[e]),children:t})}var me=require("react/jsx-runtime"),dn=K.default.createContext({});function pn(){let e=(0,K.useContext)(dn),t=Object.keys(e),n={};for(let o of t)e[o].Provider&&(n[o]={value:(0,K.useContext)(e[o]),Provider:e[o].Provider});return n}function gs(e){let t=Object.keys(e),n=e.children;for(let o of t){if(o==="children")continue;let{value:r,Provider:i}=e[o];n=(0,me.jsx)(i,{value:r,children:n})}return n}function Kl(e){let t=(0,K.useContext)(dn),n=(0,K.useMemo)(()=>({...t,...e.providers}),[e.providers]);return(0,me.jsx)(dn.Provider,{value:n,children:e.children})}function fn(){return{VaultContext:(0,K.useContext)(De),ResourceContext:(0,K.useContext)(Wt),SimpleViewerReactContext:(0,K.useContext)(It),VisibleCanvasReactContext:(0,K.useContext)(tt),AuthRContext:(0,K.useContext)(ot),SearchReactContext:(0,K.useContext)(Tt),ReactEventContext:(0,K.useContext)(yt),ContextBridgeReactContext:(0,K.useContext)(dn),StrategyReactContext:(0,K.useContext)(_e),AtlasStoreReactContext:(0,K.useContext)(st)}}function gn(e){return(0,me.jsx)(ke,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,me.jsx)(tt.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,me.jsx)(It.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,me.jsx)(yt.Provider,{value:e.bridge.ReactEventContext,children:(0,me.jsx)(st.Provider,{value:e.bridge.AtlasStoreReactContext,children:(0,me.jsx)(ot.Provider,{value:e.bridge.AuthRContext,children:(0,me.jsx)(Tt.Provider,{value:e.bridge.SearchReactContext,children:(0,me.jsx)(dn.Provider,{value:e.bridge.ContextBridgeReactContext,children:(0,me.jsx)(_e.Provider,{value:e.bridge.StrategyReactContext,children:e.custom?(0,me.jsx)(gs,{...e.custom,children:e.children}):e.children})})})})})})})})})}var qt=require("react/jsx-runtime"),xs=10,hs=1;function jl(e){let[t,n]=e.split("-");return[t,n]}function ys(e,t,n){return t>n?e:Math.min(Math.max(e,t),n)}function Gl(e){return e.top>0||e.right>0||e.bottom>0||e.left>0}function Ql(e){return{name:"insideHighlightFallback",options:e,async fn(t){if(e.width<=hs||e.height<=hs)return{};let n=await(0,te.detectOverflow)(t,{altBoundary:!0});if(!Gl(n))return{};let{reference:o,floating:r}=t.rects,[i,a]=jl(t.initialPlacement),s=Math.min(xs,o.width/2,o.height/2),l=o.x+(o.width-r.width)/2,c=o.y+(o.height-r.height)/2,u=t.x,m=t.y;return i==="top"||i==="bottom"?(m=i==="top"?o.y+s:o.y+o.height-r.height-s,a==="start"?u=o.x+s:a==="end"?u=o.x+o.width-r.width-s:u=l,u=ys(u,o.x+s,o.x+o.width-r.width-s)):(u=i==="left"?o.x+s:o.x+o.width-r.width-s,a==="start"?m=o.y+s:a==="end"?m=o.y+o.height-r.height-s:m=c,m=ys(m,o.y+s,o.y+o.height-r.height-s)),{x:u,y:m}}}}function ho({annotation:e,target:t,children:n,dismissable:o,isOpen:r,onOpenChange:i,placement:a}){let s=fn(),l=pn(),{refs:c,floatingStyles:u,context:m}=(0,te.useFloating)({open:r,onOpenChange:i,nodeId:e.id,placement:a||"bottom",middleware:[(0,te.offset)(xs),(0,te.flip)({mainAxis:!0,fallbackStrategy:"bestFit",altBoundary:!0}),(0,te.shift)({altBoundary:!0}),Ql(t)],whileElementsMounted:te.autoUpdate}),d=(0,te.useDismiss)(m),{getReferenceProps:p,getFloatingProps:g}=(0,te.useInteractions)([o?d:null].filter(f=>f!==null));return(0,qt.jsxs)(vs.HTMLPortal,{relative:!0,target:t,interactive:!1,children:[(0,qt.jsx)("div",{ref:c.setReference,...p(),style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none"}}),(0,Ss.createPortal)((0,qt.jsx)(gn,{bridge:s,custom:l,children:(0,qt.jsx)("div",{ref:c.setFloating,style:u,...g(),children:n})}),document.getElementById("atlas-floating-ui"))]})}var hn=require("react/jsx-runtime"),Rs=(0,Cs.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 yn(e,t,n){let{isMenuOpen:o,setIsMenuOpen:r,close:i,open:a,menuPosition:s,setMenuPosition:l,toggle:c}=Rs(),u=(0,bs.useCallback)(p=>{n&&(p.preventDefault(),p.stopPropagation(),c(p.atlas))},[c,n]);return[(0,hn.jsx)(hn.Fragment,{children:n&&o&&(0,hn.jsx)(ho,{dismissable:!0,placement:"bottom-start",isOpen:o,onOpenChange:r,annotation:{id:e},target:{x:s.x,y:s.y,height:1,width:1},children:o&&n({canvasId:t,position:s,close:()=>r(!1)})})}),{onContextMenu:u},{open:a,close:i,toggle:c,isMenuOpen:o,setIsMenuOpen:r,menuPosition:s,setMenuPosition:l}]}var Ps=require("zustand");function jr(){let e=B();return(0,Ps.useStore)(e,t=>t.tool.requestId&&t.requests[t.tool.requestId]||null)}var ne=require("react/jsx-runtime");function Gr({theme:e,renderContextMenu:t,children:n}){let o=B(),r=I(),i=(0,Ae.useStore)(o,C=>C.polygon),a=(0,Ae.useStore)(o,C=>C.polygonState.currentTool),s=(0,Ae.useStore)(o,C=>C.mode),l=(0,Ae.useStore)(o,C=>C.changeMode),c=(0,Ae.useStore)(o,C=>C.polygonState.transitioning),{enabled:u,requestId:m}=(0,Ae.useStore)(o,C=>C.tool),d=(0,yo.useMemo)(()=>$e(i),[i]),p=jr(),[g,f]=yn("editing-annotation",r?.id,t),S=p?.annotationPopup||n||(0,ne.jsx)(As,{}),v=p?.svgTheme||e,h=()=>{l("sketch")};if(!u||!r||!m||!i)return null;let y=d&&i.id&&!c&&(a==="pointer"||a==="hand"||!i.open)?(0,ne.jsx)(ho,{annotation:i,target:d,children:S}):null,R="shape";return s==="explore"?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(R,{id:`shape-${i.id}`,points:i.points,open:i.open,onClick:h,relativeStyle:!0,target:{x:0,y:0,width:r.width,height:r.height},style:{":hover":{backgroundColor:"rgba(0,0,0,0.2)"},backgroundColor:"rgba(0,0,0,0)",borderWidth:"4px",borderColor:"rgba(255, 255, 255, .4)"},...f}),(0,ne.jsx)(R,{id:`shape-${i.id}`,points:i.points,open:i.open,onClick:h,relativeStyle:!0,target:{x:0,y:0,width:r.width,height:r.height},style:{backgroundColor:"rgba(0,0,0,0)",borderWidth:"2px",borderColor:"rgba(0, 0, 0, .4)"}}),y]}):(0,ne.jsxs)(ne.Fragment,{children:[t?(0,ne.jsx)(R,{id:`shape-${i.id}`,points:i.points,open:i.open,target:{x:0,y:0,width:r.width,height:r.height},...f}):null,(0,ne.jsx)(cs,{image:r,theme:v}),y,g]})}function As(){let e=B(),t=(0,Ae.useStore)(e,a=>a.changeMode),n=(0,Ae.useStore)(e,a=>a.mode),o=(0,Ae.useStore)(e,a=>a.completeRequest),r=(0,Ae.useStore)(e,a=>a.tool),i=()=>{(0,yo.startTransition)(()=>{o()})};return r.enabled?(0,ne.jsxs)("div",{className:"svg-tools-container animate-fadeIn",children:[n!=="sketch"&&(0,ne.jsx)("button",{className:"svg-tools-button",onClick:()=>{t("sketch")},children:"Edit"}),(0,ne.jsx)("button",{className:"svg-tools-button",onClick:i,children:"Save"})]}):null}var Je=require("react");var Ht=require("react");var Ts=require("@iiif/helpers");function Xl(e){return e.type==="SpecificResource"?[e.source,{selector:e.selector}]:[e,{selector:null}]}function vn(e,t){let{selector:n,source:o}=(0,Ts.expandTarget)(t);if(o.id!==e.id)return[null,o];let r={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[n?n.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:n.temporal,spatial:r.spatial}:n:null,o]}var Qr={makeChoice:()=>{}},Sn={type:"unknown"},q=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),Xr=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var xn=require("react");function Zl(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function Is(e,t){return z(n=>{let o=[];if(!e)return o;let r=Object.keys(n.iiif.entities.AnnotationPage);for(let i of r)if(!t||t.indexOf(i)!==-1){let a=Zl(n,i);a&&a.views&&a.views[e]&&o.push(i)}return o},[e,t])}function Zr({canvas:e,manifest:t,all:n,canvases:o}){let r=[];if(t)for(let i of t.annotations)r.indexOf(i.id)===-1&&r.push(i.id);if(n){if(o&&o.length)for(let i of o)for(let a of i.annotations)r.indexOf(a.id)===-1&&r.push(a.id)}else if(e)for(let i of e.annotations)r.indexOf(i.id)===-1&&r.push(i.id);return r}function Jl(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function bn(e,t={}){let n=k(),o=$(),r=I(),i=nt(),a=(0,xn.useMemo)(()=>Zr({all:t.all,manifest:o,canvas:r,canvases:i}),[t.all,r,i,o]),s=Is(e,t.all?void 0:a),l=(0,xn.useCallback)(u=>{e&&n.setMetaValue([u,"annotationPageManager","views"],m=>m&&!m[e]?m:{...m||{},[e]:!1})},[e,n]),c=(0,xn.useCallback)((u,m={})=>{if(!e)return;let d=n.getState(),p=[];if(m?.deselectOthers){let g=Object.keys(d.iiif.entities.AnnotationPage);for(let f of g){let S=Jl(d,f);S&&S.views&&S.views[e]&&p.push(f)}}for(let g of p)l(g);n.setMetaValue([u,"annotationPageManager","views"],g=>g&&g[e]?g:{...g||{},[e]:!0})},[e,l,n]);return{availablePageIds:a,enabledPageIds:s,setPageEnabled:c,setPageDisabled:l}}function Jr(e,t){return z((n,o)=>o.get(e.map(r=>({id:r,type:t}))),[e,t])}var ws=Z(require("mitt"),1),ks=require("react"),Ms=require("zustand");var eu=(0,Ms.createStore)((e,t)=>({loaded:{},setLoaded:(n,o="done")=>{e(r=>({loaded:{...r.loaded,[n]:o}}))}})),tu=(0,ws.default)();tu.on("loaded",e=>{eu.getState().setLoaded(e.imageServiceId)});function Cn(){let e=Lt(),t=$a();return[(0,ks.useCallback)((o,{height:r,width:i})=>o&&e(o,{height:r,width:i},!0),[e]),t]}var vt=require("react");function Be(e={}){let t=Zt(),n=I(e.canvasId?{id:e.canvasId}:void 0);return z((o,r)=>{if(!n)return[];if(t&&e.enableSingleAnnotation)return[t];let i=r.get(n.items),a=[];for(let s of i)a.push(...r.get(s.items));return a},[n])}var Es=require("@iiif/helpers/painting-annotations");function ei(e,t=[]){let n=k(),o=(0,vt.useMemo)(()=>(0,Es.createPaintingAnnotationsHelper)(n),[]),r=Be({enableSingleAnnotation:e?.enableSingleAnnotation}),[i,a]=(0,vt.useState)(e?.defaultChoices||[]),s=(0,vt.useMemo)(()=>o.getPaintables(r,i),[n,r,i,...t]),c={makeChoice:(0,vt.useCallback)((u,{deselectOthers:m=!0,deselect:d=!1}={})=>{s.choice&&a(p=>{if(d){let f=p.filter(S=>S!==u);if(f.length===0){let S=s.items[0].resource.id;return S?[S]:[]}return f}if(m)return[u];let g=[...p];if(g.length===0&&s.items.length){let f=s.items[0].resource.id;f&&g.push(f)}return p.indexOf(u)!==-1?p:[...p,u]})},[s.choice])};return[s,c]}var nu=["model/gltf-binary"];function ti(e,t){let n=t.items[0],o=n.resource;return o.format?nu.indexOf(o.format)===-1?q(`3D format: ${o.format} is unsupported`):{type:"3d-model",model:o,annotationId:n.annotationId,annotation:n.annotation}:q("Unknown format")}function vo(e,t){let n=t.items,o=n[0];if(n.length===0||!o)return q("No audio");if(!e.duration)return q("No duration on canvas");if(n.length>1)return q("Only one audio source supported");let r=o.resource;return r?("format"in r||(r.format="audio/mpeg"),{type:"media",media:{annotationId:o.annotationId,annotation:o.annotation,duration:e.duration,url:r.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:r.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}):q("Unknown audio")}var ni=require("@iiif/helpers/annotation-targets"),Vs=require("@iiif/parser/image-3");function qe(e){return e.replace(/^http:/,"https:")}function Ns(e){if(!(e?.type!=="ImageApiSelector"||typeof e.rotation>"u"))return oi(e.rotation)}function oi(e){if(e===null||typeof e>"u"||e==="")return;let t=Number(e);return Number.isFinite(t)?t:void 0}function ou(e){let t=e.selector||{};return{...e.rotationOrigin||t.rotationOrigin?{rotationOrigin:e.rotationOrigin||t.rotationOrigin}:{},...e.translate||t.translate?{translate:e.translate||t.translate}:{},...e.transform||t.transform?{transform:e.transform||t.transform}:{},...e.style||t.boxStyle?{style:e.style||t.boxStyle}:{},...e.styleClass?{styleClass:e.styleClass}:{}}}function Rn(e,t,n){let o=[],r=[];for(let i of t.items){let a=i.resource&&i.resource.type==="SpecificResource"?i.resource.source:i.resource;if(!a.id)return q("No resource Identifier");let l=(i.resource.type==="SpecificResource"?Ns(i.resource.selector):void 0)??Ns(i.selector)??oi(i.rotation)??oi(i.selector?.rotation),c=typeof l<"u",u;if(a.service){let y=(0,Vs.getImageServices)(a);y[0]&&(u=n(y[0],c?{width:Number(a.width||e.width),height:Number(a.height||e.height)}:e))}let m={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[d,p]=vn(e,i.target),g=e.id?.split("?")[0]||"";if(!(qe(p.id||"")===qe(e.id)||qe(decodeURIComponent(p.id||""))===qe(e.id||"")||qe(p.id||"")===qe(g)||qe(decodeURIComponent(p.id||""))===qe(g)))continue;let f=i.resource.width&&i.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:i.resource.width,height:i.resource.height}}:void 0,S=i.resource.type==="SpecificResource"?(0,ni.expandTarget)(i.resource):null;if(i.selector){let y=(0,ni.expandTarget)({type:"SpecificResource",source:i.resource,selector:i.selector});y&&(S=y)}let v=S&&S.selector&&(S.selector.type==="BoxSelector"||S.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:S.selector.spatial.x,y:S.selector.spatial.y,width:S.selector.spatial.width,height:S.selector.spatial.height},...typeof S.selector.rotation<"u"?{rotation:S.selector.rotation}:{},...S.selector.rotationOrigin?{rotationOrigin:S.selector.rotationOrigin}:{},...S.selector.translate?{translate:S.selector.translate}:{},...S.selector.transform?{transform:S.selector.transform}:{},...S.selector.boxStyle?{boxStyle:S.selector.boxStyle}:{}}:void 0;u&&!u.id&&(u.id=u["@id"]);let h={id:a.id,type:"Image",annotationId:i.annotationId,annotation:i.annotation,width:Number(c||d||v?a.width:e.width),height:Number(c||d||v?a.height:e.height),...typeof l<"u"?{rotation:l}:{},...ou(i),service:u,sizes:u&&u.sizes?u.sizes:a.width&&a.height?[{width:a.width,height:a.height}]:[],target:d&&d.type!=="PointSelector"?d:m,selector:v||{type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},annotationPages:i.resource.annotations||[]};o.push(h)}return{type:"images",image:o[0],images:o,choice:t.choice}}function Ls(e,t={},n){let o=e.language||n||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(t[o]=[e.value]);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(r=>Ls(r,t,o))}return t}function Pn(e,t){let n=[];return t.items.forEach(o=>{if(o.resource){let[r]=vn(e,o.target);n.push({type:"Text",annotationId:o.annotationId,annotation:o.annotation,text:Ls(o.resource),target:r})}}),{type:"textual-content",items:n}}var So=require("@iiif/helpers");var ru=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function An(e,t,n,o=!1){let r=t.items.filter(f=>f.type==="video"),i=r[0],a=!1,s=!1;if(e.duration||(s=!0),r.length>1||!i)return q("Only one video source supported");let l=r[0]?.resource,c=!!(l.service||[]).find(f=>(f.profile||"").includes("youtube.com"));if(!c&&s)return q("Video does not have duration");if(!l)return q("Unknown video");if((!l.format||l.format==="text/html")&&!c)return q("Video does not have format");let u=[],m=n.get(e.annotations||[]);for(let f of m){let S=n.get(f.items||[]);for(let v of S)if((v.motivation?Array.isArray(v.motivation||"")?v.motivation:[v.motivation]:[]).includes("supplementing")){let y=n.get(v.body||[]);for(let R of y){let C=R;if(C.type==="Choice")for(let P of C.items){let A=n.get(P);A.format==="text/vtt"&&u.push({id:A.id,type:"Text",format:"text/vtt",label:A.label,language:A.language})}else C.format==="text/vtt"&&u.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}}},p=(0,So.expandTarget)(i.target);p.selector&&p.selector.type==="TemporalBoxSelector"&&(d.target=p.selector);let{selector:g}=(0,So.parseSelector)(i.selector);if(g===null){let f=d.target.temporal.startTime,v=(d.target.temporal.endTime||e.duration)-f;d.selector={type:"TemporalSelector",temporal:{startTime:0,endTime:v}}}else g.type==="TemporalSelector"&&(d.selector=g);if(o&&!d.target.spatial&&(a=!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 f=l.id.match(ru);if(!f[1])return q("Video is not known youtube video");d.youTubeId=f[1]}return{type:"media",media:d,annotations:{pages:[]},noSpatial:a,captions:u}}var zs=require("@iiif/helpers");function ri(e,t,n,o){let r={type:"complex-timeline",items:[],keyframes:[],highlights:[],duration:e.duration||0},i={type:"complex-choice",items:[]},a=o.get(e.annotations);function s(u){u.choice&&(u.choice.type==="complex-choice"?i.items.push(...u.choice.items):i.items.push(u.choice))}for(let u of t.items){if(u.type==="image"){let m=Rn(e,{choice:null,allChoices:null,types:["image"],items:[u]},n);if(m.type==="images"){if(!m.image)continue;s(m),r.items.push(m.image);let d={id:m.image.annotationId,type:"enter",resourceType:"image",time:m.image.target?.temporal?.startTime||0};r.keyframes.push(d);let p={id:m.image.annotationId,type:"exit",resourceType:"image",time:m.image.target?.temporal?.endTime||e.duration||0};r.keyframes.push(p)}}if(u.type==="textualbody"){let m=Pn(e,{choice:null,allChoices:null,types:["textualbody"],items:[u]});if(m.type==="textual-content"){s(m);let d=m.items[0];r.items.push(d);let p=d.target,g={id:d.annotationId,type:"enter",resourceType:"text",time:p.temporal?.startTime||0};r.keyframes.push(g);let f={id:d.annotationId,type:"exit",resourceType:"text",time:p.temporal?.endTime||e.duration||0};r.keyframes.push(f)}}if(u.type==="video"){let m=An(e,{choice:null,allChoices:null,types:["video"],items:[u]},o,!0);if(m.type==="media"){s(m);let d=m.media;r.items.push(d);let p={id:d.annotationId,type:"enter",resourceType:"video",time:d.target?.temporal?.startTime||0};r.keyframes.push(p);let g={id:d.annotationId,type:"exit",resourceType:"video",time:d.target?.temporal?.endTime||e.duration||0};r.keyframes.push(g)}}if(u.type==="audio"||u.type==="sound"){let m=vo(e,{choice:null,allChoices:null,types:["audio"],items:[u]});if(m.type==="media"){s(m);let d=m.media;r.items.push(d);let p={id:d.annotationId,type:"enter",resourceType:"audio",time:d.target?.temporal?.startTime||0};r.keyframes.push(p);let g={id:d.annotationId,type:"exit",resourceType:"audio",time:d.target?.temporal?.endTime||e.duration||0};r.keyframes.push(g)}}}for(let u of a)for(let m of u.items){let d=o.get(m),p=(0,zs.expandTarget)(d.target,{typeMap:o.getState?.().iiif.mapping});if(p.selector?.temporal){let g={id:d.id,type:"enter",resourceType:"highlight",time:p.selector.temporal.startTime||0};r.keyframes.push(g);let f={id:d.id,type:"exit",resourceType:"highlight",time:p.selector.temporal.endTime||e.duration||0};r.keyframes.push(f)}r.highlights.push({annotation:d,target:p})}r.keyframes.sort((u,m)=>u.time-m.time);let l=[],c=[];for(let u of r.keyframes){if(u.resourceType==="image"||u.resourceType==="text"||u.resourceType==="highlight"){c.push(u);continue}if(u.type==="enter"){l.length===0&&(u.isPrime=!0),l.push(u),c.push(u);continue}if(u.type==="exit"&&(c.push(u),l=l.filter(m=>m.id!==u.id),l.length!==0)){let m=l[0],d={id:m.id,type:"change",isPrime:!0,resourceType:m.resourceType,time:u.time};c.push(d)}}return r.keyframes=c,i.items.length&&(r.choice=i),r}var xo={},ii={get(e){return e},setMetaValue([e,t,n],o){let r=ii.getResourceMeta(e,t),i=r?r[n]:void 0,a=typeof o=="function"?o(i):o;xo[e]={...xo[e]||{},[t]:{...(xo[e]||{})[t]||{},[n]:a}}},getResourceMeta:(e,t)=>{let n=xo[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 Tn({canvas:e,paintables:t,supports:n,loadImageService:o,vault:r=ii}){if(!e)return Sn;if(t.types.length===0)return n.indexOf("empty")!==-1?Xr(e.width,e.height):Sn;if(t.types.length!==1)if(t.types.length===2&&t.types.indexOf("text")!==-1)t.types=t.types.filter(a=>a!=="text");else return n.indexOf("complex-timeline")===-1?q("Complex timeline not supported"):ri(e,t,o,r);let i=t.types[0];return i==="image"?n.indexOf("images")===-1?q("Image not supported"):Rn(e,t,o):i==="Model"||i==="model"?n.indexOf("3d-model")===-1?q("3D not supported"):ti(e,t):i==="textualbody"?n.indexOf("textual-content")===-1?q("Textual content not supported"):Pn(e,t):i==="sound"||i==="audio"?n.indexOf("media")===-1?q("Media not supported"):vo(e,t):i==="video"?n.indexOf("media")===-1?q("Media not supported"):An(e,t,r):Sn}function ai(e){let t=$(),n=I(),o=k(),r=mn(),i=e?.emitter||r,[a,s]=Cn(),{enabledPageIds:l}=bn(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),c=Jr(l,"AnnotationPage"),u=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[m,d]=ei(e,[s]);(0,Ht.useEffect)(()=>{let g=f=>{d.makeChoice(f.choiceId,{deselectOthers:f.deselectOthers,deselect:f.deselect})};return i.on("make-choice",g),()=>{i.off("make-choice",g)}},[]);let p=(0,Ht.useMemo)(()=>Tn({canvas:n,paintables:m,supports:u,loadImageService:a,vault:o}),[n,m,o,d.makeChoice]);return(0,Ht.useEffect)(()=>{let g=m.allChoices,f={canvasId:n?.id,manifestId:t?.id};g&&i.emit("choice-change",{choice:g,partOf:f})},[n?.id,m.allChoices]),(0,Ht.useMemo)(()=>p.type==="unknown"?[p,Qr]:[{...p,annotations:{pages:c}},d],[p,c])}var Os=require("@iiif/helpers");var si=require("react/jsx-runtime");function li({strategies:e,registerActions:t,defaultChoices:n,onChoiceChange:o,mediaControlsDeps:r,renderMediaControls:i,renderViewerControls:a,viewControlsDeps:s,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,throwOnUnknown:u,children:m}){let d=I(),p=k(),g=(0,Je.useMemo)(()=>(0,Os.createStylesHelper)(p),[p]),[f,S]=ai({strategies:e||["images"],defaultChoices:n?.map(({id:R})=>R)}),v="choice"in f?f.choice:void 0;if((0,Je.useEffect)(()=>{t&&t(S)},[f.annotations]),(0,Je.useEffect)(()=>{o&&o(v)},[v]),(0,Je.useEffect)(()=>{if(n)for(let R of n)typeof R.opacity<"u"&&g.applyStyles({id:R.id},"atlas",{opacity:R.opacity})},[n]),f.type==="unknown"&&u)throw new Error(f.reason||"Unknown strategy");let h=(0,Je.useMemo)(()=>({renderMediaControls:i,mediaControlsDeps:r||[],renderViewerControls:a,viewControlsDeps:s||[],renderComplexTimelineControls:l,complexTimelineControlsDeps:c||[]}),[r,i,a,s,l,c]),y=(0,Je.useMemo)(()=>({strategy:f,actions:S,choices:"choice"in f?f.choice:[]}),[f,d]);return(0,si.jsx)(on.Provider,{value:h,children:(0,si.jsx)(_e.Provider,{value:y,children:m})})}var In=require("react"),ci=require("zustand");var Dt=require("react");var ui=(0,Dt.createContext)(()=>{});function Bs(e){let t=I(),n=(0,Dt.useContext)(ui);(0,Dt.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var qs=require("react/jsx-runtime");function mi({x:e=0,y:t=0,keepCanvasScale:n=!0,renderContextMenu:o,children:r}){let{strategy:i}=H(),a=I(),s=B(),l=Jt(a,["deep-zoom"]),c=(0,ci.useStore)(s,f=>f.setCanvasRelativePosition),u=(0,ci.useStore)(s,f=>f.clearCanvasRelativePosition),[m,d]=yn(`context-menu/${a?.id}`,a?.id,o),p=(0,In.useMemo)(()=>n?1:Math.max(1,...i.type==="images"?i.images.map(f=>(f.width||0)/f.target?.spatial.width):[]),[n,i]);(0,In.useEffect)(()=>{if(a)return c(a.id,{x:e,y:t,width:a.width,height:a.height}),()=>{u(a.id)}},[e,t,a,u,c]),(0,In.useEffect)(()=>{a&&s.getState().reset()},[s,a]),Bs(p);let g=i.type==="images"?i.images.length:0;return a?(0,qs.jsxs)("world-object",{height:a.height,width:a.width,x:e,y:t,...d,...l,children:[m,r]},`${a.id}/${i.type}/${g}`):null}var ae=require("react/jsx-runtime");function dt({x:e,y:t,onChoiceChange:n,registerActions:o,defaultChoices:r,isStatic:i,renderViewerControls:a,renderMediaControls:s,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,viewControlsDeps:u,mediaControlsDeps:m,strategies:d,throwOnUnknown:p,rotation:g,backgroundStyle:f,alwaysShowBackground:S,keepCanvasScale:v=!1,enableSizes:h=!1,enableYouTube:y=!0,onClickPaintingAnnotation:R,components:C={},children:P,annotationPopup:A,svgTheme:T,renderContextMenu:O,renderAnnotationContextMenu:_}){return(0,ae.jsxs)(li,{throwOnUnknown:p,onChoiceChange:n,registerActions:o,strategies:d,defaultChoices:r,mediaControlsDeps:m,renderMediaControls:s,renderViewerControls:a,renderComplexTimelineControls:l,complexTimelineControlsDeps:c,viewControlsDeps:u,children:[(0,ae.jsxs)(mi,{keepCanvasScale:v,x:e,y:t,renderContextMenu:O,children:[(0,ae.jsx)(Dr,{alwaysShowBackground:S,backgroundStyle:f}),(0,ae.jsx)(Hr,{}),(0,ae.jsx)($r,{}),(0,ae.jsx)(Fr,{isStatic:i,enableSizes:h,onClickPaintingAnnotation:R,rotation:g}),(0,ae.jsx)(Rr,{}),(0,ae.jsx)(yr,{}),(0,ae.jsx)(Tr,{as:C.Audio}),(0,ae.jsx)(Ur,{as:C.Video}),y?(0,ae.jsx)(_r,{}):null,(0,ae.jsx)(Gr,{theme:T,renderContextMenu:_,children:A}),P]}),(0,ae.jsx)(vr,{})]})}var di=require("react/jsx-runtime");function Hs(e){let t=I();return!t||!t.placeholderCanvas?null:(0,di.jsx)(de,{canvas:t.placeholderCanvas.id,children:(0,di.jsx)(dt,{renderViewerControls:e.renderViewerControls})})}var Fs=require("@atlas-viewer/atlas"),se=Z(require("react"),1),$s=require("react-error-boundary"),pi=require("zustand");var bo=require("react");function Ds(e,t=2e3){let{currentSequenceIndex:n,sequence:o,items:r}=rt(),i=I(),a=(0,bo.useMemo)(()=>{let l=o[n]||[];return l.length===0&&i?[{id:i.id,type:"Canvas"}]:l.map(c=>r[c])},[o,n,i,r]),s=B();(0,bo.useEffect)(()=>{let c=setInterval(()=>{if(e&&t!==-1){let u={x:e.x,y:e.y,width:e.width,height:e.height},m=s.getState().canvasRelativePositions,d={};for(let p of a){let g=m[p.id];if(g){let f=g.x,S=g.y,v=g.width,h=g.height,y={x:Math.max(f,u.x),y:Math.max(S,u.y),width:Math.min(f+v,u.x+u.width)-Math.max(f,u.x),height:Math.min(S+h,u.y+u.height)-Math.max(S,u.y)};y.width<=0||y.height<=0||(d[p.id]={x:y.x-g.x,y:y.y-g.y,width:y.width,height:y.height}),s.setState({canvasViewports:d})}}}},t);return()=>{clearTimeout(c)}},[a,e,s,t])}var Ft=require("react/jsx-runtime");function Co({width:e,style:t,height:n,error:o,resetErrorBoundary:r}){return(0,Ft.jsxs)("div",{style:{width:e,height:n,minHeight:500,...t||{},background:"#f9f9f9"},children:[(0,Ft.jsx)("h3",{children:"Error occurred"}),(0,Ft.jsx)("p",{children:o.message}),(0,Ft.jsx)("button",{type:"button",onClick:r,children:"Reset"})]})}var D=require("react/jsx-runtime");function Ro(e){let t=B();return(0,D.jsx)(Mt,{name:e.name,existing:t,children:(0,D.jsx)(iu,{...e})})}function iu({name:e,children:t,errorFallback:n,outerContainerProps:o={},worldScale:r,updateViewportTimeout:i,...a}){let s=B(),l=(0,pi.useStore)(s,w=>w.mode),c=(0,pi.useStore)(s,w=>w.setAtlasRuntime),[u,m]=(0,se.useState)(),d=pn(),p=fn(),g=n||Co,[f,S]=(0,se.useState)({}),v=Object.entries(f),[h,y]=(0,se.useState)({}),R=Object.entries(h),[C,P]=(0,se.useState)({}),{worldScale:A,runtimeOptions:T}=(0,se.useMemo)(()=>{if(Object.values(C).length===0)return{worldScale:1,runtimeOptions:a.runtimeOptions||{maxOverZoom:1}};let N=Math.max(...Object.values(C));return{worldScale:N,runtimeOptions:{maxOverZoom:N||1,...a.runtimeOptions||{}}}},[C,a.runtimeOptions]);Ds(u?.runtime,i);let O=(0,se.useCallback)((w,N)=>{P(V=>{if(N===-1){let{[w]:Te,...he}=V;return he}return{...V,[w]:N}})},[]),_=(0,se.useCallback)((w,N,V)=>{S(({[w]:Te,...he})=>N?{...he,[w]:{element:N,props:V}}:he)},[]),M=(0,se.useCallback)((w,N,V)=>{y(({[w]:Te,...he})=>N?{...he,[w]:{element:N,props:V}}:he)},[]),L=(0,se.useCallback)(w=>{m(w),c(w.runtime),a.onCreated&&a.onCreated(w)},[a.onCreated,c]);return(0,D.jsxs)($s.ErrorBoundary,{resetKeys:[],fallbackRender:w=>(0,D.jsx)(g,{...a,...w}),children:[(0,D.jsx)(Fs.AtlasAuto,{...a,mode:l,containerProps:{style:{position:"relative"},...a.containerProps||{}},htmlChildren:(0,D.jsx)(D.Fragment,{children:v.map(([w,{element:N,props:V}])=>(0,D.jsx)(se.default.Fragment,{children:(0,D.jsx)(N,{...V||{}})},w))}),onCreated:L,runtimeOptions:T,children:(0,D.jsx)(Mt,{name:e,existing:s,children:(0,D.jsx)(Pe.Provider,{value:u,children:(0,D.jsx)(ui.Provider,{value:O,children:(0,D.jsx)(pr.Provider,{value:_,children:(0,D.jsx)(fr.Provider,{value:M,children:(0,D.jsx)(gn,{bridge:p,custom:d,children:(0,D.jsx)(Cr,{children:t})})})})})})})}),(0,D.jsx)("div",{children:R.map(([w,{element:N,props:V}])=>(0,D.jsx)(se.default.Fragment,{children:(0,D.jsx)(N,{...V||{}})},w))}),(0,D.jsx)("div",{id:"atlas-floating-ui",style:{position:"relative",zIndex:999999}})]})}var oe=require("react/jsx-runtime"),au=(0,St.forwardRef)(function(t,n){let o=$(),r=nt(),i=rt(),{ViewerControls:a,MediaControls:s,ComplexTimelineControls:l}=t.components||{};if((0,St.useImperativeHandle)(n,()=>i,[i]),!o)return(0,oe.jsx)("div",{});let c=0,u=o.viewingDirection==="top-to-bottom",m=o.viewingDirection==="bottom-to-top",d=o.viewingDirection==="left-to-right",p=o.viewingDirection==="right-to-left",f=o.behavior.includes("continuous")?0:t.spacing||0,S=m||p,v=(0,St.useMemo)(()=>S?[...r].reverse():r,[r,S]);return(0,oe.jsxs)(oe.Fragment,{children:[t.header,(0,oe.jsx)(Y.Viewer,{height:t.height,mode:t.mode,renderPreset:t.renderPreset,runtimeOptions:t.runtimeOptions,updateViewportTimeout:t.updateViewportTimeout,homePaddingPx:t.padding,children:v.map((h,y)=>{let R=0,C=0;return!u&&!m?(R=c,c+=h.width+f):(C=c,c+=h.height+f),(0,oe.jsx)(de,{canvas:h.id,children:(0,oe.jsx)(Y.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content","complex-timeline"],renderViewerControls:y===0&&a?()=>(0,oe.jsx)(a,{}):void 0,renderMediaControls:y===0&&s?()=>(0,oe.jsx)(s,{}):void 0,annotationPopup:t.annotationPopup,renderContextMenu:t.renderContextMenu,keepCanvasScale:t.keepCanvasScale,renderComplexTimelineControls:y===0&&l?()=>(0,oe.jsx)(l,{}):void 0,renderAnnotationContextMenu:t.renderAnnotationContextMenu,x:R,y:C,svgTheme:t.svgTheme,rotation:t.rotation,...t.canvasProps||{},children:t.annotations},h.id)},h.id)})},t.reuseAtlas?"":i.currentSequenceIndex),t.children]})}),Y=(0,St.forwardRef)(function({children:t,height:n,annotations:o,canvasProps:r,spacing:i,header:a,components:s,mode:l,reuseAtlas:c,renderPreset:u,runtimeOptions:m,annotationPopup:d,name:p,svgTheme:g,updateViewportTimeout:f,renderContextMenu:S,keepCanvasScale:v,renderAnnotationContextMenu:h,padding:y,rotation:R,...C},P){let A=Me();return(0,oe.jsx)(Mt,{name:p,children:(0,oe.jsx)(ke,{vault:A,children:(0,oe.jsx)(Zo,{...C,children:(0,oe.jsx)(au,{ref:P,height:n,components:s,spacing:i,canvasProps:r,annotations:o,header:a,mode:l,reuseAtlas:c,renderPreset:u,runtimeOptions:m,annotationPopup:d,svgTheme:g,updateViewportTimeout:f,renderContextMenu:S,keepCanvasScale:v,renderAnnotationContextMenu:h,padding:y,rotation:R,children:t})})})})});Y.RenderImage=Qe;Y.RenderCanvas=dt;Y.RenderAnnotationPage=We;Y.RenderAnnotation=ut;Y.Viewer=Ro;Y.CanvasBackground=so;Y.Audio=Yn;Y.Video=uo;Y.Model=Gn;Y.AudioHTML=gr;Y.VideoHTML=Wr;Y.ModelHTML=hr;Y.PlaceholderCanvas=Hs;Y.getAtlasStoreByName=or;var Ws=require("react");var ge=require("react"),xt=require("zustand");function fi(e){let[t,n]=(0,ge.useState)(0),o=B(),r=(0,xt.useStore)(o,C=>C.tool.enabled),i=(0,xt.useStore)(o,C=>C.tool.requestId),a=(0,xt.useStore)(o,C=>C.getRequestId),s=(0,xt.useStore)(o,C=>C.requestAnnotation),l=(0,xt.useStore)(o,C=>C.completeRequest),c=(0,xt.useStore)(o,C=>C.cancelRequest),u=(0,ge.useRef)(e?.onSuccess);u.current=e?.onSuccess;let[m,d]=(0,ge.useState)(!1),[p,g]=(0,ge.useState)(null),[f,S]=(0,ge.useState)(null),v=r&&i!==f,h=r&&i===f,y=(0,ge.useCallback)(async(C,P)=>{if(f){let A=u.current;d(!0);let T=await s(C,{...P,requestId:f});if(T)return A?.(T),n(_=>_+1),d(!1),g(T),T;let O={id:f,cancelled:!0,...Qt(C)};return A?.(O),g(O),n(_=>_+1),d(!1),O}return null},[s,f]),R=(0,ge.useCallback)(()=>{g(null),d(!1)},[]);return(0,ge.useEffect)(()=>{let C=a();return S(C.requestId),()=>{C.clear()}},[t]),{id:t,busy:v,isPending:m,isActive:h,requestId:f,requestAnnotation:y,cancelRequest:()=>f?c(f):void 0,completeRequest:()=>f?l(f):void 0,reset:R,data:p}}var su=[{name:"Default",outer:{borderWidth:4,borderColor:"rgba(255, 255, 255, .4)"},inner:{borderWidth:2,borderColor:"#000"}},{name:"High contrast",outer:{borderWidth:3,borderColor:"#fff"},inner:{borderWidth:1,borderColor:"#000"}},{name:"Lightsaber",outer:{borderWidth:"4",borderColor:"rgba(56,68,255,0.64)"},inner:{borderWidth:"2",borderColor:"#fff"}},{name:"Bright",outer:{borderWidth:"6",borderColor:"#25d527"},inner:{borderWidth:"3",borderColor:"#a916ff"}},{name:"pink",outer:{borderWidth:"4",borderColor:"#ff00ff"},inner:{borderWidth:"2",borderColor:"#ffffff"}},{name:"fine (dark)",outer:{borderWidth:"1",borderColor:"#000000"},inner:{}},{name:"fine (light)",outer:{borderWidth:"1",borderColor:"#FFF"},inner:{}}];function gi(e){let{id:t,data:n,requestAnnotation:o,cancelRequest:r,isPending:i}=fi({onSuccess:a=>{e.updateShape(a.polygon)}});return(0,Ws.useEffect)(()=>(o({type:"polygon",open:e.shape?.open,points:e.shape?.points}),()=>{r()}),[]),null}var X=require("react"),hi=Z(require("mitt"),1),Us=require("react/jsx-runtime"),Po=(0,X.createContext)((0,hi.default)());Po.displayName="SelectorHelper";function lu({children:e}){return(0,Us.jsx)(Po.Provider,{value:(0,X.useMemo)(()=>(0,hi.default)(),[]),children:e})}function uu(){return(0,X.useContext)(Po)}function yi(e){let t=vi(),[n,o]=(0,X.useState)(!1);(0,X.useEffect)(()=>t.withSelector(e).on("highlight",()=>{o(!0)}),[t,e]),(0,X.useEffect)(()=>t.withSelector(e).on("clear-highlight",()=>{o(!1)}),[t,e]);let r=(0,X.useCallback)(a=>{t.emit("click",{selectorId:e,event:a})},[e,t]),i=(0,X.useCallback)(a=>{t.emit("hover",{selectorId:e,event:a})},[e,t]);return{controller:t,onClick:r,onHover:i,isHighlighted:n}}function vi(){let e=(0,X.useContext)(Po);return(0,X.useMemo)(()=>({withSelector(t){return{on(n,o){let r=i=>{i&&i.selectorId===t&&o(i)};return e.on(n,r),()=>{e.off(n,r)}},emit(n,o){e.emit(n,{...o,selectorId:t})}}},on(t,n){return e.on(t,n),()=>{e.off(t,n)}},emit(t,n){e.emit(t,n)}}),[e])}function cu(){let e=vi();return(0,X.useMemo)(()=>({withSelector(t){return{highlight(){e.emit("highlight",{selectorId:t})},clearHighlight(){e.emit("clear-highlight",{selectorId:t})},zoomTo(){e.emit("zoom-to",{selectorId:t})},addEventListener(n,o){return e.emit("event-listener",{selectorId:t,name:n,callback:o}),()=>{e.emit("remove-event-listener",{selectorId:t,name:n,callback:o})}},getImagePreview(){return new Promise((n,o)=>{e.emit("image-preview-request",{selectorId:t,resolve:n,reject:o})})},on(n,o){return e.withSelector(t).on(n,o)}}},highlight(t){e.emit("highlight",{selectorId:t})},clearHighlight(t){e.emit("clear-highlight",{selectorId:t})},zoomTo(t){e.emit("zoom-to",{selectorId:t})},addEventListener(t,n,o){return e.emit("event-listener",{selectorId:t,name:n,callback:o}),()=>{e.emit("remove-event-listener",{selectorId:t,name:n,callback:o})}},getImagePreview(t){return new Promise((n,o)=>{e.emit("image-preview-request",{selectorId:t,resolve:n,reject:o})})},on(t,n){return e.on(t,n)}}),[e])}var Si=require("react/jsx-runtime");function mu(e){let t=I(),n=e.annotationBucket,o=e.readOnly,r=e.id,{onClick:i,isHighlighted:a}=yi(e.id),s=Xt(),l=a?s.highlighted:s[n||"hidden"]||s.hidden;if(!t)return null;if(o){let c="shape",u=e.polygon,m=u.open;return u?(0,Si.jsx)(c,{id:`shape-${r}`,points:u.points,open:m,onClick:i,relativeStyle:!0,target:{x:0,y:0,width:t.width,height:t.height},style:l}):null}return(0,Si.jsx)(gi,{image:t,shape:e.polygon||{id:e.id,open:!0,points:[]},updateShape:e.updatePolygon,theme:e.theme,controlsHtmlId:e.controlsHtmlId,renderControls:e.renderControls})}var _s=require("@atlas-viewer/atlas");var Ao=require("react"),wn=require("react/jsx-runtime"),du=(0,Ao.forwardRef)(function({canvasId:t},n){let o=(0,_s.useCanvas)(),r=bn(t||o?.id),i=k();return(0,Ao.useImperativeHandle)(n,()=>r,[t,o]),!o||r.enabledPageIds.length===0?null:(0,wn.jsx)(wn.Fragment,{children:r.enabledPageIds.map(a=>(0,wn.jsx)(Y.RenderAnnotationPage,{page:i.get(a)},a))})});var Ks=require("react");var Ys=require("react");var U=require("react/jsx-runtime");function kn({metadata:e=[],config:t,labelWidth:n=16,showEmptyMessage:o=!0,allowHtml:r,emptyFallback:i,classes:a={},emptyMessage:s="No metadata available",emptyValueFallback:l="No value",emptyLabelFallback:c="",separator:u,tableFooter:m,tableHeader:d,customLabelRender:p,customValueRender:g}){let f=(0,Ys.useMemo)(()=>{let v=(t||[]).reduce((y,R)=>[...y,...R.keys],[]),h={};for(let y of e){let R=y?.label?Object.values(y.label):[];for(let C of R)if(C?.length&&(v.indexOf(`metadata.${C[0]}`)!==-1||v.length===0)&&y){let P=`metadata.${C[0]}`;h[P]=h[P]?h[P]:[],h[P].push(y);break}}return h},[t,e]);return Object.keys(f).length===0&&o?(0,U.jsx)(U.Fragment,{children:i})||(0,U.jsx)("div",{className:a.empty,children:s}):t?.length?(0,U.jsxs)("table",{className:a.container,children:[d,(0,U.jsx)("tbody",{children:t.map((v,h)=>{let y=[];for(let C of v.keys)for(let P of f[C]||[]){let A=(0,U.jsx)(ce,{enableDangerouslySetInnerHTML:r,defaultText:l,separator:u,children:P.value},h+"__"+C);g?y.push(g(P,A)):y.push(A)}if(y.length===0)return null;let R=(0,U.jsx)(ce,{enableDangerouslySetInnerHTML:r,separator:u,defaultText:c,children:v.label});return(0,U.jsxs)("tr",{className:a.row,children:[(0,U.jsx)("td",{className:a.label,style:n?{minWidth:n}:{},children:p?p(v.label,R):R}),(0,U.jsx)("td",{className:a.value,children:y})]},h)})}),m]}):(0,U.jsxs)("table",{className:a.container,children:[d,(0,U.jsx)("tbody",{children:e?.length?e.map((v,h)=>{if(!v)return null;let y=(0,U.jsx)(ce,{enableDangerouslySetInnerHTML:r,defaultText:l,separator:u,children:v.label}),R=(0,U.jsx)(ce,{enableDangerouslySetInnerHTML:r,defaultText:l,separator:u,children:v.value});return(0,U.jsxs)("tr",{className:a.row,children:[(0,U.jsx)("td",{className:a.label,style:n?{minWidth:n}:{},children:p?p(v.label,y):y}),(0,U.jsx)("td",{className:a.value,children:g?g(v,R):R})]},h)}):null}),m]})}var js=require("react/jsx-runtime");function pu(e){let t=$(),n=I(),o=Yt(),r=(0,Ks.useMemo)(()=>{let i=t?.metadata||[],a=n?.metadata||[],s=o?.metadata||[];return[...i,...a,...s]},[t,n,o]);return(0,js.jsx)(kn,{metadata:r,...e})}var wo=require("react");var To=require("@iiif/parser/image-3"),Gs=require("react");function Io(e,t={},n=[]){return(0,Gs.useMemo)(()=>{if(!e)return null;let o=t.quality;e&&e.extraQualities&&t.quality&&(e.extraQualities.includes(t.quality)||(o="default"));let r=(0,To.createImageServiceRequest)(e);return(0,To.imageServiceRequestToString)({identifier:r.identifier,server:r.server,scheme:r.scheme,type:"image",size:{max:!t.size?.width&&!t.size?.height,confined:!1,upscaled:!1,...t.size||{}},format:t.format||"jpg",region:t.region||{full:!0},rotation:t?.rotation?Number.isInteger(t.rotation)?{angle:t.rotation}:t.rotation:{angle:0},quality:o||"default",prefix:r.prefix,originalPath:r.originalPath})},[...n])}var Mn=require("react/jsx-runtime");function fu(e){let t=typeof e.src=="string"?e.src:e.src.id,n=rn(),[o,r]=(0,wo.useState)(!1),i;if(t){let s=n.loadServiceSync({id:t});s&&(i=s)}!i&&!o&&n.loadService({id:t}).then(()=>{r(!0)});let a=Io(i,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[o,e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return(0,wo.useEffect)(()=>()=>{r(!1)},[t]),a?(0,Mn.jsx)("img",{src:a,alt:e.alt,className:e.className,style:e.style}):(0,Mn.jsx)(Qs,{...e,fetchImageService:!1})}function Qs(e){if(e.fetchImageService)return(0,Mn.jsx)(fu,{...e});let t=typeof e.src=="string"?{id:e.src,profile:"level0"}:e.src,n=Io(t,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return n?(0,Mn.jsx)("img",{src:n,alt:e.alt,className:e.className,style:e.style}):null}var ko=require("react"),Xs=require("react-error-boundary");var He=require("react/jsx-runtime");function gu({src:e,errorFallback:t,interactive:n,skipSizes:o,children:r,renderViewerControls:i,viewControlsDeps:a,fluid:s,x:l,y:c,...u}){let m=Me(),[d,p]=(0,ko.useState)(),g=t||Co,[f,S]=Cn(),v=(0,ko.useMemo)(()=>{let y=S[e]?.status,R=f({id:e},{});return R?.height&&R.width&&y!=="loading"?{id:e,width:R.width,height:R.height,service:R,type:"Image",selector:{type:"BoxSelector",spatial:{x:0,y:0,width:R.width,height:R.height}},target:{type:"BoxSelector",spatial:{x:0,y:0,width:R.width,height:R.height}}}:null},[f,e,S]);if(!v||!v.height||!v.width)return null;let h=s?void 0:u.homePosition?u.homePosition.width/u.homePosition.height:v.width/v.height;return(0,He.jsx)(Xs.ErrorBoundary,{resetKeys:[],fallbackRender:y=>(0,He.jsx)(g,{...u,...y}),children:(0,He.jsx)(ke,{vault:m,children:(0,He.jsx)(Ro,{...u,aspectRatio:h,containerProps:{style:{position:"relative"},...u.containerProps||{}},onCreated:y=>{p(y),u.onCreated&&u.onCreated(y)},children:(0,He.jsxs)(Pe.Provider,{value:d,children:[(0,He.jsx)(Qe,{image:v,id:v.id,isStatic:!n,x:l,y:c},v.id),(0,He.jsx)(hu,{viewerPreset:d,renderViewerControls:i,image:v,src:e,viewControlsDeps:a}),r]})})})})}function hu({viewerPreset:e,renderViewerControls:t,image:n,src:o,viewControlsDeps:r}){return Q(e&&t?"overlay":"none",`canvas-portal-controls-${o}`,Pe.Provider,t&&n?{value:e||null,children:t({image:n,images:[n],type:"images"})}:{},[o,e,...r||[]]),null}var Zs=require("react/jsx-runtime");function yu(e){let t=$();return(0,Zs.jsx)(kn,{metadata:t?.metadata||[],...e})}var Mo=require("react");var xi=Z(require("react-lazy-load-image-component"),1);var Js=require("@iiif/helpers/i18n"),ue=require("react/jsx-runtime"),{LazyLoadComponent:vu}=xi||xi.default;function bi(e){let{size:t,visible:n,classes:o,canvasId:r,figure:i}=e,a=t?.width||128,s=t?.height||t?.width||128,l=(0,ue.jsx)(Su,{...e}),c=(0,ue.jsx)(vu,{threshold:300,style:{height:s,width:a},visibleByDefault:n,children:r?(0,ue.jsx)(de,{canvas:r,children:l}):l});return i?(0,ue.jsx)("figure",{className:o?.figure,children:c}):c}function Su({fallback:e,size:t,classes:n,showLabel:o,alt:r,dereference:i=!1}){let a=I(),s=t?.width||128,l=t?.height||t?.width||128,c=r||(0,Js.getValue)(a?.label)||"",u=Le({width:s,height:l,allowUnsafe:!0},i);return!u||u.type!=="fixed"?(0,ue.jsx)(ue.Fragment,{children:e}):(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)("div",{className:n?.imageWrapper,children:(0,ue.jsx)("img",{className:n?.img,src:u.id,alt:c})}),o?(0,ue.jsx)(ce,{as:"figcaption",className:n?.label,children:a?.label}):null]})}var $t=require("react/jsx-runtime");function xu({scrollBehaviour:e,dereference:t,flat:n,size:o,classes:r={},showLabel:i,figure:a,fallback:s}){let l=(0,Mo.useRef)(null),{items:c,sequence:u,currentSequenceIndex:m,setSequenceIndex:d}=rt(),p={row:r.selected?.row||r.row,item:r.selected?.item||r.item,figure:r.selected?.figure||r.figure,img:r.selected?.img||r.img,label:r.selected?.label||r.label,imageWrapper:r.selected?.imageWrapper||r.imageWrapper};(0,Mo.useLayoutEffect)(()=>{if(!l.current)return;let f=l.current.querySelector("[data-selected=true]");f&&f.scrollIntoView({behavior:e||"instant",block:"nearest",inline:"center"})},[m]);let g=[];for(let f of u){let S=[],v=u[m]===f;for(let h of f){let y=c[h];S.push((0,$t.jsx)("div",{className:v?p.item:r.item,children:(0,$t.jsx)(bi,{classes:v?p:r,canvasId:y.id,size:o,dereference:t,showLabel:i,figure:a,placeholder:(0,$t.jsx)("div",{style:{height:128,width:128}}),fallback:s})},h))}if(n){g.push(S);continue}g.push((0,$t.jsx)("div",{onClick:h=>{d(u.indexOf(f))},"data-selected":v,className:v?p.row:r.row,children:S},f.join("-")))}return(0,$t.jsx)("div",{ref:l,className:r.container,children:g})}var En=require("zustand");function Ci(){let e=B(),t=(0,En.useStore)(e,i=>i.completeRequest),n=(0,En.useStore)(e,i=>i.polygonState.currentTool),o=(0,En.useStore)(e,i=>i.polygonState.selectedStamp),r=(0,En.useStore)(e,i=>i.switchTool);return{completeRequest:t,currentTool:n,selectedStamp:o,switchTool:r}}var j=require("react/jsx-runtime"),bu={draw:!0,polygon:!0,line:!0,lineBox:!0,box:!0,triangle:!0,hexagon:!0,circle:!0,delete:!0,pen:!0};function Cu({showShapes:e=!0,enabled:t=bu,classNames:n={},icons:o={}}){let{currentTool:r,switchTool:i,selectedStamp:a}=Ci();return(0,j.jsxs)(j.Fragment,{children:[r,(0,j.jsx)("button",{className:n.button,onClick:i.pointer,"data-active":r==="pointer",children:o.PointerIcon||"Pointer"}),(0,j.jsx)("button",{className:n.button,onClick:i.hand,"data-active":r==="hand",children:o.HandIcon||"Hand"}),e?(0,j.jsxs)(j.Fragment,{children:[t.box&&(0,j.jsx)("button",{className:n.button,onClick:i.box,"data-active":r==="box",children:o.BoxIcon||"Box"}),t.pen&&(0,j.jsx)("button",{className:n.button,onClick:i.pen,"data-active":r==="pen",children:o.PenIcon||"Pen"}),t.draw&&(0,j.jsx)("button",{className:n.button,onClick:i.draw,"data-active":r==="pencil",children:o.DrawIcon||"Draw"}),t.line&&(0,j.jsx)("button",{className:n.button,onClick:i.line,"data-active":r==="line",children:o.LineIcon||"Line"}),t.lineBox&&(0,j.jsx)("button",{className:n.button,onClick:i.lineBox,"data-active":r==="lineBox",children:o.LineBoxIcon||"LineBox"}),t.triangle&&(0,j.jsx)("button",{className:n.button,onClick:i.triangle,"data-active":r==="stamp"&&a?.id==="triangle",children:o.TriangleIcon||"Triangle"}),t.hexagon&&(0,j.jsx)("button",{className:n.button,onClick:i.hexagon,"data-active":r==="stamp"&&a?.id==="hexagon",children:o.HexagonIcon||"Hexagon"}),t.circle&&(0,j.jsx)("button",{className:n.button,"data-active":r==="stamp"&&a?.id==="circle",onClick:i.circle,children:o.CircleIcon||"Circle"})]}):null,t.delete&&(0,j.jsx)("button",{className:n.button,onClick:i.remove,children:o.DeleteForeverIcon||"Delete"})]})}var el=require("react/jsx-runtime");function Ru({annotation:e,children:t}){return(0,el.jsx)(re,{value:{annotation:e},children:t})}var tl=require("react/jsx-runtime");function Pu({annotationPage:e,children:t}){return(0,tl.jsx)(re,{value:{annotationPage:e},children:t})}var nl=require("react/jsx-runtime");function Au({collection:e,children:t}){return(0,nl.jsx)(re,{value:{collection:e},children:t})}function Tu(e,t={}){return Be(t)}var ol=require("@atlas-viewer/atlas"),et=require("react");function Iu({canvasId:e}={}){let t=(0,ol.useCanvas)(),n=nt(),o=(0,et.useMemo)(()=>e?[e]:t?[t.id]:n.map(c=>c.id),[e,t,n]),[r,i]=(0,et.useState)({}),a=mn();(0,et.useEffect)(()=>{let c=u=>{let m=u.partOf.canvasId;m&&i(d=>({...d,[m]:u.choice}))};return a.on("choice-change",c),()=>{a.off("choice-change",c)}},[]);let s=(0,et.useMemo)(()=>{let c=[];for(let u of o){let m=r[u];m&&c.push({canvasId:u,choice:m})}return c},[o,r]),l=(0,et.useMemo)(()=>({makeChoice:(c,u)=>{a.emit("make-choice",{choiceId:c,...u})}}),[a]);return{choices:s,actions:l}}function wu(e,t=!1){}function ku(e){let n=J().manifest,o=e?e.map(r=>typeof r=="string"?r:r?.id):[];return z(r=>{let i=n?r.iiif.entities.Manifest[n]:void 0,a=i?.items||[];if(typeof e>"u")return a;let s=[];for(let l of i?.items||[])o.indexOf(l.id)!==-1&&s.push(l);return s},[o.join("/")])}var rl=require("react");function Mu(e,t=[]){let{id:n,selector:o}=e,r=J(),i=n||r.collection,a=z(s=>i?s.iiif.entities.Collection[i]:void 0,[i]);return(0,rl.useMemo)(()=>{if(a)return o?o(a):a},[a,o,...t])}var Eo=require("react"),Ri=require("zustand");function Eu(){let e=B(),t=(0,Ri.useStore)(e,o=>o.completeRequest),n=(0,Ri.useStore)(e,o=>o.cancelRequest);return(0,Eo.useMemo)(()=>({saveAnnotation:()=>{(0,Eo.startTransition)(()=>{t()})},cancelRequest:n}),[t,n])}var il=require("react"),No=require("zustand");function Nu({requestId:e}={}){let t=B(),n=(0,No.useStore)(t,s=>s.metadata),o=(0,No.useStore)(t,s=>s.tool.requestId),r=e||o,i=(0,No.useStore)(t,s=>s.setMetadata),a=(0,il.useCallback)(s=>i(s,r||void 0),[i,r]);return[r?n[r]||{}:{},a]}var al=require("zustand");function Vu(e){let t=B(),n=(0,al.useStore)(t,o=>o.tool.requestId);at("polygons.start-transition",o=>{e.requestId&&n!==e.requestId||e?.onStart?.(o.transitionIntent)},[n,e.requestId]),at("polygons.end-transition",o=>{e.requestId&&n!==e.requestId||e?.onEnd?.(o.transitionIntent,o.response)},[n,e.requestId]),at("polygons.transition",o=>{e.requestId&&n!==e.requestId||e?.onTransition?.(o.transitionIntent)},[n,e.requestId])}var Vo=require("react"),sl=require("@iiif/helpers/events");function Lu(e,t,n,o,r=[]){let i=k(),a=(0,Vo.useMemo)(()=>(0,sl.createEventsHelper)(i),[i]);(0,Vo.useEffect)(()=>{let s=e;return s?(a.addEventListener(s,t,n,o),()=>{a.removeEventListener(s,t,n)}):()=>{}},[a,e,t,...r])}function zu(e,t){let{id:n,isLoaded:o,error:r,resource:i,requestId:a,cached:s}=_t(e,t);return{id:n,isLoaded:o,error:r,manifest:i,requestId:a,cached:s}}var Pi=require("@iiif/parser/image-3");var we=require("react");function Ai({cacheKey:e}={}){let t=I(),n=Be(),o=k(),r=Lt(),i=Wa(),[a,s]=(0,we.useState)(void 0),[l,c]=(0,we.useState)(!1),[u,m]=(0,we.useState)("idle"),[d,p]=(0,we.useState)(void 0),g=t?t.id:"undefined",f=(0,we.useMemo)(()=>{try{if(t&&n.length){let v=n[0],h=o.get(v.body[0]),R=(0,Pi.getImageServices)(h)[0];return R&&r(R,{width:R.width||t.width,height:R.height||t.height},!0)||void 0}}catch(v){console.error(v)}},[g,e,t]),S=u==="success"&&a?a:f;return(0,we.useEffect)(()=>{(async()=>{try{if(t&&n.length){let v=n[0],h=o.get(v.body[0]),R=(0,Pi.getImageServices)(h)[0];if(!R)return;c(!0),m("loading");try{let C=await i(R,{width:R.width||t.width,height:R.height||t.height})||void 0;s(C),m("success"),c(!1)}catch(C){m("error"),p(C)}}}catch(v){m("error"),p(v)}})()},[g,e]),(0,we.useMemo)(()=>({data:S,isFetching:l,status:u,error:d}),[S,l,u,d])}function Ou(){let e=Ai();return{isLoading:e.isFetching,tile:e.data?{id:e.data.id||e.data["@id"],width:e.data.width,height:e.data.height,imageService:e.data,thumbnail:void 0}:null}}var Lo=require("react");var ll=require("@iiif/helpers");function Bu({supports:e=["empty","images","media","3d-model","textual-content","complex-timeline"]}={}){let t=k(),n=I(),o=Be(),r=(0,Lo.useMemo)(()=>(0,ll.createPaintingAnnotationsHelper)(t),[t]),i=(0,Lo.useMemo)(()=>r.getPaintables(o),[r,o]);return(0,Lo.useMemo)(()=>Tn({canvas:n,loadImageService:a=>a,paintables:i,supports:e}),[n,i,e])}var ul=require("@iiif/helpers/styles"),cl=require("react");function qu(){let e=k();return(0,cl.useMemo)(()=>(0,ul.createStylesHelper)(e),[e])}var G=require("react");function Hu(e){let{initial:t,regions:n,progress:o,getProgress:r,enabled:i=!0,easing:a,reportEveryFrame:s=!1,pollInterval:l=kr,loop:c=!1,onEnter:u,onExit:m,onProgress:d,jumpTo:p}=e,g=(0,G.useMemo)(()=>Er(t,n),[t,n]),[f,S]=(0,G.useState)(()=>-1),[v,h]=(0,G.useState)(0),y=(0,G.useRef)(-1),R=(0,G.useRef)(0),C=(0,G.useRef)(!0),P=(0,G.useRef)(()=>{});(0,G.useEffect)(()=>(C.current=!0,()=>{C.current=!1}),[]);let A=(0,G.useMemo)(()=>{if(!a)return xe(an);if(typeof a=="function")return a;if(Array.isArray(a)&&a.length===4)return xe(a);let L=je[a];return L?xe(L):xe(an)},[a]),T=(0,G.useCallback)(L=>{if(!(L<0||L>=g.length)&&(S(L),y.current=L,R.current=0,h(0),u))try{u(L)}catch{}},[g,u]);(0,G.useEffect)(()=>{P.current=T,p&&p(T)},[T,p]);function O(L){let{index:w,t:N}=Nr(L,g),V=w;if(c&&g.length>0){let he=g.length;V=(w%he+he)%he}let Te=A(N);if(V!==y.current){if(y.current>=0&&m)try{m(y.current)}catch{}if(V>=0&&u)try{u(V)}catch{}y.current=V,C.current&&S(V)}if(R.current=Te,C.current&&(s||V!==f)&&h(Te),d&&V>=0)try{d(V,Te)}catch{}}(0,G.useEffect)(()=>{i&&typeof o=="number"&&O(o)},[o,i]),(0,G.useEffect)(()=>{if(!i||typeof r!="function")return;let L=null,w=()=>{try{let N=r();O(N)}catch{}};return w(),L=setInterval(w,l),()=>clearInterval(L)},[r,i,l]);let _=f>=0&&f<g.length?g[f]:void 0,M=_?Mr(_.from,_.to,R.current):void 0;return{transitions:g,currentIndex:f,currentTransition:_,t:R.current,rect:M,jumpTo:T}}var bt=require("react");function Du(e,t={}){let{axis:n="y",offset:o=0,steps:r=1,enabled:i=!0}=t,[a,s]=(0,bt.useState)(0),l=(0,bt.useRef)(-1),c=(0,bt.useRef)(null);return(0,bt.useEffect)(()=>{if(!i||!e||!e.current)return;let u=e.current,m=()=>{let p=n==="y"?u.scrollTop:u.scrollLeft,g=n==="y"?u.clientHeight:u.clientWidth,S=(n==="y"?u.scrollHeight:u.scrollWidth)-g,h=(S<=0?0:Math.max(0,Math.min(1,(p+o)/S)))*r;h!==l.current&&(l.current=h,s(h)),c.current=null},d=()=>{c.current===null&&(c.current=requestAnimationFrame(m))};return u.addEventListener("scroll",d,{passive:!0}),m(),()=>{u.removeEventListener("scroll",d),c.current!==null&&cancelAnimationFrame(c.current)}},[e,n,o,r,i]),a}function Fu(e,t){let{x:n,y:o,width:r,height:i}=e,{x:a,y:s}=t,{width:l,height:c}=t;return n+r>a&&n<a+l&&o+i>s&&o<s+c}var ml=Z(require("tiny-invariant"),1);function $u(e,t){let n=e.boundingBox||$e(e.polygon);if(e.polygon&&!wt(e.polygon.points)){let o=e.target||kt(e.polygon,t);return(0,ml.default)(o?.type==="SvgSelector"),{type:"SvgSelector",points:e.polygon.points,spatial:{unit:"pixel",...n||{}},svgShape:e.polygon.open?"polyline":"polygon",svg:o.value}}return{type:"BoxSelector",spatial:n}}
|