react-iiif-vault 0.9.3 → 0.9.6

package/dist/esm/index.mjs

@@ -1 +1,1462 @@
-import g,{useContext as O,useMemo as m,useState as S,useEffect as $,createContext as Qe,useCallback as w,useRef as Q,useLayoutEffect as ke}from"react";import{globalVault as X,Vault as q}from"@iiif/vault";import{useQuery as k}from"react-query";import{ImageServiceLoader as ze,getImageServices as z}from"@atlas-viewer/iiif-image-api";import{createEventsHelper as J,createStylesHelper as K,createThumbnailHelper as Ye}from"@iiif/vault-helpers";import{createAction as y}from"typesafe-actions";import{emptyAnnotationPage as We}from"@iiif/parser";var Ge=Object.defineProperty,Z=Object.getOwnPropertySymbols,Xe=Object.prototype.hasOwnProperty,qe=Object.prototype.propertyIsEnumerable,ee=(e,t,n)=>t in e?Ge(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,te=(e,t)=>{for(var n in t||(t={}))Xe.call(t,n)&&ee(e,n,t[n]);if(Z)for(var n of Z(t))qe.call(t,n)&&ee(e,n,t[n]);return e};const Je={collection:void 0,manifest:void 0,range:void 0,canvas:void 0,annotation:void 0},D=g.createContext(Je),b=()=>O(D),x=({value:e,children:t})=>{const n=b(),r=m(()=>te(te({},n),e),[e,n]);return g.createElement(D.Provider,{value:r},t)},Ke=({annotation:e,children:t})=>g.createElement(x,{value:{annotation:e}},t),ne=({canvas:e,children:t})=>g.createElement(x,{value:{canvas:e}},t),Ze=({collection:e,children:t})=>g.createElement(x,{value:{collection:e}},t),re=({manifest:e,children:t})=>g.createElement(x,{value:{manifest:e}},t),et=({range:e,children:t})=>g.createElement(x,{value:{range:e}},t),T=g.createContext({vault:null,setVaultInstance:e=>{}}),oe=({vault:e,vaultOptions:t,useGlobal:n,resources:r,children:c})=>{const[i,a]=S(()=>e||(n?X(t):t?new q(t):new q));return g.createElement(T.Provider,{value:{vault:i,setVaultInstance:a}},g.createElement(x,{value:r||{}},c))},h=()=>{const{vault:e}=O(T);if(e===null)throw new Error("Vault not found. Ensure you have your provider set up correctly.");return e};var tt=Object.defineProperty,ie=Object.getOwnPropertySymbols,nt=Object.prototype.hasOwnProperty,rt=Object.prototype.propertyIsEnumerable,ae=(e,t,n)=>t in e?tt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ot=(e,t)=>{for(var n in t||(t={}))nt.call(t,n)&&ae(e,n,t[n]);if(ie)for(var n of ie(t))rt.call(t,n)&&ae(e,n,t[n]);return e},it=(e,t,n)=>new Promise((r,c)=>{var i=s=>{try{o(n.next(s))}catch(l){c(l)}},a=s=>{try{o(n.throw(s))}catch(l){c(l)}},o=s=>s.done?r(s.value):Promise.resolve(s.value).then(i,a);o((n=n.apply(e,t)).next())});const se=(e,t={})=>{const n=h(),[r,c]=S(e),i=m(()=>n.get(e)||void 0,[e,n]),{data:a,error:o}=k(["manifest",e],()=>it(void 0,null,function*(){const s=i||(yield n.load(e));return s&&r!==s.id&&c(s.id),s}),ot({refetchIntervalInBackground:!1,refetchOnMount:!1,refetchOnWindowFocus:!1,refetchInterval:!1,retry:!1,initialData:i},t));return{isLoaded:!!a,id:r,error:o,manifest:a}};function P(e,t=[]){const n=h(),[r,c]=S(()=>e(n.getState(),n));return $(()=>n.subscribe(i=>e(i,n),i=>{c(i)},!0),t),r}const M=g.createContext([]);function ce(){const e=O(M);return P(t=>e.map(n=>t.iiif.entities.Canvas[n]).filter(Boolean),[e])}const F=()=>{},V=Qe({setCurrentCanvasId:F,setCurrentCanvasIndex:F,nextCanvas:F,previousCanvas:F,currentCanvasIndex:-1,totalCanvases:0,pagingView:!0}),at=e=>{const t=se(e.manifest),[n,r]=S(""),[c,i]=S([]),a=(typeof e.pagingEnabled>"u"||e.pagingEnabled)&&t.manifest&&t.manifest.behavior&&t.manifest.behavior.includes("paged");$(()=>{var u,v;t.manifest&&(r((u=t.manifest.items[0])==null?void 0:u.id),i([(v=t.manifest.items[0])==null?void 0:v.id]))},[t.manifest,e.manifest]);const o=m(()=>{var u;return((u=t.manifest)==null?void 0:u.items.map(v=>v.id))||[]},[t.manifest,e.manifest]),s=m(()=>o.indexOf(n),[o,n]),l=w(()=>{if(o.length&&n){if(s===-1||(o[s+2]?s+2===o.length:s===o.length))return;const u=a&&s!==0?o[s+2]:o[s+1],v=a?s!==0?o[s+3]:o[s+2]:null;u&&(r(u),i(v?[u,v]:[u]))}},[a,o,n,s]),p=w(()=>{if(o.length&&n){if(s===0||s===-1)return;const u=a&&s!==1?o[s-2]:o[s-1],v=a&&s!==1?o[s-1]:null;u&&(r(u),i(v?[u,v]:[u]))}},[a,o,n,s]),f=w(u=>{const v=a&&u%2===1?u-1:u,C=o[v],G=a&&v!==0?o[v+1]:null;C&&(r(C),i(A=>{const H=G?[C,G]:[C];if(A.length===A.length){for(let j=0;j<A.length;j++)if(A[j]!==H[j])return H;return A}return H}))},[a,o]),d=w(u=>{const v=o.indexOf(u);v!==-1&&f(v)},[o,f]),_=m(()=>({setCurrentCanvasId:d,nextCanvas:l,previousCanvas:p,currentCanvasIndex:s,totalCanvases:o.length,setCurrentCanvasIndex:f,pagingView:!0}),[l,p,s,o,f,d]);return!t.isLoaded||!t.manifest?g.createElement("div",null,"Loading..."):g.createElement(V.Provider,{value:_},g.createElement(M.Provider,{value:c},g.createElement(re,{manifest:t.manifest.id},g.createElement(ne,{canvas:n},e.children))))};function st(){return O(V)}function ct(){return{VaultContext:O(T),ResourceContext:O(D),SimpleViewerReactContext:O(V),VisibleCanvasReactContext:O(M)}}const lt=e=>g.createElement(oe,{vault:e.bridge.VaultContext.vault||void 0,resources:e.bridge.ResourceContext},g.createElement(M.Provider,{value:e.bridge.VisibleCanvasReactContext},g.createElement(V.Provider,{value:e.bridge.SimpleViewerReactContext},e.children))),le=g.createContext(new ze);function N(){return O(le)}const ut=/&?(xywh=)?(pixel:|percent:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/,ft=/&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/;function B(e){if(Array.isArray(e))return e.reduce((t,n)=>{const{selector:r,selectors:c}=B(n);return r&&(t.selector||(t.selector=r),t.selectors.push(...c)),t},{selector:null,selectors:[]});if(!e)return{selector:null,selectors:[]};if(typeof e=="string"){const[t,n]=e.split("#");return n?B({type:"FragmentSelector",value:n}):{selector:null,selectors:[]}}if(e.type==="PointSelector"&&(e.t||e.t===0)){const t={type:"TemporalSelector",temporal:{startTime:e.t}};return{selector:t,selectors:[t]}}if(e.type==="FragmentSelector"){const t=ut.exec(e.value);if(t){const r={type:"BoxSelector",spatial:{unit:t[2]==="percent:"?"percent":"pixel",x:parseFloat(t[3]),y:parseFloat(t[4]),width:parseFloat(t[5]),height:parseFloat(t[6])}};return{selector:r,selectors:[r]}}const n=e.value.match(ft);if(n){const r={type:"TemporalSelector",temporal:{startTime:n[4]?parseFloat(n[4]):0,endTime:n[7]?parseFloat(n[7]):void 0}};return{selector:r,selectors:[r]}}return{selector:null,selectors:[]}}return{selector:null,selectors:[]}}var pt=Object.defineProperty,dt=Object.defineProperties,vt=Object.getOwnPropertyDescriptors,ue=Object.getOwnPropertySymbols,mt=Object.prototype.hasOwnProperty,gt=Object.prototype.propertyIsEnumerable,fe=(e,t,n)=>t in e?pt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,pe=(e,t)=>{for(var n in t||(t={}))mt.call(t,n)&&fe(e,n,t[n]);if(ue)for(var n of ue(t))gt.call(t,n)&&fe(e,n,t[n]);return e},de=(e,t)=>dt(e,vt(t));function I(e,t={}){if(Array.isArray(e))return I(e[0]);if(typeof e=="string"){const[n,r]=e.split("#");return r?I({type:"SpecificResource",source:{id:n,type:"Unknown"},selector:{type:"FragmentSelector",value:r}}):{type:"SpecificResource",source:{id:n,type:t.typeMap&&t.typeMap[n]||"Unknown"},selector:null,selectors:[]}}if(e.type==="Choice"||e.type==="List"||e.type==="Composite"||e.type==="Independents")return I(e.items[0]);if(e.type==="SpecificResource"){e.source.type==="Canvas"&&e.source.partOf&&typeof e.source.partOf=="string"&&(e.source.partOf=[{id:e.source.partOf,type:"Manifest"}]);const{selector:n,selectors:r}=e.selector?B(e.selector):{selector:null,selectors:[]};return{type:"SpecificResource",source:e.source,selector:n,selectors:r}}if(e.id){e.type==="Canvas"&&e.partOf&&typeof e.partOf=="string"&&(e.partOf=[{id:e.partOf,type:"Manifest"}]);const[n,r]=e.id.split("#");return r?I({type:"SpecificResource",source:de(pe({},e),{id:n}),selector:{type:"FragmentSelector",value:r}}):{type:"SpecificResource",source:de(pe({},e),{id:n}),selector:null,selectors:[]}}return{type:"SpecificResource",source:e,selector:null,selectors:[]}}function ve(e){return e.type==="SpecificResource"?[e.source,{selector:e.selector}]:[e,{selector:null}]}function me(e,t,n){const r=[];let c=null;const i=[];for(const a of t){const o=e.get(a.body);for(const s of o){const[l,{selector:p}]=ve(s),f=(l.type||"unknown").toLowerCase();if(f==="choice"){const d=e.get(l.items),_=n.length?n.map(u=>d.find(v=>v.id===u)).filter(Boolean):[d[0]];_.length===0&&_.push(d[0]),c={type:"single-choice",items:d.map(u=>({id:u.id,label:u.label,selected:_.indexOf(u)!==-1})),label:s.label},o.push(..._);continue}r.indexOf(f)===-1&&r.push(f),i.push({type:f,resource:l,target:a.target,selector:p})}}return{types:r,items:i,choice:c}}const ge={makeChoice:()=>{}},Y={type:"unknown"},E=e=>({type:"unknown",reason:e,annotations:{pages:[]}});function he(e,t,n){const r=[];for(const c of t.items){const i=c.resource&&c.resource.type==="SpecificResource"?c.resource.source:c.resource;if(!i.id)return E("No resource Identifier");let a;if(i.service){const v=z(i);v[0]&&(a=n(v[0],e))}const{selector:o,source:s}=I(c.target);if(s.id!==e.id)continue;const l={type:"BoxSelector",spatial:{x:0,y:0,width:e.width,height:e.height}},p=o?o.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:o.temporal,spatial:l.spatial}:o:null,f={type:"BoxSelector",spatial:{x:0,y:0,width:e.width,height:e.height}},d=c.resource.type==="SpecificResource"?I(c.resource):null,_=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}}:f,u={id:i.id,type:"Image",width:p?i.width:e.width,height:p?i.height:e.height,service:a,sizes:a&&a.sizes?a.sizes:i.width&&i.height?[{width:i.width,height:i.height}]:[],target:p&&p.type!=="PointSelector"?p:l,selector:_};r.push(u)}return{type:"images",image:r[0],images:r,choice:t.choice}}var ht=Object.defineProperty,yt=Object.defineProperties,_t=Object.getOwnPropertyDescriptors,ye=Object.getOwnPropertySymbols,Pt=Object.prototype.hasOwnProperty,Ot=Object.prototype.propertyIsEnumerable,_e=(e,t,n)=>t in e?ht(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,wt=(e,t)=>{for(var n in t||(t={}))Pt.call(t,n)&&_e(e,n,t[n]);if(ye)for(var n of ye(t))Ot.call(t,n)&&_e(e,n,t[n]);return e},St=(e,t)=>yt(e,_t(t));function Et(e={},t=[]){const{id:n,selector:r}=e,c=b(),i=h(),a=n||c.annotation,o=P(l=>a?l.iiif.entities.Annotation[a]:void 0,[a]),s=P(l=>o&&o.body?o.body.map(p=>p?l.iiif.entities[p.type][p.id]:null).filter(Boolean):[],[o]);return m(()=>{if(!o)return;const l=St(wt({},o),{body:s,target:I(o.target,{typeMap:i.getState().iiif.mapping})});return r?r(l):l},[o,r,s,...t])}function L(e={},t=[]){const{id:n,selector:r}=e,c=b();h();const i=n||c.manifest,a=P(o=>i?o.iiif.entities.Manifest[i]:void 0,[i]);return m(()=>{if(!!a)return r?r(a):a},[a,r,...t])}function R(e={},t=[]){const{id:n,selector:r}=e,c=b(),i=n||c.canvas,a=P(o=>i?o.iiif.entities.Canvas[i]:void 0,[i]);return m(()=>{if(!!a)return r?r(a):a},[a,r,...t])}function Ct(e,t){var n;const r=(n=e==null?void 0:e.iiif)==null?void 0:n.meta[t];return r?r.annotationPageManager:null}function It(e,t){return P(n=>{const r=[];if(!e)return r;const c=Object.keys(n.iiif.entities.AnnotationPage);for(const i of c)if(!t||t.indexOf(i)!==-1){const a=Ct(n,i);a&&a.views&&a.views[e]&&r.push(i)}return r},[e])}function Pe({canvas:e,manifest:t,all:n,canvases:r}){const c=[];if(t)for(const i of t.annotations)c.indexOf(i.id)===-1&&c.push(i.id);if(n){if(r&&r.length)for(const i of r)for(const a of i.annotations)c.indexOf(a.id)===-1&&c.push(a.id)}else if(e)for(const i of e.annotations)c.indexOf(i.id)===-1&&c.push(i.id);return c}var bt=Object.defineProperty,xt=Object.defineProperties,$t=Object.getOwnPropertyDescriptors,Oe=Object.getOwnPropertySymbols,Rt=Object.prototype.hasOwnProperty,At=Object.prototype.propertyIsEnumerable,we=(e,t,n)=>t in e?bt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Se=(e,t)=>{for(var n in t||(t={}))Rt.call(t,n)&&we(e,n,t[n]);if(Oe)for(var n of Oe(t))At.call(t,n)&&we(e,n,t[n]);return e},Ee=(e,t)=>xt(e,$t(t));function Tt(e,t){var n;const r=(n=e==null?void 0:e.iiif)==null?void 0:n.meta[t];return r?r.annotationPageManager:null}function Ce(e,t={}){const n=h(),r=L(),c=R(),i=ce(),a=m(()=>Pe({all:t.all,manifest:r,canvas:c,canvases:i}),[t.all,c,i,r]),o=It(e,t.all?void 0:a),s=w(p=>{!e||n.setMetaValue([p,"annotationPageManager","views"],f=>f&&!f[e]?f:Ee(Se({},f||{}),{[e]:!1}))},[e,n]),l=w((p,f={})=>{if(!e)return;const d=n.getState(),_=[];if(f==null?void 0:f.deselectOthers){const u=Object.keys(d.iiif.entities.AnnotationPage);for(const v of u){const C=Tt(d,v);C&&C.views&&C.views[e]&&_.push(v)}}for(const u of _)s(u);n.setMetaValue([p,"annotationPageManager","views"],u=>u&&u[e]?u:Ee(Se({},u||{}),{[e]:!0}))},[e,s,n]);return{availablePageIds:a,enabledPageIds:o,setPageEnabled:l,setPageDisabled:s}}function U(e={}){const t=R(e.canvasId?{id:e.canvasId}:void 0);return P((n,r)=>{if(!t)return[];const c=r.get(t.items),i=[];for(const a of c)i.push(...r.get(a.items));return i},[t])}function Mt(e,t={}){return U(t)}function Vt(e,t=!1){}function Lt(e,t=[]){const{id:n,selector:r}=e,c=b(),i=n||c.collection,a=P(o=>i?o.iiif.entities.Collection[i]:void 0,[i]);return m(()=>{if(!!a)return r?r(a):a},[a,r,...t])}function Ie(){const t=h().getStore();return m(()=>n=>t.dispatch(n),[t])}function jt(e,t,n,r,c=[]){const i=h(),a=m(()=>J(i),[i]);$(()=>{const o=e;return o?(a.addEventListener(o,t,n,r),()=>{a.removeEventListener(o,t,n)}):()=>{}},[a,e,t,...c])}function Dt(){const e=O(T);return e&&e.vault?e.vault:X()}var Ft=Object.defineProperty,be=Object.getOwnPropertySymbols,Nt=Object.prototype.hasOwnProperty,Bt=Object.prototype.propertyIsEnumerable,xe=(e,t,n)=>t in e?Ft(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ut=(e,t)=>{for(var n in t||(t={}))Nt.call(t,n)&&xe(e,n,t[n]);if(be)for(var n of be(t))Bt.call(t,n)&&xe(e,n,t[n]);return e},Ht=(e,t,n)=>new Promise((r,c)=>{var i=s=>{try{o(n.next(s))}catch(l){c(l)}},a=s=>{try{o(n.throw(s))}catch(l){c(l)}},o=s=>s.done?r(s.value):Promise.resolve(s.value).then(i,a);o((n=n.apply(e,t)).next())});const Qt=(e,t={})=>{const n=h(),[r,c]=S(e),i=m(()=>n.get(e),[e,n]),{data:a,isFetching:o}=k(`collection:${e}`,()=>Ht(void 0,null,function*(){const s=i||(yield n.loadCollection(e));return s&&c(s.id),s}),Ut({refetchIntervalInBackground:!1,refetchOnMount:!1,refetchOnWindowFocus:!1,refetchInterval:!1,initialData:i},t));return{isLoaded:!o,id:r,collection:a}};var kt=(e,t,n)=>new Promise((r,c)=>{var i=s=>{try{o(n.next(s))}catch(l){c(l)}},a=s=>{try{o(n.throw(s))}catch(l){c(l)}},o=s=>s.done?r(s.value):Promise.resolve(s.value).then(i,a);o((n=n.apply(e,t)).next())});function $e(){const e=R(),t=U(),n=h(),r=N();return k(`canvas-first-image-service:${e?e.id:"undefined"}`,()=>kt(this,null,function*(){if(e&&t.length){const c=t[0],i=n.get(c.body[0]),o=z(i)[0];return o&&(yield r.loadService({id:o.id||o["@id"],width:o.width||e.width,height:o.height||e.height}))||void 0}}),{refetchOnWindowFocus:!1,refetchOnMount:!1,refetchIntervalInBackground:!1,refetchInterval:!1,initialData:()=>{if(e&&t.length){const c=t[0],i=n.get(c.body[0]),o=z(i)[0];return o&&r.loadServiceSync({id:o.id||o["@id"],width:o.width||e.width,height:o.height||e.height})||void 0}}})}function zt(){const e=$e();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}}function Re(e,t=[]){const n=h(),r=U(),[c,i]=S((e==null?void 0:e.defaultChoices)||[]),a=m(()=>me(n,r,c),[n,r,c,...t]),s={makeChoice:w((l,{deselectOthers:p=!0,deselect:f=!1}={})=>{if(a.choice){if(a.choice.type!=="single-choice")throw new Error("Complex choice not supported yet");i(d=>{if(f){const u=d.filter(v=>v!==l);if(u.length===0){const v=a.items[0].resource.id;return v?[v]:[]}return u}if(p)return[l];const _=[...d];if(_.length===0&&a.items.length){const u=a.items[0].resource.id;u&&_.push(u)}return d.indexOf(l)!==-1?d:[...d,l]})}},[a.choice])};return[a,s]}function Yt(e={},t=[]){const{id:n,selector:r}=e,c=b(),i=n||c.range,a=P(o=>i?o.iiif.entities.Range[i]:void 0,[i]);return m(()=>{if(!!a)return r?r(a):a},[a,r,...t])}function Wt(e,t){const n=h(),r=m(()=>J(n),[n]),c=P(()=>e&&e.id?n.getResourceMeta(e.id,"eventManager"):null,[e]);return m(()=>e?r.getListenersAsProps(e,t):{},[c,e,n,t])}function Ae(e,t){return P((n,r)=>r.get(e.map(c=>({id:c,type:t}))),[e,t])}function Gt(){const e=L();return e?e.service.find(t=>t.profile==="SearchService1"||t.profile==="http://iiif.io/api/search/1/search"):void 0}function Xt(){const e=h();return m(()=>K(e),[e])}function qt(e,t){const n=h(),r=m(()=>K(n),[n]);return P(()=>{if(!e)return null;const c=r.getAppliedStyles(e.id);return c?t?c[t]:c:void 0},[e,t])}const Te=(e,t=[])=>{const n=h();$(()=>{e(n)},[n,...t])};function Jt(e,t,{canvasId:n,manifestId:r}={}){const c=h(),i=N(),a=m(()=>Ye(c,{imageServiceLoader:i}),[c,i]),[o,s]=S(),l=L(r?{id:r}:void 0),p=R(n?{id:n}:void 0),f=p||l,d=Q(!1);if($(()=>()=>{d.current=!0},[]),!f)throw new Error("Must be called under a manifest or canvas context.");return Te(_=>{a.getBestThumbnailAtSize(f,e,t).then(u=>{u.best&&!d.current&&s(u.best)})},[f]),o}var Kt=Object.defineProperty,Zt=Object.defineProperties,en=Object.getOwnPropertyDescriptors,Me=Object.getOwnPropertySymbols,tn=Object.prototype.hasOwnProperty,nn=Object.prototype.propertyIsEnumerable,Ve=(e,t,n)=>t in e?Kt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Le=(e,t)=>{for(var n in t||(t={}))tn.call(t,n)&&Ve(e,n,t[n]);if(Me)for(var n of Me(t))nn.call(t,n)&&Ve(e,n,t[n]);return e},je=(e,t)=>Zt(e,en(t));function De(){const e=N(),[t,n]=S({}),r=Q(!1);return $(()=>()=>{r.current=!0},[]),[w((i,{height:a,width:o})=>{if(i){const s=i.id||i["@id"],l=e.loadServiceSync({id:s,width:i.width||o,height:i.height||a});l?i=l:t[s]||(r.current||n(p=>je(Le({},p),{[s]:"loading"})),e.loadService({id:s,width:i.width||o,height:i.height||a}).then(()=>{r.current||n(p=>je(Le({},p),{[s]:"done"}))}))}return i},[e,t]),t]}const rn="@iiif/IMPORT_ENTITIES",on="@iiif/MODIFY_ENTITY_FIELD",an="@iiif/REORDER_ENTITY_FIELD",sn="@iiif/ADD_REFERENCE",cn="@iiif/REMOVE_REFERENCE",ln=y(rn)(),un=y(on)(),fn=y(an)(),pn=y(sn)(),dn=y(cn)(),W={importEntities:ln,modifyEntityField:un,reorderEntityField:fn,addReference:pn,removeReference:dn},vn="@iiif/ADD_MAPPING",mn="@iiif/ADD_MAPPINGS";y(vn)(),y(mn)();const gn="@iiif/SET_META_VALUE",hn="@iiif/SET_META_VALUE_DYNAMIC",yn="@iiif/UNSET_META_VALUE";y(gn)(),y(hn)(),y(yn)();const _n="@iiif/REQUEST_RESOURCE",Pn="@iiif/REQUEST_ERROR",On="@iiif/REQUEST_MISMATCH",wn="@iiif/REQUEST_COMPLETE",Sn="@iiif/REQUEST_OFFLINE_RESOURCE";y(_n)(),y(Pn)(),y(On)(),y(wn)(),y(Sn)();const En="@iiif/BATCH";y(En)();var Cn=Object.defineProperty,In=Object.defineProperties,bn=Object.getOwnPropertyDescriptors,Fe=Object.getOwnPropertySymbols,xn=Object.prototype.hasOwnProperty,$n=Object.prototype.propertyIsEnumerable,Ne=(e,t,n)=>t in e?Cn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Rn=(e,t)=>{for(var n in t||(t={}))xn.call(t,n)&&Ne(e,n,t[n]);if(Fe)for(var n of Fe(t))$n.call(t,n)&&Ne(e,n,t[n]);return e},An=(e,t)=>In(e,bn(t));function Be(e){return typeof e!="string"&&e&&e.bindToVault}function Tn(){const e=h(),t=Q([]),n=Ie(),r=m(()=>`vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random()*1e9).toString(16)}`,[]);ke(()=>{const o=An(Rn({},We),{id:r,items:[]});n(W.importEntities({entities:{AnnotationPage:{[o.id]:o}}}))},[r]);const c=P(o=>r?o.iiif.entities.AnnotationPage[r]:null,[r]),i=w((o,s)=>{if(r){if(Be(o)){const f=o;f.__vault||f.bindToVault(e),o=typeof f.source=="string"?f.source:f.source.id,t.current[o]=f}else typeof o!="string"&&(o=o.id);const l=e.get({id:r,type:"AnnotationPage"}),p=e.get({id:o,type:"Annotation"});l&&p&&(l.items.find(f=>f.id===p.id)||n(W.addReference({id:r,type:"AnnotationPage",key:"items",reference:{id:o,type:"Annotation"},index:s})))}},[r]),a=w(o=>{r&&(Be(o)?o=typeof o.source=="string"?o.source:o.source.id:typeof o!="string"&&(o=o.id),t.current[o]&&t.current[o].beforeRemove(),e.get({id:r,type:"AnnotationPage"})&&n(W.removeReference({id:r,type:"AnnotationPage",key:"items",reference:{id:o,type:"Annotation"}})))},[r]);return[c,{addAnnotation:i,removeAnnotation:a}]}var Mn=Object.defineProperty,Vn=Object.defineProperties,Ln=Object.getOwnPropertyDescriptors,Ue=Object.getOwnPropertySymbols,jn=Object.prototype.hasOwnProperty,Dn=Object.prototype.propertyIsEnumerable,He=(e,t,n)=>t in e?Mn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Fn=(e,t)=>{for(var n in t||(t={}))jn.call(t,n)&&He(e,n,t[n]);if(Ue)for(var n of Ue(t))Dn.call(t,n)&&He(e,n,t[n]);return e},Nn=(e,t)=>Vn(e,Ln(t));function Bn(e){const t=L(),n=R(),r=h(),[c,i]=De(),{enabledPageIds:a}=Ce((e==null?void 0:e.annotationPageManagerId)||(t==null?void 0:t.id),{all:!1}),o=Ae(a,"AnnotationPage"),s=(e==null?void 0:e.strategies)||["images","media","complex-timeline"],[l,p]=Re(e,[i]),f=m(()=>{if(!n||l.types.length===0)return Y;if(l.types.length!==1)return s.indexOf("complex-timeline")===-1?E("Complex timeline not supported"):E("ComplexTimelineStrategy not yet supported");const d=l.types[0];return d==="image"?s.indexOf("images")===-1?E("Image not supported"):he(n,l,c):d==="audio"?s.indexOf("media")===-1?E("Media not supported"):E("Audio strategy not yet supported"):d==="video"?s.indexOf("media")===-1?E("Media not supported"):E("Video strategy not yet supported"):Y},[n,l,r,p.makeChoice]);return m(()=>f.type==="unknown"?[f,ge]:[Nn(Fn({},f),{annotations:{pages:o}}),p],[f,o])}export{Ke as AnnotationContext,ne as CanvasContext,Ze as CollectionContext,lt as ContextBridge,le as ImageServiceLoaderContext,re as ManifestContext,et as RangeContext,T as ReactVaultContext,x as ResourceProvider,D as ResourceReactContext,at as SimpleViewerProvider,V as SimpleViewerReactContext,oe as VaultProvider,M as VisibleCanvasReactContext,ge as emptyActions,I as expandTarget,Pe as flattenAnnotationPageIds,he as getImageStrategy,me as getPaintables,B as parseSelector,ve as parseSpecificResource,Y as unknownResponse,E as unsupportedStrategy,Et as useAnnotation,Ce as useAnnotationPageManager,Mt as useAnnotationsAtTime,R as useCanvas,Vt as useCanvasClock,Lt as useCollection,ct as useContextBridge,Ie as useDispatch,jt as useEventListener,Dt as useExistingVault,Qt as useExternalCollection,se as useExternalManifest,$e as useImageService,N as useImageServiceLoader,zt as useImageTile,De as useLoadImageService,L as useManifest,Re as usePaintables,U as usePaintingAnnotations,Yt as useRange,Bn as useRenderingStrategy,b as useResourceContext,Wt as useResourceEvents,Ae as useResources,Gt as useSearchService,st as useSimpleViewer,Xt as useStyleHelper,qt as useStyles,Jt as useThumbnail,h as useVault,Te as useVaultEffect,P as useVaultSelector,Tn as useVirtualAnnotationPage,ce as useVisibleCanvases};
+import React, { useContext, useMemo, useState, useEffect, createContext, useCallback, useRef, useLayoutEffect } from 'react';
+import { globalVault, Vault } from '@iiif/vault';
+import { ImageServiceLoader, getImageServices } from '@atlas-viewer/iiif-image-api';
+import { createEventsHelper, createStylesHelper, createThumbnailHelper } from '@iiif/vault-helpers';
+import { createAction } from 'typesafe-actions';
+
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
+    }
+  return a;
+};
+const defaultResourceContext = {
+  collection: void 0,
+  manifest: void 0,
+  range: void 0,
+  canvas: void 0,
+  annotation: void 0
+};
+const ResourceReactContext = React.createContext(defaultResourceContext);
+const useResourceContext = () => {
+  return useContext(ResourceReactContext);
+};
+const ResourceProvider = ({ value, children }) => {
+  const parentContext = useResourceContext();
+  const newContext = useMemo(() => {
+    return __spreadValues$5(__spreadValues$5({}, parentContext), value);
+  }, [value, parentContext]);
+  return /* @__PURE__ */ React.createElement(ResourceReactContext.Provider, {
+    value: newContext
+  }, children);
+};
+
+const AnnotationContext = ({ annotation, children }) => {
+  return /* @__PURE__ */ React.createElement(ResourceProvider, {
+    value: { annotation }
+  }, children);
+};
+
+const CanvasContext = ({ canvas, children }) => {
+  return /* @__PURE__ */ React.createElement(ResourceProvider, {
+    value: { canvas }
+  }, children);
+};
+
+const CollectionContext = ({ collection, children }) => {
+  return /* @__PURE__ */ React.createElement(ResourceProvider, {
+    value: { collection }
+  }, children);
+};
+
+const ManifestContext = ({ manifest, children }) => {
+  return /* @__PURE__ */ React.createElement(ResourceProvider, {
+    value: { manifest }
+  }, children);
+};
+
+const RangeContext = ({ range, children }) => {
+  return /* @__PURE__ */ React.createElement(ResourceProvider, {
+    value: { range }
+  }, children);
+};
+
+const ReactVaultContext = React.createContext({
+  vault: null,
+  setVaultInstance: (vault) => {
+  }
+});
+const VaultProvider = ({ vault, vaultOptions, useGlobal, resources, children }) => {
+  const [vaultInstance, setVaultInstance] = useState(() => {
+    if (vault) {
+      return vault;
+    }
+    if (useGlobal) {
+      return globalVault(vaultOptions);
+    }
+    if (vaultOptions) {
+      return new Vault(vaultOptions);
+    }
+    return new Vault();
+  });
+  return /* @__PURE__ */ React.createElement(ReactVaultContext.Provider, {
+    value: { vault: vaultInstance, setVaultInstance }
+  }, /* @__PURE__ */ React.createElement(ResourceProvider, {
+    value: resources || {}
+  }, children));
+};
+
+const useVault = () => {
+  const { vault } = useContext(ReactVaultContext);
+  if (vault === null) {
+    throw new Error("Vault not found. Ensure you have your provider set up correctly.");
+  }
+  return vault;
+};
+
+var __async$1 = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+function useExternalResource(idOrRef, { noCache = false } = {}) {
+  const id = typeof idOrRef === "string" ? idOrRef : idOrRef.id;
+  const vault = useVault();
+  const [realId, setRealId] = useState(id);
+  const [error, setError] = useState(void 0);
+  const initialData = useMemo(() => {
+    return vault.get(id, { skipSelfReturn: true }) || void 0;
+  }, [id, vault]);
+  const [resource, setResource] = useState(initialData);
+  useEffect(() => {
+    (() => __async$1(this, null, function* () {
+      try {
+        const fetchedResource = initialData && !noCache ? initialData : yield vault.load(id);
+        const _realId = fetchedResource ? fetchedResource.id || fetchedResource["@id"] : null;
+        if (fetchedResource && realId !== _realId) {
+          setRealId(_realId);
+        }
+        setResource(fetchedResource);
+      } catch (err) {
+        setError(err);
+      }
+    }))();
+  }, [id, noCache]);
+  return {
+    isLoaded: !!resource,
+    id: realId,
+    requestId: id,
+    error,
+    resource,
+    cached: !!(resource && resource === initialData)
+  };
+}
+
+function useExternalManifest(idOrRef, options) {
+  const { id, isLoaded, error, resource, requestId, cached } = useExternalResource(idOrRef, options);
+  return { id, isLoaded, error, manifest: resource, requestId, cached };
+}
+
+function useVaultSelector(selector, deps = []) {
+  const vault = useVault();
+  const [selectedState, setSelectedState] = useState(() => selector(vault.getState(), vault));
+  useEffect(() => {
+    return vault.subscribe((s) => selector(s, vault), (state) => {
+      setSelectedState(state);
+    }, false);
+  }, deps);
+  return selectedState;
+}
+
+const VisibleCanvasReactContext = React.createContext([]);
+function useVisibleCanvases() {
+  const ids = useContext(VisibleCanvasReactContext);
+  return useVaultSelector((state) => {
+    return ids.map((id) => state.iiif.entities.Canvas[id]).filter(Boolean);
+  }, [ids]);
+}
+
+const noop = () => {
+};
+const SimpleViewerReactContext = createContext({
+  setCurrentCanvasId: noop,
+  setCurrentCanvasIndex: noop,
+  nextCanvas: noop,
+  previousCanvas: noop,
+  currentCanvasIndex: -1,
+  totalCanvases: 0,
+  pagingView: true
+});
+const SimpleViewerProvider = (props) => {
+  const manifest = useExternalManifest(props.manifest);
+  const [currentCanvasId, setCurrentCanvasId] = useState("");
+  const [visible, setVisible] = useState([]);
+  const pagingView = (typeof props.pagingEnabled === "undefined" || props.pagingEnabled) && manifest.manifest && manifest.manifest.behavior && manifest.manifest.behavior.includes("paged");
+  useEffect(() => {
+    var _a, _b;
+    if (manifest.manifest) {
+      setCurrentCanvasId((_a = manifest.manifest.items[0]) == null ? void 0 : _a.id);
+      setVisible([(_b = manifest.manifest.items[0]) == null ? void 0 : _b.id]);
+    }
+  }, [manifest.manifest, props.manifest]);
+  const canvasList = useMemo(() => {
+    var _a;
+    return ((_a = manifest.manifest) == null ? void 0 : _a.items.map((c) => c.id)) || [];
+  }, [manifest.manifest, props.manifest]);
+  const currentCanvasIndex = useMemo(() => canvasList.indexOf(currentCanvasId), [canvasList, currentCanvasId]);
+  const nextCanvas = useCallback(() => {
+    if (canvasList.length && currentCanvasId) {
+      if (currentCanvasIndex === -1) {
+        return;
+      }
+      if (canvasList[currentCanvasIndex + 2] ? currentCanvasIndex + 2 === canvasList.length : currentCanvasIndex === canvasList.length) {
+        return;
+      }
+      const newCanvas = pagingView && currentCanvasIndex !== 0 ? canvasList[currentCanvasIndex + 2] : canvasList[currentCanvasIndex + 1];
+      const pageCanvas = pagingView ? currentCanvasIndex !== 0 ? canvasList[currentCanvasIndex + 3] : canvasList[currentCanvasIndex + 2] : null;
+      if (newCanvas) {
+        setCurrentCanvasId(newCanvas);
+        setVisible(pageCanvas ? [newCanvas, pageCanvas] : [newCanvas]);
+      }
+    }
+  }, [pagingView, canvasList, currentCanvasId, currentCanvasIndex]);
+  const previousCanvas = useCallback(() => {
+    if (canvasList.length && currentCanvasId) {
+      if (currentCanvasIndex === 0 || currentCanvasIndex === -1) {
+        return;
+      }
+      const newCanvas = pagingView && currentCanvasIndex !== 1 ? canvasList[currentCanvasIndex - 2] : canvasList[currentCanvasIndex - 1];
+      const pageCanvas = pagingView && currentCanvasIndex !== 1 ? canvasList[currentCanvasIndex - 1] : null;
+      if (newCanvas) {
+        setCurrentCanvasId(newCanvas);
+        setVisible(pageCanvas ? [newCanvas, pageCanvas] : [newCanvas]);
+      }
+    }
+  }, [pagingView, canvasList, currentCanvasId, currentCanvasIndex]);
+  const setCurrentCanvasIndex = useCallback((idx) => {
+    const realIdx = pagingView && idx % 2 === 1 ? idx - 1 : idx;
+    const newId = canvasList[realIdx];
+    const newNextId = pagingView && realIdx !== 0 ? canvasList[realIdx + 1] : null;
+    if (newId) {
+      setCurrentCanvasId(newId);
+      setVisible((prevValue) => {
+        const newValue = newNextId ? [newId, newNextId] : [newId];
+        if (prevValue.length === prevValue.length) {
+          for (let i = 0; i < prevValue.length; i++) {
+            if (prevValue[i] !== newValue[i]) {
+              return newValue;
+            }
+          }
+          return prevValue;
+        }
+        return newValue;
+      });
+    }
+  }, [pagingView, canvasList]);
+  const internalSetCurrentCanvasId = useCallback((nextId) => {
+    const idx = canvasList.indexOf(nextId);
+    if (idx !== -1) {
+      setCurrentCanvasIndex(idx);
+    }
+  }, [canvasList, setCurrentCanvasIndex]);
+  const ctx = useMemo(() => ({
+    setCurrentCanvasId: internalSetCurrentCanvasId,
+    nextCanvas,
+    previousCanvas,
+    currentCanvasIndex,
+    totalCanvases: canvasList.length,
+    setCurrentCanvasIndex,
+    pagingView: true
+  }), [nextCanvas, previousCanvas, currentCanvasIndex, canvasList, setCurrentCanvasIndex, internalSetCurrentCanvasId]);
+  if (!manifest.manifest) {
+    console.warn("The manifest passed to the provider is not a valid IIIF manifest.");
+    return /* @__PURE__ */ React.createElement("div", null, "Sorry, something went wrong.");
+  }
+  if (!manifest.isLoaded) {
+    return /* @__PURE__ */ React.createElement("div", null, "Loading...");
+  }
+  return /* @__PURE__ */ React.createElement(SimpleViewerReactContext.Provider, {
+    value: ctx
+  }, /* @__PURE__ */ React.createElement(VisibleCanvasReactContext.Provider, {
+    value: visible
+  }, /* @__PURE__ */ React.createElement(ManifestContext, {
+    manifest: manifest.manifest.id
+  }, /* @__PURE__ */ React.createElement(CanvasContext, {
+    canvas: currentCanvasId
+  }, props.children))));
+};
+function useSimpleViewer() {
+  return useContext(SimpleViewerReactContext);
+}
+
+function useContextBridge() {
+  return {
+    VaultContext: useContext(ReactVaultContext),
+    ResourceContext: useContext(ResourceReactContext),
+    SimpleViewerReactContext: useContext(SimpleViewerReactContext),
+    VisibleCanvasReactContext: useContext(VisibleCanvasReactContext)
+  };
+}
+const ContextBridge = (props) => {
+  return /* @__PURE__ */ React.createElement(VaultProvider, {
+    vault: props.bridge.VaultContext.vault || void 0,
+    resources: props.bridge.ResourceContext
+  }, /* @__PURE__ */ React.createElement(VisibleCanvasReactContext.Provider, {
+    value: props.bridge.VisibleCanvasReactContext
+  }, /* @__PURE__ */ React.createElement(SimpleViewerReactContext.Provider, {
+    value: props.bridge.SimpleViewerReactContext
+  }, props.children)));
+};
+
+const ImageServiceLoaderContext = React.createContext(new ImageServiceLoader());
+function useImageServiceLoader() {
+  return useContext(ImageServiceLoaderContext);
+}
+
+const BOX_SELECTOR = /&?(xywh=)?(pixel:|percent:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/;
+const TEMPORAL_SELECTOR = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/;
+function parseSelector(source) {
+  if (Array.isArray(source)) {
+    return source.reduce((data, nextSource) => {
+      const { selector, selectors } = parseSelector(nextSource);
+      if (selector) {
+        if (!data.selector) {
+          data.selector = selector;
+        }
+        data.selectors.push(...selectors);
+      }
+      return data;
+    }, {
+      selector: null,
+      selectors: []
+    });
+  }
+  if (!source) {
+    return {
+      selector: null,
+      selectors: []
+    };
+  }
+  if (typeof source === "string") {
+    const [id, fragment] = source.split("#");
+    if (!fragment) {
+      return {
+        selector: null,
+        selectors: []
+      };
+    }
+    return parseSelector({ type: "FragmentSelector", value: fragment });
+  }
+  if (source.type === "PointSelector" && (source.t || source.t === 0)) {
+    const selector = {
+      type: "TemporalSelector",
+      temporal: {
+        startTime: source.t
+      }
+    };
+    return {
+      selector,
+      selectors: [selector]
+    };
+  }
+  if (source.type === "FragmentSelector") {
+    const matchBoxSelector = BOX_SELECTOR.exec(source.value);
+    if (matchBoxSelector) {
+      const selector = {
+        type: "BoxSelector",
+        spatial: {
+          unit: matchBoxSelector[2] === "percent:" ? "percent" : "pixel",
+          x: parseFloat(matchBoxSelector[3]),
+          y: parseFloat(matchBoxSelector[4]),
+          width: parseFloat(matchBoxSelector[5]),
+          height: parseFloat(matchBoxSelector[6])
+        }
+      };
+      return {
+        selector,
+        selectors: [selector]
+      };
+    }
+    const matchTimeSelector = source.value.match(TEMPORAL_SELECTOR);
+    if (matchTimeSelector) {
+      const selector = {
+        type: "TemporalSelector",
+        temporal: {
+          startTime: matchTimeSelector[4] ? parseFloat(matchTimeSelector[4]) : 0,
+          endTime: matchTimeSelector[7] ? parseFloat(matchTimeSelector[7]) : void 0
+        }
+      };
+      return {
+        selector,
+        selectors: [selector]
+      };
+    }
+    return {
+      selector: null,
+      selectors: []
+    };
+  }
+  return {
+    selector: null,
+    selectors: []
+  };
+}
+
+var __defProp$4 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+function expandTarget(target, options = {}) {
+  if (Array.isArray(target)) {
+    return expandTarget(target[0]);
+  }
+  if (typeof target === "string") {
+    const [id, fragment] = target.split("#");
+    if (!fragment) {
+      return {
+        type: "SpecificResource",
+        source: { id, type: options.typeMap && options.typeMap[id] || "Unknown" },
+        selector: null,
+        selectors: []
+      };
+    }
+    return expandTarget({
+      type: "SpecificResource",
+      source: { id, type: "Unknown" },
+      selector: {
+        type: "FragmentSelector",
+        value: fragment
+      }
+    });
+  }
+  if (target.type === "Choice" || target.type === "List" || target.type === "Composite" || target.type === "Independents") {
+    return expandTarget(target.items[0]);
+  }
+  if (target.type === "SpecificResource") {
+    if (target.source.type === "Canvas" && target.source.partOf && typeof target.source.partOf === "string") {
+      target.source.partOf = [
+        {
+          id: target.source.partOf,
+          type: "Manifest"
+        }
+      ];
+    }
+    const { selector, selectors } = target.selector ? parseSelector(target.selector) : { selector: null, selectors: [] };
+    return {
+      type: "SpecificResource",
+      source: target.source,
+      selector,
+      selectors
+    };
+  }
+  if (target.id) {
+    if (target.type === "Canvas" && target.partOf && typeof target.partOf === "string") {
+      target.partOf = [
+        {
+          id: target.partOf,
+          type: "Manifest"
+        }
+      ];
+    }
+    const [id, fragment] = target.id.split("#");
+    if (!fragment) {
+      return {
+        type: "SpecificResource",
+        source: __spreadProps$4(__spreadValues$4({}, target), {
+          id
+        }),
+        selector: null,
+        selectors: []
+      };
+    }
+    return expandTarget({
+      type: "SpecificResource",
+      source: __spreadProps$4(__spreadValues$4({}, target), {
+        id
+      }),
+      selector: {
+        type: "FragmentSelector",
+        value: fragment
+      }
+    });
+  }
+  return {
+    type: "SpecificResource",
+    source: target,
+    selector: null,
+    selectors: []
+  };
+}
+
+function parseSpecificResource(resource) {
+  if (resource.type === "SpecificResource") {
+    return [resource.source, { selector: resource.selector }];
+  }
+  return [resource, { selector: null }];
+}
+function getPaintables(vault, paintingAnnotations, enabledChoices) {
+  const types = [];
+  let choice = null;
+  const items = [];
+  for (const annotation of paintingAnnotations) {
+    const bodies = vault.get(annotation.body);
+    for (const unknownBody of bodies) {
+      const [body, { selector }] = parseSpecificResource(unknownBody);
+      const type = (body.type || "unknown").toLowerCase();
+      if (type === "choice") {
+        const nestedBodies = vault.get(body.items);
+        const selected = enabledChoices.length ? enabledChoices.map((cid) => nestedBodies.find((b) => b.id === cid)).filter(Boolean) : [nestedBodies[0]];
+        if (selected.length === 0) {
+          selected.push(nestedBodies[0]);
+        }
+        choice = {
+          type: "single-choice",
+          items: nestedBodies.map((b) => ({
+            id: b.id,
+            label: b.label,
+            selected: selected.indexOf(b) !== -1
+          })),
+          label: unknownBody.label
+        };
+        bodies.push(...selected);
+        continue;
+      }
+      if (types.indexOf(type) === -1) {
+        types.push(type);
+      }
+      items.push({
+        type,
+        resource: body,
+        target: annotation.target,
+        selector
+      });
+    }
+  }
+  return {
+    types,
+    items,
+    choice
+  };
+}
+const emptyActions = {
+  makeChoice: () => {
+  }
+};
+const unknownResponse = { type: "unknown" };
+const unsupportedStrategy = (reason) => {
+  return { type: "unknown", reason, annotations: { pages: [] } };
+};
+
+function getImageStrategy(canvas, paintables, loadImageService) {
+  const imageTypes = [];
+  for (const singleImage of paintables.items) {
+    const resource = singleImage.resource && singleImage.resource.type === "SpecificResource" ? singleImage.resource.source : singleImage.resource;
+    if (!resource.id) {
+      return unsupportedStrategy("No resource Identifier");
+    }
+    let imageService = void 0;
+    if (resource.service) {
+      const imageServices = getImageServices(resource);
+      if (imageServices[0]) {
+        imageService = loadImageService(imageServices[0], canvas);
+      }
+    }
+    const { selector: imageTarget, source } = expandTarget(singleImage.target);
+    if (source.id !== canvas.id) {
+      continue;
+    }
+    const defaultTarget = {
+      type: "BoxSelector",
+      spatial: {
+        x: 0,
+        y: 0,
+        width: canvas.width,
+        height: canvas.height
+      }
+    };
+    const target = imageTarget ? imageTarget.type === "TemporalSelector" ? {
+      type: "TemporalBoxSelector",
+      temporal: imageTarget.temporal,
+      spatial: defaultTarget.spatial
+    } : imageTarget : null;
+    const defaultImageSelector = {
+      type: "BoxSelector",
+      spatial: {
+        x: 0,
+        y: 0,
+        width: canvas.width,
+        height: canvas.height
+      }
+    };
+    const imageSelector = singleImage.resource.type === "SpecificResource" ? expandTarget(singleImage.resource) : null;
+    const selector = imageSelector && imageSelector.selector && (imageSelector.selector.type === "BoxSelector" || imageSelector.selector.type === "TemporalBoxSelector") ? {
+      type: "BoxSelector",
+      spatial: {
+        x: imageSelector.selector.spatial.x,
+        y: imageSelector.selector.spatial.y,
+        width: imageSelector.selector.spatial.width,
+        height: imageSelector.selector.spatial.height
+      }
+    } : defaultImageSelector;
+    const imageType = {
+      id: resource.id,
+      type: "Image",
+      width: target ? resource.width : canvas.width,
+      height: target ? resource.height : canvas.height,
+      service: imageService,
+      sizes: imageService && imageService.sizes ? imageService.sizes : resource.width && resource.height ? [{ width: resource.width, height: resource.height }] : [],
+      target: target && target.type !== "PointSelector" ? target : defaultTarget,
+      selector
+    };
+    imageTypes.push(imageType);
+  }
+  return {
+    type: "images",
+    image: imageTypes[0],
+    images: imageTypes,
+    choice: paintables.choice
+  };
+}
+
+var __defProp$3 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+function useAnnotation(options = {}, deps = []) {
+  const { id, selector } = options;
+  const ctx = useResourceContext();
+  const vault = useVault();
+  const annotationId = id ? id : ctx.annotation;
+  const annotation = useVaultSelector((s) => annotationId ? s.iiif.entities.Annotation[annotationId] : void 0, [annotationId]);
+  const body = useVaultSelector((s) => annotation && annotation.body ? annotation.body.map((singleBody) => singleBody ? s.iiif.entities[singleBody.type][singleBody.id] : null).filter(Boolean) : [], [annotation]);
+  return useMemo(() => {
+    if (!annotation) {
+      return void 0;
+    }
+    const newAnnotation = __spreadProps$3(__spreadValues$3({}, annotation), {
+      body,
+      target: expandTarget(annotation.target, { typeMap: vault.getState().iiif.mapping })
+    });
+    if (selector) {
+      return selector(newAnnotation);
+    }
+    return newAnnotation;
+  }, [annotation, selector, body, ...deps]);
+}
+
+function useManifest(options = {}, deps = []) {
+  const { id, selector } = options;
+  const ctx = useResourceContext();
+  useVault();
+  const manifestId = id ? id : ctx.manifest;
+  const manifest = useVaultSelector((s) => manifestId ? s.iiif.entities.Manifest[manifestId] : void 0, [manifestId]);
+  return useMemo(() => {
+    if (!manifest) {
+      return void 0;
+    }
+    if (selector) {
+      return selector(manifest);
+    }
+    return manifest;
+  }, [manifest, selector, ...deps]);
+}
+
+function useCanvas(options = {}, deps = []) {
+  const { id, selector } = options;
+  const ctx = useResourceContext();
+  const canvasId = id ? id : ctx.canvas;
+  const canvas = useVaultSelector((s) => canvasId ? s.iiif.entities.Canvas[canvasId] : void 0, [canvasId]);
+  return useMemo(() => {
+    if (!canvas) {
+      return void 0;
+    }
+    if (selector) {
+      return selector(canvas);
+    }
+    return canvas;
+  }, [canvas, selector, ...deps]);
+}
+
+function getMeta$1(state, resourceId) {
+  var _a;
+  const resourceMeta = (_a = state == null ? void 0 : state.iiif) == null ? void 0 : _a.meta[resourceId];
+  if (!resourceMeta) {
+    return null;
+  }
+  return resourceMeta.annotationPageManager;
+}
+function useEnabledAnnotationPageIds(resourceId, availablePageIds) {
+  return useVaultSelector((state) => {
+    const pageIds = [];
+    if (!resourceId) {
+      return pageIds;
+    }
+    const allAnnotationListIds = Object.keys(state.iiif.entities.AnnotationPage);
+    for (const annotationListId of allAnnotationListIds) {
+      if (!availablePageIds || availablePageIds.indexOf(annotationListId) !== -1) {
+        const annotationListMeta = getMeta$1(state, annotationListId);
+        if (annotationListMeta && annotationListMeta.views && annotationListMeta.views[resourceId]) {
+          pageIds.push(annotationListId);
+        }
+      }
+    }
+    return pageIds;
+  }, [resourceId, availablePageIds]);
+}
+
+function flattenAnnotationPageIds({
+  canvas,
+  manifest,
+  all,
+  canvases
+}) {
+  const foundIds = [];
+  if (manifest) {
+    for (const page of manifest.annotations) {
+      if (foundIds.indexOf(page.id) === -1) {
+        foundIds.push(page.id);
+      }
+    }
+  }
+  if (all) {
+    if (canvases && canvases.length) {
+      for (const canvas_ of canvases) {
+        for (const page of canvas_.annotations) {
+          if (foundIds.indexOf(page.id) === -1) {
+            foundIds.push(page.id);
+          }
+        }
+      }
+    }
+  } else if (canvas) {
+    for (const page of canvas.annotations) {
+      if (foundIds.indexOf(page.id) === -1) {
+        foundIds.push(page.id);
+      }
+    }
+  }
+  return foundIds;
+}
+
+var __defProp$2 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+function getMeta(state, resourceId) {
+  var _a;
+  const resourceMeta = (_a = state == null ? void 0 : state.iiif) == null ? void 0 : _a.meta[resourceId];
+  if (!resourceMeta) {
+    return null;
+  }
+  return resourceMeta.annotationPageManager;
+}
+function useAnnotationPageManager(resourceId, options = {}) {
+  const vault = useVault();
+  const manifest = useManifest();
+  const canvas = useCanvas();
+  const canvases = useVisibleCanvases();
+  const availablePageIds = useMemo(() => {
+    return flattenAnnotationPageIds({
+      all: options.all,
+      manifest,
+      canvas,
+      canvases
+    });
+  }, [options.all, canvas, canvases, manifest]);
+  const enabledPageIds = useEnabledAnnotationPageIds(resourceId, options.all ? void 0 : availablePageIds);
+  const setPageDisabled = useCallback((deselectId) => {
+    if (!resourceId) {
+      return;
+    }
+    vault.setMetaValue([deselectId, "annotationPageManager", "views"], (existingResources) => {
+      if (existingResources && !existingResources[resourceId]) {
+        return existingResources;
+      }
+      return __spreadProps$2(__spreadValues$2({}, existingResources || {}), {
+        [resourceId]: false
+      });
+    });
+  }, [resourceId, vault]);
+  const setPageEnabled = useCallback((id, opt = {}) => {
+    if (!resourceId) {
+      return;
+    }
+    const state = vault.getState();
+    const toDeselect = [];
+    if (opt == null ? void 0 : opt.deselectOthers) {
+      const allAnnotationListIds = Object.keys(state.iiif.entities.AnnotationPage);
+      for (const annotationPageId of allAnnotationListIds) {
+        const annotationListMeta = getMeta(state, annotationPageId);
+        if (annotationListMeta && annotationListMeta.views && annotationListMeta.views[resourceId]) {
+          toDeselect.push(annotationPageId);
+        }
+      }
+    }
+    for (const deselectId of toDeselect) {
+      setPageDisabled(deselectId);
+    }
+    vault.setMetaValue([id, "annotationPageManager", "views"], (existingResources) => {
+      if (existingResources && existingResources[resourceId]) {
+        return existingResources;
+      }
+      return __spreadProps$2(__spreadValues$2({}, existingResources || {}), {
+        [resourceId]: true
+      });
+    });
+  }, [resourceId, setPageDisabled, vault]);
+  return {
+    availablePageIds,
+    enabledPageIds,
+    setPageEnabled,
+    setPageDisabled
+  };
+}
+
+function usePaintingAnnotations(options = {}) {
+  const canvas = useCanvas(options.canvasId ? { id: options.canvasId } : void 0);
+  return useVaultSelector((state, vault) => {
+    if (!canvas) {
+      return [];
+    }
+    const annotationPages = vault.get(canvas.items);
+    const flatAnnotations = [];
+    for (const page of annotationPages) {
+      flatAnnotations.push(...vault.get(page.items));
+    }
+    return flatAnnotations;
+  }, [canvas]);
+}
+
+function useAnnotationsAtTime(time, options = {}) {
+  const allAnnotations = usePaintingAnnotations(options);
+  return allAnnotations;
+}
+
+function useCanvasClock(canvasId, autoplay = false) {
+}
+
+function useCollection(options, deps = []) {
+  const { id, selector } = options;
+  const ctx = useResourceContext();
+  const collectionId = id ? id : ctx.collection;
+  const collection = useVaultSelector((s) => collectionId ? s.iiif.entities.Collection[collectionId] : void 0, [collectionId]);
+  return useMemo(() => {
+    if (!collection) {
+      return void 0;
+    }
+    if (selector) {
+      return selector(collection);
+    }
+    return collection;
+  }, [collection, selector, ...deps]);
+}
+
+function useDispatch() {
+  const vault = useVault();
+  const store = vault.getStore();
+  return useMemo(() => {
+    return (action) => store.dispatch(action);
+  }, [store]);
+}
+
+function useEventListener(resource, name, listener, scope, deps = []) {
+  const vault = useVault();
+  const helper = useMemo(() => createEventsHelper(vault), [vault]);
+  useEffect(() => {
+    const currentResource = resource;
+    if (!currentResource) {
+      return () => {
+      };
+    }
+    helper.addEventListener(currentResource, name, listener, scope);
+    return () => {
+      helper.removeEventListener(currentResource, name, listener);
+    };
+  }, [helper, resource, name, ...deps]);
+}
+
+function useExistingVault() {
+  const oldContext = useContext(ReactVaultContext);
+  return oldContext && oldContext.vault ? oldContext.vault : globalVault();
+}
+
+function useExternalCollection(idOrRef, options) {
+  const { id, isLoaded, error, resource, requestId, cached } = useExternalResource(idOrRef, options);
+  return { id, isLoaded, error, manifest: resource, requestId, cached };
+}
+
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+function useImageService({ cacheKey } = {}) {
+  const canvas = useCanvas();
+  const annotations = usePaintingAnnotations();
+  const vault = useVault();
+  const imageService = useImageServiceLoader();
+  const [_data, setData] = useState(void 0);
+  const [isFetching, setIsFetching] = useState(false);
+  const [status, setStatus] = useState("idle");
+  const [error, setError] = useState(void 0);
+  const key = canvas ? canvas.id : "undefined";
+  const initialData = useMemo(() => {
+    try {
+      if (canvas && annotations.length) {
+        const annotation = annotations[0];
+        const resource = vault.get(annotation.body[0]);
+        const imageServices = getImageServices(resource);
+        const firstImageService = imageServices[0];
+        if (!firstImageService) {
+          return void 0;
+        }
+        return imageService.loadServiceSync({
+          id: firstImageService.id || firstImageService["@id"],
+          width: firstImageService.width || canvas.width,
+          height: firstImageService.height || canvas.height
+        }) || void 0;
+      }
+    } catch (e) {
+      console.error(e);
+    }
+    return void 0;
+  }, [key, cacheKey, canvas]);
+  const data = status === "success" && _data ? _data : initialData;
+  useEffect(() => {
+    (() => __async(this, null, function* () {
+      try {
+        if (canvas && annotations.length) {
+          const annotation = annotations[0];
+          const resource = vault.get(annotation.body[0]);
+          const imageServices = getImageServices(resource);
+          const firstImageService = imageServices[0];
+          if (!firstImageService) {
+            return;
+          }
+          setIsFetching(true);
+          setStatus("loading");
+          try {
+            const loadedService = (yield imageService.loadService({
+              id: firstImageService.id || firstImageService["@id"],
+              width: firstImageService.width || canvas.width,
+              height: firstImageService.height || canvas.height
+            })) || void 0;
+            setData(loadedService);
+            setStatus("success");
+            setIsFetching(false);
+          } catch (err) {
+            setStatus("error");
+            setError(err);
+          }
+        }
+      } catch (err) {
+        setStatus("error");
+        setError(err);
+      }
+    }))();
+  }, [key, cacheKey]);
+  return useMemo(() => {
+    return {
+      data,
+      isFetching,
+      status,
+      error
+    };
+  }, [data, isFetching, status, error]);
+}
+
+function useImageTile() {
+  const imageService = useImageService();
+  return {
+    isLoading: imageService.isFetching,
+    tile: imageService.data ? {
+      id: imageService.data.id || imageService.data["@id"],
+      width: imageService.data.width,
+      height: imageService.data.height,
+      imageService: imageService.data,
+      thumbnail: void 0
+    } : null
+  };
+}
+
+function usePaintables(options, deps = []) {
+  const vault = useVault();
+  const paintingAnnotations = usePaintingAnnotations();
+  const [enabledChoices, setEnabledChoices] = useState((options == null ? void 0 : options.defaultChoices) || []);
+  const paintables = useMemo(() => getPaintables(vault, paintingAnnotations, enabledChoices), [vault, paintingAnnotations, enabledChoices, ...deps]);
+  const makeChoice = useCallback((id, { deselectOthers = true, deselect = false } = {}) => {
+    if (paintables.choice) {
+      if (paintables.choice.type !== "single-choice") {
+        throw new Error("Complex choice not supported yet");
+      }
+      setEnabledChoices((prevChoices) => {
+        if (deselect) {
+          const without = prevChoices.filter((e) => e !== id);
+          if (without.length === 0) {
+            const defaultId = paintables.items[0].resource.id;
+            if (defaultId) {
+              return [defaultId];
+            } else {
+              return [];
+            }
+          }
+          return without;
+        }
+        if (deselectOthers) {
+          return [id];
+        }
+        const newChoices = [...prevChoices];
+        if (newChoices.length === 0 && paintables.items.length) {
+          const defaultId = paintables.items[0].resource.id;
+          if (defaultId) {
+            newChoices.push(defaultId);
+          }
+        }
+        if (prevChoices.indexOf(id) !== -1) {
+          return prevChoices;
+        }
+        return [...prevChoices, id];
+      });
+    }
+  }, [paintables.choice]);
+  const actions = { makeChoice };
+  return [paintables, actions];
+}
+
+function useRange(options = {}, deps = []) {
+  const { id, selector } = options;
+  const ctx = useResourceContext();
+  const rangeId = id ? id : ctx.range;
+  const range = useVaultSelector((s) => rangeId ? s.iiif.entities.Range[rangeId] : void 0, [rangeId]);
+  return useMemo(() => {
+    if (!range) {
+      return void 0;
+    }
+    if (selector) {
+      return selector(range);
+    }
+    return range;
+  }, [range, selector, ...deps]);
+}
+
+function useResourceEvents(resource, scope) {
+  const vault = useVault();
+  const helper = useMemo(() => createEventsHelper(vault), [vault]);
+  const hooks = useVaultSelector(() => {
+    if (resource && resource.id) {
+      return vault.getResourceMeta(resource.id, "eventManager");
+    }
+    return null;
+  }, [resource]);
+  return useMemo(() => {
+    return resource ? helper.getListenersAsProps(resource, scope) : {};
+  }, [hooks, resource, vault, scope]);
+}
+
+function useResources(ids, type) {
+  return useVaultSelector((state, vault) => vault.get(ids.map((id) => ({ id, type }))), [ids, type]);
+}
+
+function useSearchService() {
+  const manifest = useManifest();
+  return manifest ? manifest.service.find((service) => service.profile === "SearchService1" || service.profile === "http://iiif.io/api/search/1/search") : void 0;
+}
+
+function useStyleHelper() {
+  const vault = useVault();
+  return useMemo(() => createStylesHelper(vault), [vault]);
+}
+
+function useStyles(resource, scope) {
+  const vault = useVault();
+  const helper = useMemo(() => createStylesHelper(vault), [vault]);
+  return useVaultSelector(() => {
+    if (!resource) {
+      return null;
+    }
+    const styles = helper.getAppliedStyles(resource.id);
+    return styles ? scope ? styles[scope] : styles : void 0;
+  }, [resource, scope]);
+}
+
+const useVaultEffect = (callback, deps = []) => {
+  const vault = useVault();
+  useEffect(() => {
+    callback(vault);
+  }, [vault, ...deps]);
+};
+
+function useThumbnail(request, dereference, { canvasId, manifestId } = {}) {
+  const vault = useVault();
+  const loader = useImageServiceLoader();
+  const helper = useMemo(() => createThumbnailHelper(vault, { imageServiceLoader: loader }), [vault, loader]);
+  const [thumbnail, setThumbnail] = useState();
+  const manifest = useManifest(manifestId ? { id: manifestId } : void 0);
+  const canvas = useCanvas(canvasId ? { id: canvasId } : void 0);
+  const subject = canvas ? canvas : manifest;
+  const didUnmount = useRef(false);
+  useEffect(() => {
+    return () => {
+      didUnmount.current = true;
+    };
+  }, []);
+  if (!subject) {
+    throw new Error("Must be called under a manifest or canvas context.");
+  }
+  useVaultEffect((v) => {
+    helper.getBestThumbnailAtSize(subject, request, dereference).then((thumb) => {
+      if (thumb.best && !didUnmount.current) {
+        setThumbnail(thumb.best);
+      }
+    });
+  }, [subject]);
+  return thumbnail;
+}
+
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+function useLoadImageService() {
+  const loader = useImageServiceLoader();
+  const [imageServiceStatus, setImageServiceStatus] = useState({});
+  const didUnmount = useRef(false);
+  useEffect(() => {
+    return () => {
+      didUnmount.current = true;
+    };
+  }, []);
+  const loadImageService = useCallback((imageService, { height, width }) => {
+    if (imageService) {
+      const imageServiceId = imageService.id || imageService["@id"];
+      const syncLoaded = loader.loadServiceSync({
+        id: imageServiceId,
+        width: imageService.width || width,
+        height: imageService.height || height
+      });
+      if (syncLoaded) {
+        imageService = syncLoaded;
+      } else if (!imageServiceStatus[imageServiceId]) {
+        if (!didUnmount.current) {
+          setImageServiceStatus((r) => {
+            return __spreadProps$1(__spreadValues$1({}, r), {
+              [imageServiceId]: "loading"
+            });
+          });
+        }
+        loader.loadService({
+          id: imageServiceId,
+          width: imageService.width || width,
+          height: imageService.height || height
+        }).then(() => {
+          if (!didUnmount.current) {
+            setImageServiceStatus((r) => {
+              return __spreadProps$1(__spreadValues$1({}, r), {
+                [imageServiceId]: "done"
+              });
+            });
+          }
+        });
+      }
+    }
+    return imageService;
+  }, [loader, imageServiceStatus]);
+  return [loadImageService, imageServiceStatus];
+}
+
+const IMPORT_ENTITIES = "@iiif/IMPORT_ENTITIES";
+const MODIFY_ENTITY_FIELD = "@iiif/MODIFY_ENTITY_FIELD";
+const REORDER_ENTITY_FIELD = "@iiif/REORDER_ENTITY_FIELD";
+const ADD_REFERENCE = "@iiif/ADD_REFERENCE";
+const REMOVE_REFERENCE = "@iiif/REMOVE_REFERENCE";
+const importEntities = createAction(IMPORT_ENTITIES)();
+const modifyEntityField = createAction(MODIFY_ENTITY_FIELD)();
+const reorderEntityField = createAction(REORDER_ENTITY_FIELD)();
+const addReference = createAction(ADD_REFERENCE)();
+const removeReference = createAction(REMOVE_REFERENCE)();
+const entityActions = { importEntities, modifyEntityField, reorderEntityField, addReference, removeReference };
+
+const ADD_MAPPING = "@iiif/ADD_MAPPING";
+const ADD_MAPPINGS = "@iiif/ADD_MAPPINGS";
+createAction(ADD_MAPPING)();
+createAction(ADD_MAPPINGS)();
+
+const SET_META_VALUE = "@iiif/SET_META_VALUE";
+const SET_META_VALUE_DYNAMIC = "@iiif/SET_META_VALUE_DYNAMIC";
+const UNSET_META_VALUE = "@iiif/UNSET_META_VALUE";
+createAction(SET_META_VALUE)();
+createAction(SET_META_VALUE_DYNAMIC)();
+createAction(UNSET_META_VALUE)();
+const REQUEST_RESOURCE = "@iiif/REQUEST_RESOURCE";
+const REQUEST_ERROR = "@iiif/REQUEST_ERROR";
+const REQUEST_MISMATCH = "@iiif/REQUEST_MISMATCH";
+const REQUEST_COMPLETE = "@iiif/REQUEST_COMPLETE";
+const REQUEST_OFFLINE_RESOURCE = "@iiif/REQUEST_OFFLINE_RESOURCE";
+createAction(REQUEST_RESOURCE)();
+createAction(REQUEST_ERROR)();
+createAction(REQUEST_MISMATCH)();
+createAction(REQUEST_COMPLETE)();
+createAction(REQUEST_OFFLINE_RESOURCE)();
+
+const BATCH_ACTIONS = "@iiif/BATCH";
+const BATCH_IMPORT = "@iiif/BATCH_IMPORT";
+createAction(BATCH_ACTIONS)();
+createAction(BATCH_IMPORT)();
+
+function isVaultActivated(obj) {
+  return typeof obj !== "string" && obj && obj.bindToVault;
+}
+function useVirtualAnnotationPage() {
+  const vault = useVault();
+  const sources = useRef([]);
+  const dispatch = useDispatch();
+  const virtualId = useMemo(() => {
+    return `vault://annotation-page/${new Date().getTime()}/${Math.round(Math.random() * 1e9).toString(16)}`;
+  }, []);
+  useLayoutEffect(() => {
+    const page = {
+      id: virtualId,
+      type: "AnnotationPage",
+      behavior: [],
+      motivation: null,
+      label: null,
+      thumbnail: [],
+      summary: null,
+      requiredStatement: null,
+      metadata: [],
+      rights: null,
+      provider: [],
+      items: [],
+      seeAlso: [],
+      homepage: [],
+      logo: [],
+      rendering: [],
+      service: []
+    };
+    dispatch(entityActions.importEntities({
+      entities: {
+        AnnotationPage: {
+          [page.id]: page
+        }
+      }
+    }));
+  }, [virtualId]);
+  const fullPage = useVaultSelector((state) => virtualId ? state.iiif.entities.AnnotationPage[virtualId] : null, [virtualId]);
+  const addAnnotation = useCallback((id, atIndex) => {
+    if (virtualId) {
+      if (isVaultActivated(id)) {
+        const display = id;
+        if (!display.__vault) {
+          display.bindToVault(vault);
+        }
+        id = typeof display.source === "string" ? display.source : display.source.id;
+        sources.current[id] = display;
+      } else if (typeof id !== "string") {
+        id = id.id;
+      }
+      const full = vault.get({ id: virtualId, type: "AnnotationPage" });
+      const annotation = vault.get({ id, type: "Annotation" });
+      if (full && annotation) {
+        if (!full.items.find((r) => r.id === annotation.id)) {
+          dispatch(entityActions.addReference({
+            id: virtualId,
+            type: "AnnotationPage",
+            key: "items",
+            reference: {
+              id,
+              type: "Annotation"
+            },
+            index: atIndex
+          }));
+        }
+      }
+    }
+  }, [virtualId]);
+  const removeAnnotation = useCallback((id) => {
+    if (virtualId) {
+      if (isVaultActivated(id)) {
+        id = typeof id.source === "string" ? id.source : id.source.id;
+      } else if (typeof id !== "string") {
+        id = id.id;
+      }
+      if (sources.current[id]) {
+        sources.current[id].beforeRemove();
+      }
+      const full = vault.get({ id: virtualId, type: "AnnotationPage" });
+      if (full) {
+        dispatch(entityActions.removeReference({
+          id: virtualId,
+          type: "AnnotationPage",
+          key: "items",
+          reference: {
+            id,
+            type: "Annotation"
+          }
+        }));
+      }
+    }
+  }, [virtualId]);
+  return [
+    fullPage,
+    {
+      addAnnotation,
+      removeAnnotation
+    }
+  ];
+}
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function useRenderingStrategy(options) {
+  const manifest = useManifest();
+  const canvas = useCanvas();
+  const vault = useVault();
+  const [loadImageService, imageServiceStatus] = useLoadImageService();
+  const { enabledPageIds } = useAnnotationPageManager((options == null ? void 0 : options.annotationPageManagerId) || (manifest == null ? void 0 : manifest.id) || (canvas == null ? void 0 : canvas.id), {
+    all: false
+  });
+  const enabledPages = useResources(enabledPageIds, "AnnotationPage");
+  const supports = (options == null ? void 0 : options.strategies) || ["images", "media", "complex-timeline"];
+  const [paintables, actions] = usePaintables(options, [imageServiceStatus]);
+  const strategy = useMemo(() => {
+    if (!canvas || paintables.types.length === 0) {
+      return unknownResponse;
+    }
+    if (paintables.types.length !== 1) {
+      if (supports.indexOf("complex-timeline") === -1) {
+        return unsupportedStrategy("Complex timeline not supported");
+      }
+      return unsupportedStrategy("ComplexTimelineStrategy not yet supported");
+    }
+    const mainType = paintables.types[0];
+    if (mainType === "image") {
+      if (supports.indexOf("images") === -1) {
+        return unsupportedStrategy("Image not supported");
+      }
+      return getImageStrategy(canvas, paintables, loadImageService);
+    }
+    if (mainType === "audio") {
+      if (supports.indexOf("media") === -1) {
+        return unsupportedStrategy("Media not supported");
+      }
+      return unsupportedStrategy("Audio strategy not yet supported");
+    }
+    if (mainType === "video") {
+      if (supports.indexOf("media") === -1) {
+        return unsupportedStrategy("Media not supported");
+      }
+      return unsupportedStrategy("Video strategy not yet supported");
+    }
+    return unknownResponse;
+  }, [canvas, paintables, vault, actions.makeChoice]);
+  return useMemo(() => {
+    if (strategy.type === "unknown") {
+      return [strategy, emptyActions];
+    }
+    return [
+      __spreadProps(__spreadValues({}, strategy), {
+        annotations: { pages: enabledPages }
+      }),
+      actions
+    ];
+  }, [strategy, enabledPages]);
+}
+
+export { AnnotationContext, CanvasContext, CollectionContext, ContextBridge, ImageServiceLoaderContext, ManifestContext, RangeContext, ReactVaultContext, ResourceProvider, ResourceReactContext, SimpleViewerProvider, SimpleViewerReactContext, VaultProvider, VisibleCanvasReactContext, emptyActions, expandTarget, flattenAnnotationPageIds, getImageStrategy, getPaintables, parseSelector, parseSpecificResource, unknownResponse, unsupportedStrategy, useAnnotation, useAnnotationPageManager, useAnnotationsAtTime, useCanvas, useCanvasClock, useCollection, useContextBridge, useDispatch, useEventListener, useExistingVault, useExternalCollection, useExternalManifest, useExternalResource, useImageService, useImageServiceLoader, useImageTile, useLoadImageService, useManifest, usePaintables, usePaintingAnnotations, useRange, useRenderingStrategy, useResourceContext, useResourceEvents, useResources, useSearchService, useSimpleViewer, useStyleHelper, useStyles, useThumbnail, useVault, useVaultEffect, useVaultSelector, useVirtualAnnotationPage, useVisibleCanvases };