react-iiif-vault 0.9.12 → 0.9.15

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

@@ -30,18 +30,19 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import * as React from "react";
-import React__default, { useContext, useMemo, useState, useEffect, createContext, useRef, useLayoutEffect, useCallback, Fragment as Fragment$1, useReducer } from "react";
+import React__default, { useContext, useMemo, useState, useEffect, createContext, useRef, useLayoutEffect, useCallback, Fragment, useReducer } from "react";
 import { AtlasAuto, mergeStyles, RegionHighlight, TileSet } from "@atlas-viewer/atlas";
+import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { globalVault, Vault } from "@iiif/vault";
 import { createAction } from "typesafe-actions";
 import require$$0 from "react-dom";
 import { ImageServiceLoader, getImageServices, getFixedSizeFromImage } from "@atlas-viewer/iiif-image-api";
-function _setPrototypeOf(o, p2) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p3) {
-    o2.__proto__ = p3;
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
+    o2.__proto__ = p2;
     return o2;
   };
-  return _setPrototypeOf(o, p2);
+  return _setPrototypeOf(o, p);
 }
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
@@ -125,39 +126,6 @@ var ErrorBoundary = /* @__PURE__ */ function(_React$Component) {
   };
   return ErrorBoundary2;
 }(React.Component);
-var jsxRuntime = { exports: {} };
-var reactJsxRuntime_production_min = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f = React__default, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m$1 = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
-function q(c, a, g) {
-  var b, d = {}, e = null, h = null;
-  g !== void 0 && (e = "" + g);
-  a.key !== void 0 && (e = "" + a.key);
-  a.ref !== void 0 && (h = a.ref);
-  for (b in a)
-    m$1.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps)
-    for (b in a = c.defaultProps, a)
-      d[b] === void 0 && (d[b] = a[b]);
-  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
-}
-reactJsxRuntime_production_min.Fragment = l;
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-{
-  jsxRuntime.exports = reactJsxRuntime_production_min;
-}
-const jsx = jsxRuntime.exports.jsx;
-const jsxs = jsxRuntime.exports.jsxs;
-const Fragment = jsxRuntime.exports.Fragment;
 const defaultResourceContext = {
   collection: void 0,
   manifest: void 0,
@@ -649,6 +617,25 @@ function useStyles(resource, scope) {
     return styles ? scope ? styles[scope] : styles : void 0;
   }, [resource, scope]);
 }
+var __defProp2 = Object.defineProperty;
+var __defProps2 = Object.defineProperties;
+var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
 const BOX_SELECTOR = /&?(xywh=)?(pixel:|percent:|pct:)?([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) {
@@ -793,7 +780,7 @@ function expandTarget(target, options = {}) {
     if (!fragment) {
       return {
         type: "SpecificResource",
-        source: __spreadProps(__spreadValues({}, target), {
+        source: __spreadProps2(__spreadValues2({}, target), {
           id
         }),
         selector: null,
@@ -802,7 +789,7 @@ function expandTarget(target, options = {}) {
     }
     return expandTarget({
       type: "SpecificResource",
-      source: __spreadProps(__spreadValues({}, target), {
+      source: __spreadProps2(__spreadValues2({}, target), {
         id
       }),
       selector: {
@@ -894,7 +881,7 @@ const RenderAnnotationPage = ({
   const style = useStyles(page, "atlas");
   const html = useStyles(page, "html");
   useVaultSelector((state) => page.id ? state.iiif.entities.AnnotationPage[page.id] : null, []);
-  return /* @__PURE__ */ jsx(Fragment$1, {
+  return /* @__PURE__ */ jsx(Fragment, {
     children: (_a = page.items) == null ? void 0 : _a.map((annotation) => {
       return /* @__PURE__ */ jsx(RenderAnnotation, {
         id: annotation.id,
@@ -915,8 +902,8 @@ function RenderImage({
   children
 }) {
   var _a, _b, _c, _d;
-  return /* @__PURE__ */ jsx(Fragment$1, {
-    children: !image.service ? /* @__PURE__ */ jsxs(Fragment$1, {
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: !image.service ? /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx("world-image", {
         uri: image.id,
         target: image.target.spatial,
@@ -925,7 +912,7 @@ function RenderImage({
           height: image.height
         } : void 0
       }), annotations, children]
-    }, "no-service") : /* @__PURE__ */ jsxs(Fragment$1, {
+    }, "no-service") : /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx(TileSet, {
         tiles: {
           id: image.service.id || image.service["@id"] || "unknown",
@@ -1779,7 +1766,7 @@ function Audio({
   }, state, actions] = useSimpleMediaPlayer({
     duration: media.duration
   });
-  return /* @__PURE__ */ jsx(Fragment, {
+  return /* @__PURE__ */ jsx(Fragment$1, {
     children: /* @__PURE__ */ jsx(CanvasPortal, {
       children: /* @__PURE__ */ jsxs(MediaPlayerProvider, {
         state,
@@ -1807,7 +1794,7 @@ function Video({
     duration: media.duration
   });
   const Component = "div";
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [/* @__PURE__ */ jsxs(CanvasPortal, {
       overlay: true,
       children: [/* @__PURE__ */ jsx("style", {
@@ -1965,7 +1952,7 @@ function RenderCanvas({
     }
     throw new Error(strategy.reason || "Unknown image strategy");
   }
-  const annotations = /* @__PURE__ */ jsxs(Fragment$1, {
+  const annotations = /* @__PURE__ */ jsxs(Fragment, {
     children: [virtualPage ? /* @__PURE__ */ jsx(RenderAnnotationPage, {
       page: virtualPage
     }) : null, strategy.annotations && strategy.annotations.pages ? strategy.annotations.pages.map((page) => {
@@ -1974,14 +1961,14 @@ function RenderCanvas({
       }, page.id);
     }) : null, children]
   });
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [/* @__PURE__ */ jsxs("world-object", __spreadProps(__spreadValues({
       height: canvas.height,
       width: canvas.width,
       x,
       y
     }, elementProps), {
-      children: [strategy.type === "images" ? /* @__PURE__ */ jsxs(Fragment, {
+      children: [strategy.type === "images" ? /* @__PURE__ */ jsxs(Fragment$1, {
         children: [strategy.images.map((image, idx) => {
           return /* @__PURE__ */ jsx(RenderImage, {
             isStatic,
@@ -1996,7 +1983,7 @@ function RenderCanvas({
         }) : null]
       }) : null, strategy.type === "3d-model" ? /* @__PURE__ */ jsx(Model, {
         model: strategy.model
-      }) : null, strategy.type === "media" ? /* @__PURE__ */ jsx(Fragment, {
+      }) : null, strategy.type === "media" ? /* @__PURE__ */ jsx(Fragment$1, {
         children: strategy.media.type === "Sound" ? /* @__PURE__ */ jsxs(Audio, {
           media: strategy.media,
           children: [thumbnailFallbackImage, renderMediaControls ? renderMediaControls(strategy) : null]