react-iiif-vault 1.0.11 → 1.1.1

package/dist/index-Cxs6aAuK.d.ts

@@ -0,0 +1,188 @@
+import { ReactNode, FC, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AtlasProps, BoxStyle, ViewerMode } from '@atlas-viewer/atlas';
+import { AnnotationPage, Reference } from '@iiif/presentation-3';
+import { AnnotationPageNormalized } from '@iiif/presentation-3-normalized';
+import { S as StrategyActions, a as SingleImageStrategy, E as EmptyStrategy, M as MediaStrategy, R as RenderingStrategy, I as ImageWithOptionalService, b as SingleAudio, c as SingleVideo } from './useRenderingStrategy-Xj9yQm4y.js';
+import { ChoiceDescription, BoxSelector } from '@iiif/helpers';
+import { ImageCandidate } from '@atlas-viewer/iiif-image-api';
+import { Vault } from '@iiif/helpers/vault';
+
+declare function Viewer({ children, errorFallback, outerContainerProps, worldScale: _worldScale, ...props }: AtlasProps & {
+    height?: number | string;
+    width?: number | string;
+    resizeHash?: number;
+    containerProps?: any;
+    outerContainerProps?: any;
+    aspectRatio?: number;
+    errorFallback?: any;
+    worldScale?: number;
+} & {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare const RenderAnnotation: FC<{
+    id: string;
+    className?: string;
+    style?: BoxStyle;
+    interactive?: boolean;
+}>;
+
+declare const RenderAnnotationPage: FC<{
+    page: AnnotationPage | AnnotationPageNormalized;
+    className?: string;
+}>;
+
+type CanvasProps = {
+    x?: number;
+    y?: number;
+    onCreated?: any;
+    onChoiceChange?: (choice?: ChoiceDescription) => void;
+    registerActions?: (actions: StrategyActions) => void;
+    defaultChoices?: Array<{
+        id: string;
+        opacity?: number;
+    }>;
+    isStatic?: boolean;
+    keepCanvasScale?: boolean;
+    children?: ReactNode;
+    renderViewerControls?: (strategy: SingleImageStrategy | EmptyStrategy) => ReactNode;
+    viewControlsDeps?: any[];
+    renderMediaControls?: (strategy: MediaStrategy) => ReactNode;
+    mediaControlsDeps?: any[];
+    strategies?: Array<RenderingStrategy['type']>;
+    backgroundStyle?: BoxStyle;
+    alwaysShowBackground?: boolean;
+    enableSizes?: boolean;
+    enableYouTube?: boolean;
+    ignoreSize?: boolean;
+    throwOnUnknown?: boolean;
+    onClickPaintingAnnotation?: (id: string, image: ImageWithOptionalService, e: any) => void;
+};
+declare function RenderCanvas({ x, y, onChoiceChange, registerActions, defaultChoices, isStatic, renderViewerControls, renderMediaControls, viewControlsDeps, mediaControlsDeps, strategies, throwOnUnknown, backgroundStyle, alwaysShowBackground, keepCanvasScale, enableSizes, enableYouTube, onClickPaintingAnnotation, children, }: CanvasProps): react_jsx_runtime.JSX.Element | null;
+
+declare function RenderImage({ id, image, thumbnail, isStatic, x, y, children, selector, onClick, enableSizes, }: {
+    id: string;
+    image: ImageWithOptionalService;
+    thumbnail?: ImageCandidate;
+    isStatic?: boolean;
+    enableSizes?: boolean;
+    selector?: BoxSelector;
+    x?: number;
+    y?: number;
+    children?: ReactNode;
+    onClick?: (e: any) => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CanvasBackground({ style }: {
+    style?: BoxStyle;
+}): react_jsx_runtime.JSX.Element | null;
+
+type SimpleViewerContext = {
+    items: Reference<'Canvas'>[];
+    sequence: number[][];
+    hasNext: boolean;
+    hasPrevious: boolean;
+    setSequenceIndex: (newId: number) => void;
+    setCurrentCanvasId: (newId: string) => void;
+    setCurrentCanvasIndex: (newId: number) => void;
+    currentSequenceIndex: number;
+    nextCanvas: () => void;
+    previousCanvas: () => void;
+};
+type SimpleViewerProps = {
+    vault?: Vault;
+    manifest: string;
+    pagingEnabled?: boolean;
+    children: ReactNode;
+    startCanvas?: string;
+    rangeId?: string;
+};
+type SimpleViewerReducerState = {
+    sequence: number[][];
+    availableCanvases: Reference<'Canvas'>[];
+    visibleCanvases: Reference<'Canvas'>[];
+    currentCanvas: string | null;
+    isPaged: boolean;
+    rangeId: string | null;
+};
+interface SimpleViewerActions {
+    setCurrentCanvasId(newId: string): void;
+    setCurrentCanvasIndex(newId: number): void;
+    nextCanvas(): void;
+    previousCanvas(): void;
+    setCurrentRange(newId: string): void;
+    clearRange(): void;
+    setPagingEnabled(isEnabled: boolean): void;
+}
+type SimpleViewerActionsType = {
+    [T in keyof SimpleViewerActions]: {
+        type: T;
+        payload: Parameters<SimpleViewerActions[T]>[0];
+    };
+}[keyof SimpleViewerActions];
+
+declare function AudioHTML({ media, children }: {
+    media: SingleAudio;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function Audio({ media, mediaControlsDeps, children, }: {
+    media: SingleAudio;
+    mediaControlsDeps?: any[];
+    children: ReactNode;
+}): null;
+
+declare function VideoHTML({ element, media, playPause, }: {
+    element: RefObject<any>;
+    media: SingleVideo;
+    playPause: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function Video({ media, mediaControlsDeps, children, }: {
+    media: SingleVideo;
+    mediaControlsDeps?: any[];
+    children: ReactNode;
+}): null;
+
+declare function ModelHTML({ model }: {
+    model: any;
+}): react_jsx_runtime.JSX.Element;
+declare function Model({ model, name }: {
+    model: any;
+    name?: string;
+}): null;
+
+interface CanvasPanelProps {
+    manifest: string;
+    startCanvas?: string;
+    rangeId?: string;
+    pagingEnabled?: boolean;
+    header?: ReactNode;
+    children?: ReactNode;
+    mode?: ViewerMode;
+    reuseAtlas?: boolean;
+    height?: number;
+    spacing?: number;
+    components?: {
+        ViewerControls?: FC;
+        MediaControls?: FC;
+    };
+    canvasProps?: Omit<Partial<CanvasProps>, 'x'>;
+    annotations?: ReactNode;
+}
+type CanvasPanelType = ForwardRefExoticComponent<CanvasPanelProps & RefAttributes<SimpleViewerContext>> & {
+    RenderImage: typeof RenderImage;
+    RenderCanvas: typeof RenderCanvas;
+    RenderAnnotationPage: typeof RenderAnnotationPage;
+    RenderAnnotation: typeof RenderAnnotation;
+    Viewer: typeof Viewer;
+    CanvasBackground: typeof CanvasBackground;
+    Audio: typeof Audio;
+    Video: typeof Video;
+    Model: typeof Model;
+    AudioHTML: typeof AudioHTML;
+    VideoHTML: typeof VideoHTML;
+    ModelHTML: typeof ModelHTML;
+};
+declare const CanvasPanel: CanvasPanelType;
+
+export { CanvasPanel as C, type SimpleViewerContext as S, type SimpleViewerProps as a, type SimpleViewerReducerState as b, type SimpleViewerActions as c, type SimpleViewerActionsType as d };

package/dist/index.cjs

@@ -0,0 +1,47 @@
+"use strict";var bo=Object.create;var ht=Object.defineProperty;var Ro=Object.getOwnPropertyDescriptor;var Po=Object.getOwnPropertyNames;var Io=Object.getPrototypeOf,wo=Object.prototype.hasOwnProperty;var To=(e,t)=>{for(var n in t)ht(e,n,{get:t[n],enumerable:!0})},gt=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Po(t))!wo.call(e,o)&&o!==n&&ht(e,o,{get:()=>t[o],enumerable:!(r=Ro(t,o))||r.enumerable});return e},p=(e,t,n)=>(gt(e,t,"default"),n&&gt(n,t,"default")),de=(e,t,n)=>(n=e!=null?bo(Io(e)):{},gt(t||!e||!e.__esModule?ht(n,"default",{value:e,enumerable:!0}):n,e)),Mo=e=>gt(ht({},"__esModule",{value:!0}),e);var f={};To(f,{AnnotationContext:()=>hi,AnnotationPageContext:()=>vi,Auth:()=>on,AuthProvider:()=>nn,AuthProvider_Old:()=>zo,AuthRContext:()=>ve,AuthReactContext:()=>ye,AuthReactContextActions:()=>At,CanvasAnnotations:()=>ci,CanvasContext:()=>X,CanvasPanel:()=>z,CollectionContext:()=>yi,CombinedMetadata:()=>li,ContextBridge:()=>cn,Image:()=>lo,ImageServiceLoaderContext:()=>_r,InnerViewerProvider:()=>pr,LanguageProvider:()=>jo,LanguageString:()=>zr,LocaleString:()=>_,ManifestContext:()=>Yt,ManifestMetadata:()=>mi,MediaPlayerProvider:()=>at,Metadata:()=>dt,RangeContext:()=>Qt,ReactVaultContext:()=>oe,ResourceProvider:()=>H,ResourceReactContext:()=>Be,SequenceThumbnails:()=>gi,SimpleViewerProvider:()=>sn,SimpleViewerReactContext:()=>Ee,SingleCanvasThumbnail:()=>Un,VaultProvider:()=>me,ViewerPresetContext:()=>Fe,VirtualAnnotationProvider:()=>fn,VisibleCanvasReactContext:()=>pe,authDetailsForResource:()=>Xt,createAuthStateStore:()=>Zt,createProbe:()=>Jt,emptyActions:()=>An,emptyStrategy:()=>Cn,findAllCanvasesInRange:()=>St,findFirstCanvasFromRange:()=>rr,findManifestSelectedRange:()=>Vo,findSelectedRange:()=>jt,flattenAnnotationPageIds:()=>bn,formatTime:()=>Kr,get3dStrategy:()=>wn,getImageStrategy:()=>Mn,getManifestSequence:()=>xt,getParsedTargetSelector:()=>tt,getRenderingStrategy:()=>kn,getTextualContentStrategy:()=>Nn,getVideoStrategy:()=>Vn,getVisibleCanvasesFromCanvasId:()=>ko,hasAuth:()=>Eo,makeAccessServiceRequest:()=>Te,makeAccessTokenRequest:()=>ae,parseSpecificResource:()=>Zo,unknownResponse:()=>nt,unsupportedStrategy:()=>P,useAnnotation:()=>Ze,useAnnotationPage:()=>Sn,useAnnotationPageManager:()=>ot,useAnnotationsAtTime:()=>Si,useAuthActions:()=>ur,useAuthActions_old:()=>Bo,useAuthService:()=>cr,useAuthService_old:()=>Do,useAuthStore:()=>Ve,useAuthToken:()=>Fo,useAuthToken_old:()=>Uo,useAuthTokens:()=>en,useAuthTokens_old:()=>qo,useCanvas:()=>w,useCanvasClock:()=>xi,useCanvasSequence:()=>Gt,useCanvasSubset:()=>Ai,useClosestLanguage:()=>Fr,useCollection:()=>Ci,useContextBridge:()=>un,useCreateLocaleString:()=>Go,useCurrentAuth:()=>Oo,useCurrentAuth_old:()=>Ho,useDispatch:()=>ln,useEventListener:()=>bi,useExistingVault:()=>fe,useExternalCollection:()=>Ri,useExternalManifest:()=>$t,useExternalResource:()=>We,useIIIFLanguage:()=>Mt,useImage:()=>qt,useImageService:()=>_n,useImageServiceLoader:()=>ne,useImageTile:()=>Pi,useIsAuthEnabled:()=>rn,useLoadImageService:()=>Pn,useLocaleString:()=>Hr,useManifest:()=>E,useMediaActions:()=>ii,useMediaElements:()=>ai,useMediaState:()=>oi,usePaintables:()=>In,usePaintingAnnotations:()=>Re,useRange:()=>Ye,useRenderingStrategy:()=>Ln,useResourceContext:()=>O,useResourceEvents:()=>Ke,useResources:()=>Rn,useSearchService:()=>an,useSimpleMediaPlayer:()=>Ie,useSimpleViewer:()=>Ge,useStyleHelper:()=>Ii,useStyles:()=>Ae,useThumbnail:()=>it,useVault:()=>A,useVaultEffect:()=>zn,useVaultSelector:()=>b,useViewerPreset:()=>pn,useVirtualAnnotationPage:()=>dn,useVirtualAnnotationPageContext:()=>mn,useVisibleCanvases:()=>$e});module.exports=Mo(f);var ct=require("react");var D=de(require("react"),1),It=require("@atlas-viewer/atlas"),Cr=require("react-error-boundary");var Se=require("react");var we=de(require("react"),1),Qn=require("react/jsx-runtime"),No={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0,annotationPage:void 0},Be=we.default.createContext(No),O=()=>(0,we.useContext)(Be);function H({value:e,children:t}){let n=O(),r=(0,we.useMemo)(()=>({...n,...e}),[e,n]);return(0,Qn.jsx)(Be.Provider,{value:r,children:t})}var vt=de(require("react"),1),_e=require("@iiif/helpers/vault");var Wt=require("react/jsx-runtime"),oe=vt.default.createContext({vault:null,setVaultInstance:e=>{}});function me({vault:e,vaultOptions:t,useGlobal:n,resources:r,children:o}){let[a,i]=(0,vt.useState)(()=>e||(n?(0,_e.globalVault)(t):t?new _e.Vault(t):new _e.Vault));return(0,Wt.jsx)(oe.Provider,{value:{vault:a,setVaultInstance:i},children:(0,Wt.jsx)(H,{value:r||{},children:o})})}var fr=require("react"),bt=require("react");var jn=require("@iiif/helpers/vault"),Gn=require("react");function fe(e){let t=(0,Gn.useContext)(oe);return e||(t&&t.vault?t.vault:(0,jn.globalVault)())}var ie=require("react");function We(e,{noCache:t=!1}={}){let n=typeof e=="string"?e:e.id,r=fe(),[o,a]=(0,ie.useState)(n),[i,s]=(0,ie.useState)(void 0),u=(0,ie.useMemo)(()=>r.get(n,{skipSelfReturn:!0})||void 0,[n,r]),[c,l]=(0,ie.useState)(u);return(0,ie.useEffect)(()=>{(async()=>{try{let d=u&&!t?u:await r.load(n),m=d?d.id||d["@id"]:null;d&&o!==m&&a(m),l(d)}catch(d){s(d)}})()},[n,t]),{isLoaded:!!c,id:o,requestId:n,error:i,resource:c,cached:!!(c&&c===u)}}function $t(e,t){let{id:n,isLoaded:r,error:o,resource:a,requestId:i,cached:s}=We(e,t);return{id:n,isLoaded:r,error:o,manifest:a,requestId:i,cached:s}}var Kn=require("react/jsx-runtime");function Yt({manifest:e,children:t}){return(0,Kn.jsx)(H,{value:{manifest:e},children:t})}var Zn=require("react/jsx-runtime");function X({canvas:e,children:t}){return(0,Zn.jsx)(H,{value:{canvas:e},children:t})}var Xn=require("react"),er=de(require("react"),1);var Jn=require("react"),A=()=>{let{vault:e}=(0,Jn.useContext)(oe);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var yt=require("react");function b(e,t=[]){let n=A(),[r,o]=(0,yt.useState)(()=>e(n.getState(),n));return(0,yt.useEffect)(()=>n.subscribe(a=>e(a,n),a=>{o(a)},!1),t),r}var pe=er.default.createContext([]);function $e(){let e=(0,Xn.useContext)(pe);return b(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}var tr=require("react");function E(e={},t=[]){let{id:n,selector:r}=e,o=O(),a=A(),i=n||o.manifest,s=b(u=>i?u.iiif.entities.Manifest[i]:void 0,[i]);return(0,tr.useMemo)(()=>{if(s)return r?r(s):s},[s,r,...t])}var nr=require("react/jsx-runtime");function Qt({range:e,children:t}){return(0,nr.jsx)(H,{value:{range:e},children:t})}function rr(e,t){for(let n of t.items){if(n.type==="Canvas")return n;if(n.type==="SpecificResource")return n.source;if(n.type==="Range"){let r=rr(e,e.get(n));if(r)return r}}return null}function St(e,t){let n=[];for(let r of t.items)if(r.type==="SpecificResource"&&r.source?.type==="Canvas"&&(r.source.id.indexOf("#")!==-1?n.push({id:r.source.id.split("#")[0],type:"Canvas"}):n.push(r.source)),r.type==="Range"&&n.push(...St(e,e.get(r))),r.type==="SpecificResource"){let o=typeof r.source=="string"?r.source:r.source.id;n.push({id:o,type:"Canvas"})}return n}function Vo(e,t,n){for(let r of t.structures){let o=jt(e,e.get(r),n);if(o)return o}return null}function jt(e,t,n){for(let r of t.items){let o=r?.source?.id?.split("#")[0];if(r.type==="SpecificResource"&&r.source===n||r.type==="SpecificResource"&&r.source?.type==="Canvas"&&n===o)return t;if(r.type==="Range"){let a=jt(e,e.get(r),n);if(a)return a}}return null}function ko(e,t,n,r=!1){let o=t.behavior,a=n?e.get(n):null;if(!a)return[];let i=a.behavior,s=r?!1:o.includes("paged"),u=s?!1:o.includes("continuous"),c=s||u?!1:o.includes("individuals"),l=i.includes("facing-pages"),d=i.includes("non-paged");if(l||d||c||r)return[{id:a.id,type:"Canvas"}];let[m,y]=xt(e,t);if(u)return m;let v=m.findIndex(g=>g.id===n);if(v===-1)return[];for(let g of y)if(g.includes(v))return g.map(h=>m[h]);return[{id:a.id,type:"Canvas"}]}function xt(e,t,{disablePaging:n,skipNonPaged:r}={}){let o=t.behavior,a=o.includes("paged"),i=a?!1:o.includes("continuous"),s=a||i?!1:o.includes("individuals"),u=t.type==="Manifest"?t.items:St(e,t);if(i)return[u,[u.map((v,g)=>g)]];if(s||!a||n)return[u,u.map((v,g)=>[g])];let c=[],l=[],d=()=>{l.length&&(c.push([...l]),l=[])},m=0,y=!1;for(let v=0;v<u.length;v++){let g=e.get(u[v]);if(g.behavior.includes("non-paged")){v===m&&m++,r||(d(),c.push([v]),d());continue}if(v===m||g.behavior.includes("facing-pages")){l.length&&(y=!0),d(),c.push([v]),d();continue}if(l.push(v),y){d(),y=!1;continue}l.length>1&&d()}return l.length&&d(),[u,c]}var Q=require("react");var or=require("react");function Ye(e={},t=[]){let{id:n,selector:r}=e,o=O(),a=n||o.range,i=b(s=>a?s.iiif.entities.Range[a]:void 0,[a]);return(0,or.useMemo)(()=>{if(i)return r?r(i):i},[i,r,...t])}function Gt({startCanvas:e,disablePaging:t}){let n=A(),r=E(),o=Ye(),[a,i]=(0,Q.useState)(void 0),s=o||r;if(!s)throw new Error("Nothing selected");let[u,c]=(0,Q.useMemo)(()=>xt(n,s,{disablePaging:t}),[n,s,t]),l=(0,Q.useRef)(c);if(l.current!==c){let h=l.current[a][0],S=c.findIndex(L=>L.includes(h));l.current=c,i(S)}let d=(0,Q.useCallback)(g=>{let h=c.findIndex(S=>S.includes(g));i(h===-1?0:h)},[u,c]),m=(0,Q.useCallback)(g=>{let h=u.findIndex(S=>S.id===g);h!==-1?d(h):i(0)},[u,c]),y=(0,Q.useCallback)(()=>{i(g=>g>=c.length-1?g:g+1)},[c]),v=(0,Q.useCallback)(()=>{i(g=>g<=0?0:g-1)},[c]);return typeof a>"u"&&(e?m(e):i(0)),{visibleItems:c[a]?.map(g=>u[g].id)||[],cursor:a,items:u,sequence:c,hasPrevious:a>0,hasNext:a<c.length-1,setSequenceIndex:i,setCanvasIndex:d,setCanvasId:m,next:y,previous:v}}var N=require("react");var Me=require("react");var Kt=require("zustand/vanilla");function Eo(e){let t=e.service||e.services||[];for(let n of t)if(n.type==="AuthProbeService2")return!0;return!1}function j(e,t,n){let r=t.findIndex(i=>i.service.id===e);if(r===-1)return t;let o=[...t],a=n(o[r]);return a===o[r]?t:(o[r]=a,o)}var Zt=()=>(0,Kt.createStore)((e,t)=>({currentAuth:-1,authItems:[],login:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot login to non-active service");let r=n.service.service.find(o=>o.type==="AuthAccessTokenService2");if(!r)throw new Error("Token service not found");e(()=>({authItems:j(n.id,t().authItems,o=>({...o,isPending:!0}))})),Te(n.service).then(()=>{ae(r).then(o=>{let a=o.expiresIn,i=Date.now()+a*1e3;e(()=>({authItems:j(n.id,t().authItems,s=>({...s,isLoggedIn:!0,isPending:!1,session:{token:o.accessToken,expires:i}}))}))}).catch(o=>{e(()=>({authItems:j(n.id,t().authItems,a=>({...a,isLoggedIn:!1,isPending:!1,error:o.message}))}))})})},logout:()=>{let n=t().authItems[t().currentAuth];if(!n||n.isPending||!n.isLoggedIn)return;if(n.type!=="active")throw new Error("Cannot logout of non-active service");let r=n.service.service.find(i=>i.type==="AuthLogoutService2");if(!r)return;let o=`${r.id}?origin=${ir()}`,a=window.open(o);e(()=>({authItems:j(n.id,t().authItems,i=>({...i,isLoggedIn:!1,session:null,isPending:!1}))}))},nextAuth:()=>{let n=t().authItems.length,r=t().currentAuth+1;r>=n||e(()=>({currentAuth:r}))},previousAuth:()=>{let n=t().currentAuth-1;n<0||e(()=>({currentAuth:n}))},setAuth:n=>{n!==-1&&(n<0||n>=t().authItems.length)||e(()=>({currentAuth:n}))},addService:(n,r)=>{if(!n.service)return;let o=n.service.find(s=>s.type==="AuthAccessTokenService2"),a=n;if(t().authItems.find(s=>s.service.id===n.id)){e(()=>({authItems:j(n.id,t().authItems,s=>({...s,instances:s.instances+1}))}));return}if(e(()=>({currentAuth:a.profile==="active"?0:t().currentAuth,authItems:[{id:n.id,type:n.profile,service:n,probeId:r,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...t().authItems]})),n.profile==="external"){if(!o)throw new Error("Token service not found");ae(o).then(s=>{e(()=>({authItems:j(n.id,t().authItems,u=>({...u,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:j(n.id,t().authItems,u=>({...u,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:s.message}))}))})}if(n.profile==="kiosk"){if(!o)throw new Error("Token service not found");e(()=>({authItems:j(n.id,t().authItems,s=>({...s,isPending:!0}))})),Te(a).then(()=>{ae(o).then(s=>{e(()=>({authItems:j(n.id,t().authItems,u=>({...u,isLoggedIn:!0,isPending:!1,session:{token:s.accessToken,expires:s.expiresIn}}))}))}).catch(s=>{e(()=>({authItems:j(n.id,t().authItems,u=>({...u,isLoggedIn:!1,isPending:!1,error:s.message}))}))})})}n.profile},removeService:(n,r)=>{let o=t().currentAuth===t().authItems.findIndex(i=>i.service.id===n.id),a=t().currentAuth;if(o){let i=t().authItems.find(u=>u.service.id===n.id);i&&i.instances>1||(a=t().authItems.findIndex(c=>c.service.id!==n.id&&c.instances>0))}e(()=>({authItems:j(n.id,t().authItems,i=>({...i,instances:i.instances-1})),currentAuth:a}))}})),Jt=(e,t)=>(0,Kt.createStore)((n,r)=>({service:e,status:e?"unknown":"success",shouldRedirect:!1,redirectResource:null,shouldSubstitute:!1,substituteResource:null,error:null,errorHeading:null,errorNote:null,shouldDisplayResource:!1,token:t||null,async probe(){if(!r().service)return;let o=r().service?.id;if(!o){n({status:"error",error:"Service ID not found",errorHeading:{en:["Service ID not found"]}});return}n({status:"probing"});let a=r().token;try{let i=await fetch(o,{headers:a?{Authorization:`Bearer ${r().token}`,Accept:"application/json"}:{Accept:"application/json"}}).then(s=>s.json());if(i.status===200)n({status:"success",shouldDisplayResource:!0,error:null,errorHeading:null,errorNote:null,shouldSubstitute:!1,shouldRedirect:!1});else if(i.status<400&&i.status>=300){if(!i.location)throw new Error("Redirect location not found");n({status:"error",shouldDisplayResource:!1,shouldRedirect:!0,redirectResource:i.location||null})}else if(i.status===401)n({status:"error",shouldDisplayResource:!1,shouldRedirect:!1,shouldSubstitute:!!i.substitute,substituteResource:i.substitute||null,error:"Unauthorized",errorHeading:i.heading||{en:["Unauthorized"]},errorNote:i.note||null});else throw new Error("Unknown error")}catch(i){n({status:"error",error:i.message,errorHeading:{en:["Unknown error"]}})}},setToken(o){n({token:o})}}));function Xt(e){let t=e.service||e.services||[],n={hasAuth:!1,services:{}};for(let r of t)if(r.type==="AuthProbeService2"){n.services.probe=r,n.hasAuth=!0;let o=r.service.filter(a=>a.type==="AuthAccessService2");o[0]&&(n.services.access=o[0])}return n}async function ae(e,{strict:t=!0}={}){return new Promise((n,r)=>{let o=Math.random().toString(36).substring(7),a=`${e.id}?messageId=${o}&origin=${window.location.origin}`,i=c=>{let l=c.data;if(l.messageId===o){if(t&&l.type!=="AuthAccessToken2"){s(),r("Invalid response, expected type=AuthAccessToken2");return}if(!l.accessToken){s(),r("Invalid response, expected accessToken");return}s(),n(l)}},s=()=>window.removeEventListener("message",i),u=document.createElement("iframe");u.src=a,u.style.display="none",document.body.appendChild(u),window.addEventListener("message",i)})}function ir(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 Te(e){let t=`${e.id}?origin=${ir()}`,n=window.open(t);if(!n)throw new Error("Failed to open window");return new Promise((r,o)=>{let a=setInterval(()=>{n.closed&&(clearInterval(a),r())},500)})}var ar=require("zustand");function sr(e){let t=(0,Me.useMemo)(()=>Xt(e),[e]),n=en(t.services.access?.id),r=(0,Me.useMemo)(()=>Jt(t.services.probe,n),[t.services.probe]),o=(0,ar.useStore)(r);return(0,Me.useEffect)(()=>{o.status==="unknown"&&!n&&o.probe()},[t.services.probe,o.status]),(0,Me.useEffect)(()=>{n&&(o.setToken(n),o.probe())},[n]),[e,o,t.hasAuth]}var Ne=require("zustand"),he=require("react/jsx-runtime"),ve=(0,N.createContext)(null),ye=(0,N.createContext)(null);ye.displayName="CurrentAuth";var At=(0,N.createContext)(null);At.displayName="AuthActions";function ge(e,t,n){let r=t.authItems.findIndex(i=>i.service.id===e);if(r===-1)return t;let o=[...t.authItems],a=n(o[r]);return a===o[r]?t:(o[r]=a,{...t,authItems:o})}function Lo(e,t){switch(t.type){case"login.start":return ge(t.payload.id,e,n=>({...n,isPending:!0}));case"login.success":return ge(t.payload.id,e,n=>({...n,isLoggedIn:!0,isPending:!1,session:{token:t.payload.token,expires:t.payload.expires}}));case"login.error":return ge(t.payload.id,e,n=>({...n,isLoggedIn:!1,isPending:!1,canAuthenticate:!1,error:t.payload.error}));case"session.expire":return ge(t.payload.id,e,n=>({...n,isPending:!1,isLoggedIn:!1,session:null}));case"logout":return ge(t.payload.id,e,n=>({...n,isLoggedIn:!1,session:null,isPending:!1}));case"service.add":return e.authItems.find(r=>r.service.id===t.payload.service.id)?ge(t.payload.service.id,e,r=>({...r,instances:r.instances+1})):{...e,currentAuth:t.payload.service.profile==="active"?0:e.currentAuth,authItems:[{id:t.payload.service.id,type:t.payload.service.profile,service:t.payload.service,probeId:t.payload.probeId,canAuthenticate:!0,instances:1,isPending:!1,isLoggedIn:!1,session:null},...e.authItems]};case"service.remove":{let n=e.currentAuth===e.authItems.findIndex(o=>o.service.id===t.payload.id),r=e.currentAuth;if(n){let o=e.authItems.find(i=>i.service.id===t.payload.id);o&&o.instances>1||(r=e.authItems.findIndex(s=>s.service.id!==t.payload.id&&s.instances>0))}return{...ge(t.payload.id,e,o=>({...o,instances:o.instances-1})),currentAuth:r}}case"list.next":{let n=e.authItems.length,r=e.currentAuth+1;return r>=n?e:{...e,currentAuth:r}}case"list.previous":{let n=e.currentAuth-1;return n<0?e:{...e,currentAuth:n}}case"list.set":return t.payload!==-1&&(t.payload<0||t.payload>=e.authItems.length)?e:{...e,currentAuth:t.payload};default:return e}}function nn({children:e}){let t=(0,N.useMemo)(()=>Zt(),[]);return(0,he.jsx)(ve.Provider,{value:t,children:e})}function zo({children:e}){let[t,n]=(0,N.useReducer)(Lo,{currentAuth:-1,authItems:[]}),r=(m,y)=>{if(!m.service)return;let v=m.service.find(h=>h.type==="AuthAccessTokenService2"),g=m;if(n({type:"service.add",payload:{service:m,probeId:y}}),m.profile==="external"){if(!v)throw new Error("Token service not found");ae(v).then(h=>{n({type:"login.success",payload:{id:m.id,token:h.accessToken,expires:h.expiresIn}})}).catch(h=>{n({type:"login.error",payload:{id:m.id,error:h.message}})})}if(m.profile==="kiosk"){if(!v)throw new Error("Token service not found");n({type:"login.start",payload:{id:m.id}}),Te(g).then(()=>{ae(v).then(h=>{n({type:"login.success",payload:{id:m.id,token:h.accessToken,expires:h.expiresIn}})}).catch(h=>{n({type:"login.error",payload:{id:m.id,error:h.message}})})}).catch(h=>{n({type:"login.error",payload:{id:m.id,error:h.message}})})}m.profile},o=m=>{n({type:"service.remove",payload:m})},a=()=>{let m=t.authItems[t.currentAuth];if(!m||m.isPending||m.isLoggedIn)return;if(m.type!=="active")throw new Error("Cannot login to non-active service");let y=m.service.service.find(v=>v.type==="AuthAccessTokenService2");if(!y)throw new Error("Token service not found");n({type:"login.start",payload:{id:m.id}}),Te(m.service).then(()=>{ae(y).then(v=>{let g=v.expiresIn,h=Date.now()+g*1e3;n({type:"login.success",payload:{id:m.id,token:v.accessToken,expires:h}})}).catch(v=>{n({type:"login.error",payload:{id:m.id,error:v.message}})})})},i=()=>{let m=t.authItems[t.currentAuth];if(!m||m.isPending||!m.isLoggedIn)return;if(m.type!=="active")throw new Error("Cannot logout of non-active service");let y=m.service.service.find(h=>h.type==="AuthLogoutService2");if(!y)return;let v=`${y.id}?origin=${window.location.origin}`,g=window.open(v);n({type:"logout",payload:{id:m.id}})},s=()=>{},u=()=>{},c=m=>{},l=(0,N.useMemo)(()=>({addService:r,removeService:o}),[]),d=(0,N.useMemo)(()=>({...t,login:a,logout:i,nextAuth:s,previousAuth:u,setAuth:c}),[t]);return(0,he.jsx)(ye.Provider,{value:d,children:(0,he.jsx)(At.Provider,{value:l,children:e})})}function rn(){return!!(0,N.useContext)(ve)}function Ve(){let e=(0,N.useContext)(ve);if(!e)throw new Error("useAuthActions must be used within a AuthProvider");return e}function ur(){let e=Ve();return(0,Ne.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 Oo(){let e=Ve();return(0,Ne.useStore)(e,t=>t)}function cr(e){let t=Ve();return(0,Ne.useStore)(t,r=>r.authItems.find(o=>o.service.id===e))}function en(e){let t=Ve();return(0,Ne.useStore)(t,r=>r.authItems.find(o=>o.id===e)?.session?.token)}function Fo(e){let t=Ve();return(0,Ne.useStore)(t,r=>{let o=r.authItems.find(a=>a.service.id===e);return!o||!o.isLoggedIn||!o.session?null:o.session?.token||null})}function Ho(){let e=(0,N.useContext)(ye);if(!e)throw new Error("useCurrentAuth must be used within a AuthProvider");return e}function Do(e){let t=(0,N.useContext)(ye);return t&&t.authItems.find(n=>n.service.id===e)||null}function qo(e){let t=(0,N.useContext)(ye);return!t||!e?null:t.authItems.find(n=>n.id===e)?.session?.token||null}function Uo(e){let t=(0,N.useContext)(ye);if(!e||!t)return null;let n=t.authItems.find(r=>r.service.id===e);return!n||!n.isLoggedIn||!n.session?null:n.session?.token||null}function Bo(){return(0,N.useContext)(At)}function _o(e){let t=ur(),n=cr(e.service.id);return(0,N.useEffect)(()=>(t?.addService(e.service,e.probeId),()=>{t?.removeService(e.service,e.probeId)}),[e.service]),n?(n.error||!n.isLoggedIn,e.children):null}function tn(){return null}function on(e){let[t,n,r]=sr(e.resource),o=e.fallbackComponent||tn,a=e.loadingComponent||tn,i=e.errorComponent||tn,s=n.service,u=null;if(!r||!s)return e.children(t);let c=s.service.filter(l=>l.type==="AuthAccessService2");n.status==="error"&&(u=(0,he.jsx)(i,{resource:e.resource,error:n.error||"",heading:n.errorHeading,note:n.errorNote,extra:e.extra})),(n.status==="unknown"||n.status==="probing")&&(u=(0,he.jsx)(a,{})),n.status==="success"&&(u=e.children(t));for(let l of c)u=(0,he.jsx)(_o,{service:l,probeId:s.id,children:u},l.id);return u}var Qe=require("react");var lr=require("zustand/vanilla"),Wo=e=>e.id||e["@id"];function $o(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 dr=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?Wo(t):void 0,r=null;return(0,lr.createStore)((o,a)=>({service:t,resources:[],lastQuery:{},loading:!1,error:!1,highlight:null,hasSearch:!!t,hasAutocomplete:t?!!$o(t):!1,errorMessage:"",search(i,s={}){if(!n)throw new Error("No search service found.");r&&!r.signal.aborted&&r.abort(),r=new AbortController;let u=new URLSearchParams;i.q&&u.set("q",i.q),i.motivation&&u.set("motivation",i.motivation),i.date&&u.set("date",i.date),i.user&&u.set("user",i.user),o({loading:!0}),fetch(`${n}?${u.toString()}`,{signal:r.signal,headers:{"Content-Type":"application/json",Accept:"application/json",...s.headers||{}}}).then(async c=>{if(!r?.signal.aborted)if(c.ok){let l=await c.json();o({resources:l.resources,error:!1,errorMessage:""})}else o({resources:[],error:!0,errorMessage:c.statusText})})},clearSearch(){o({resources:[],error:!1,errorMessage:""})},highlightResult(i){let s=a().resources.find(u=>u["@id"]===i);o({highlight:s})},nextResult(){let i=a().resources,s=a().highlight;if(!s){o({highlight:i[0]||null});return}let u=i.findIndex(c=>c["@id"]===s["@id"]);if(u===-1){o({highlight:i[0]||null});return}o({highlight:i[u+1]||i[0]||null})},previousResult(){let i=a().resources,s=a().highlight;if(!s){o({highlight:i[i.length-1]||null});return}let u=i.findIndex(c=>c["@id"]===s["@id"]);if(u===-1){o({highlight:i[i.length-1]||null});return}if(u===0){o({highlight:i[i.length-1]||null});return}o({highlight:i[u-1]||i[i.length-1]||null})}}))};var Yo=require("zustand");function an(){let e=E();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}var Ct=require("react/jsx-runtime"),ke=(0,Qe.createContext)(null);ke.displayName="Search";function mr(e){let t=an();return e.store?(0,Ct.jsx)(ke.Provider,{value:e.store,children:e.children}):(0,Ct.jsx)(Qo,{service:t,children:e.children})}function Qo({service:e,children:t}){let n=(0,Qe.useMemo)(()=>dr(e),[e]);return(0,Ct.jsx)(ke.Provider,{value:n,children:t})}var q=require("react/jsx-runtime"),je=()=>{},Ee=(0,bt.createContext)({setCurrentCanvasId:je,setCurrentCanvasIndex:je,nextCanvas:je,previousCanvas:je,items:[],sequence:[],setSequenceIndex:je,currentSequenceIndex:0,hasNext:!1,hasPrevious:!1});function pr(e){let t=E(),{cursor:n,visibleItems:r,next:o,sequence:a,items:i,setCanvasIndex:s,setCanvasId:u,previous:c,setSequenceIndex:l,hasNext:d,hasPrevious:m}=Gt({startCanvas:e.startCanvas,disablePaging:e.pagingEnabled===!1}),y=(0,bt.useMemo)(()=>({sequence:a,items:i,setCurrentCanvasId:u,nextCanvas:o,previousCanvas:c,totalCanvases:i.length,setCurrentCanvasIndex:s,setSequenceIndex:l,currentSequenceIndex:n,hasNext:d,hasPrevious:m}),[a,i,u,o,c,i,s,l,n]);return t?r.length===0?null:(0,q.jsx)(Ee.Provider,{value:y,children:(0,q.jsx)(pe.Provider,{value:r,children:(0,q.jsx)(X,{canvas:r[0],children:e.children})})}):(console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,q.jsx)("div",{children:"Sorry, something went wrong."}))}function sn(e){let t=fe(e.vault),n=$t(e.manifest);if(!n)return console.warn("The manifest passed to the provider is not a valid IIIF manifest."),(0,q.jsx)("div",{children:"Sorry, something went wrong."});if(n.error)return(0,q.jsx)("div",{children:n.error.toString()});if(!n.isLoaded)return(0,q.jsx)("div",{children:"Loading..."});let r=(0,q.jsx)(pr,{...e,children:e.children});return(0,q.jsx)(me,{vault:t,children:(0,q.jsx)(Yt,{manifest:n.id,children:(0,q.jsx)(nn,{children:(0,q.jsx)(mr,{children:e.rangeId?(0,q.jsx)(Qt,{range:e.rangeId,children:r}):r})})})})}function Ge(){return(0,fr.useContext)(Ee)}var Le=require("react/jsx-runtime");function un(){return{VaultContext:(0,Se.useContext)(oe),ResourceContext:(0,Se.useContext)(Be),SimpleViewerReactContext:(0,Se.useContext)(Ee),VisibleCanvasReactContext:(0,Se.useContext)(pe),AuthRContext:(0,Se.useContext)(ve),SearchReactContext:(0,Se.useContext)(ke)}}function cn(e){return(0,Le.jsx)(me,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext,children:(0,Le.jsx)(pe.Provider,{value:e.bridge.VisibleCanvasReactContext,children:(0,Le.jsx)(Ee.Provider,{value:e.bridge.SimpleViewerReactContext,children:(0,Le.jsx)(ve.Provider,{value:e.bridge.AuthRContext,children:(0,Le.jsx)(ke.Provider,{value:e.bridge.SearchReactContext,children:e.children})})})})})}var ze=require("react");var ee=require("react");var Rt=require("@iiif/helpers/vault/actions");var gr=require("react");function ln(){let t=A().getStore();return(0,gr.useMemo)(()=>n=>t.dispatch(n),[t])}function hr(e){return typeof e!="string"&&e&&e.bindToVault}function dn(){let e=A(),t=(0,ee.useRef)([]),n=ln(),r=(0,ee.useMemo)(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);(0,ee.useLayoutEffect)(()=>{let s={id:r,type:"AnnotationPage",behavior:[],label:null,thumbnail:[],summary:null,requiredStatement:null,metadata:[],rights:null,provider:[],items:[],seeAlso:[],homepage:[],rendering:[],service:[]};n(Rt.entityActions.importEntities({entities:{AnnotationPage:{[s.id]:s}}}))},[r]);let o=b(s=>r&&s.iiif.entities.AnnotationPage[r]||null,[r]),a=(0,ee.useCallback)((s,u)=>{if(r){if(hr(s)){let d=s;d.__vault||d.bindToVault(e),s=typeof d.source=="string"?d.source:d.source.id,t.current[s]=d}else typeof s!="string"&&(s=s.id);let c=e.get({id:r,type:"AnnotationPage"}),l=e.get({id:s,type:"Annotation"});c&&l&&(c.items.find(d=>d.id===l.id)||n(Rt.entityActions.addReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"},index:u})))}},[r]),i=(0,ee.useCallback)(s=>{r&&(hr(s)?s=typeof s.source=="string"?s.source:s.source.id:typeof s!="string"&&(s=s.id),t.current[s]&&t.current[s].beforeRemove(),e.get({id:r,type:"AnnotationPage"})&&n(Rt.entityActions.removeReference({id:r,type:"AnnotationPage",key:"items",reference:{id:s,type:"Annotation"}})))},[r]);return[o,{addAnnotation:a,removeAnnotation:i}]}var yr=require("react/jsx-runtime"),vr=(0,ze.createContext)(null);function mn(){let e=(0,ze.useContext)(vr);return[e.fullPage,{addAnnotation:e.addAnnotation,removeAnnotation:e.removeAnnotation}]}function fn({children:e}){let[t,{addAnnotation:n,removeAnnotation:r}]=dn();return(0,yr.jsx)(vr.Provider,{value:(0,ze.useMemo)(()=>({fullPage:t,addAnnotation:n,removeAnnotation:r}),[t]),children:e})}var Oe=require("react/jsx-runtime");function Sr({width:e,style:t,height:n,error:r,resetErrorBoundary:o}){return(0,Oe.jsxs)("div",{style:{width:e,height:n,minHeight:500,...t||{},background:"#f9f9f9"},children:[(0,Oe.jsx)("h3",{children:"Error occurred"}),(0,Oe.jsx)("p",{children:r.message}),(0,Oe.jsx)("button",{onClick:o,children:"Reset"})]})}var Pt=require("react"),Fe=(0,Pt.createContext)(null);function pn(){return(0,Pt.useContext)(Fe)}var xe=require("react"),gn=(0,xe.createContext)(()=>{}),hn=(0,xe.createContext)(()=>{});function G(e,t,n,r,o=[]){let a=(0,xe.useContext)(e==="portal"?hn:gn);(0,xe.useEffect)(()=>(e!=="none"&&a(t,n,r),()=>{a(t,null)}),[t,e,a,...o])}var He=require("react");var xr=require("react");function w(e={},t=[]){let{id:n,selector:r}=e,o=O(),a=n||o.canvas,i=b(s=>a?s.iiif.entities.Canvas[a]:void 0,[a]);return(0,xr.useMemo)(()=>{if(i)return r?r(i):i},[i,r,...t])}var vn=(0,He.createContext)(()=>{});function Ar(e){let t=w(),n=(0,He.useContext)(vn);(0,He.useEffect)(()=>t&&t.id?(n(t.id,e),()=>n(t.id,-1)):()=>{},[t,e])}var V=require("react/jsx-runtime");function br({children:e,errorFallback:t,outerContainerProps:n={},worldScale:r,...o}){let[a,i]=(0,D.useState)(),s=un(),u=t||Sr,[c,l]=(0,D.useState)({}),d=Object.entries(c),[m,y]=(0,D.useState)({}),v=Object.entries(m),[g,h]=(0,D.useState)({}),S=(0,D.useMemo)(()=>r||Math.max(...Object.values(g)),[g]),L=(0,D.useMemo)(()=>({maxOverZoom:S||1,...o.runtimeOptions||{}}),[S,o.runtimeOptions]),C=(0,D.useCallback)((T,F)=>{h($=>{if(F===-1){let{[T]:x,...J}=$;return J}return{...$,[T]:F}})},[]),W=(0,D.useCallback)((T,F,$)=>{l(({[T]:x,...J})=>F?{...J,[T]:{element:F,props:$}}:J)},[]),ft=(0,D.useCallback)((T,F,$)=>{y(({[T]:x,...J})=>F?{...J,[T]:{element:F,props:$}}:J)},[]);return(0,V.jsxs)(Cr.ErrorBoundary,{resetKeys:[],fallbackRender:T=>(0,V.jsx)(u,{...o,...T}),children:[(0,V.jsx)(It.AtlasAuto,{...o,containerProps:{style:{position:"relative"},...o.containerProps||{}},htmlChildren:(0,V.jsx)(V.Fragment,{children:d.map(([T,{element:F,props:$}])=>(0,V.jsx)(D.default.Fragment,{children:(0,V.jsx)(F,{...$||{}})},T))}),onCreated:T=>{i(T),o.onCreated&&o.onCreated(T)},runtimeOptions:L,children:(0,V.jsx)(Fe.Provider,{value:a,children:(0,V.jsx)(vn.Provider,{value:C,children:(0,V.jsx)(gn.Provider,{value:W,children:(0,V.jsx)(hn.Provider,{value:ft,children:(0,V.jsx)(cn,{bridge:s,children:(0,V.jsx)(It.ModeContext.Provider,{value:o.mode||"explore",children:(0,V.jsx)(fn,{children:e})})})})})})})}),(0,V.jsx)("div",{children:v.map(([T,{element:F,props:$}])=>(0,V.jsx)(D.default.Fragment,{children:(0,V.jsx)(F,{...$||{}})},T))})]})}var wt=require("@atlas-viewer/atlas");var yn=require("react"),Rr=require("@iiif/helpers/events");function Ke(e,t){let n=A(),r=(0,yn.useMemo)(()=>(0,Rr.createEventsHelper)(n),[n]),o=b(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return(0,yn.useMemo)(()=>e?r.getListenersAsProps(e,t):{},[o,e,n,t])}var Pr=require("react"),Ir=require("@iiif/helpers/styles");function Ae(e,t){let n=A(),r=(0,Pr.useMemo)(()=>(0,Ir.createStylesHelper)(n),[n]);return b(()=>{if(!e)return null;let o=r.getAppliedStyles(e.id);return o?t?o[t]:o:void 0},[e,t])}var Mr=require("react");var wr=require("react");var Tr=require("@iiif/helpers/annotation-targets");function Ze(e={},t=[]){let{id:n,selector:r}=e,o=O(),a=A(),i=n||o.annotation,s=b(c=>i?c.iiif.entities.Annotation[i]:void 0,[i]),u=b(c=>s&&s.body?s.body.map(l=>l?l.type==="SpecificResource"?{...l,source:a.get(l)}:l?c.iiif.entities[l.type][l.id]:null:null).filter(Boolean):[],[s]);return(0,wr.useMemo)(()=>{if(!s)return;let c={...s,body:u,target:(0,Tr.expandTarget)(s.target,{typeMap:a.getState().iiif.mapping})};return r?r(c):c},[s,r,u,...t])}var Nr=require("react/jsx-runtime"),Tt=({id:e,style:t,className:n,interactive:r})=>{let o=Ze({id:e}),a=Ae(o,"atlas"),i=Ae(o,"html"),s=Ke(o,["atlas"]),u=w(),c=(0,Mr.useMemo)(()=>(0,wt.mergeStyles)(t,a),[t,a]);return u&&o&&o.target&&o.target.selector&&o.target.selector.type==="BoxSelector"&&o.target.source&&(o.target.source.id===u.id||o.target.source===u.id)?(0,Nr.jsx)(wt.RegionHighlight,{id:o.id,isEditing:!0,region:o.target.selector.spatial,style:c,className:i?.className||n,interactive:!!(i?.href||r),href:i?.href||null,title:i?.title||null,hrefTarget:i?.target||null,onClick:()=>{},...s}):null};var kr=require("react");var Vr=require("react");function Sn(e={},t=[]){let{id:n,selector:r}=e,o=O(),a=n||o.annotationPage,i=b(s=>a?s.iiif.entities.AnnotationPage[a]:void 0,[a]);return(0,Vr.useMemo)(()=>{if(i)return r?r(i):i},[i,...t])}var xn=require("react/jsx-runtime"),Je=({className:e,page:t})=>{let n=Sn({id:t.id})||t,r=Ae(n,"atlas"),o=Ae(n,"html");return b(a=>n.id?a.iiif.entities.AnnotationPage[n.id]:null,[]),(0,xn.jsx)(kr.Fragment,{children:n.items?.map(a=>(0,xn.jsx)(Tt,{id:a.id,style:r,className:o?.className||e},a.id))})};var ro=require("@iiif/helpers/styles");var et=require("react");var Xe=require("@atlas-viewer/atlas");var Ce=de(require("react"),1),te=require("react/jsx-runtime"),Lr=Ce.default.createContext("en");function jo(e){return(0,te.jsx)(Lr.Provider,{value:e.language,children:e.children})}function Mt(){return Ce.default.useContext(Lr)}function Er(e){return e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):e}function zr({as:e,language:t,children:n,viewingDirection:r,...o}){let a=Mt();return(0,Ce.useMemo)(()=>Er(a)===Er(t),[a,t])?e?(0,te.jsx)(e,{...o,children:n}):(0,te.jsx)("span",{...o,children:n}):e?(0,te.jsx)(e,{...o,lang:t,dir:r,children:n}):(0,te.jsx)("span",{...o,lang:t,dir:r,children:n})}function Or(e,t,n){if(t.length===0)return;if(t.length===1)return t[0];if(t.indexOf(e)!==-1)return e;let r=e.indexOf("-")!==-1?e.slice(0,e.indexOf("-")):null;if(r&&t.indexOf(r)!==-1)return r;for(let o of n)if(t.indexOf(o)!==-1)return o;return t.indexOf("none")!==-1?"none":t.indexOf("@none")!==-1?"@none":t[0]}var Fr=(e,t=[])=>{let n=Mt();return(0,Ce.useMemo)(()=>{let r=e();return Or(n,r,[])},[n,...t])};function Hr(e,t,n=`
+`){let r=Fr(()=>Object.keys(e||{}),[e]);return[(0,Ce.useMemo)(()=>{if(!e)return t||"";if(typeof e=="string")return e;let o=r?e[r]:void 0;return o?typeof o=="string"?o:o.join(n):""},[r,t,e]),r]}function Go(){let e=Mt();return function(n,r,o){let a=Object.keys(n||{}),i=Or(e,a,[]);if(!n)return r||"";if(typeof n=="string")return n;let s=i?n[i]:void 0;return s?typeof s=="string"?s:s.join(typeof o<"u"?o:`
+`):""}}function _({as:e,defaultText:t,enableDangerouslySetInnerHTML:n,children:r,separator:o,...a}){let[i,s]=Hr(r,t,o);return s?(0,te.jsx)(zr,{...a,as:e,language:s,title:n?void 0:i,dangerouslySetInnerHTML:n?{__html:i}:void 0,children:n?void 0:i}):e?(0,te.jsx)(e,{...a,children:i}):(0,te.jsx)("span",{...a,title:n?void 0:i,dangerouslySetInnerHTML:n?{__html:i}:void 0,children:n?void 0:i})}var Y=require("react/jsx-runtime");function Ko({resource:e,heading:t,note:n,extra:r}){return r?(0,Y.jsx)(Xe.HTMLPortal,{target:{x:0,y:0,width:r.target?.spatial.width,height:r.target?.spatial.height},backgroundColor:"#333",relative:!0,children:(0,Y.jsx)("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",background:"#444",color:"#BBB"},children:(0,Y.jsxs)("div",{children:[(0,Y.jsx)(_,{children:t||"Not authorised"}),n&&(0,Y.jsx)("p",{children:(0,Y.jsx)(_,{children:n})}),(0,Y.jsx)("p",{children:e.id||e["@id"]||"unknown"})]})})}):null}function Dr({image:e,thumbnail:t,crop:n,enableSizes:r}){if(!rn()){let a=e.service,i=a.width||e.width||0,s=a.height||e.height||0;return(0,Y.jsx)(Xe.TileSet,{tiles:{id:a.id||a["@id"]||"unknown",height:s,width:i,imageService:a},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:n})}return(0,Y.jsx)(on,{resource:e.service,errorComponent:Ko,extra:e,children:a=>{let i=a.width||e.width||0,s=a.height||e.height||0;return(0,Y.jsx)(Xe.TileSet,{tiles:{id:a.id||a["@id"]||"unknown",height:s,width:i,imageService:a},enableSizes:r,x:0,y:0,width:e.target?.spatial.width,height:e.target?.spatial.height,crop:n})}},e.id)}var be=require("react/jsx-runtime");function Nt({id:e,image:t,thumbnail:n,isStatic:r,x:o=0,y:a=0,children:i,selector:s,onClick:u,enableSizes:c}){let l=(0,et.useMemo)(()=>{if(!(!s||s.spatial.x===0&&s.spatial.y===0))return s.spatial},[s]);return(0,be.jsx)("world-object",{x:o+t.target.spatial.x,y:a+t.target.spatial.y,width:t.target.spatial.width,height:t.target.spatial.height,onClick:u,children:t.service?(0,be.jsxs)(et.Fragment,{children:[(0,be.jsx)(Dr,{image:t,thumbnail:n,crop:l,enableSizes:c}),i]},"service"):(0,be.jsxs)(et.Fragment,{children:[(0,be.jsx)("world-image",{onClick:u,uri:t.id,target:{x:0,y:0,width:t.target.spatial.width,height:t.target.spatial.height},display:t.width&&t.height?{width:t.width,height:t.height}:void 0,crop:l}),i]},"no-service")},e+(t.service?"server":"no-service"))}var K=require("react"),oo=require("@atlas-viewer/atlas");var En=require("react");var qr=require("@iiif/helpers");function Zo(e){return e.type==="SpecificResource"?[e.source,{selector:e.selector}]:[e,{selector:null}]}function tt(e,t){let{selector:n,source:r}=(0,qr.expandTarget)(t);if(r.id!==e.id)return[null,r];let o={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[n?n.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:n.temporal,spatial:o.spatial}:n:null,r]}var An={makeChoice:()=>{}},nt={type:"unknown"},P=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),Cn=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var rt=require("react");function Jo(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function Ur(e,t){return b(n=>{let r=[];if(!e)return r;let o=Object.keys(n.iiif.entities.AnnotationPage);for(let a of o)if(!t||t.indexOf(a)!==-1){let i=Jo(n,a);i&&i.views&&i.views[e]&&r.push(a)}return r},[e,t])}function bn({canvas:e,manifest:t,all:n,canvases:r}){let o=[];if(t)for(let a of t.annotations)o.indexOf(a.id)===-1&&o.push(a.id);if(n){if(r&&r.length)for(let a of r)for(let i of a.annotations)o.indexOf(i.id)===-1&&o.push(i.id)}else if(e)for(let a of e.annotations)o.indexOf(a.id)===-1&&o.push(a.id);return o}function Xo(e,t){let n=e?.iiif?.meta[t];return n?n.annotationPageManager:null}function ot(e,t={}){let n=A(),r=E(),o=w(),a=$e(),i=(0,rt.useMemo)(()=>bn({all:t.all,manifest:r,canvas:o,canvases:a}),[t.all,o,a,r]),s=Ur(e,t.all?void 0:i),u=(0,rt.useCallback)(l=>{e&&n.setMetaValue([l,"annotationPageManager","views"],d=>d&&!d[e]?d:{...d||{},[e]:!1})},[e,n]),c=(0,rt.useCallback)((l,d={})=>{if(!e)return;let m=n.getState(),y=[];if(d?.deselectOthers){let v=Object.keys(m.iiif.entities.AnnotationPage);for(let g of v){let h=Xo(m,g);h&&h.views&&h.views[e]&&y.push(g)}}for(let v of y)u(v);n.setMetaValue([l,"annotationPageManager","views"],v=>v&&v[e]?v:{...v||{},[e]:!0})},[e,u,n]);return{availablePageIds:i,enabledPageIds:s,setPageEnabled:c,setPageDisabled:u}}function Rn(e,t){return b((n,r)=>r.get(e.map(o=>({id:o,type:t}))),[e,t])}var se=require("react");var Vt=de(require("react"),1),Br=require("@atlas-viewer/iiif-image-api"),_r=Vt.default.createContext(new Br.ImageServiceLoader);function ne(){return(0,Vt.useContext)(_r)}function Pn(){let e=ne(),[t,n]=(0,se.useState)({}),r=(0,se.useRef)(!1);return(0,se.useEffect)(()=>()=>{r.current=!0},[]),[(0,se.useCallback)((a,{height:i,width:s})=>{if(a){let u=a.id||a["@id"],c=e.loadServiceSync({id:u,width:a.width||s,height:a.height||i,source:a});c?a=c:t[u]||(r.current||n(l=>({...l,[u]:"loading"})),e.loadService({id:u,width:a.width||s,height:a.height||i}).then(()=>{r.current||n(l=>({...l,[u]:"done"}))}))}return a},[e,t]),t]}var Pe=require("react");function Re(e={}){let t=Ze(),n=w(e.canvasId?{id:e.canvasId}:void 0);return b((r,o)=>{if(!n)return[];if(t&&e.enableSingleAnnotation)return[t];let a=o.get(n.items),i=[];for(let s of a)i.push(...o.get(s.items));return i},[n])}var Wr=require("@iiif/helpers/painting-annotations");function In(e,t=[]){let n=A(),r=(0,Pe.useMemo)(()=>(0,Wr.createPaintingAnnotationsHelper)(n),[]),o=Re({enableSingleAnnotation:e?.enableSingleAnnotation}),[a,i]=(0,Pe.useState)(e?.defaultChoices||[]),s=(0,Pe.useMemo)(()=>r.getPaintables(o,a),[n,o,a,...t]),c={makeChoice:(0,Pe.useCallback)((l,{deselectOthers:d=!0,deselect:m=!1}={})=>{if(s.choice){if(s.choice.type!=="single-choice")throw new Error("Complex choice not supported yet");i(y=>{if(m){let g=y.filter(h=>h!==l);if(g.length===0){let h=s.items[0].resource.id;return h?[h]:[]}return g}if(d)return[l];let v=[...y];if(v.length===0&&s.items.length){let g=s.items[0].resource.id;g&&v.push(g)}return y.indexOf(l)!==-1?y:[...y,l]})}},[s.choice])};return[s,c]}var ei=["model/gltf-binary"];function wn(e,t){let r=t.items[0].resource;return r.format?ei.indexOf(r.format)===-1?P(`3D format: ${r.format} is unsupported`):{type:"3d-model",model:r}:P("Unknown format")}function $r(e,t){if(!e.duration)return P("No duration on canvas");if(t.items.length>1)return P("Only one audio source supported");let n=t.items[0]?.resource;return n?n.format?{type:"media",media:{annotationId:t.items[0].annotationId,duration:e.duration,url:n.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:n.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}:P("Audio does not have format"):P("Unknown audio")}var Yr=require("@atlas-viewer/iiif-image-api");var Tn=require("@iiif/helpers/annotation-targets");function Mn(e,t,n){let r=[];for(let o of t.items){let a=o.resource&&o.resource.type==="SpecificResource"?o.resource.source:o.resource;if(!a.id)return P("No resource Identifier");let i;if(a.service){let v=(0,Yr.getImageServices)(a);v[0]&&(i=n(v[0],e))}let s={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[u,c]=tt(e,o.target);if(!(c.id===e.id||decodeURIComponent(c.id||"")===(e.id||"")))continue;let l=o.resource.width&&o.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:o.resource.width,height:o.resource.height}}:void 0,d=o.resource.type==="SpecificResource"?(0,Tn.expandTarget)(o.resource):null;if(o.selector){let v=(0,Tn.expandTarget)({type:"SpecificResource",source:o.resource,selector:o.selector});v&&(d=v)}let m=d&&d.selector&&(d.selector.type==="BoxSelector"||d.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:d.selector.spatial.x,y:d.selector.spatial.y,width:d.selector.spatial.width,height:d.selector.spatial.height}}:void 0;i&&!i.id&&(i.id=i["@id"]);let y={id:a.id,type:"Image",annotationId:o.annotationId,width:Number(u||m?a.width:e.width),height:Number(u||m?a.height:e.height),service:i,sizes:i&&i.sizes?i.sizes:a.width&&a.height?[{width:a.width,height:a.height}]:[],target:u&&u.type!=="PointSelector"?u:s,selector:m};r.push(y)}return{type:"images",image:r[0],images:r,choice:t.choice}}function Qr(e,t={},n){let r=e.language||n||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(t[r]=e.value);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(o=>Qr(o,t,r))}return t}function Nn(e,t){let n=[];return t.items.forEach(r=>{if(r.resource){let[o]=tt(e,r.target);n.push({annotationId:r.annotationId,text:Qr(r.resource),target:o})}}),{type:"textual-content",items:n}}var ti=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function Vn(e,t){let n=t.items.filter(s=>s.type==="video"),r=!1;if(e.duration||(r=!0),n.length>1)return P("Only one video source supported");let o=n[0]?.resource,a=!!(o.service||[]).find(s=>(s.profile||"").includes("youtube.com"));if(!a&&r)return P("Video does not have duration");if(!o)return P("Unknown video");if((!o.format||o.format==="text/html")&&!a)return P("Video does not have format");let i={annotationId:t.items[0].annotationId,duration:e.duration,url:o.id,type:"Video",items:[],target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:o.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}};if(a){i.type="VideoYouTube";let s=o.id.match(ti);if(!s[1])return P("Video is not known youtube video");i.youTubeId=s[1]}return{type:"media",media:i,annotations:{pages:[]}}}function kn({canvas:e,paintables:t,supports:n,loadImageService:r}){if(!e)return nt;if(t.types.length===0)return n.indexOf("empty")!==-1?Cn(e.width,e.height):nt;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?P("Complex timeline not supported"):P("ComplexTimelineStrategy not yet supported");let o=t.types[0];return o==="image"?n.indexOf("images")===-1?P("Image not supported"):Mn(e,t,r):o==="Model"||o==="model"?n.indexOf("3d-model")===-1?P("3D not supported"):wn(e,t):o==="textualbody"?n.indexOf("textual-content")===-1?P("Textual content not supported"):Nn(e,t):o==="sound"||o==="audio"?n.indexOf("media")===-1?P("Media not supported"):$r(e,t):o==="video"?n.indexOf("media")===-1?P("Media not supported"):Vn(e,t):nt}function Ln(e){let t=E(),n=w(),r=A(),[o,a]=Pn(),{enabledPageIds:i}=ot(e?.annotationPageManagerId||t?.id||n?.id,{all:!1}),s=Rn(i,"AnnotationPage"),u=e?.strategies||["empty","images","media","textual-content","complex-timeline"],[c,l]=In(e,[a]),d=(0,En.useMemo)(()=>kn({canvas:n,paintables:c,supports:u,loadImageService:o}),[n,c,r,l.makeChoice]);return(0,En.useMemo)(()=>d.type==="unknown"?[d,An]:[{...d,annotations:{pages:s}},l],[d,s])}var ue=require("react");var jr=require("react"),zn=(e,t=[])=>{let n=A();(0,jr.useEffect)(()=>{e(n)},[n,...t])};var Gr=require("@iiif/helpers/thumbnail");function it(e,t,{canvasId:n,manifestId:r}={}){let o=A(),a=ne(),i=(0,ue.useMemo)(()=>(0,Gr.createThumbnailHelper)(o,{imageServiceLoader:a}),[o,a]),[s,u]=(0,ue.useState)(),c=E(r?{id:r}:void 0),l=w(n?{id:n}:void 0),d=l||c,m=(0,ue.useRef)(!1);if((0,ue.useEffect)(()=>(m.current=!1,()=>{m.current=!0}),[]),!d)throw new Error("Must be called under a manifest or canvas context.");return zn(y=>{i.getBestThumbnailAtSize(d,e,t).then(v=>{v.best&&!m.current&&u(v.best)})},[d]),s}var M=require("react");function ni(e){return{isMuted:!1,playRequested:!1,isPlaying:!1,isFinished:!1,volume:100,duration:e}}function ri(e,t){switch(t.type){case"FINISHED":return{...e,isFinished:!0,isPlaying:!1,playRequested:!1};case"PLAY_PAUSE":return{...e,isFinished:!1,isPlaying:!e.isPlaying};case"PLAY_REQUESTED":return{...e,isFinished:!1,playRequested:!0};case"PAUSE":return{...e,isPlaying:!1};case"PLAY":return{...e,isFinished:!1,playRequested:!1,isPlaying:!0};case"MUTE":return{...e,isMuted:!0};case"SET_VOLUME":return{...e,volume:t.volume,isMuted:t.volume===0};case"TOGGLE_MUTE":return{...e,isMuted:!e.isMuted};case"UNMUTE":return{...e,isMuted:!1}}return e}function Kr(e){let t=Math.round(e);return`${Math.floor(t/60)}:${`${t%60}`.padStart(2,"0")}`}function Ie(e){let[t,n]=(0,M.useReducer)(ri,ni(e.duration)),r=(0,M.useRef)(null),o=(0,M.useRef)(null),a=(0,M.useRef)(null),i=(0,M.useRef)(!1),s=(0,M.useCallback)(()=>{o.current&&r.current&&(o.current.innerHTML=Kr(r.current.currentTime),a.current&&(a.current.style.width=`${r.current.currentTime/e.duration*100}%`),i.current!==r.current.muted&&(i.current=r.current.muted,n(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"})))},[e.duration]),u=(0,M.useCallback)(()=>{r.current&&(n({type:"PLAY_REQUESTED"}),r.current.play().then(()=>{n({type:"PLAY"})}),s())},[s]),c=(0,M.useCallback)(()=>{r.current&&(r.current.duration>0&&r.current.paused?u():l())},[s]),l=(0,M.useCallback)(()=>{r.current&&(r.current.pause(),n({type:"PAUSE"}),s())},[s]),d=(0,M.useCallback)(()=>{r.current&&(r.current.muted=!r.current.muted,n(r.current.muted?{type:"MUTE"}:{type:"UNMUTE"}))},[]),m=(0,M.useCallback)(()=>{r.current&&(r.current.muted=!0,n({type:"MUTE"}))},[]),y=(0,M.useCallback)(()=>{r.current&&(r.current.muted=!1,n({type:"UNMUTE"}))},[]),v=(0,M.useCallback)(S=>{r.current&&(r.current.muted=!1,r.current.volume=S/100,n({type:"SET_VOLUME",volume:S}))},[]),g=(0,M.useCallback)(S=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(S*e.duration,e.duration)),s())},[]),h=(0,M.useCallback)(S=>{r.current&&(r.current.currentTime=Math.max(0,Math.min(S,e.duration)),s())},[]);return(0,M.useEffect)(()=>{let S=setInterval(()=>{s()},350);return()=>clearInterval(S)},[s,e.duration]),(0,M.useEffect)(()=>{let S=()=>{n({type:"FINISHED"})},L=r.current;return L?.addEventListener("ended",S),()=>L?.removeEventListener("ended",S)},[]),[{element:r,currentTime:o,progress:a},t,{play:u,pause:l,playPause:c,mute:m,unmute:y,toggleMute:d,setVolume:v,setDurationPercent:g,setTime:h}]}var ce=require("react"),kt=require("react/jsx-runtime"),Zr=(0,ce.createContext)(null),Jr=(0,ce.createContext)(null),Xr=(0,ce.createContext)(null);function oi(){let e=(0,ce.useContext)(Zr);if(!e)throw new Error("Ctx not found");return e}function ii(){let e=(0,ce.useContext)(Jr);if(!e)throw new Error("Ctx not found");return e}function ai(){let e=(0,ce.useContext)(Xr);if(!e)throw new Error("Ctx not found");return e}function at({actions:e,state:t,children:n,currentTime:r,progress:o,element:a}){return(0,kt.jsx)(Xr.Provider,{value:{currentTime:r,progress:o,element:a},children:(0,kt.jsx)(Jr.Provider,{value:e,children:(0,kt.jsx)(Zr.Provider,{value:t,children:n})})})}var Lt=require("react/jsx-runtime");function On({media:e,children:t}){let[{element:n,currentTime:r,progress:o},a,i]=Ie({duration:e.duration});return(0,Lt.jsxs)(at,{state:a,actions:i,currentTime:r,progress:o,element:n,children:[(0,Lt.jsx)("audio",{ref:n,src:e.url}),t]})}function Et({media:e,mediaControlsDeps:t,children:n}){return G("portal","audio",On,{media:e,children:n},[e,...t||[]]),null}var st=require("react/jsx-runtime");function Fn({element:e,media:t,playPause:n}){return(0,st.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,st.jsx)("style",{children:`
+            .video-container {
+              position: absolute;
+              top: 0;
+              bottom: 0;
+              left: 0;
+              right: 0;
+              background: #000;
+              z-index: 13;
+              display: flex;
+              justify-content: center;
+              pointer-events: visible;
+            }
+          `}),(0,st.jsx)("video",{ref:e,src:t.url,style:{width:"100%",objectFit:"contain"}})]})}function zt({media:e,mediaControlsDeps:t,children:n}){let[{element:r,currentTime:o,progress:a},i,s]=Ie({duration:e.duration});return G("overlay","video-element",Fn,{element:r,media:e,playPause:s.playPause}),G("portal","custom-controls",at,{state:i,actions:s,currentTime:o,progress:a,element:r,children:n},[o,i,e,...t||[]]),null}var le=require("react/jsx-runtime");function Hn({model:e}){return(0,le.jsxs)(le.Fragment,{children:[(0,le.jsx)("style",{children:`
+            .model-container {
+              position: absolute;
+              top: 0;
+              bottom: 0;
+              left: 0;
+              right: 0;
+              background: #000;
+              z-index: 13;
+              display: flex;
+              justify-content: center;
+              pointer-events: visible;
+            }
+          `}),(0,le.jsx)("div",{className:"model-container",children:(0,le.jsx)("model-viewer",{"interaction-prompt":"none",style:{width:"100%",height:"100%"},"camera-controls":"","ar-status":"not-presenting",src:e.id})})]})}function Ot({model:e,name:t}){return G("overlay",`model-${t}`,Hn,{model:e},[e]),null}var eo=require("react/jsx-runtime");function Ft({style:e}){let t=w();return!t||!t.height||!t.width?null:(0,eo.jsx)("box",{interactive:!1,target:{x:0,y:0,width:Number(t.width),height:Number(t.height)},style:e})}var to=require("react"),ut=require("react/jsx-runtime");function si({element:e,media:t,playPause:n}){let r=(0,to.useRef)(null);return t.youTubeId?(0,ut.jsxs)("div",{className:"video-container",part:"video-container",onClick:n,children:[(0,ut.jsx)("style",{children:`
+            .video-container {
+              position: absolute;
+              top: 0;
+              bottom: 0;
+              left: 0;
+              right: 0;
+              background: #000;
+              z-index: 13;
+              display: flex;
+              justify-content: center;
+              pointer-events: visible;
+            }
+            .video-yt {
+              border: none;
+              width: 100%;
+              object-fit: contain;
+            }
+          `}),(0,ut.jsx)("iframe",{className:"video-yt",ref:r,src:`https://www.youtube.com/embed/${t.youTubeId}?enablejsapi=1&origin=${window.location.host}`,referrerPolicy:"no-referrer",sandbox:"allow-scripts allow-same-origin allow-presentation"})]}):null}function no({media:e,mediaControlsDeps:t,children:n}){let[{element:r,currentTime:o,progress:a},i,s]=Ie({duration:e.duration});return G("overlay","video-element",si,{element:r,media:e,playPause:s.playPause}),null}var R=require("react/jsx-runtime");function Dn({x:e,y:t,onChoiceChange:n,registerActions:r,defaultChoices:o,isStatic:a,renderViewerControls:i,renderMediaControls:s,viewControlsDeps:u,mediaControlsDeps:c,strategies:l,throwOnUnknown:d,backgroundStyle:m,alwaysShowBackground:y,keepCanvasScale:v=!1,enableSizes:g=!1,enableYouTube:h=!0,onClickPaintingAnnotation:S,children:L}){let C=w(),W=Ke(C,["deep-zoom"]),[ft]=mn(),T=pn(),F=A(),$=(0,K.useMemo)(()=>(0,ro.createStylesHelper)(F),[F]),[x,J]=Ln({strategies:l||["images"],defaultChoices:o?.map(({id:I})=>I)}),Wn=x.type==="images"?x.choice:void 0,Ao=(0,K.useMemo)(()=>v?1:Math.max(1,...x.type==="images"?x.images.map(I=>(I.width||0)/I.target?.spatial.width):[]),[v,x]);Ar(Ao),(0,K.useEffect)(()=>{r&&r(J)},[x.annotations]),(0,K.useEffect)(()=>{if(o)for(let I of o)typeof I.opacity<"u"&&$.applyStyles({id:I.id},"atlas",{opacity:I.opacity})},[o]),(0,K.useLayoutEffect)(()=>{n&&n(Wn)},[Wn]),G(T&&(x.type==="images"||x.type==="empty"||x.type==="textual-content"&&i)?"overlay":"none",`canvas-portal-controls-${C?.id}`,Fe.Provider,i?{value:T||null,children:i(x)}:{},[C,T,x,...u||[]]);let re=it({maxWidth:256,maxHeight:256});if(!C)return null;let $n=C.accompanyingCanvas,qe=re&&re.type==="fixed"?(0,R.jsx)("world-object",{height:C.height,width:C.width,x:e,y:t,children:(0,R.jsx)("world-image",{uri:re.id,target:{x:0,y:0,width:C.width,height:C.height},display:re.width&&re.height?{width:re.width,height:re.height}:void 0,crop:void 0})}):null;if(x.type==="unknown"){if(qe)return qe;if(d)throw new Error(x.reason||"Unknown image strategy");return null}let Yn=(0,R.jsxs)(K.Fragment,{children:[ft?(0,R.jsx)(Je,{page:ft}):null,x.annotations&&x.annotations.pages?x.annotations.pages.map(I=>(0,R.jsx)(Je,{page:I},I.id)):null,L]}),Co=x.type==="images"?x.images.length:0;return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)("world-object",{height:C.height,width:C.width,x:e,y:t,...W,children:[x.type==="empty"||y?(0,R.jsx)(Ft,{style:m}):null,x.type==="textual-content"?x.items.map((I,pt)=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(oo.HTMLPortal,{onClick:S?Ue=>{Ue.stopPropagation(),S(I.annotationId,I,Ue)}:void 0,target:I.target?.spatial||void 0,children:(0,R.jsx)("div",{"data-textual-content":!0,children:(0,R.jsx)(_,{enableDangerouslySetInnerHTML:!0,children:I.text})})},pt),Yn]})):null,x.type==="images"?(0,R.jsxs)(R.Fragment,{children:[x.images.map((I,pt)=>(0,R.jsx)(Nt,{isStatic:a,image:I,id:I.id,thumbnail:pt===0?re:void 0,selector:I.selector,enableSizes:g,onClick:S?Ue=>{Ue.stopPropagation(),S(I.annotationId,I,Ue)}:void 0},I.id+pt)),Yn]}):null,x.type==="3d-model"?(0,R.jsx)(Ot,{model:x.model}):null,x.type==="media"?(0,R.jsx)(R.Fragment,{children:x.media.type==="Sound"?(0,R.jsxs)(Et,{media:x.media,mediaControlsDeps:c,children:[qe,s?s(x):null]}):x.media.type==="Video"?(0,R.jsxs)(zt,{media:x.media,mediaControlsDeps:c,children:[qe,s?s(x):null]}):x.media.type==="VideoYouTube"&&h?(0,R.jsxs)(no,{media:x.media,mediaControlsDeps:c,children:[qe,s?s(x):null]}):null}):null]},`${C.id}/${x.type}/${Co}`),x.type==="media"&&x.media.type==="Sound"&&$n?(0,R.jsx)(X,{canvas:$n.id,children:(0,R.jsx)(Dn,{renderViewerControls:i})}):null]})}var U=require("react/jsx-runtime"),ui=(0,ct.forwardRef)(function(t,n){let r=E(),o=$e(),a=Ge(),{ViewerControls:i,MediaControls:s}=t.components||{};if((0,ct.useImperativeHandle)(n,()=>a,[a]),!r)return(0,U.jsx)("div",{});let u=0;return(0,U.jsxs)(U.Fragment,{children:[t.header,(0,U.jsx)(z.Viewer,{height:t.height,mode:t.mode,children:o.map((c,l)=>{let d=u;return u+=c.width+(t.spacing||0),(0,U.jsx)(X,{canvas:c.id,children:(0,U.jsx)(z.RenderCanvas,{strategies:["3d-model","media","images","empty","textual-content"],renderViewerControls:l===0&&i?()=>(0,U.jsx)(i,{}):void 0,renderMediaControls:l===0&&s?()=>(0,U.jsx)(s,{}):void 0,x:d,...t.canvasProps||{},children:t.annotations},c.id)},c.id)})},t.reuseAtlas?"":a.currentSequenceIndex),t.children]})}),z=(0,ct.forwardRef)(function({children:t,height:n,annotations:r,canvasProps:o,spacing:a,header:i,components:s,mode:u,reuseAtlas:c,...l},d){let m=fe();return(0,U.jsx)(me,{vault:m,children:(0,U.jsx)(sn,{...l,children:(0,U.jsx)(ui,{ref:d,height:n,components:s,spacing:a,canvasProps:o,annotations:r,header:i,mode:u,reuseAtlas:c,children:t})})})});z.RenderImage=Nt;z.RenderCanvas=Dn;z.RenderAnnotationPage=Je;z.RenderAnnotation=Tt;z.Viewer=br;z.CanvasBackground=Ft;z.Audio=Et;z.Video=zt;z.Model=Ot;z.AudioHTML=On;z.VideoHTML=Fn;z.ModelHTML=Hn;var io=require("@atlas-viewer/atlas");var Ht=require("react"),lt=require("react/jsx-runtime"),ci=(0,Ht.forwardRef)(function({canvasId:t},n){let r=(0,io.useCanvas)(),o=ot(t||r?.id),a=A();return(0,Ht.useImperativeHandle)(n,()=>o,[t,r]),!r||o.enabledPageIds.length===0?null:(0,lt.jsx)(lt.Fragment,{children:o.enabledPageIds.map(i=>(0,lt.jsx)(z.RenderAnnotationPage,{page:a.get(i)},i))})});var so=require("react");var ao=require("react");var k=require("react/jsx-runtime");function dt({metadata:e=[],config:t,labelWidth:n=16,showEmptyMessage:r=!0,allowHtml:o,emptyFallback:a,classes:i={},emptyMessage:s="No metadata available",emptyValueFallback:u="No value",emptyLabelFallback:c="",separator:l,tableFooter:d,tableHeader:m}){let y=(0,ao.useMemo)(()=>{let g=(t||[]).reduce((S,L)=>[...S,...L.keys],[]),h={};for(let S of e){let L=S&&S.label?Object.values(S.label):[];for(let C of L)if(C&&C.length&&(g.indexOf(`metadata.${C[0]}`)!==-1||g.length===0)&&S){let W=`metadata.${C[0]}`;h[W]=h[W]?h[W]:[],h[W].push(S);break}}return h},[t,e]);return Object.keys(y).length===0&&r?(0,k.jsx)(k.Fragment,{children:a})||(0,k.jsx)("div",{className:i.empty,children:s}):t&&t.length?(0,k.jsxs)("table",{className:i.container,children:[m,(0,k.jsx)("tbody",{children:t.map((g,h)=>{let S=[];for(let L of g.keys)for(let C of y[L]||[])S.push((0,k.jsx)(_,{enableDangerouslySetInnerHTML:o,defaultText:u,separator:l,children:C.value},h+"__"+L));return S.length===0?null:(0,k.jsxs)("tr",{className:i.row,children:[(0,k.jsx)("td",{className:i.label,style:n?{minWidth:n}:{},children:(0,k.jsx)(_,{enableDangerouslySetInnerHTML:o,separator:l,defaultText:c,children:g.label})}),(0,k.jsx)("td",{className:i.value,children:S})]},h)})}),d]}):(0,k.jsxs)("table",{className:i.container,children:[m,(0,k.jsx)("tbody",{children:e&&e.length?e.map((g,h)=>g?(0,k.jsxs)("tr",{className:i.row,children:[(0,k.jsx)("td",{className:i.label,style:n?{minWidth:n}:{},children:(0,k.jsx)(_,{enableDangerouslySetInnerHTML:o,defaultText:u,separator:l,children:g.label})}),(0,k.jsx)("td",{className:i.value,children:(0,k.jsx)(_,{enableDangerouslySetInnerHTML:o,defaultText:u,separator:l,children:g.value})})]},h):null):null}),d]})}var uo=require("react/jsx-runtime");function li(e){let t=E(),n=w(),r=Ye(),o=(0,so.useMemo)(()=>{let a=t?.metadata||[],i=n?.metadata||[],s=r?.metadata||[];return[...a,...i,...s]},[t,n,r]);return(0,uo.jsx)(dt,{metadata:o,...e})}var Ut=require("react");var Dt=require("@atlas-viewer/iiif-image-api"),co=require("react");function qt(e,t={},n=[]){return(0,co.useMemo)(()=>{if(!e)return null;let r=t.quality;e&&e.extraQualities&&t.quality&&(e.extraQualities.includes(t.quality)||(r="default"));let o=(0,Dt.createImageServiceRequest)(e);return(0,Dt.imageServiceRequestToString)({identifier:o.identifier,server:o.server,scheme:o.scheme,type:"image",size:{max:!t.size?.width&&!t.size?.height,confined:!1,upscaled:!1,...t.size||{}},format:t.format||"jpg",region:t.region||{full:!0},rotation:t?.rotation?Number.isInteger(t.rotation)?{angle:t.rotation}:t.rotation:{angle:0},quality:r||"default",prefix:o.prefix,originalPath:o.originalPath})},[...n])}var mt=require("react/jsx-runtime");function di(e){let t=typeof e.src=="string"?e.src:e.src.id,n=ne(),[r,o]=(0,Ut.useState)(!1),a;if(t){let s=n.loadServiceSync({id:t});s&&(a=s)}!a&&!r&&n.loadService({id:t}).then(()=>{o(!0)});let i=qt(a,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[r,e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return(0,Ut.useEffect)(()=>()=>{o(!1)},[t]),i?(0,mt.jsx)("img",{src:i,alt:e.alt,className:e.className,style:e.style}):(0,mt.jsx)(lo,{...e,fetchImageService:!1})}function lo(e){if(e.fetchImageService)return(0,mt.jsx)(di,{...e});let t=typeof e.src=="string"?{id:e.src,profile:"level0"}:e.src,n=qt(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,mt.jsx)("img",{src:n,alt:e.alt,className:e.className,style:e.style}):null}var mo=require("react/jsx-runtime");function mi(e){let t=E();return(0,mo.jsx)(dt,{metadata:t?.metadata||[],...e})}var Bt=require("react");var qn=de(require("react-lazy-load-image-component"),1);var fo=require("@iiif/helpers/i18n"),B=require("react/jsx-runtime"),{LazyLoadComponent:fi}=qn||qn.default;function Un(e){let{size:t,visible:n,classes:r,canvasId:o,figure:a}=e,i=t?.width||128,s=t?.height||t?.width||128,u=(0,B.jsx)(pi,{...e}),c=(0,B.jsx)(fi,{threshold:300,style:{height:s,width:i},visibleByDefault:n,children:o?(0,B.jsx)(X,{canvas:o,children:u}):u});return a?(0,B.jsx)("figure",{className:r?.figure,children:c}):c}function pi({fallback:e,size:t,classes:n,showLabel:r,alt:o,dereference:a=!1}){let i=w(),s=t?.width||128,u=t?.height||t?.width||128,c=o||(0,fo.getValue)(i?.label)||"",l=it({width:s,height:u},a);return!l||l.type!=="fixed"?(0,B.jsx)(B.Fragment,{children:e}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{className:n?.imageWrapper,children:(0,B.jsx)("img",{className:n?.img,src:l.id,alt:c})}),r?(0,B.jsx)(_,{as:"figcaption",className:n?.label,children:i?.label}):null]})}var De=require("react/jsx-runtime");function gi({flat:e,size:t,classes:n={},showLabel:r,figure:o,fallback:a}){let i=(0,Bt.useRef)(null),{items:s,sequence:u,currentSequenceIndex:c,setSequenceIndex:l}=Ge(),d={row:n.selected?.row||n.row,item:n.selected?.item||n.item,figure:n.selected?.figure||n.figure,img:n.selected?.img||n.img,label:n.selected?.label||n.label,imageWrapper:n.selected?.imageWrapper||n.imageWrapper};(0,Bt.useLayoutEffect)(()=>{if(!i.current)return;let y=i.current.querySelector("[data-selected=true]");y&&y.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},[c]);let m=[];for(let y of u){let v=[],g=u[c]===y;for(let h of y){let S=s[h];v.push((0,De.jsx)("div",{className:g?d.item:n.item,children:(0,De.jsx)(Un,{classes:g?d:n,canvasId:S.id,size:t,showLabel:r,figure:o,placeholder:(0,De.jsx)("div",{style:{height:128,width:128}}),fallback:a})},h))}if(e){m.push(v);continue}m.push((0,De.jsx)("div",{onClick:h=>{l(u.indexOf(y))},"data-selected":g,className:g?d.row:n.row,children:v}))}return(0,De.jsx)("div",{ref:i,className:n.container,children:m})}var po=require("react/jsx-runtime");function hi({annotation:e,children:t}){return(0,po.jsx)(H,{value:{annotation:e},children:t})}var go=require("react/jsx-runtime");function vi({annotationPage:e,children:t}){return(0,go.jsx)(H,{value:{annotationPage:e},children:t})}var ho=require("react/jsx-runtime");function yi({collection:e,children:t}){return(0,ho.jsx)(H,{value:{collection:e},children:t})}function Si(e,t={}){return Re(t)}function xi(e,t=!1){}function Ai(e){let n=O().manifest,r=e?e.map(o=>typeof o=="string"?o:o?.id):[];return b(o=>{let a=n?o.iiif.entities.Manifest[n]:void 0,i=a?.items||[];if(typeof e>"u")return i;let s=[];for(let u of a?.items||[])r.indexOf(u.id)!==-1&&s.push(u);return s},[r.join("/")])}var vo=require("react");function Ci(e,t=[]){let{id:n,selector:r}=e,o=O(),a=n||o.collection,i=b(s=>a?s.iiif.entities.Collection[a]:void 0,[a]);return(0,vo.useMemo)(()=>{if(i)return r?r(i):i},[i,r,...t])}var _t=require("react"),yo=require("@iiif/helpers/events");function bi(e,t,n,r,o=[]){let a=A(),i=(0,_t.useMemo)(()=>(0,yo.createEventsHelper)(a),[a]);(0,_t.useEffect)(()=>{let s=e;return s?(i.addEventListener(s,t,n,r),()=>{i.removeEventListener(s,t,n)}):()=>{}},[i,e,t,...o])}function Ri(e,t){let{id:n,isLoaded:r,error:o,resource:a,requestId:i,cached:s}=We(e,t);return{id:n,isLoaded:r,error:o,manifest:a,requestId:i,cached:s}}var Bn=require("@atlas-viewer/iiif-image-api");var Z=require("react");function _n({cacheKey:e}={}){let t=w(),n=Re(),r=A(),o=ne(),[a,i]=(0,Z.useState)(void 0),[s,u]=(0,Z.useState)(!1),[c,l]=(0,Z.useState)("idle"),[d,m]=(0,Z.useState)(void 0),y=t?t.id:"undefined",v=(0,Z.useMemo)(()=>{try{if(t&&n.length){let h=n[0],S=r.get(h.body[0]),C=(0,Bn.getImageServices)(S)[0];return C&&o.loadServiceSync({id:C.id||C["@id"],width:C.width||t.width,height:C.height||t.height})||void 0}}catch(h){console.error(h)}},[y,e,t]),g=c==="success"&&a?a:v;return(0,Z.useEffect)(()=>{(async()=>{try{if(t&&n.length){let h=n[0],S=r.get(h.body[0]),C=(0,Bn.getImageServices)(S)[0];if(!C)return;u(!0),l("loading");try{let W=await o.loadService({id:C.id||C["@id"],width:C.width||t.width,height:C.height||t.height})||void 0;i(W),l("success"),u(!1)}catch(W){l("error"),m(W)}}}catch(h){l("error"),m(h)}})()},[y,e]),(0,Z.useMemo)(()=>({data:g,isFetching:s,status:c,error:d}),[g,s,c,d])}function Pi(){let e=_n();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 So=require("@iiif/helpers/styles"),xo=require("react");function Ii(){let e=A();return(0,xo.useMemo)(()=>(0,So.createStylesHelper)(e),[e])}p(f,require("@iiif/helpers/annotation-targets"),module.exports);