react-iiif-vault 1.0.3 → 1.0.4

package/dist/canvas-panel/esm/canvas-panel.mjs

@@ -24,9 +24,9 @@ var fn = function(e, r) {
     for (var i, n = arguments.length, s = new Array(n), a = 0; a < n; a++)
       s[a] = arguments[a];
     return i = t.call.apply(t, [this].concat(s)) || this, i.state = zt, i.resetErrorBoundary = function() {
-      for (var o, u = arguments.length, p = new Array(u), l = 0; l < u; l++)
-        p[l] = arguments[l];
-      i.props.onReset == null || (o = i.props).onReset.apply(o, p), i.reset();
+      for (var o, u = arguments.length, h = new Array(u), l = 0; l < u; l++)
+        h[l] = arguments[l];
+      i.props.onReset == null || (o = i.props).onReset.apply(o, h), i.reset();
     }, i;
   }
   e.getDerivedStateFromError = function(n) {
@@ -43,22 +43,22 @@ var fn = function(e, r) {
   }, r.componentDidUpdate = function(n, s) {
     var a = this.state.error, o = this.props.resetKeys;
     if (a !== null && s.error !== null && fn(n.resetKeys, o)) {
-      var u, p;
-      (u = (p = this.props).onResetKeysChange) == null || u.call(p, n.resetKeys, o), this.reset();
+      var u, h;
+      (u = (h = this.props).onResetKeysChange) == null || u.call(h, n.resetKeys, o), this.reset();
     }
   }, r.render = function() {
     var n = this.state.error, s = this.props, a = s.fallbackRender, o = s.FallbackComponent, u = s.fallback;
     if (n !== null) {
-      var p = {
+      var h = {
         error: n,
         resetErrorBoundary: this.resetErrorBoundary
       };
       if (/* @__PURE__ */ ot.isValidElement(u))
         return u;
       if (typeof a == "function")
-        return a(p);
+        return a(h);
       if (o)
-        return /* @__PURE__ */ ot.createElement(o, p);
+        return /* @__PURE__ */ ot.createElement(o, h);
       throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
     }
     return this.props.children;
@@ -145,20 +145,20 @@ function Gt(t, e, { waitTimeout: r = 30 } = {}) {
     const s = t.getStore(), a = s.getState(), o = a.iiif.requests[i];
     if (o) {
       if (o.loadingState === wt) {
-        const p = ct(a, i);
-        if (p)
-          return p;
+        const h = ct(a, i);
+        if (h)
+          return h;
       }
       switch (o.loadingState) {
         case xt:
           break;
         case Ir:
           return (async () => {
-            let p, l = !1;
+            let h, l = !1;
             try {
-              const h = await Promise.race([
+              const p = await Promise.race([
                 new Promise((v, m) => {
-                  l || (p = s.subscribe(() => {
+                  l || (h = s.subscribe(() => {
                     const d = s.getState();
                     if (d.iiif.requests[i].loadingState === xt) {
                       m();
@@ -179,33 +179,33 @@ function Gt(t, e, { waitTimeout: r = 30 } = {}) {
                   )
                 )
               ]);
-              if (p && p(), h)
-                return h;
+              if (h && h(), p)
+                return p;
             } catch {
-              p && p();
+              h && h();
             }
           })();
       }
     }
     t.dispatch(Pn({ id: i }));
-    const u = (p) => {
-      if (!p)
+    const u = (h) => {
+      if (!h)
         return;
-      !p.id && !p["@id"] && (p["@type"] && (p["@id"] = i), p.id = i);
-      const l = $n(i, p);
+      !h.id && !h["@id"] && (h["@type"] && (h["@id"] = i), h.id = i);
+      const l = $n(i, h);
       return t.dispatch(Mt({ actions: l })), ct(s.getState(), i);
     };
     try {
-      const p = e(i, n);
-      return qn(p) ? (async () => {
+      const h = e(i, n);
+      return qn(h) ? (async () => {
         try {
-          return u(await p);
+          return u(await h);
         } catch (l) {
           throw t.dispatch(St({ id: i, message: l.toString() })), l;
         }
-      })() : u(p);
-    } catch (p) {
-      throw t.dispatch(St({ id: i, message: p.toString() })), p;
+      })() : u(h);
+    } catch (h) {
+      throw t.dispatch(St({ id: i, message: h.toString() })), h;
     }
   };
 }
@@ -229,8 +229,8 @@ const Jt = (t) => {
   const r = /* @__PURE__ */ new Set(), i = (a, o) => {
     const u = typeof a == "function" ? a(e) : a;
     if (!Object.is(u, e)) {
-      const p = e;
-      e = o ?? typeof u != "object" ? u : Object.assign({}, e, u), r.forEach((l) => l(e, p));
+      const h = e;
+      e = o ?? typeof u != "object" ? u : Object.assign({}, e, u), r.forEach((l) => l(e, h));
     }
   }, n = () => e, s = { setState: i, getState: n, subscribe: (a) => (r.add(a), () => r.delete(a)), destroy: () => {
     r.clear();
@@ -257,14 +257,14 @@ const Jt = (t) => {
   return Ct.set(r.name, n), { type: "tracked", store: t, ...n };
 }, Hn = (t, e = {}) => (r, i, n) => {
   const { enabled: s, anonymousActionType: a, store: o, ...u } = e;
-  let p;
+  let h;
   try {
-    p = (s ?? !1) && window.__REDUX_DEVTOOLS_EXTENSION__;
+    h = (s ?? !1) && window.__REDUX_DEVTOOLS_EXTENSION__;
   } catch {
   }
-  if (!p)
+  if (!h)
     return t(r, i, n);
-  const { connection: l, ...h } = Nn(o, p, u);
+  const { connection: l, ...p } = Nn(o, h, u);
   let v = !0;
   n.setState = (g, A, b) => {
     const w = r(g, A);
@@ -286,11 +286,11 @@ const Jt = (t) => {
     const A = v;
     v = !1, r(...g), v = A;
   }, d = t(n.setState, i, n);
-  if (h.type === "untracked" ? l == null || l.init(d) : (h.stores[h.store] = n, l == null || l.init(
+  if (p.type === "untracked" ? l == null || l.init(d) : (p.stores[p.store] = n, l == null || l.init(
     Object.fromEntries(
-      Object.entries(h.stores).map(([g, A]) => [
+      Object.entries(p.stores).map(([g, A]) => [
         g,
-        g === h.store ? d : A.getState()
+        g === p.store ? d : A.getState()
       ])
     )
   )), n.dispatchFromDevtools && typeof n.dispatch == "function") {
@@ -393,11 +393,11 @@ const Jt = (t) => {
   return i.subscribe = (s, a, o) => {
     let u = s;
     if (a) {
-      const p = (o == null ? void 0 : o.equalityFn) || Object.is;
+      const h = (o == null ? void 0 : o.equalityFn) || Object.is;
       let l = s(i.getState());
-      u = (h) => {
-        const v = s(h);
-        if (!p(l, v)) {
+      u = (p) => {
+        const v = s(p);
+        if (!h(l, v)) {
           const m = l;
           a(l = v, m);
         }
@@ -477,12 +477,12 @@ const Gn = (t = Lr(), e) => {
       const n = Object.keys(C(e).entities), s = { ...t };
       for (const a of n) {
         const o = C(e).entities[a], u = { ...t[a] || {} };
-        let p = !1;
+        let h = !1;
         const l = Object.keys(o || {}) || [];
         if (o && l) {
-          for (const h of l)
-            p = !0, u[h] = t[a][h] ? Yn(t[a][h], o[h]) : o[h];
-          p && (s[a] = u);
+          for (const p of l)
+            h = !0, u[p] = t[a][p] ? Yn(t[a][p], o[p]) : o[p];
+          h && (s[a] = u);
         }
       }
       return s;
@@ -890,29 +890,29 @@ let Rt = class {
     const { skipSelfReturn: n = !0 } = i || {};
     let s = i.parent ? typeof i.parent == "string" ? i.parent : i.parent.id : void 0;
     if (Array.isArray(e))
-      return e.map((h) => this.get(h, i));
+      return e.map((p) => this.get(p, i));
     const a = this.getState();
     if (on(e) && !i.preserveSpecificResources && (e = e.source), typeof e == "string") {
-      const h = Zt(r || a.iiif.mapping[e]);
-      if (!h)
+      const p = Zt(r || a.iiif.mapping[e]);
+      if (!p)
         return n ? null : { id: e, type: "unknown" };
-      e = { id: e, type: h };
+      e = { id: e, type: p };
     }
     if (e && e.partOf && !s && !i.skipPartOfCheck) {
-      const h = Array.isArray(e.partOf) ? e.partOf[0] : e.partOf;
-      h && (typeof h == "string" && (s = h), typeof h.id == "string" && (s = h.id));
+      const p = Array.isArray(e.partOf) ? e.partOf[0] : e.partOf;
+      p && (typeof p == "string" && (s = p), typeof p.id == "string" && (s = p.id));
     }
-    const o = Zt(r || (e == null ? void 0 : e.type)), u = e == null ? void 0 : e.id, p = a.iiif.entities[o];
-    if (!p) {
-      const h = a.iiif.requests[u];
-      return h && h.resourceUri !== u ? this.get(h.resourceUri, i) : n ? null : e;
+    const o = Zt(r || (e == null ? void 0 : e.type)), u = e == null ? void 0 : e.id, h = a.iiif.entities[o];
+    if (!h) {
+      const p = a.iiif.requests[u];
+      return p && p.resourceUri !== u ? this.get(p.resourceUri, i) : n ? null : e;
     }
-    const l = p[e.id];
+    const l = h[e.id];
     if (l && l[Ke]) {
-      const h = l[Ke].find((v) => s ? v[Ze] === s : v[Ze] === l.id);
-      return pr(l, h);
+      const p = l[Ke].find((v) => s ? v[Ze] === s : v[Ze] === l.id);
+      return pr(l, p);
     }
-    return p[e.id] || (n ? null : e);
+    return h[e.id] || (n ? null : e);
   }
   select(e) {
     return e(this.getState());
@@ -1057,23 +1057,23 @@ const W = () => {
   return t;
 };
 function as(t, { noCache: e = !1 } = {}) {
-  const r = typeof t == "string" ? t : t.id, i = W(), [n, s] = J(r), [a, o] = J(void 0), u = j(() => i.get(r, { skipSelfReturn: !0 }) || void 0, [r, i]), [p, l] = J(u);
+  const r = typeof t == "string" ? t : t.id, i = W(), [n, s] = J(r), [a, o] = J(void 0), u = j(() => i.get(r, { skipSelfReturn: !0 }) || void 0, [r, i]), [h, l] = J(u);
   return re(() => {
     (async () => {
       try {
-        const h = u && !e ? u : await i.load(r), v = h ? h.id || h["@id"] : null;
-        h && n !== v && s(v), l(h);
-      } catch (h) {
-        o(h);
+        const p = u && !e ? u : await i.load(r), v = p ? p.id || p["@id"] : null;
+        p && n !== v && s(v), l(p);
+      } catch (p) {
+        o(p);
       }
     })();
   }, [r, e]), {
-    isLoaded: !!p,
+    isLoaded: !!h,
     id: n,
     requestId: r,
     error: a,
-    resource: p,
-    cached: !!(p && p === u)
+    resource: h,
+    cached: !!(h && h === u)
   };
 }
 function os(t, e) {
@@ -1138,29 +1138,29 @@ function ls(t, e, { disablePaging: r, skipNonPaged: i } = {}) {
     return [u, [u.map((d, g) => g)]];
   if (o || !s || r)
     return [u, u.map((d, g) => [g])];
-  const p = [];
+  const h = [];
   let l = [];
-  const h = () => {
-    l.length && (p.push([...l]), l = []);
+  const p = () => {
+    l.length && (h.push([...l]), l = []);
   };
   let v = 0, m = !1;
   for (let d = 0; d < u.length; d++) {
     const g = t.get(u[d]);
     if (g.behavior.includes("non-paged")) {
-      d === v && v++, i || (h(), p.push([d]), h());
+      d === v && v++, i || (p(), h.push([d]), p());
       continue;
     }
     if (d === v || g.behavior.includes("facing-pages")) {
-      l.length && (m = !0), h(), p.push([d]), h();
+      l.length && (m = !0), p(), h.push([d]), p();
       continue;
     }
     if (l.push(d), m) {
-      h(), m = !1;
+      p(), m = !1;
       continue;
     }
-    l.length > 1 && h();
+    l.length > 1 && p();
   }
-  return l.length && h(), [u, p];
+  return l.length && p(), [u, h];
 }
 function fs(t = {}, e = []) {
   const { id: r, selector: i } = t, n = Ee(), s = r || n.range, a = Y((o) => s ? o.iiif.entities.Range[s] : void 0, [s]);
@@ -1174,34 +1174,34 @@ function ps({ startCanvas: t, disablePaging: e }) {
   const r = W(), i = Pe(), n = fs(), [s, a] = J(void 0), o = n || i;
   if (!o)
     throw new Error("Nothing selected");
-  const [u, p] = j(
+  const [u, h] = j(
     () => ls(r, o, { disablePaging: e }),
     [r, o]
   ), l = D(
     (g) => {
-      const A = p.findIndex((b) => b.includes(g));
+      const A = h.findIndex((b) => b.includes(g));
       a(A === -1 ? 0 : A);
     },
-    [u, p]
-  ), h = D(
+    [u, h]
+  ), p = D(
     (g) => {
       const A = u.findIndex((b) => b.id === g);
       A !== -1 ? l(A) : a(0);
     },
-    [u, p]
+    [u, h]
   ), v = D(() => {
-    a((g) => g >= p.length ? g : g + 1);
-  }, [p]), m = D(() => {
+    a((g) => g >= h.length ? g : g + 1);
+  }, [h]), m = D(() => {
     a((g) => g <= 0 ? 0 : g - 1);
-  }, [p]);
-  return typeof s > "u" && (t ? h(t) : a(0)), {
-    visibleItems: ((d = p[s]) == null ? void 0 : d.map((g) => u[g].id)) || [],
+  }, [h]);
+  return typeof s > "u" && (t ? p(t) : a(0)), {
+    visibleItems: ((d = h[s]) == null ? void 0 : d.map((g) => u[g].id)) || [],
     cursor: s,
     items: u,
-    sequence: p,
+    sequence: h,
     setSequenceIndex: a,
     setCanvasIndex: l,
-    setCanvasId: h,
+    setCanvasId: p,
     next: v,
     previous: m
   };
@@ -1218,25 +1218,25 @@ const Le = () => {
   currentSequenceIndex: 0
 });
 function hs(t) {
-  const e = Pe(), { cursor: r, visibleItems: i, next: n, sequence: s, items: a, setCanvasIndex: o, setCanvasId: u, previous: p, setSequenceIndex: l } = ps({
+  const e = Pe(), { cursor: r, visibleItems: i, next: n, sequence: s, items: a, setCanvasIndex: o, setCanvasId: u, previous: h, setSequenceIndex: l } = ps({
     startCanvas: t.startCanvas,
     disablePaging: t.pagingEnabled === !1
-  }), h = j(
+  }), p = j(
     () => ({
       sequence: s,
       items: a,
       // Extra functions.
       setCurrentCanvasId: u,
       nextCanvas: n,
-      previousCanvas: p,
+      previousCanvas: h,
       totalCanvases: a.length,
       setCurrentCanvasIndex: o,
       setSequenceIndex: l,
       currentSequenceIndex: r
     }),
-    [s, a, u, n, p, a, o, l, r]
+    [s, a, u, n, h, a, o, l, r]
   );
-  return e ? /* @__PURE__ */ x(it.Provider, { value: h, children: /* @__PURE__ */ x(rt.Provider, { value: i, children: /* @__PURE__ */ x(Lt, { canvas: i[0], children: t.children }) }) }) : (console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ x("div", { children: "Sorry, something went wrong." }));
+  return e ? i.length === 0 ? null : /* @__PURE__ */ x(it.Provider, { value: p, children: /* @__PURE__ */ x(rt.Provider, { value: i, children: /* @__PURE__ */ x(Lt, { canvas: i[0], children: t.children }) }) }) : (console.warn("The manifest passed to the provider is not a valid IIIF manifest."), /* @__PURE__ */ x("div", { children: "Sorry, something went wrong." }));
 }
 function ds(t) {
   const e = os(t.manifest);
@@ -1328,12 +1328,12 @@ function _s() {
     (o, u) => {
       if (i) {
         if (Xt(o)) {
-          const h = o;
-          h.__vault || h.bindToVault(t), o = typeof h.source == "string" ? h.source : h.source.id, e.current[o] = h;
+          const p = o;
+          p.__vault || p.bindToVault(t), o = typeof p.source == "string" ? p.source : p.source.id, e.current[o] = p;
         } else
           typeof o != "string" && (o = o.id);
-        const p = t.get({ id: i, type: "AnnotationPage" }), l = t.get({ id: o, type: "Annotation" });
-        p && l && (p.items.find((h) => h.id === l.id) || r(
+        const h = t.get({ id: i, type: "AnnotationPage" }), l = t.get({ id: o, type: "Annotation" });
+        h && l && (h.items.find((p) => p.id === l.id) || r(
           pt.addReference({
             id: i,
             type: "AnnotationPage",
@@ -1444,7 +1444,7 @@ function zs({
   worldScale: i,
   ...n
 }) {
-  const [s, a] = J(), o = vs(), u = e || Ns, [p, l] = J({}), h = Object.entries(p), [v, m] = J({}), d = Object.entries(v), [g, A] = J({}), b = j(() => i || Math.max(...Object.values(g)), [g]), w = j(() => ({ maxOverZoom: b || 1, ...n.runtimeOptions || {} }), [b, n.runtimeOptions]), R = D((T, P) => {
+  const [s, a] = J(), o = vs(), u = e || Ns, [h, l] = J({}), p = Object.entries(h), [v, m] = J({}), d = Object.entries(v), [g, A] = J({}), b = j(() => i || Math.max(...Object.values(g)), [g]), w = j(() => ({ maxOverZoom: b || 1, ...n.runtimeOptions || {} }), [b, n.runtimeOptions]), R = D((T, P) => {
     A((E) => {
       if (P === -1) {
         const { [T]: M, ...$ } = E;
@@ -1469,7 +1469,7 @@ function zs({
       {
         ...n,
         containerProps: { style: { position: "relative" }, ...n.containerProps || {} },
-        htmlChildren: /* @__PURE__ */ x(Me, { children: h.map(([T, { element: P, props: E }]) => /* @__PURE__ */ x(ge.Fragment, { children: /* @__PURE__ */ x(P, { ...E || {} }) }, T)) }),
+        htmlChildren: /* @__PURE__ */ x(Me, { children: p.map(([T, { element: P, props: E }]) => /* @__PURE__ */ x(ge.Fragment, { children: /* @__PURE__ */ x(P, { ...E || {} }) }, T)) }),
         onCreated: (T) => {
           a(T), n.onCreated && n.onCreated(T);
         },
@@ -1530,8 +1530,8 @@ function Ws(t = Br) {
         for (const a of Object.keys(n))
           s[a] = (o) => {
             const u = t.get(i);
-            for (const { callback: p, scope: l } of n[a] || [])
-              (!l || r && l.indexOf(r) !== -1) && p(o, u);
+            for (const { callback: h, scope: l } of n[a] || [])
+              (!l || r && l.indexOf(r) !== -1) && h(o, u);
           };
       return s;
     }
@@ -1588,8 +1588,8 @@ var Qs = Object.defineProperty, Ys = (t, e, r) => e in t ? Qs(t, e, { enumerable
     try {
       for (var o = e[Symbol.iterator](), u; !(n = (u = o.next()).done) && (i.push(u.value), !(r && i.length === r)); n = !0)
         ;
-    } catch (p) {
-      s = !0, a = p;
+    } catch (h) {
+      s = !0, a = h;
     } finally {
       try {
         !n && o.return && o.return();
@@ -1610,9 +1610,9 @@ var Qs = Object.defineProperty, Ys = (t, e, r) => e in t ? Qs(t, e, { enumerable
 }(), je = Math.PI * 2, ht = function(t, e, r, i, n, s, a) {
   var o = t.x, u = t.y;
   o *= e, u *= r;
-  var p = i * o - n * u, l = n * o + i * u;
+  var h = i * o - n * u, l = n * o + i * u;
   return {
-    x: p + s,
+    x: h + s,
     y: l + a
   };
 }, Js = function(t, e) {
@@ -1630,13 +1630,13 @@ var Qs = Object.defineProperty, Ys = (t, e, r) => e in t ? Qs(t, e, { enumerable
 }, er = function(t, e, r, i) {
   var n = t * i - e * r < 0 ? -1 : 1, s = t * r + e * i;
   return s > 1 && (s = 1), s < -1 && (s = -1), n * Math.acos(s);
-}, Ks = function(t, e, r, i, n, s, a, o, u, p, l, h) {
-  var v = Math.pow(n, 2), m = Math.pow(s, 2), d = Math.pow(l, 2), g = Math.pow(h, 2), A = v * m - v * g - m * d;
+}, Ks = function(t, e, r, i, n, s, a, o, u, h, l, p) {
+  var v = Math.pow(n, 2), m = Math.pow(s, 2), d = Math.pow(l, 2), g = Math.pow(p, 2), A = v * m - v * g - m * d;
   A < 0 && (A = 0), A /= v * g + m * d, A = Math.sqrt(A) * (a === o ? -1 : 1);
-  var b = A * n / s * h, w = A * -s / n * l, R = p * b - u * w + (t + r) / 2, O = u * b + p * w + (e + i) / 2, F = (l - b) / n, T = (h - w) / s, P = (-l - b) / n, E = (-h - w) / s, M = er(1, 0, F, T), $ = er(F, T, P, E);
+  var b = A * n / s * p, w = A * -s / n * l, R = h * b - u * w + (t + r) / 2, O = u * b + h * w + (e + i) / 2, F = (l - b) / n, T = (p - w) / s, P = (-l - b) / n, E = (-p - w) / s, M = er(1, 0, F, T), $ = er(F, T, P, E);
   return o === 0 && $ > 0 && ($ -= je), o === 1 && $ < 0 && ($ += je), [R, O, M, $];
 }, Zs = function(t) {
-  var e = t.px, r = t.py, i = t.cx, n = t.cy, s = t.rx, a = t.ry, o = t.xAxisRotation, u = o === void 0 ? 0 : o, p = t.largeArcFlag, l = p === void 0 ? 0 : p, h = t.sweepFlag, v = h === void 0 ? 0 : h, m = [];
+  var e = t.px, r = t.py, i = t.cx, n = t.cy, s = t.rx, a = t.ry, o = t.xAxisRotation, u = o === void 0 ? 0 : o, h = t.largeArcFlag, l = h === void 0 ? 0 : h, p = t.sweepFlag, v = p === void 0 ? 0 : p, m = [];
   if (s === 0 || a === 0)
     return [];
   var d = Math.sin(u * je / 360), g = Math.cos(u * je / 360), A = g * (e - i) / 2 + d * (r - n) / 2, b = -d * (e - i) / 2 + g * (r - n) / 2;
@@ -1722,7 +1722,7 @@ function aa(t) {
 const oa = /* @__PURE__ */ Yr(sa);
 function ca(t) {
   const e = na(t), r = oa(e);
-  let i, n = 0, s = 0, a = 0, o = 0, u, p, l = 0, h = 0;
+  let i, n = 0, s = 0, a = 0, o = 0, u, h, l = 0, p = 0;
   const v = [];
   for (let m = 0; m < r.length; m++) {
     let d = r[m];
@@ -1739,21 +1739,21 @@ function ca(t) {
         break;
       case "S":
         {
-          let A = l, b = h;
+          let A = l, b = p;
           (i === "C" || i == "S") && (A += A - a, b += b - o), d = ["C", A, b, d[1], d[2], d[3], d[4]];
         }
         break;
       case "T":
-        i === "Q" || i == "T" ? (u = l * 2 - u, p = h * 2 - p) : (u = l, p = h), d = ["Q", u, p, d[1], d[2]];
+        i === "Q" || i == "T" ? (u = l * 2 - u, h = p * 2 - h) : (u = l, h = p), d = ["Q", u, h, d[1], d[2]];
         break;
       case "Q":
-        u = d[1], p = d[2];
+        u = d[1], h = d[2];
         break;
       case "A":
         {
           const A = Zs({
             px: l,
-            py: h,
+            py: p,
             cx: d[6],
             cy: d[7],
             rx: d[1],
@@ -1773,7 +1773,7 @@ function ca(t) {
         d = ["L", n, s];
         break;
     }
-    i = g, l = d[d.length - 2], h = d[d.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (a = d[d.length - 4], o = d[d.length - 3]) : (a = l, o = h), v.push(d);
+    i = g, l = d[d.length - 2], p = d[d.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (a = d[d.length - 4], o = d[d.length - 3]) : (a = l, o = p), v.push(d);
   }
   return v;
 }
@@ -1837,16 +1837,16 @@ class Gr {
     };
   }
   mapToBasic() {
-    const { x: e, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: a } = this.end, o = 2 * i - e - s, u = 2 * n - r - a, p = (i - e) * o + (n - r) * u, l = (s - i) * o + (a - n) * u, h = (s - e) * u - (a - r) * o, v = p / h, m = l / h, d = Math.abs(h) / (Math.hypot(o, u) * Math.abs(m - v));
-    return { x0: e, x2: s, scale: d, cross: h };
+    const { x: e, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: a } = this.end, o = 2 * i - e - s, u = 2 * n - r - a, h = (i - e) * o + (n - r) * u, l = (s - i) * o + (a - n) * u, p = (s - e) * u - (a - r) * o, v = h / p, m = l / p, d = Math.abs(p) / (Math.hypot(o, u) * Math.abs(m - v));
+    return { x0: e, x2: s, scale: d, cross: p };
   }
   subdivide(e) {
-    const r = this.mapToBasic(), i = $e(r.x0), n = $e(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / e), a = Math.ceil(s), o = Ie(i), u = Ie(n), p = [0];
+    const r = this.mapToBasic(), i = $e(r.x0), n = $e(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / e), a = Math.ceil(s), o = Ie(i), u = Ie(n), h = [0];
     for (let l = 1; l < a; l++) {
-      const h = (Ie(i + (n - i) * l / a) - o) / (u - o);
-      p.push(h);
+      const p = (Ie(i + (n - i) * l / a) - o) / (u - o);
+      h.push(p);
     }
-    return p.push(1), p.map((l) => this.eval(l));
+    return h.push(1), h.map((l) => this.eval(l));
   }
 }
 class jt {
@@ -1897,16 +1897,16 @@ class jt {
         val: T
       }), u += T;
     }
-    const p = 0.5 * u / n, l = Math.ceil(p), h = [{ x: this.c[0], y: this.c[1] }];
+    const h = 0.5 * u / n, l = Math.ceil(h), p = [{ x: this.c[0], y: this.c[1] }];
     let v = 0, m = 0;
     for (let d = 1; d < l; d++) {
       const g = u * d / l;
       for (; v + o[m].val < g; )
         v += o[m].val, m++;
       const A = o[m].a0, b = o[m].a2, w = Ie(A), R = Ie(b), O = A + (b - A) * (g - v) / o[m].val, F = (Ie(O) - w) / (R - w);
-      h.push(o[m].quad.eval(F));
+      p.push(o[m].quad.eval(F));
     }
-    return h.push({ x: this.c[6], y: this.c[7] }), h;
+    return p.push({ x: this.c[6], y: this.c[7] }), p;
   }
 }
 const pa = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, ha = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, tr = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
@@ -2031,8 +2031,8 @@ function Qe(t, {
           selectors: [],
           iiifRenderingHints: i
         });
-      const h = Jr(l);
-      h && (n = h.points, u = h.shapeType, s = [
+      const p = Jr(l);
+      p && (n = p.points, u = p.shapeType, s = [
         Math.min(...n.map((v) => v[0])),
         // llx
         Math.min(...n.map((v) => v[1])),
@@ -2041,9 +2041,9 @@ function Qe(t, {
         // urx
         Math.max(...n.map((v) => v[1]))
         // ury
-      ], { style: a, svg: o } = va(h.element) ?? { svg: o });
+      ], { style: a, svg: o } = va(p.element) ?? { svg: o });
     }
-    const p = {
+    const h = {
       type: "SvgSelector",
       svg: o,
       svgShape: u,
@@ -2052,8 +2052,8 @@ function Qe(t, {
       spatial: s ? { unit: "pixel", x: s[0], y: s[1], width: s[2] - s[0], height: s[3] - s[1] } : void 0
     };
     return ee({
-      selector: p,
-      selectors: [p],
+      selector: h,
+      selectors: [h],
       iiifRenderingHints: i
     });
   }
@@ -2113,8 +2113,8 @@ function Jr(t) {
           continue;
         const o = [];
         for (let u = 0; u <= 360; u += 12) {
-          const p = Math.tan(u / 360 * Math.PI), l = s * (1 - p ** 2) / (1 + p ** 2), h = a * 2 * p / (1 + p ** 2);
-          o.push([i + l, n + h]);
+          const h = Math.tan(u / 360 * Math.PI), l = s * (1 - h ** 2) / (1 + h ** 2), p = a * 2 * h / (1 + h ** 2);
+          o.push([i + l, n + p]);
         }
         return { element: r, points: o, shapeType: "ellipse" };
       }
@@ -2310,24 +2310,24 @@ function Ce(t, e = {}) {
 }
 function Kr(t = {}, e = []) {
   const { id: r, selector: i } = t, n = Ee(), s = W(), a = r || n.annotation, o = Y(
-    (p) => a ? p.iiif.entities.Annotation[a] : void 0,
+    (h) => a ? h.iiif.entities.Annotation[a] : void 0,
     [a]
   ), u = Y(
-    (p) => o && o.body ? o.body.map((l) => l ? l.type === "SpecificResource" ? {
+    (h) => o && o.body ? o.body.map((l) => l ? l.type === "SpecificResource" ? {
       ...l,
       source: s.get(l)
-    } : l ? p.iiif.entities[l.type][l.id] : null : null).filter(Boolean) : [],
+    } : l ? h.iiif.entities[l.type][l.id] : null : null).filter(Boolean) : [],
     [o]
   );
   return j(() => {
     if (!o)
       return;
-    const p = {
+    const h = {
       ...o,
       body: u,
       target: Ce(o.target, { typeMap: s.getState().iiif.mapping })
     };
-    return i ? i(p) : p;
+    return i ? i(h) : h;
   }, [o, i, u, ...e]);
 }
 const Zr = ({
@@ -2336,14 +2336,14 @@ const Zr = ({
   className: r,
   interactive: i
 }) => {
-  const n = Kr({ id: t }), s = Xe(n, "atlas"), a = Xe(n, "html"), o = zr(n, ["atlas"]), u = me(), p = j(() => Xi(e, s), [e, s]);
+  const n = Kr({ id: t }), s = Xe(n, "atlas"), a = Xe(n, "html"), o = zr(n, ["atlas"]), u = me(), h = j(() => Xi(e, s), [e, s]);
   return u && n && n.target && n.target.selector && n.target.selector.type === "BoxSelector" && n.target.source && (n.target.source.id === u.id || n.target.source === u.id) ? /* @__PURE__ */ x(
     en,
     {
       id: n.id,
       isEditing: !0,
       region: n.target.selector.spatial,
-      style: p,
+      style: h,
       className: (a == null ? void 0 : a.className) || r,
       interactive: !!(a != null && a.href || i),
       href: (a == null ? void 0 : a.href) || null,
@@ -2391,9 +2391,9 @@ function Xr({
   children: a,
   selector: o,
   onClick: u,
-  enableSizes: p
+  enableSizes: h
 }) {
-  var h, v;
+  var p, v;
   const l = j(() => {
     if (!(!o || o.spatial.x === 0 && o.spatial.y === 0))
       return o.spatial;
@@ -2417,10 +2417,10 @@ function Xr({
               imageService: e.service,
               thumbnail: r && r.type === "fixed" ? r : void 0
             },
-            enableSizes: p,
+            enableSizes: h,
             x: 0,
             y: 0,
-            width: (h = e.target) == null ? void 0 : h.spatial.width,
+            width: (p = e.target) == null ? void 0 : p.spatial.width,
             height: (v = e.target) == null ? void 0 : v.spatial.height,
             crop: l
           }
@@ -2452,8 +2452,8 @@ var Aa = Object.defineProperty, xa = (t, e, r) => e in t ? Aa(t, e, { enumerable
     try {
       for (var o = e[Symbol.iterator](), u; !(n = (u = o.next()).done) && (i.push(u.value), !(r && i.length === r)); n = !0)
         ;
-    } catch (p) {
-      s = !0, a = p;
+    } catch (h) {
+      s = !0, a = h;
     } finally {
       try {
         !n && o.return && o.return();
@@ -2474,9 +2474,9 @@ var Aa = Object.defineProperty, xa = (t, e, r) => e in t ? Aa(t, e, { enumerable
 }(), De = Math.PI * 2, yt = function(t, e, r, i, n, s, a) {
   var o = t.x, u = t.y;
   o *= e, u *= r;
-  var p = i * o - n * u, l = n * o + i * u;
+  var h = i * o - n * u, l = n * o + i * u;
   return {
-    x: p + s,
+    x: h + s,
     y: l + a
   };
 }, Sa = function(t, e) {
@@ -2494,13 +2494,13 @@ var Aa = Object.defineProperty, xa = (t, e, r) => e in t ? Aa(t, e, { enumerable
 }, rr = function(t, e, r, i) {
   var n = t * i - e * r < 0 ? -1 : 1, s = t * r + e * i;
   return s > 1 && (s = 1), s < -1 && (s = -1), n * Math.acos(s);
-}, Ma = function(t, e, r, i, n, s, a, o, u, p, l, h) {
-  var v = Math.pow(n, 2), m = Math.pow(s, 2), d = Math.pow(l, 2), g = Math.pow(h, 2), A = v * m - v * g - m * d;
+}, Ma = function(t, e, r, i, n, s, a, o, u, h, l, p) {
+  var v = Math.pow(n, 2), m = Math.pow(s, 2), d = Math.pow(l, 2), g = Math.pow(p, 2), A = v * m - v * g - m * d;
   A < 0 && (A = 0), A /= v * g + m * d, A = Math.sqrt(A) * (a === o ? -1 : 1);
-  var b = A * n / s * h, w = A * -s / n * l, R = p * b - u * w + (t + r) / 2, O = u * b + p * w + (e + i) / 2, F = (l - b) / n, T = (h - w) / s, P = (-l - b) / n, E = (-h - w) / s, M = rr(1, 0, F, T), $ = rr(F, T, P, E);
+  var b = A * n / s * p, w = A * -s / n * l, R = h * b - u * w + (t + r) / 2, O = u * b + h * w + (e + i) / 2, F = (l - b) / n, T = (p - w) / s, P = (-l - b) / n, E = (-p - w) / s, M = rr(1, 0, F, T), $ = rr(F, T, P, E);
   return o === 0 && $ > 0 && ($ -= De), o === 1 && $ < 0 && ($ += De), [R, O, M, $];
 }, Ca = function(t) {
-  var e = t.px, r = t.py, i = t.cx, n = t.cy, s = t.rx, a = t.ry, o = t.xAxisRotation, u = o === void 0 ? 0 : o, p = t.largeArcFlag, l = p === void 0 ? 0 : p, h = t.sweepFlag, v = h === void 0 ? 0 : h, m = [];
+  var e = t.px, r = t.py, i = t.cx, n = t.cy, s = t.rx, a = t.ry, o = t.xAxisRotation, u = o === void 0 ? 0 : o, h = t.largeArcFlag, l = h === void 0 ? 0 : h, p = t.sweepFlag, v = p === void 0 ? 0 : p, m = [];
   if (s === 0 || a === 0)
     return [];
   var d = Math.sin(u * De / 360), g = Math.cos(u * De / 360), A = g * (e - i) / 2 + d * (r - n) / 2, b = -d * (e - i) / 2 + g * (r - n) / 2;
@@ -2586,7 +2586,7 @@ function Fa(t) {
 const ja = /* @__PURE__ */ ei(La);
 function $a(t) {
   const e = Pa(t), r = ja(e);
-  let i, n = 0, s = 0, a = 0, o = 0, u, p, l = 0, h = 0;
+  let i, n = 0, s = 0, a = 0, o = 0, u, h, l = 0, p = 0;
   const v = [];
   for (let m = 0; m < r.length; m++) {
     let d = r[m];
@@ -2603,21 +2603,21 @@ function $a(t) {
         break;
       case "S":
         {
-          let A = l, b = h;
+          let A = l, b = p;
           (i === "C" || i == "S") && (A += A - a, b += b - o), d = ["C", A, b, d[1], d[2], d[3], d[4]];
         }
         break;
       case "T":
-        i === "Q" || i == "T" ? (u = l * 2 - u, p = h * 2 - p) : (u = l, p = h), d = ["Q", u, p, d[1], d[2]];
+        i === "Q" || i == "T" ? (u = l * 2 - u, h = p * 2 - h) : (u = l, h = p), d = ["Q", u, h, d[1], d[2]];
         break;
       case "Q":
-        u = d[1], p = d[2];
+        u = d[1], h = d[2];
         break;
       case "A":
         {
           const A = Ca({
             px: l,
-            py: h,
+            py: p,
             cx: d[6],
             cy: d[7],
             rx: d[1],
@@ -2637,7 +2637,7 @@ function $a(t) {
         d = ["L", n, s];
         break;
     }
-    i = g, l = d[d.length - 2], h = d[d.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (a = d[d.length - 4], o = d[d.length - 3]) : (a = l, o = h), v.push(d);
+    i = g, l = d[d.length - 2], p = d[d.length - 1], ["C", "Q", "A"].indexOf(g) > -1 ? (a = d[d.length - 4], o = d[d.length - 3]) : (a = l, o = p), v.push(d);
   }
   return v;
 }
@@ -2701,16 +2701,16 @@ class ti {
     };
   }
   mapToBasic() {
-    const { x: e, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: a } = this.end, o = 2 * i - e - s, u = 2 * n - r - a, p = (i - e) * o + (n - r) * u, l = (s - i) * o + (a - n) * u, h = (s - e) * u - (a - r) * o, v = p / h, m = l / h, d = Math.abs(h) / (Math.hypot(o, u) * Math.abs(m - v));
-    return { x0: e, x2: s, scale: d, cross: h };
+    const { x: e, y: r } = this.start, { x: i, y: n } = this.control, { x: s, y: a } = this.end, o = 2 * i - e - s, u = 2 * n - r - a, h = (i - e) * o + (n - r) * u, l = (s - i) * o + (a - n) * u, p = (s - e) * u - (a - r) * o, v = h / p, m = l / p, d = Math.abs(p) / (Math.hypot(o, u) * Math.abs(m - v));
+    return { x0: e, x2: s, scale: d, cross: p };
   }
   subdivide(e) {
-    const r = this.mapToBasic(), i = qe(r.x0), n = qe(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / e), a = Math.ceil(s), o = ke(i), u = ke(n), p = [0];
+    const r = this.mapToBasic(), i = qe(r.x0), n = qe(r.x2), s = 0.5 * Math.abs(n - i) * Math.sqrt(r.scale / e), a = Math.ceil(s), o = ke(i), u = ke(n), h = [0];
     for (let l = 1; l < a; l++) {
-      const h = (ke(i + (n - i) * l / a) - o) / (u - o);
-      p.push(h);
+      const p = (ke(i + (n - i) * l / a) - o) / (u - o);
+      h.push(p);
     }
-    return p.push(1), p.map((l) => this.eval(l));
+    return h.push(1), h.map((l) => this.eval(l));
   }
 }
 class $t {
@@ -2761,16 +2761,16 @@ class $t {
         val: T
       }), u += T;
     }
-    const p = 0.5 * u / n, l = Math.ceil(p), h = [{ x: this.c[0], y: this.c[1] }];
+    const h = 0.5 * u / n, l = Math.ceil(h), p = [{ x: this.c[0], y: this.c[1] }];
     let v = 0, m = 0;
     for (let d = 1; d < l; d++) {
       const g = u * d / l;
       for (; v + o[m].val < g; )
         v += o[m].val, m++;
       const A = o[m].a0, b = o[m].a2, w = ke(A), R = ke(b), O = A + (b - A) * (g - v) / o[m].val, F = (ke(O) - w) / (R - w);
-      h.push(o[m].quad.eval(F));
+      p.push(o[m].quad.eval(F));
     }
-    return h.push({ x: this.c[6], y: this.c[7] }), h;
+    return p.push({ x: this.c[6], y: this.c[7] }), p;
   }
 }
 const Ua = /&?(xywh=)?(pixel:|percent:|pct:)?([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?),([0-9]+(?:\.[0-9]+)?)/, Va = /&?(t=)(npt:)?([0-9]+(.[0-9]+)?)?(,([0-9]+(.[0-9]+)?))?/, ir = /^rgba\((\d+),(\d+),(\d+),([0-9.]+)\)$/;
@@ -2895,8 +2895,8 @@ function Ge(t, {
           selectors: [],
           iiifRenderingHints: i
         });
-      const h = ri(l);
-      h && (n = h.points, u = h.shapeType, s = [
+      const p = ri(l);
+      p && (n = p.points, u = p.shapeType, s = [
         Math.min(...n.map((v) => v[0])),
         // llx
         Math.min(...n.map((v) => v[1])),
@@ -2905,9 +2905,9 @@ function Ge(t, {
         // urx
         Math.max(...n.map((v) => v[1]))
         // ury
-      ], { style: a, svg: o } = Ba(h.element) ?? { svg: o });
+      ], { style: a, svg: o } = Ba(p.element) ?? { svg: o });
     }
-    const p = {
+    const h = {
       type: "SvgSelector",
       svg: o,
       svgShape: u,
@@ -2916,8 +2916,8 @@ function Ge(t, {
       spatial: s ? { unit: "pixel", x: s[0], y: s[1], width: s[2] - s[0], height: s[3] - s[1] } : void 0
     };
     return te({
-      selector: p,
-      selectors: [p],
+      selector: h,
+      selectors: [h],
       iiifRenderingHints: i
     });
   }
@@ -2977,8 +2977,8 @@ function ri(t) {
           continue;
         const o = [];
         for (let u = 0; u <= 360; u += 12) {
-          const p = Math.tan(u / 360 * Math.PI), l = s * (1 - p ** 2) / (1 + p ** 2), h = a * 2 * p / (1 + p ** 2);
-          o.push([i + l, n + h]);
+          const h = Math.tan(u / 360 * Math.PI), l = s * (1 - h ** 2) / (1 + h ** 2), p = a * 2 * h / (1 + h ** 2);
+          o.push([i + l, n + p]);
         }
         return { element: r, points: o, shapeType: "ellipse" };
       }
@@ -3931,7 +3931,7 @@ var cr = { exports: {} };
   (function(s, a) {
     a(e);
   })(Ra, function(s) {
-    const a = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", o = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", u = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", p = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", l = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", h = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", v = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", m = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", d = "http://iiif.io/api/image/1/level1.json", g = "http://iiif.io/api/image/1/profiles/level1.json", A = "http://iiif.io/api/image/1/level2.json", b = "http://iiif.io/api/image/1/profiles/level2.json", w = "http://iiif.io/api/image/2/level1.json", R = "http://iiif.io/api/image/2/profiles/level1.json", O = "http://iiif.io/api/image/2/level2.json", F = "http://iiif.io/api/image/2/profiles/level2.json", T = "level1", P = "level2", E = "http://iiif.io/api/image/2/level1", M = "http://iiif.io/api/image/2/level2", $ = [E, M, a, o, u, p, l, h, v, m, d, g, A, b, w, R, O, F, T, P], ie = ["http://iiif.io/api/image/2/level0", E, M, "http://library.stanford.edu/iiif/image-api/compliance.html#level0", a, o, "http://library.stanford.edu/iiif/image-api/conformance.html#level0", u, p, "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", l, h, "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", v, m, "http://iiif.io/api/image/1/level0.json", "http://iiif.io/api/image/1/profiles/level0.json", d, g, A, b, "http://iiif.io/api/image/2/level0.json", "http://iiif.io/api/image/2/profiles/level0.json", w, R, O, F, "level0", T, P], K = ["sc:Collection", "sc:Manifest", "sc:Canvas", "sc:AnnotationList", "oa:Annotation", "sc:Range", "sc:Layer", "sc:Sequence", "oa:Choice", "Service", "ContentResource"];
+    const a = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", o = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", u = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", h = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", l = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", p = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", v = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", m = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", d = "http://iiif.io/api/image/1/level1.json", g = "http://iiif.io/api/image/1/profiles/level1.json", A = "http://iiif.io/api/image/1/level2.json", b = "http://iiif.io/api/image/1/profiles/level2.json", w = "http://iiif.io/api/image/2/level1.json", R = "http://iiif.io/api/image/2/profiles/level1.json", O = "http://iiif.io/api/image/2/level2.json", F = "http://iiif.io/api/image/2/profiles/level2.json", T = "level1", P = "level2", E = "http://iiif.io/api/image/2/level1", M = "http://iiif.io/api/image/2/level2", $ = [E, M, a, o, u, h, l, p, v, m, d, g, A, b, w, R, O, F, T, P], ie = ["http://iiif.io/api/image/2/level0", E, M, "http://library.stanford.edu/iiif/image-api/compliance.html#level0", a, o, "http://library.stanford.edu/iiif/image-api/conformance.html#level0", u, h, "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", l, p, "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", v, m, "http://iiif.io/api/image/1/level0.json", "http://iiif.io/api/image/1/profiles/level0.json", d, g, A, b, "http://iiif.io/api/image/2/level0.json", "http://iiif.io/api/image/2/profiles/level0.json", w, R, O, F, "level0", T, P], K = ["sc:Collection", "sc:Manifest", "sc:Canvas", "sc:AnnotationList", "oa:Annotation", "sc:Range", "sc:Layer", "sc:Sequence", "oa:Choice", "Service", "ContentResource"];
     class U {
       constructor(c, y = {}) {
         n(this, "traversals"), n(this, "options"), this.traversals = { collection: [], manifest: [], canvas: [], annotationList: [], sequence: [], annotation: [], contentResource: [], choice: [], range: [], service: [], layer: [], ...c }, this.options = { convertPropsToArray: !0, mergeMemberProperties: !0, allowUndefinedReturn: !1, ...y };
@@ -4419,19 +4419,19 @@ function qo(t, e = {}) {
     (l) => {
       t && r.setMetaValue(
         [l, "annotationPageManager", "views"],
-        (h) => h && !h[t] ? h : {
-          ...h || {},
+        (p) => p && !p[t] ? p : {
+          ...p || {},
           [t]: !1
         }
       );
     },
     [t, r]
-  ), p = D(
-    (l, h = {}) => {
+  ), h = D(
+    (l, p = {}) => {
       if (!t)
         return;
       const v = r.getState(), m = [];
-      if (h != null && h.deselectOthers) {
+      if (p != null && p.deselectOthers) {
         const d = Object.keys(v.iiif.entities.AnnotationPage);
         for (const g of d) {
           const A = Do(v, g);
@@ -4453,7 +4453,7 @@ function qo(t, e = {}) {
   return {
     availablePageIds: a,
     enabledPageIds: o,
-    setPageEnabled: p,
+    setPageEnabled: h,
     setPageDisabled: u
   };
 }
@@ -4471,13 +4471,13 @@ function Vo() {
   }, []), [D(
     (s, { height: a, width: o }) => {
       if (s) {
-        const u = s.id || s["@id"], p = t.loadServiceSync({
+        const u = s.id || s["@id"], h = t.loadServiceSync({
           id: u,
           width: s.width || o,
           height: s.height || a,
           source: s
         });
-        p ? s = p : e[u] || (i.current || r((l) => ({
+        h ? s = h : e[u] || (i.current || r((l) => ({
           ...l,
           [u]: "loading"
         })), t.loadService({
@@ -4548,12 +4548,12 @@ function Bo(t = Ti) {
   function r(n, s = []) {
     const a = Array.isArray(n) ? n : e(n), o = [];
     let u = null;
-    const p = [];
+    const h = [];
     for (const l of a) {
       if (l.type !== "Annotation")
         throw new Error("getPaintables() accept either a canvas or list of annotations");
-      const h = Array.from(Array.isArray(l.body) ? l.body : [l.body]);
-      for (const v of h) {
+      const p = Array.from(Array.isArray(l.body) ? l.body : [l.body]);
+      for (const v of p) {
         const [m, { selector: d }] = Ho(v), g = t.get(m), A = (g.type || "unknown").toLowerCase();
         if (A === "choice") {
           const b = t.get(g.items, { parent: g.id }), w = s.length ? s.map((R) => b.find((O) => O.id === R)).filter(Boolean) : [b[0]];
@@ -4565,10 +4565,10 @@ function Bo(t = Ti) {
               selected: w.indexOf(R) !== -1
             })),
             label: m.label
-          }, h.push(...w);
+          }, p.push(...w);
           continue;
         }
-        o.indexOf(A) === -1 && o.push(A), p.push({
+        o.indexOf(A) === -1 && o.push(A), h.push({
           type: A,
           annotationId: l.id,
           resource: g,
@@ -4579,7 +4579,7 @@ function Bo(t = Ti) {
     }
     return {
       types: o,
-      items: p,
+      items: h,
       choice: u
     };
   }
@@ -4597,8 +4597,8 @@ function zo(t, e = []) {
   const r = W(), i = j(() => Bo(r), []), n = No({ enableSingleAnnotation: t == null ? void 0 : t.enableSingleAnnotation }), [s, a] = J((t == null ? void 0 : t.defaultChoices) || []), o = j(
     () => i.getPaintables(n, s),
     [r, n, s, ...e]
-  ), p = { makeChoice: D(
-    (l, { deselectOthers: h = !0, deselect: v = !1 } = {}) => {
+  ), h = { makeChoice: D(
+    (l, { deselectOthers: p = !0, deselect: v = !1 } = {}) => {
       if (o.choice) {
         if (o.choice.type !== "single-choice")
           throw new Error("Complex choice not supported yet");
@@ -4611,7 +4611,7 @@ function zo(t, e = []) {
             }
             return g;
           }
-          if (h)
+          if (p)
             return [l];
           const d = [...m];
           if (d.length === 0 && o.items.length) {
@@ -4624,9 +4624,52 @@ function zo(t, e = []) {
     },
     [o.choice]
   ) };
-  return [o, p];
+  return [o, h];
+}
+const Wo = ["model/gltf-binary"];
+function Qo(t, e) {
+  const i = e.items[0].resource;
+  return i.format ? Wo.indexOf(i.format) === -1 ? _(`3D format: ${i.format} is unsupported`) : {
+    type: "3d-model",
+    model: i
+  } : _("Unknown format");
 }
-function Wo(t, e, r) {
+function Yo(t, e) {
+  var i;
+  if (!t.duration)
+    return _("No duration on canvas");
+  if (e.items.length > 1)
+    return _("Only one audio source supported");
+  const r = (i = e.items[0]) == null ? void 0 : i.resource;
+  return r ? r.format ? {
+    type: "media",
+    media: {
+      annotationId: e.items[0].annotationId,
+      duration: t.duration,
+      url: r.id,
+      type: "Sound",
+      target: {
+        type: "TemporalSelector",
+        temporal: {
+          startTime: 0,
+          endTime: t.duration
+        }
+      },
+      format: r.format,
+      selector: {
+        type: "TemporalSelector",
+        temporal: {
+          startTime: 0,
+          endTime: t.duration
+        }
+      }
+    },
+    annotations: {
+      pages: []
+    }
+  } : _("Audio does not have format") : _("Unknown audio");
+}
+function Go(t, e, r) {
   const i = [];
   for (const n of e.items) {
     const s = n.resource && n.resource.type === "SpecificResource" ? n.resource.source : n.resource;
@@ -4645,8 +4688,8 @@ function Wo(t, e, r) {
         width: Number(t.width),
         height: Number(t.height)
       }
-    }, [u, p] = Ci(t, n.target);
-    if (p.id !== t.id)
+    }, [u, h] = Ci(t, n.target);
+    if (h.id !== t.id)
       continue;
     n.resource.width && n.resource.height && (n.resource.width, n.resource.height);
     let l = n.resource.type === "SpecificResource" ? Ce(n.resource) : null;
@@ -4658,7 +4701,7 @@ function Wo(t, e, r) {
       });
       m && (l = m);
     }
-    const h = l && l.selector && (l.selector.type === "BoxSelector" || l.selector.type === "TemporalBoxSelector") ? {
+    const p = l && l.selector && (l.selector.type === "BoxSelector" || l.selector.type === "TemporalBoxSelector") ? {
       type: "BoxSelector",
       spatial: {
         x: l.selector.spatial.x,
@@ -4672,12 +4715,12 @@ function Wo(t, e, r) {
       id: s.id,
       type: "Image",
       annotationId: n.annotationId,
-      width: Number(u || h ? s.width : t.width),
-      height: Number(u || h ? s.height : t.height),
+      width: Number(u || p ? s.width : t.width),
+      height: Number(u || p ? s.height : t.height),
       service: a,
       sizes: a && a.sizes ? a.sizes : s.width && s.height ? [{ width: s.width, height: s.height }] : [],
       target: u && u.type !== "PointSelector" ? u : o,
-      selector: h
+      selector: p
     };
     i.push(v);
   }
@@ -4688,51 +4731,34 @@ function Wo(t, e, r) {
     choice: e.choice
   };
 }
-const Qo = ["model/gltf-binary"];
-function Yo(t, e) {
-  const i = e.items[0].resource;
-  return i.format ? Qo.indexOf(i.format) === -1 ? _(`3D format: ${i.format} is unsupported`) : {
-    type: "3d-model",
-    model: i
-  } : _("Unknown format");
+function Ii(t, e = {}, r) {
+  const i = t.language || r || "none";
+  switch (t.type) {
+    case "TextualBody": {
+      typeof t.value < "u" && (e[i] = t.value);
+      break;
+    }
+    case "List":
+    case "Composite":
+    case "Choice":
+      t.items && t.items.forEach((n) => Ii(n, e, i));
+  }
+  return e;
 }
-function Go(t, e) {
-  var i;
-  if (!t.duration)
-    return _("No duration on canvas");
-  if (e.items.length > 1)
-    return _("Only one audio source supported");
-  const r = (i = e.items[0]) == null ? void 0 : i.resource;
-  return r ? r.format ? {
-    type: "media",
-    media: {
-      annotationId: e.items[0].annotationId,
-      duration: t.duration,
-      url: r.id,
-      type: "Sound",
-      target: {
-        type: "TemporalSelector",
-        temporal: {
-          startTime: 0,
-          endTime: t.duration
-        }
-      },
-      format: r.format,
-      selector: {
-        type: "TemporalSelector",
-        temporal: {
-          startTime: 0,
-          endTime: t.duration
-        }
-      }
-    },
-    annotations: {
-      pages: []
+function Jo(t, e) {
+  const r = [];
+  return e.items.forEach((i) => {
+    if (i.resource) {
+      const [n] = Ci(t, i.target);
+      r.push({ annotationId: i.annotationId, text: Ii(i.resource), target: n });
     }
-  } : _("Audio does not have format") : _("Unknown audio");
+  }), {
+    type: "textual-content",
+    items: r
+  };
 }
-const Jo = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
-function Ko(t, e) {
+const Ko = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
+function Zo(t, e) {
   var a;
   const r = e.items.filter((o) => o.type === "video");
   if (!t.duration)
@@ -4770,7 +4796,7 @@ function Ko(t, e) {
   };
   if (n) {
     s.type = "VideoYouTube";
-    const o = i.id.match(Jo);
+    const o = i.id.match(Ko);
     if (!o[1])
       return _("Video is not known youtube video");
     s.youTubeId = o[1];
@@ -4783,33 +4809,20 @@ function Ko(t, e) {
     }
   };
 }
-function Ii(t, e = {}, r) {
-  const i = t.language || r || "none";
-  switch (t.type) {
-    case "TextualBody": {
-      typeof t.value < "u" && (e[i] = t.value);
-      break;
-    }
-    case "List":
-    case "Composite":
-    case "Choice":
-      t.items && t.items.forEach((n) => Ii(n, e, i));
-  }
-  return e;
-}
-function Zo(t, e) {
-  const r = [];
-  return e.items.forEach((i) => {
-    if (i.resource) {
-      const [n] = Ci(t, i.target);
-      r.push({ annotationId: i.annotationId, text: Ii(i.resource), target: n });
-    }
-  }), {
-    type: "textual-content",
-    items: r
-  };
-}
-function Xo(t) {
+function Xo({ canvas: t, paintables: e, supports: r, loadImageService: i }) {
+  if (!t)
+    return console.log("No canvas"), gt;
+  if (e.types.length === 0)
+    return r.indexOf("empty") !== -1 ? Lo(t.width, t.height) : (console.log("No paintables"), gt);
+  if (e.types.length !== 1)
+    if (e.types.length === 2 && e.types.indexOf("text") !== -1)
+      e.types = e.types.filter((s) => s !== "text");
+    else
+      return r.indexOf("complex-timeline") === -1 ? _("Complex timeline not supported") : _("ComplexTimelineStrategy not yet supported");
+  const n = e.types[0];
+  return n === "image" ? r.indexOf("images") === -1 ? _("Image not supported") : Go(t, e, i) : n === "Model" || n === "model" ? r.indexOf("3d-model") === -1 ? _("3D not supported") : Qo(t, e) : n === "textualbody" ? r.indexOf("textual-content") === -1 ? _("Textual content not supported") : Jo(t, e) : n === "sound" || n === "audio" ? r.indexOf("media") === -1 ? _("Media not supported") : Yo(t, e) : n === "video" ? r.indexOf("media") === -1 ? _("Media not supported") : Zo(t, e) : gt;
+}
+function ec(t) {
   const e = Pe(), r = me(), i = W(), [n, s] = Vo(), { enabledPageIds: a } = qo((t == null ? void 0 : t.annotationPageManagerId) || (e == null ? void 0 : e.id) || (r == null ? void 0 : r.id), {
     all: !1
   }), o = _o(a, "AnnotationPage"), u = (t == null ? void 0 : t.strategies) || [
@@ -4818,28 +4831,16 @@ function Xo(t) {
     "media",
     "textual-content",
     "complex-timeline"
-  ], [p, l] = zo(t, [s]), h = j(() => {
-    if (!r)
-      return console.log("No canvas"), gt;
-    if (p.types.length === 0)
-      return u.indexOf("empty") !== -1 ? Lo(r.width, r.height) : (console.log("No paintables"), gt);
-    if (p.types.length !== 1)
-      if (p.types.length === 2 && p.types.indexOf("text") !== -1)
-        p.types = p.types.filter((m) => m !== "text");
-      else
-        return u.indexOf("complex-timeline") === -1 ? _("Complex timeline not supported") : _("ComplexTimelineStrategy not yet supported");
-    const v = p.types[0];
-    return v === "image" ? u.indexOf("images") === -1 ? _("Image not supported") : Wo(r, p, n) : v === "Model" || v === "model" ? u.indexOf("3d-model") === -1 ? _("3D not supported") : Yo(r, p) : v === "textualbody" ? u.indexOf("textual-content") === -1 ? _("Textual content not supported") : Zo(r, p) : v === "sound" || v === "audio" ? u.indexOf("media") === -1 ? _("Media not supported") : Go(r, p) : v === "video" ? u.indexOf("media") === -1 ? _("Media not supported") : Ko(r, p) : (console.log("No idea"), gt);
-  }, [r, p, i, l.makeChoice]);
-  return j(() => h.type === "unknown" ? [h, Po] : [
+  ], [h, l] = zo(t, [s]), p = j(() => Xo({ canvas: r, paintables: h, supports: u, loadImageService: n }), [r, h, i, l.makeChoice]);
+  return j(() => p.type === "unknown" ? [p, Po] : [
     {
-      ...h,
+      ...p,
       annotations: { pages: o }
     },
     l
-  ], [h, o]);
+  ], [p, o]);
 }
-const ec = (t, e = []) => {
+const tc = (t, e = []) => {
   const r = W();
   re(() => {
     t(r);
@@ -4863,52 +4864,52 @@ const ec = (t, e = []) => {
     if (r)
       return e ? r[e] : r;
   }
-}, tc = new hr();
-function rc(t = ki, e = {}) {
-  const r = e.imageServiceLoader || tc;
+}, rc = new hr();
+function ic(t = ki, e = {}) {
+  const r = e.imageServiceLoader || rc;
   async function i(n, s, a = !1, o = [], u) {
-    const p = () => r.getThumbnailFromResource(void 0, s, a, o);
+    const h = () => r.getThumbnailFromResource(void 0, s, a, o);
     if (!n)
       return await r.getThumbnailFromResource(void 0, s, a, o);
     if (typeof n == "string") {
-      const h = Bt(n);
-      return h && o.push(h), await r.getThumbnailFromResource(void 0, s, a, o);
+      const p = Bt(n);
+      return p && o.push(p), await r.getThumbnailFromResource(void 0, s, a, o);
     }
     const l = t.get(n, { skipSelfReturn: !1 });
     if (typeof l == "string")
       return { best: Bt(l), fallback: [], log: [] };
     if (!l)
-      return await p();
-    switch (await (async (h) => {
-      if (h && h.thumbnail && h.thumbnail.length) {
-        const v = t.get(h.thumbnail[0]), m = await r.getImageCandidates(v, a);
+      return await h();
+    switch (await (async (p) => {
+      if (p && p.thumbnail && p.thumbnail.length) {
+        const v = t.get(p.thumbnail[0]), m = await r.getImageCandidates(v, a);
         m && m.length && o.push(...m);
       }
     })(l), l.type) {
       case "Annotation": {
-        const h = Array.isArray(l.body) ? l.body : [l.body], v = t.get(h[0]);
+        const p = Array.isArray(l.body) ? l.body : [l.body], v = t.get(p[0]);
         return u && !v.width && (v.width = u.width, v.height = u.height), await r.getThumbnailFromResource(v, s, a, o);
       }
       case "Canvas": {
-        const h = l;
-        return i(h.items[0], s, a, o, {
-          width: h.width,
-          height: h.height
+        const p = l;
+        return i(p.items[0], s, a, o, {
+          width: p.width,
+          height: p.height
         });
       }
       case "AnnotationPage":
         return i(l.items[0], s, a, o, u);
       case "Choice": {
-        const h = l;
-        return !h.items || h.items[0] ? await p() : i(h.items[0], s, a, o, u);
+        const p = l;
+        return !p.items || p.items[0] ? await h() : i(p.items[0], s, a, o, u);
       }
       case "Collection": {
-        const h = l.items[0];
-        return h ? i(h, s, a, o, u) : await p();
+        const p = l.items[0];
+        return p ? i(p, s, a, o, u) : await h();
       }
       case "Manifest": {
-        const h = l.items[0];
-        return h ? i(h, s, a, o, u) : await p();
+        const p = l.items[0];
+        return p ? i(p, s, a, o, u) : await h();
       }
       case "SpecificResource":
       case "Image":
@@ -4919,31 +4920,31 @@ function rc(t = ki, e = {}) {
       case "Video":
         return u && !l.width && (l.width = u.width, l.height = u.height), r.getThumbnailFromResource(l, s, a, o);
     }
-    return await p();
+    return await h();
   }
   return {
     getBestThumbnailAtSize: i
   };
 }
-function ic(t, e, { canvasId: r, manifestId: i } = {}) {
-  const n = W(), s = Ri(), a = j(() => rc(n, { imageServiceLoader: s }), [n, s]), [o, u] = J(), p = Pe(i ? { id: i } : void 0), l = me(r ? { id: r } : void 0), h = l || p, v = ve(!1);
+function nc(t, e, { canvasId: r, manifestId: i } = {}) {
+  const n = W(), s = Ri(), a = j(() => ic(n, { imageServiceLoader: s }), [n, s]), [o, u] = J(), h = Pe(i ? { id: i } : void 0), l = me(r ? { id: r } : void 0), p = l || h, v = ve(!1);
   if (re(() => (v.current = !1, () => {
     v.current = !0;
-  }), []), !h)
+  }), []), !p)
     throw new Error("Must be called under a manifest or canvas context.");
-  return ec(
+  return tc(
     (m) => {
-      a.getBestThumbnailAtSize(h, t, e).then((d) => {
+      a.getBestThumbnailAtSize(p, t, e).then((d) => {
         d.best && !v.current && u(d.best);
       });
     },
-    [h]
+    [p]
   ), o;
 }
-function nc(t) {
+function sc(t) {
   return { isMuted: !1, playRequested: !1, isPlaying: !1, isFinished: !1, volume: 100, duration: t };
 }
-function sc(t, e) {
+function ac(t, e) {
   switch (e.type) {
     case "FINISHED":
       return { ...t, isFinished: !0, isPlaying: !1, playRequested: !1 };
@@ -4966,22 +4967,22 @@ function sc(t, e) {
   }
   return t;
 }
-function ac(t) {
+function oc(t) {
   const e = Math.round(t);
   return `${Math.floor(e / 60)}:${`${e % 60}`.padStart(2, "0")}`;
 }
 function _t(t) {
-  const [e, r] = Gi(sc, nc(t.duration)), i = ve(null), n = ve(null), s = ve(null), a = ve(!1), o = D(() => {
-    n.current && i.current && (n.current.innerHTML = ac(i.current.currentTime), s.current && (s.current.style.width = `${i.current.currentTime / t.duration * 100}%`), a.current !== i.current.muted && (a.current = i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
+  const [e, r] = Gi(ac, sc(t.duration)), i = ve(null), n = ve(null), s = ve(null), a = ve(!1), o = D(() => {
+    n.current && i.current && (n.current.innerHTML = oc(i.current.currentTime), s.current && (s.current.style.width = `${i.current.currentTime / t.duration * 100}%`), a.current !== i.current.muted && (a.current = i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" })));
   }, [t.duration]), u = D(() => {
     i.current && (r({ type: "PLAY_REQUESTED" }), i.current.play().then(() => {
       r({ type: "PLAY" });
     }), o());
-  }, [o]), p = D(() => {
+  }, [o]), h = D(() => {
     i.current && (i.current.duration > 0 && i.current.paused ? u() : l());
   }, [o]), l = D(() => {
     i.current && (i.current.pause(), r({ type: "PAUSE" }), o());
-  }, [o]), h = D(() => {
+  }, [o]), p = D(() => {
     i.current && (i.current.muted = !i.current.muted, r(i.current.muted ? { type: "MUTE" } : { type: "UNMUTE" }));
   }, []), v = D(() => {
     i.current && (i.current.muted = !0, r({ type: "MUTE" }));
@@ -5010,17 +5011,17 @@ function _t(t) {
     {
       play: u,
       pause: l,
-      playPause: p,
+      playPause: h,
       mute: v,
       unmute: m,
-      toggleMute: h,
+      toggleMute: p,
       setVolume: d,
       setDurationPercent: g,
       setTime: A
     }
   ];
 }
-const oc = ce(null), cc = ce(null), uc = ce(null);
+const cc = ce(null), uc = ce(null), lc = ce(null);
 function Oi({
   actions: t,
   state: e,
@@ -5029,7 +5030,7 @@ function Oi({
   progress: n,
   element: s
 }) {
-  return /* @__PURE__ */ x(uc.Provider, { value: { currentTime: i, progress: n, element: s }, children: /* @__PURE__ */ x(cc.Provider, { value: t, children: /* @__PURE__ */ x(oc.Provider, { value: e, children: r }) }) });
+  return /* @__PURE__ */ x(lc.Provider, { value: { currentTime: i, progress: n, element: s }, children: /* @__PURE__ */ x(uc.Provider, { value: t, children: /* @__PURE__ */ x(cc.Provider, { value: e, children: r }) }) });
 }
 function Ei({ media: t, children: e }) {
   const [{ element: r, currentTime: i, progress: n }, s, a] = _t({ duration: t.duration });
@@ -5145,18 +5146,18 @@ function Di({ style: t }) {
     }
   );
 }
-const lc = ge.createContext("en");
+const fc = ge.createContext("en");
 function qi() {
-  return ge.useContext(lc);
+  return ge.useContext(fc);
 }
 function ur(t) {
   return t.indexOf("-") !== -1 ? t.slice(0, t.indexOf("-")) : t;
 }
-function fc({ as: t, language: e, children: r, viewingDirection: i, ...n }) {
+function pc({ as: t, language: e, children: r, viewingDirection: i, ...n }) {
   const s = qi();
   return j(() => ur(s) === ur(e), [s, e]) ? t ? /* @__PURE__ */ x(t, { ...n, children: r }) : /* @__PURE__ */ x("span", { ...n, children: r }) : t ? /* @__PURE__ */ x(t, { ...n, lang: e, dir: i, children: r }) : /* @__PURE__ */ x("span", { ...n, lang: e, dir: i, children: r });
 }
-function pc(t, e, r) {
+function hc(t, e, r) {
   if (e.length === 0)
     return;
   if (e.length === 1)
@@ -5171,15 +5172,15 @@ function pc(t, e, r) {
       return n;
   return e.indexOf("none") !== -1 ? "none" : e.indexOf("@none") !== -1 ? "@none" : e[0];
 }
-const hc = (t, e = []) => {
+const dc = (t, e = []) => {
   const r = qi();
   return j(() => {
     const i = t();
-    return pc(r, i, []);
+    return hc(r, i, []);
   }, [r, ...e]);
 };
-function dc(t, e) {
-  const r = hc(() => Object.keys(t || {}), [t]);
+function yc(t, e) {
+  const r = dc(() => Object.keys(t || {}), [t]);
   return [
     j(() => {
       if (!t)
@@ -5193,10 +5194,10 @@ function dc(t, e) {
     r
   ];
 }
-const yc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children: i, ...n }) => {
-  const [s, a] = dc(i, e);
+const vc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children: i, ...n }) => {
+  const [s, a] = yc(i, e);
   return a ? /* @__PURE__ */ x(
-    fc,
+    pc,
     {
       ...n,
       as: t,
@@ -5219,7 +5220,7 @@ const yc = ({ as: t, defaultText: e, enableDangerouslySetInnerHTML: r, children:
     }
   );
 };
-function vc({
+function gc({
   element: t,
   media: e,
   playPause: r
@@ -5257,13 +5258,13 @@ function vc({
     )
   ] }) : null;
 }
-function gc({
+function mc({
   media: t,
   mediaControlsDeps: e,
   children: r
 }) {
   const [{ element: i, currentTime: n, progress: s }, a, o] = _t({ duration: t.duration });
-  return Oe("overlay", "video-element", vc, {
+  return Oe("overlay", "video-element", gc, {
     element: i,
     media: t,
     playPause: o.playPause
@@ -5279,9 +5280,9 @@ function _i({
   renderViewerControls: a,
   renderMediaControls: o,
   viewControlsDeps: u,
-  mediaControlsDeps: p,
+  mediaControlsDeps: h,
   strategies: l,
-  throwOnUnknown: h,
+  throwOnUnknown: p,
   backgroundStyle: v,
   alwaysShowBackground: m,
   keepCanvasScale: d = !1,
@@ -5290,7 +5291,7 @@ function _i({
   onClickPaintingAnnotation: b,
   children: w
 }) {
-  const R = me(), O = zr(R, ["deep-zoom"]), [F] = Us(), T = Hs(), P = W(), E = j(() => Qr(P), [P]), [M, $] = Xo({
+  const R = me(), O = zr(R, ["deep-zoom"]), [F] = Us(), T = Hs(), P = W(), E = j(() => Qr(P), [P]), [M, $] = ec({
     strategies: l || ["images"],
     defaultChoices: n == null ? void 0 : n.map(({ id: k }) => k)
   }), ie = M.type === "images" ? M.choice : void 0, K = j(() => d ? 1 : Math.max(
@@ -5320,7 +5321,7 @@ function _i({
     } : {},
     [R, T, M, ...u || []]
   );
-  const U = ic({ maxWidth: 256, maxHeight: 256 });
+  const U = nc({ maxWidth: 256, maxHeight: 256 });
   if (!R)
     return null;
   const N = R.accompanyingCanvas, X = U && U.type === "fixed" ? /* @__PURE__ */ x("world-object", { height: R.height, width: R.width, x: t, y: e, children: /* @__PURE__ */ x(
@@ -5338,7 +5339,7 @@ function _i({
   if (M.type === "unknown") {
     if (X)
       return X;
-    if (h)
+    if (p)
       throw new Error(M.reason || "Unknown image strategy");
     return null;
   }
@@ -5368,7 +5369,7 @@ function _i({
                     pe.stopPropagation(), b(k.annotationId, k, pe);
                   } : void 0,
                   target: ((Z = k.target) == null ? void 0 : Z.spatial) || void 0,
-                  children: /* @__PURE__ */ x("div", { "data-textual-content": !0, children: /* @__PURE__ */ x(yc, { enableDangerouslySetInnerHTML: !0, children: k.text }) })
+                  children: /* @__PURE__ */ x("div", { "data-textual-content": !0, children: /* @__PURE__ */ x(vc, { enableDangerouslySetInnerHTML: !0, children: k.text }) })
                 },
                 H
               ),
@@ -5394,13 +5395,13 @@ function _i({
             ne
           ] }) : null,
           M.type === "3d-model" ? /* @__PURE__ */ x($i, { model: M.model }) : null,
-          M.type === "media" ? /* @__PURE__ */ x(Me, { children: M.media.type === "Sound" ? /* @__PURE__ */ V(Pi, { media: M.media, mediaControlsDeps: p, children: [
+          M.type === "media" ? /* @__PURE__ */ x(Me, { children: M.media.type === "Sound" ? /* @__PURE__ */ V(Pi, { media: M.media, mediaControlsDeps: h, children: [
             X,
             o ? o(M) : null
-          ] }) : M.media.type === "Video" ? /* @__PURE__ */ V(Fi, { media: M.media, mediaControlsDeps: p, children: [
+          ] }) : M.media.type === "Video" ? /* @__PURE__ */ V(Fi, { media: M.media, mediaControlsDeps: h, children: [
             X,
             o ? o(M) : null
-          ] }) : M.media.type === "VideoYouTube" && A ? /* @__PURE__ */ V(gc, { media: M.media, mediaControlsDeps: p, children: [
+          ] }) : M.media.type === "VideoYouTube" && A ? /* @__PURE__ */ V(mc, { media: M.media, mediaControlsDeps: h, children: [
             X,
             o ? o(M) : null
           ] }) : null }) : null
@@ -5411,11 +5412,11 @@ function _i({
     M.type === "media" && M.media.type === "Sound" && N ? /* @__PURE__ */ x(Lt, { canvas: N.id, children: /* @__PURE__ */ x(_i, { renderViewerControls: a }) }) : null
   ] });
 }
-function mc() {
+function bc() {
   const t = Q(tt);
   return t && t.vault ? t.vault : $r();
 }
-const bc = fr(function(e, r) {
+const Ac = fr(function(e, r) {
   const i = Pe(), n = qr(), s = ys(), { ViewerControls: a, MediaControls: o } = e.components || {};
   if (Ji(r, () => s, [s]), !i)
     return /* @__PURE__ */ x("div", {});
@@ -5427,30 +5428,30 @@ const bc = fr(function(e, r) {
       {
         height: e.height,
         mode: e.mode,
-        children: n.map((p, l) => {
-          const h = u;
-          return u += p.width + (e.spacing || 0), /* @__PURE__ */ x(Lt, { canvas: p.id, children: /* @__PURE__ */ x(
+        children: n.map((h, l) => {
+          const p = u;
+          return u += h.width + (e.spacing || 0), /* @__PURE__ */ x(Lt, { canvas: h.id, children: /* @__PURE__ */ x(
             G.RenderCanvas,
             {
               strategies: ["3d-model", "media", "images", "empty", "textual-content"],
               renderViewerControls: l === 0 && a ? () => /* @__PURE__ */ x(a, {}) : void 0,
               renderMediaControls: l === 0 && o ? () => /* @__PURE__ */ x(o, {}) : void 0,
-              x: h,
+              x: p,
               ...e.canvasProps || {},
               children: e.annotations
             },
-            p.id
-          ) }, p.id);
+            h.id
+          ) }, h.id);
         })
       },
       e.reuseAtlas ? "" : s.currentSequenceIndex
     ),
     e.children
   ] });
-}), G = fr(function({ children: e, height: r, annotations: i, canvasProps: n, spacing: s, header: a, components: o, mode: u, ...p }, l) {
-  const h = mc();
-  return /* @__PURE__ */ x(Dr, { vault: h, children: /* @__PURE__ */ x(ds, { ...p, children: /* @__PURE__ */ x(
-    bc,
+}), G = fr(function({ children: e, height: r, annotations: i, canvasProps: n, spacing: s, header: a, components: o, mode: u, ...h }, l) {
+  const p = bc();
+  return /* @__PURE__ */ x(Dr, { vault: p, children: /* @__PURE__ */ x(ds, { ...h, children: /* @__PURE__ */ x(
+    Ac,
     {
       ref: l,
       height: r,