@manifest-editor/creators 1.4.3 → 2.0.0

package/dist/index.js

@@ -1,75 +1,9 @@
-import {
-  ManifestBrowserCreatorForm
-} from "./chunk-CYVZA2MU.js";
-
-// src/Annotation/AudioAnnotation/index.tsx
-import { AudioIcon } from "@manifest-editor/components";
-import { defineCreator } from "@manifest-editor/creator-api";
-
-// src/Annotation/AudioAnnotation/create-audio-annotation.tsx
-import { getValue } from "@iiif/helpers";
-import { ActionButton, ErrorMessage } from "@manifest-editor/components";
-import { FormFieldWrapper, Input, InputContainer, InputLabel, LanguageFieldEditor } from "@manifest-editor/editors";
-
-// ../ui/ui/MediaControls/MediaControls.tsx
-import { formatTime, useMediaActions, useMediaElements, useMediaState } from "react-iiif-vault";
-import { useLayoutEffect, useState } from "react";
-
-// ../ui/ui/MediaControls/MediaControls.icons.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var PlayIcon = (props) => /* @__PURE__ */ jsxs("svg", { ...props, viewBox: "4 4 16 16", xmlns: "http://www.w3.org/2000/svg", height: "1em", width: "1em", children: [
-  props.title ? /* @__PURE__ */ jsx("title", { children: props.title }) : null,
-  /* @__PURE__ */ jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
-  /* @__PURE__ */ jsx("path", { d: "M8 5v14l11-7z", fill: "currentColor" })
-] });
-var PauseIcon = (props) => /* @__PURE__ */ jsxs("svg", { ...props, viewBox: "4 4 16 16", xmlns: "http://www.w3.org/2000/svg", height: "1em", width: "1em", children: [
-  props.title ? /* @__PURE__ */ jsx("title", { children: props.title }) : null,
-  /* @__PURE__ */ jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
-  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" })
-] });
-var VolumeUpIcon = ({ title, ...props }) => /* @__PURE__ */ jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", height: "1em", width: "1em", viewBox: "2 2 20 20", children: [
-  title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-  /* @__PURE__ */ jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"
-    }
-  )
-] });
-var VolumeDownIcon = ({ title, ...props }) => /* @__PURE__ */ jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", height: "1em", width: "1em", viewBox: "2 2 20 20", children: [
-  title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-  /* @__PURE__ */ jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"
-    }
-  )
-] });
-var VolumeOffIcon = ({ title, ...props }) => /* @__PURE__ */ jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", height: "1em", width: "1em", viewBox: "2 2 20 20", children: [
-  title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-  /* @__PURE__ */ jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4 9.91 6.09 12 8.18V4z"
-    }
-  )
-] });
-
-// ../ui/ui/MediaControls/MediaControls.styles.ts
-import styled, { css } from "styled-components";
-var AudioPlayerContainer = styled.div`
+import{t as e}from"./manifest-browser-form.lazy-D0tGSif3.js";import{ActionButton as t,AddImageIcon as n,AudioIcon as r,EmptyCanvasIcon as i,ErrorMessage as a,Form as o,HTMLEditor as s,HTMLIcon as c,IIIFBrowserIcon as l,IIIFLogo as u,ImageListIcon as d,PaddedSidebarContainer as f,RangesIcon as p,ScaledImageIcon as m,VideoIcon as h,YouTubeIcon as ee}from"@manifest-editor/components";import{creatorHelper as g,defineCreator as _}from"@manifest-editor/creator-api";import{Vault as te,createThumbnailHelper as ne,getValue as v}from"@iiif/helpers";import{DimensionsTriplet as re,FormFieldWrapper as ie,Input as y,InputContainer as b,InputLabel as x,LanguageFieldEditor as S,centerRectangles as ae}from"@manifest-editor/editors";import{CanvasPanel as oe,ImageService as se,MediaPlayerProvider as ce,VaultProvider as le,formatTime as ue,useManifest as de,useMediaActions as fe,useMediaElements as pe,useMediaState as me,useSimpleMediaPlayer as he,useVault as ge}from"react-iiif-vault";import{lazy as _e,useEffect as ve,useLayoutEffect as ye,useMemo as C,useState as w}from"react";import{Fragment as be,jsx as T,jsxs as E}from"react/jsx-runtime";import D,{css as xe}from"styled-components";import{getFormat as Se,getImageDimensions as Ce,useAnnotationCreatorState as we,useConfig as Te}from"@manifest-editor/shell";import{canonicalServiceUrl as Ee,createImageServiceRequest as De,getImageServices as Oe,imageServiceRequestToString as O,isImageService as ke,parseImageServiceRequest as Ae}from"@iiif/parser/image-3";import{EditorInstance as je}from"@manifest-editor/editor-api";import{ErrorBoundary as Me}from"react-error-boundary";import{IIIFBrowser as Ne}from"iiif-browser";const Pe=e=>E(`svg`,{...e,viewBox:`4 4 16 16`,xmlns:`http://www.w3.org/2000/svg`,height:`1em`,width:`1em`,children:[e.title?T(`title`,{children:e.title}):null,T(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),T(`path`,{d:`M8 5v14l11-7z`,fill:`currentColor`})]}),Fe=e=>E(`svg`,{...e,viewBox:`4 4 16 16`,xmlns:`http://www.w3.org/2000/svg`,height:`1em`,width:`1em`,children:[e.title?T(`title`,{children:e.title}):null,T(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),T(`path`,{fill:`currentColor`,d:`M6 19h4V5H6v14zm8-14v14h4V5h-4z`})]}),Ie=({title:e,...t})=>E(`svg`,{...t,xmlns:`http://www.w3.org/2000/svg`,height:`1em`,width:`1em`,viewBox:`2 2 20 20`,children:[e?T(`title`,{children:e}):null,T(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),T(`path`,{fill:`currentColor`,d:`M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z`})]}),Le=({title:e,...t})=>E(`svg`,{...t,xmlns:`http://www.w3.org/2000/svg`,height:`1em`,width:`1em`,viewBox:`2 2 20 20`,children:[e?T(`title`,{children:e}):null,T(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),T(`path`,{fill:`currentColor`,d:`M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z`})]}),Re=({title:e,...t})=>E(`svg`,{...t,xmlns:`http://www.w3.org/2000/svg`,height:`1em`,width:`1em`,viewBox:`2 2 20 20`,children:[e?T(`title`,{children:e}):null,T(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),T(`path`,{fill:`currentColor`,d:`M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4 9.91 6.09 12 8.18V4z`})]}),ze=D.div`
   background: #ededed; // Not in variable.
   display: flex;
   padding: 0.5em;
   align-items: center;
-`;
-var BaseButton = styled.button`
+`,k=D.button`
   cursor: pointer;
   padding: 0.75em 1.5em;
   font-size: 0.938em;
@@ -80,8 +14,7 @@ var BaseButton = styled.button`
   display: inline-block;
   vertical-align: top;
   white-space: nowrap;
-`;
-var PlayButton = styled(BaseButton)`
+`,Be=D(k)`
   width: 2em;
   height: 2em;
   overflow: hidden;
@@ -95,20 +28,17 @@ var PlayButton = styled(BaseButton)`
   &:disabled {
     color: #999;
   }
-`;
-var TimeDisplay = styled.div`
+`,A=D.div`
   margin: 0 1em;
   font-size: 0.85em;
   color: #000;
-`;
-var ProgressContainer = styled.div`
+`,Ve=D.div`
   flex: 1 1 0px;
   height: 6px;
   display: flex;
   position: relative;
   padding: 15px 0;
-`;
-var ProgressCurrent = styled.div`
+`,He=D.div`
   background: #d85680;
   height: 6px;
   pointer-events: none;
@@ -117,8 +47,7 @@ var ProgressCurrent = styled.div`
   left: 0;
   border-radius: 3px;
   transition: width 200ms;
-`;
-var ProgressBackground = styled.div`
+`,Ue=D.div`
   position: absolute;
   top: 13px;
   left: 0;
@@ -127,8 +56,7 @@ var ProgressBackground = styled.div`
   width: 100%;
   pointer-events: none;
   background: #fff;
-`;
-var SoundButton = styled(BaseButton)`
+`,We=D(k)`
   width: 2em;
   height: 2em;
   overflow: hidden;
@@ -137,59 +65,22 @@ var SoundButton = styled(BaseButton)`
   border-radius: 3px;
   padding: 0;
   margin: 0;
-`;
-var SoundContainer = styled.div`
+`,Ge=D.div`
   display: flex;
   align-items: center;
-`;
-var VolumeContainer = styled.div`
+`,Ke=D.div`
   width: 0;
   overflow: hidden;
   transition: width 500ms;
   color: #4a473f; // Not in colours
 
-  ${(props) => props.$isOpen && css`
+  ${e=>e.$isOpen&&xe`
       width: 150px;
     `}
-`;
-var VolumeSlider = styled.input.attrs({ type: "range" })`
+`,qe=D.input.attrs({type:`range`})`
   width: 120px;
   margin: 0 15px;
-`;
-
-// ../ui/madoc/components/icons/Spinner.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function Spinner(props) {
-  return /* @__PURE__ */ jsx2(
-    "svg",
-    {
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 42 42",
-      xmlns: "http://www.w3.org/2000/svg",
-      stroke: "currentColor",
-      ...props,
-      children: /* @__PURE__ */ jsxs2("g", { transform: "translate(2 2)", strokeWidth: 5, fill: "none", fillRule: "evenodd", children: [
-        /* @__PURE__ */ jsx2("circle", { strokeOpacity: 0.5, cx: 18, cy: 18, r: 18 }),
-        /* @__PURE__ */ jsx2("path", { d: "M36 18c0-9.94-8.06-18-18-18", children: /* @__PURE__ */ jsx2(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            type: "rotate",
-            from: "0 18 18",
-            to: "360 18 18",
-            dur: "1s",
-            repeatCount: "indefinite"
-          }
-        ) })
-      ] })
-    }
-  );
-}
-
-// ../ui/atoms/VisuallHidden/VisuallHidden.tsx
-import styled2, { css as css2 } from "styled-components";
-var visuallyHidden = css2`
+`;function Je(e){return T(`svg`,{width:`1em`,height:`1em`,viewBox:`0 0 42 42`,xmlns:`http://www.w3.org/2000/svg`,stroke:`currentColor`,...e,children:E(`g`,{transform:`translate(2 2)`,strokeWidth:5,fill:`none`,fillRule:`evenodd`,children:[T(`circle`,{strokeOpacity:.5,cx:18,cy:18,r:18}),T(`path`,{d:`M36 18c0-9.94-8.06-18-18-18`,children:T(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`0 18 18`,to:`360 18 18`,dur:`1s`,repeatCount:`indefinite`})})]})})}const Ye=xe`
   clip: rect(1px, 1px, 1px, 1px);
   clip-path: inset(50%);
   height: 1px;
@@ -198,2407 +89,10 @@ var visuallyHidden = css2`
   overflow: hidden;
   padding: 0;
   position: absolute;
-`;
-var VisuallyHiddenLabel = styled2.label`
-  ${visuallyHidden}
-`;
-
-// ../ui/ui/MediaControls/MediaControls.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function MediaControls(props) {
-  const [isVolumeOpen, setIsVolumeOpen] = useState(false);
-  const { progress, currentTime, element } = useMediaElements();
-  const { duration, isMuted, volume, isPlaying, playRequested } = useMediaState();
-  const { setVolume, toggleMute, play, pause, setDurationPercent } = useMediaActions();
-  const Volume = isMuted || volume === 0 ? VolumeOffIcon : volume > 50 ? VolumeUpIcon : VolumeDownIcon;
-  useLayoutEffect(() => {
-    if (element.current) {
-      const $el = element.current;
-      if ($el.error && props.onError) {
-        props.onError($el.error?.message || "Unknown error");
-        return;
-      }
-      const onError = () => {
-        if (props.onError) {
-          props.onError($el.error?.message || "Unknown error");
-        }
-      };
-      const loadedMetadata = () => {
-        if ($el.duration && props.onDuration) {
-          props.onDuration($el.duration);
-        }
-        if (props.onDimensions && $el instanceof HTMLVideoElement) {
-          props.onDimensions($el.videoWidth, $el.videoHeight);
-        }
-      };
-      $el.addEventListener("loadedmetadata", loadedMetadata);
-      $el.addEventListener("error", onError);
-      return () => {
-        $el.removeEventListener("loadedmetadata", loadedMetadata);
-        $el.removeEventListener("error", onError);
-      };
-    }
-  }, []);
-  return /* @__PURE__ */ jsxs3(AudioPlayerContainer, { children: [
-    /* @__PURE__ */ jsx3(
-      PlayButton,
-      {
-        disabled: playRequested,
-        onClick: () => {
-          if (isPlaying) {
-            pause();
-          } else {
-            play();
-          }
-        },
-        children: playRequested ? /* @__PURE__ */ jsx3(Spinner, { stroke: "#999" }) : isPlaying ? /* @__PURE__ */ jsx3(PauseIcon, { title: "Pause" }) : /* @__PURE__ */ jsx3(PlayIcon, { title: "Play" })
-      }
-    ),
-    /* @__PURE__ */ jsx3(TimeDisplay, { ref: currentTime, children: "0:00" }),
-    /* @__PURE__ */ jsxs3(
-      ProgressContainer,
-      {
-        onClick: (e) => {
-          const { left, width } = e.currentTarget.getBoundingClientRect();
-          const percent = (e.pageX - left) / width;
-          setDurationPercent(percent);
-        },
-        children: [
-          /* @__PURE__ */ jsx3(ProgressBackground, {}),
-          duration ? /* @__PURE__ */ jsx3(ProgressCurrent, { ref: progress }) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx3(TimeDisplay, { children: formatTime(duration) }),
-    /* @__PURE__ */ jsxs3(SoundContainer, { onMouseEnter: () => setIsVolumeOpen(true), onMouseLeave: () => setIsVolumeOpen(false), children: [
-      /* @__PURE__ */ jsx3(VolumeContainer, { $isOpen: isVolumeOpen, children: /* @__PURE__ */ jsxs3("span", { children: [
-        /* @__PURE__ */ jsx3(VisuallyHiddenLabel, { htmlFor: "audio-slider", children: "Change volume" }),
-        /* @__PURE__ */ jsx3(
-          VolumeSlider,
-          {
-            id: "audio-slider",
-            role: "slider",
-            disabled: isMuted,
-            min: "0",
-            max: "100",
-            value: volume,
-            onChange: (e) => setVolume(Number(e.currentTarget.value))
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsx3(SoundButton, { onClick: () => toggleMute(), children: /* @__PURE__ */ jsx3(Volume, { title: isMuted ? "Mute" : "Unmute" }) })
-    ] })
-  ] });
-}
-
-// ../ui/atoms/PaddedSidebarContainer.tsx
-import styled3 from "styled-components";
-var PaddedSidebarContainer = styled3.div`
-  padding: 0 0.7em;
-  margin: 0.7em 0;
-  flex: 1;
-  overflow: visible;
-`;
-
-// src/Annotation/AudioAnnotation/create-audio-annotation.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { CanvasPanel } from "react-iiif-vault";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-async function createAudioAnnotation(data, ctx) {
-  const annotation = {
-    id: ctx.generateId("annotation"),
-    type: "Annotation"
-  };
-  const targetType = ctx.options.targetType;
-  const body = ctx.embed({
-    id: data.url,
-    type: "Sound",
-    format: "audio/mp4",
-    duration: data.duration || 0
-  });
-  if (targetType === "Annotation") {
-    return ctx.embed({
-      ...annotation,
-      label: getValue(data.label) && data.label,
-      motivation: data.motivation || ctx.options.initialData?.motivation || "painting",
-      body,
-      target: ctx.getTarget()
-    });
-  }
-  if (targetType === "Canvas") {
-    const canvasId = ctx.generateId("canvas");
-    const pageId = ctx.generateId("annotation-page", {
-      id: canvasId,
-      type: "Canvas"
-    });
-    const annotationResource = ctx.embed({
-      ...annotation,
-      motivation: "painting",
-      body,
-      target: {
-        type: "SpecificResource",
-        source: { id: canvasId, type: "Canvas" }
-      }
-    });
-    const page = ctx.embed({
-      id: pageId,
-      type: "AnnotationPage",
-      items: [annotationResource]
-    });
-    return ctx.embed({
-      id: canvasId,
-      type: "Canvas",
-      label: data.label || { en: ["Untitled HTML canvas"] },
-      duration: data.duration || 0,
-      items: [page]
-    });
-  }
-}
-function CreateAudioAnnotationForm(props) {
-  const [url, setUrl] = useState2("");
-  const [duration, setDuration] = useState2(0);
-  const [error, setError] = useState2("");
-  const [label, setLabel] = useState2({ en: [""] });
-  const onSubmit = () => {
-    props.runCreate({
-      url,
-      duration,
-      label
-    });
-  };
-  useEffect2(() => {
-    setError("");
-    setDuration(0);
-    if (url) {
-      const labelFromUrl = url.split("/").pop()?.split(".").shift();
-      setLabel({ en: [labelFromUrl || ""] });
-    }
-  }, [url]);
-  return /* @__PURE__ */ jsxs4(PaddedSidebarContainer, { children: [
-    error ? /* @__PURE__ */ jsx4(ErrorMessage, { children: error }) : null,
-    /* @__PURE__ */ jsxs4(InputContainer, { $wide: true, children: [
-      /* @__PURE__ */ jsx4(InputLabel, { htmlFor: "audio-url", children: "URL" }),
-      /* @__PURE__ */ jsx4(Input, { type: "text", id: "audio-url", value: url, onChange: (e) => setUrl(e.target.value) })
-    ] }),
-    url && !error ? /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
-      LanguageFieldEditor,
-      {
-        containerId: "label",
-        focusId: "label_",
-        label: "Label",
-        fields: label,
-        onSave: (e) => setLabel(e.toInternationalString())
-      },
-      `${url}__${duration}`
-    ) }) : null,
-    url && !error ? /* @__PURE__ */ jsx4(CanvasPanel.AudioHTML, { media: { url, duration, type: "Sound" }, children: /* @__PURE__ */ jsx4(
-      MediaControls,
-      {
-        onError: (error2) => setError(error2),
-        onDuration: (duration2) => setDuration(~~duration2)
-      },
-      `${url}__${duration}`
-    ) }, `${url}__${duration}`) : null,
-    duration && !error ? /* @__PURE__ */ jsxs4(FormFieldWrapper, { children: [
-      /* @__PURE__ */ jsx4(InputLabel, { htmlFor: "duration", children: "Duration" }),
-      /* @__PURE__ */ jsx4(Input, { type: "number", id: "duration", value: duration, onChange: (e) => setDuration(e.target.valueAsNumber) })
-    ] }) : null,
-    /* @__PURE__ */ jsx4(ActionButton, { primary: true, large: true, type: "button", onPress: onSubmit, isDisabled: !url || !!error, children: "Add audio" })
-  ] });
-}
-
-// src/Annotation/AudioAnnotation/index.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var audioAnnotation = defineCreator({
-  id: "@manifest-editor/audio-annotation",
-  create: createAudioAnnotation,
-  label: "Audio",
-  summary: "Audio annotation",
-  icon: /* @__PURE__ */ jsx5(AudioIcon, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx5(CreateAudioAnnotationForm, { ...ctx });
-  },
-  resourceType: "Annotation",
-  resourceFields: ["id", "type", "motivation", "body", "target"],
-  additionalTypes: ["Canvas"],
-  supports: {
-    initialData: true,
-    parentTypes: ["AnnotationPage", "Manifest"],
-    parentFields: ["items"]
-  },
-  staticFields: {
-    type: "Annotation"
-  }
-});
-
-// src/Annotation/CaptionedImageAnnotation/index.tsx
-import { AddImageIcon } from "@manifest-editor/components";
-import { defineCreator as defineCreator2 } from "@manifest-editor/creator-api";
-
-// src/Annotation/CaptionedImageAnnotation/create-captioned-image-annotation.tsx
-import { ActionButton as ActionButton2 } from "@manifest-editor/components";
-import { Input as Input2, InputContainer as InputContainer2, InputLabel as InputLabel2, LanguageFieldEditor as LanguageFieldEditor2 } from "@manifest-editor/editors";
-import { useState as useState3 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-async function createCaptionedImageAnnotation(data, ctx) {
-  const annotation = {
-    id: ctx.generateId("annotation"),
-    type: "Annotation"
-  };
-  const targetType = ctx.options.targetType;
-  const languages = Object.keys(data.body);
-  const bodies = [];
-  for (const language of languages) {
-    const body = data.body[language].join("\n");
-    if (body) {
-      bodies.push(
-        await ctx.create(
-          "@manifest-editor/html-body-creator",
-          {
-            language,
-            body
-          },
-          { parent: { resource: annotation, property: "items" } }
-        )
-      );
-    }
-  }
-  const resource = await ctx.create(
-    "@manifest-editor/image-url-creator",
-    { url: data.imageUrl },
-    {
-      parent: { resource: annotation, property: "body" }
-    }
-  );
-  if (resource) {
-    bodies.push(resource);
-  }
-  if (targetType === "Annotation") {
-    return ctx.embed({
-      ...annotation,
-      motivation: data.motivation || ctx.options.initialData?.motivation || "painting",
-      body: bodies,
-      target: ctx.getTarget()
-    });
-  }
-  if (targetType === "Canvas") {
-    const canvasId = ctx.generateId("canvas");
-    const pageId = ctx.generateId("annotation-page", {
-      id: canvasId,
-      type: "Canvas"
-    });
-    const annotationResource = ctx.embed({
-      ...annotation,
-      motivation: "painting",
-      body: bodies,
-      target: {
-        type: "SpecificResource",
-        source: { id: canvasId, type: "Canvas" }
-      }
-    });
-    const page = ctx.embed({
-      id: pageId,
-      type: "AnnotationPage",
-      items: [annotationResource]
-    });
-    return ctx.embed({
-      id: canvasId,
-      type: "Canvas",
-      label: data.label || { en: ["Untitled HTML canvas"] },
-      height: data.height || 1e3,
-      width: data.width || 1e3,
-      items: [page]
-    });
-  }
-}
-function CreateCaptionedImageAnnotation(props) {
-  const [body, setBody] = useState3({ en: [""] });
-  const onSubmit = (e) => {
-    e.preventDefault();
-    const data = new FormData(e.target);
-    const formData = Object.fromEntries(data.entries());
-    props.runCreate({
-      body,
-      imageUrl: formData.url
-    });
-  };
-  return /* @__PURE__ */ jsx6("form", { onSubmit, children: /* @__PURE__ */ jsxs5(PaddedSidebarContainer, { children: [
-    /* @__PURE__ */ jsx6(InputContainer2, { children: /* @__PURE__ */ jsxs5(InputContainer2, { $wide: true, children: [
-      /* @__PURE__ */ jsx6(InputLabel2, { htmlFor: "id", children: "Link to Image" }),
-      /* @__PURE__ */ jsx6(Input2, { id: "url", name: "url", defaultValue: "" })
-    ] }) }),
-    /* @__PURE__ */ jsxs5(InputContainer2, { children: [
-      /* @__PURE__ */ jsx6(InputLabel2, { children: "Image Caption" }),
-      /* @__PURE__ */ jsx6(
-        LanguageFieldEditor2,
-        {
-          focusId: "html-content",
-          label: "HTML Content",
-          fields: body,
-          onSave: (e) => setBody(e.toInternationalString())
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx6(ActionButton2, { primary: true, large: true, type: "submit", children: "Create" })
-  ] }) });
-}
-
-// src/Annotation/CaptionedImageAnnotation/index.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var captionedImageAnnotation = defineCreator2({
-  id: "@manifest-editor/captioned-image-annotation",
-  create: createCaptionedImageAnnotation,
-  label: "Captioned image",
-  summary: "Add an image from a URL with caption",
-  icon: /* @__PURE__ */ jsx7(AddImageIcon, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx7(CreateCaptionedImageAnnotation, { ...ctx });
-  },
-  resourceType: "Annotation",
-  resourceFields: ["id", "type", "motivation", "body", "target"],
-  additionalTypes: ["Canvas"],
-  supports: {
-    initialData: true,
-    parentTypes: ["AnnotationPage"],
-    parentFields: ["items"]
-  },
-  staticFields: {
-    type: "Annotation"
-  }
-});
-
-// src/Annotation/HTMLAnnotation/index.tsx
-import { HTMLIcon } from "@manifest-editor/components";
-import { defineCreator as defineCreator3 } from "@manifest-editor/creator-api";
-
-// src/Annotation/HTMLAnnotation/create-html-annotation.tsx
-import { getValue as getValue2 } from "@iiif/helpers";
-import { ActionButton as ActionButton3 } from "@manifest-editor/components";
-import { LanguageFieldEditor as LanguageFieldEditor3 } from "@manifest-editor/editors";
-import { useState as useState4 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-async function createHtmlAnnotation(data, ctx) {
-  const annotation = {
-    id: ctx.generateId("annotation"),
-    type: "Annotation"
-  };
-  const targetType = ctx.options.targetType;
-  const languages = Object.keys(data.body);
-  const bodies = [];
-  for (const language of languages) {
-    const body = data.body[language].join("\n");
-    if (body) {
-      bodies.push(
-        await ctx.create(
-          "@manifest-editor/html-body-creator",
-          {
-            language,
-            body
-          },
-          { parent: { resource: annotation, property: "items" } }
-        )
-      );
-    }
-  }
-  if (targetType === "Annotation") {
-    return ctx.embed({
-      ...annotation,
-      motivation: data.motivation || ctx.options.initialData?.motivation || "painting",
-      body: bodies,
-      target: ctx.getTarget()
-    });
-  }
-  if (targetType === "Canvas") {
-    const canvasId = ctx.generateId("canvas");
-    const pageId = ctx.generateId("annotation-page", {
-      id: canvasId,
-      type: "Canvas"
-    });
-    const annotationResource = ctx.embed({
-      ...annotation,
-      motivation: "painting",
-      body: bodies,
-      target: {
-        type: "SpecificResource",
-        source: { id: canvasId, type: "Canvas" }
-      }
-    });
-    const page = ctx.embed({
-      id: pageId,
-      type: "AnnotationPage",
-      items: [annotationResource]
-    });
-    return ctx.embed({
-      id: canvasId,
-      type: "Canvas",
-      label: data.label || { en: ["Untitled HTML canvas"] },
-      height: data.height || 1e3,
-      width: data.width || 1e3,
-      items: [page]
-    });
-  }
-}
-function CreateHTMLAnnotation(props) {
-  const [body, setBody] = useState4({ en: [""] });
-  const isEmpty = getValue2(body).trim() === "";
-  const onSubmit = () => {
-    props.runCreate({
-      body
-    });
-  };
-  return /* @__PURE__ */ jsxs6(PaddedSidebarContainer, { children: [
-    /* @__PURE__ */ jsx8(
-      LanguageFieldEditor3,
-      {
-        focusId: "html-content",
-        label: "HTML Content",
-        fields: body,
-        onSave: (e) => setBody(e.toInternationalString())
-      }
-    ),
-    /* @__PURE__ */ jsx8(ActionButton3, { primary: true, large: true, type: "button", onPress: onSubmit, isDisabled: isEmpty, children: "Create" })
-  ] });
-}
-
-// src/Annotation/HTMLAnnotation/index.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var htmlAnnotation = defineCreator3({
-  id: "@manifest-editor/html-annotation",
-  create: createHtmlAnnotation,
-  label: "HTML",
-  summary: "HTML annotation",
-  icon: /* @__PURE__ */ jsx9(HTMLIcon, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx9(CreateHTMLAnnotation, { ...ctx });
-  },
-  resourceType: "Annotation",
-  resourceFields: ["id", "type", "motivation", "body", "target"],
-  additionalTypes: ["Canvas"],
-  supports: {
-    initialData: true,
-    parentTypes: ["AnnotationPage", "Manifest"],
-    parentFields: ["items"]
-  },
-  staticFields: {
-    type: "Annotation"
-  }
-});
-
-// src/Annotation/ImageServiceAnnotation/index.tsx
-import { IIIFLogo } from "@manifest-editor/components";
-import { defineCreator as defineCreator4 } from "@manifest-editor/creator-api";
-
-// src/side-effects/reposition-multiple-images.ts
-import { isImageService } from "@iiif/parser/image-3";
-import { EditorInstance } from "@manifest-editor/editor-api";
-import { centerRectangles } from "@manifest-editor/editors";
-var repositionMultipleImages = {
-  canvasInteraction: true,
-  spatial: true,
-  async run(result, { vault, options }) {
-    if (result && result.type === "Annotation" && options.targetType === "Annotation") {
-      const fullAnno = vault.get(result);
-      const target = fullAnno.target;
-      if (!(target && target.source?.type === "Canvas")) {
-        return;
-      }
-      const canvasRef = target.source;
-      const canvas = vault.get(canvasRef);
-      if (!canvas.items) {
-        return;
-      }
-      const annoPage = vault.get(canvas.items[0]);
-      if (!annoPage) {
-        return;
-      }
-      if (annoPage.items.length < 2 && !canvas.behavior.includes("multi-image")) {
-        return;
-      }
-      const bodies = vault.get(fullAnno.body);
-      const body = bodies[0];
-      const selector = fullAnno.body[0]?.selector;
-      const serviceList = body.service || [];
-      const imageService = serviceList.find((s) => isImageService(s));
-      if (imageService) {
-        if (imageService.width && imageService.height) {
-          if (imageService.width !== body.width) {
-            vault.modifyEntityField(
-              { id: body.id, type: "ContentResource" },
-              "width",
-              imageService.width
-            );
-          }
-          if (imageService.height !== body.height) {
-            vault.modifyEntityField(
-              { id: body.id, type: "ContentResource" },
-              "height",
-              imageService.height
-            );
-          }
-        }
-      }
-      let width = imageService?.width || body.width;
-      let height = imageService?.height || body.height;
-      if (selector) {
-        if ((selector.type === "iiif:ImageApiSelector" || selector.type === "ImageApiSelector") && selector.region) {
-          const [x, y, width_, height_] = selector.region.split(",");
-          width = Number(width_) || width;
-          height = Number(height_) || height;
-        }
-      }
-      const editor = new EditorInstance({ vault, reference: result });
-      const imagePosition = centerRectangles(
-        canvas,
-        {
-          width,
-          height
-        },
-        0.6
-      );
-      editor.annotation.target.setPosition(imagePosition);
-    }
-  }
-};
-
-// src/side-effects/resize-resource-to-empty-canvas.ts
-import { EditorInstance as EditorInstance2 } from "@manifest-editor/editor-api";
-var resizeResourceToEmptyCanvas = {
-  canvasInteraction: true,
-  spatial: true,
-  async run(result, { vault, options }) {
-    if (result && result.type === "Annotation" && options.targetType === "Annotation") {
-      const fullAnno = vault.get(result);
-      const target = fullAnno.target;
-      if (!(target && target.source?.type === "Canvas")) {
-        return;
-      }
-      const canvasRef = target.source;
-      const canvas = vault.get(canvasRef);
-      if (!canvas.items) {
-        return;
-      }
-      if (canvas.behavior.includes("multi-image")) {
-        return;
-      }
-      const annoPage = vault.get(canvas.items[0]);
-      if (!annoPage) {
-        return;
-      }
-      if (annoPage.items.length > 1) {
-        return;
-      }
-      const bodies = vault.get(fullAnno.body);
-      if (bodies.length !== 1) {
-        return;
-      }
-      const body = bodies[0];
-      const selector = fullAnno.body[0]?.selector;
-      const service = (body.service || [])[0];
-      let width = service?.width || body.width;
-      let height = service?.height || body.height;
-      const duration = body.duration || service?.duration;
-      if (selector) {
-        if ((selector.type === "iiif:ImageApiSelector" || selector.type === "ImageApiSelector") && selector.region) {
-          const [x, y, width_, height_] = selector.region.split(",");
-          width = Number(width_) || width;
-          height = Number(height_) || height;
-        }
-      }
-      const editor = new EditorInstance2({ vault, reference: canvasRef });
-      vault.batch(() => {
-        if (typeof width !== "undefined") {
-          editor.technical.width.set(width);
-        }
-        if (typeof height !== "undefined") {
-          editor.technical.height.set(height);
-        }
-        if (typeof duration !== "undefined") {
-          editor.technical.duration.set(duration);
-        }
-      });
-    }
-  }
-};
-
-// src/side-effects/resize-to-fit-service.ts
-import { isImageService as isImageService2 } from "@atlas-viewer/iiif-image-api";
-var resizeToFitService = {
-  canvasInteraction: true,
-  spatial: true,
-  async run(result, { vault, options }) {
-    if (result && result.type === "Annotation" && options.targetType === "Annotation") {
-      const fullAnno = vault.get(result);
-      const target = fullAnno.target;
-      if (!(target && target.source?.type === "Canvas")) {
-        return;
-      }
-      const canvasRef = target.source;
-      const canvas = vault.get(canvasRef);
-      if (!canvas.items) {
-        return;
-      }
-      if (canvas.behavior.includes("multi-image")) {
-        return;
-      }
-      const annoPage = vault.get(canvas.items[0]);
-      if (!annoPage) {
-        return;
-      }
-      const resourceBody = Array.isArray(fullAnno.body) ? fullAnno.body[0] : fullAnno.body;
-      if (resourceBody.type === "SpecificResource" && resourceBody.selector) {
-        return;
-      }
-      const bodies = vault.get(fullAnno.body);
-      const body = bodies[0];
-      const serviceList = body.service || [];
-      const imageService = serviceList.find((s) => isImageService2(s));
-      if (imageService) {
-        if (imageService.width && imageService.height) {
-          if (imageService.width !== body.width) {
-            vault.modifyEntityField(
-              { id: body.id, type: "ContentResource" },
-              "width",
-              imageService.width
-            );
-          }
-          if (imageService.height !== body.height) {
-            vault.modifyEntityField(
-              { id: body.id, type: "ContentResource" },
-              "height",
-              imageService.height
-            );
-          }
-        }
-      }
-    }
-  }
-};
-
-// src/Annotation/ImageServiceAnnotation/create-service-annotation.tsx
-import {
-  creatorHelper
-} from "@manifest-editor/creator-api";
-
-// src/ContentResource/ImageServiceCreator/create-image-service.tsx
-import {
-  canonicalServiceUrl,
-  createImageServiceRequest,
-  imageServiceRequestToString,
-  parseImageServiceRequest
-} from "@iiif/parser/image-3";
-import { ActionButton as ActionButton4 } from "@manifest-editor/components";
-import { Input as Input3, InputContainer as InputContainer3, InputLabel as InputLabel3 } from "@manifest-editor/editors";
-import { useState as useState5 } from "react";
-import { ErrorBoundary } from "react-error-boundary";
-import { ImageService as ImageServiceComponent } from "react-iiif-vault";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-async function createImageServer(data, ctx) {
-  const service = { ...data.service };
-  if (service["@id"]) {
-    service.id = service["@id"];
-  }
-  if (service["@type"]) {
-    service.type = service["@type"];
-  }
-  const request = createImageServiceRequest(service);
-  const imageId = imageServiceRequestToString({
-    identifier: request.identifier,
-    server: request.server,
-    scheme: request.scheme,
-    type: "image",
-    size: {
-      max: !data.size?.width && !data.size?.height,
-      confined: false,
-      upscaled: false,
-      ...data.size || {}
-    },
-    format: "jpg",
-    // This isn't how it should be modelled, always full,
-    // region: data.selector ? data.selector : { full: true },
-    region: { full: true },
-    rotation: { angle: 0 },
-    quality: "default",
-    prefix: request.prefix,
-    originalPath: request.originalPath
-  });
-  const resource = ctx.embed({
-    id: imageId,
-    type: "Image",
-    format: data.format || "image/jpeg",
-    height: data.height || service.height,
-    width: data.width || service.width,
-    service: data.embedService === false ? void 0 : [data.service]
-  });
-  return resource;
-}
-function getCanonicalUrl(url) {
-  return url.endsWith("default.jpg") ? imageServiceRequestToString({
-    ...parseImageServiceRequest(url),
-    type: "info"
-  }) : canonicalServiceUrl(url);
-}
-function CreateImageServerForm(props) {
-  const [url, setUrl] = useState5("");
-  const onSubmit = (e) => {
-    e.preventDefault();
-    const data = new FormData(e.target);
-    const formData = Object.fromEntries(data.entries());
-    const url2 = formData.url;
-    if (url2) {
-      const info = getCanonicalUrl(url2);
-      if (!info) {
-        throw new Error("Invalid image service request");
-      }
-      fetch(info).then((r) => r.json()).then((service) => {
-        props.runCreate({ url: formData.url, service });
-      });
-    }
-  };
-  return /* @__PURE__ */ jsx10(PaddedSidebarContainer, { children: /* @__PURE__ */ jsxs7("form", { onSubmit, children: [
-    /* @__PURE__ */ jsx10("div", { className: "flex gap-2 items-center", children: /* @__PURE__ */ jsxs7(InputContainer3, { $wide: true, children: [
-      /* @__PURE__ */ jsx10(InputLabel3, { htmlFor: "id", children: "Link to image service" }),
-      /* @__PURE__ */ jsx10(
-        Input3,
-        {
-          id: "url",
-          name: "url",
-          defaultValue: "",
-          onPaste: (e) => {
-            const text = e.clipboardData.getData("text/plain");
-            setUrl(text ? getCanonicalUrl(text) : "");
-          },
-          onBlur: (e) => setUrl(e.currentTarget.value ? getCanonicalUrl(e.currentTarget.value) : "")
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx10("div", { className: "relative flex z-0 my-5 h-96 min-h-0 min-w-0 overflow-hidden bg-gray-200 rounded items-center justify-center", children: url.trim() ? /* @__PURE__ */ jsx10(ErrorBoundary, { fallbackRender: () => /* @__PURE__ */ jsx10("div", { children: "Invalid service" }), children: /* @__PURE__ */ jsx10(
-      ImageServiceComponent,
-      {
-        src: url,
-        fluid: true,
-        errorFallback: () => /* @__PURE__ */ jsx10("div", { children: "Invalid service" }),
-        background: "rgb(229,231,235)",
-        className: "h-full w-full",
-        containerProps: { className: "w-full h-full z-10" }
-      }
-    ) }) : /* @__PURE__ */ jsx10("div", { className: "text-grey-600", children: "Preview" }) }),
-    /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10(ActionButton4, { primary: true, large: true, type: "submit", isDisabled: !url, children: "Create" }) })
-  ] }) });
-}
-
-// src/Annotation/ImageServiceAnnotation/create-service-annotation.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-async function createImageServiceAnnotation(data, ctx) {
-  const annotation = {
-    id: ctx.generateId("annotation"),
-    type: "Annotation"
-  };
-  const targetType = ctx.options.targetType;
-  const createImage = creatorHelper(ctx, "Annotation", "body", "@manifest-editor/image-service-creator");
-  const resource = await createImage(data, {
-    parent: { resource: annotation, property: "body" }
-  });
-  if (targetType === "Annotation") {
-    return {
-      ...annotation,
-      body: [resource],
-      motivation: data.motivation || "painting",
-      target: ctx.getTarget()
-    };
-  }
-  if (targetType === "Canvas") {
-    const canvasId = ctx.generateId("canvas");
-    const pageId = ctx.generateId("annotation-page", {
-      id: canvasId,
-      type: "Canvas"
-    });
-    const annotationResource = ctx.embed({
-      ...annotation,
-      motivation: "painting",
-      body: [resource],
-      target: {
-        type: "SpecificResource",
-        source: { id: canvasId, type: "Canvas" }
-      }
-    });
-    const page = ctx.embed({
-      id: pageId,
-      type: "AnnotationPage",
-      items: [annotationResource]
-    });
-    let thumbnail = void 0;
-    if (data.service?.sizes) {
-      const createThumbnail2 = creatorHelper(ctx, "Canvas", "thumbnail", "@manifest-editor/thumbnail-image");
-      thumbnail = await createThumbnail2({
-        service: data.service,
-        width: data.thumbnailSize || 400
-      });
-    }
-    return ctx.embed({
-      id: canvasId,
-      type: "Canvas",
-      label: data.label || { en: ["Untitled canvas"] },
-      height: resource.resource.height || 1e3,
-      width: resource.resource.width || 1e3,
-      thumbnail: thumbnail ? [thumbnail] : void 0,
-      items: [page]
-    });
-  }
-}
-function CreateImageServiceAnnotationForm(props) {
-  return /* @__PURE__ */ jsx11(CreateImageServerForm, { ...props });
-}
-
-// src/Annotation/ImageServiceAnnotation/index.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-var imageServiceAnnotation = defineCreator4({
-  id: "@manifest-editor/image-service-annotation",
-  create: createImageServiceAnnotation,
-  label: "IIIF Image",
-  dependencies: ["@manifest-editor/image-service-creator"],
-  summary: "IIIF Image service",
-  tags: ["image", "image-service"],
-  icon: /* @__PURE__ */ jsx12(IIIFLogo, { style: { padding: 10 } }),
-  render(ctx) {
-    return /* @__PURE__ */ jsx12(CreateImageServiceAnnotationForm, { ...ctx });
-  },
-  resourceType: "Annotation",
-  resourceFields: ["id", "type", "motivation", "body", "target"],
-  additionalTypes: ["Canvas"],
-  supports: {
-    parentTypes: ["AnnotationPage", "Manifest"],
-    parentFields: ["items"]
-  },
-  sideEffects: [resizeToFitService, resizeResourceToEmptyCanvas, repositionMultipleImages],
-  staticFields: {
-    type: "Annotation"
-  }
-});
-
-// src/Annotation/ImageUrlAnnotation/index.tsx
-import { AddImageIcon as AddImageIcon2 } from "@manifest-editor/components";
-import { defineCreator as defineCreator5 } from "@manifest-editor/creator-api";
-
-// src/Annotation/ImageUrlAnnotation/create-image-url-annotation.tsx
-import {
-  creatorHelper as creatorHelper2
-} from "@manifest-editor/creator-api";
-
-// src/ContentResource/ImageUrlCreator/create-image-url.tsx
-import { ActionButton as ActionButton5 } from "@manifest-editor/components";
-import { Input as Input4, InputContainer as InputContainer4, InputLabel as InputLabel4 } from "@manifest-editor/editors";
-import { getFormat, getImageDimensions } from "@manifest-editor/shell";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-async function createImageUrl(data, ctx) {
-  if (!data.height || !data.width) {
-    const dimensions = await getImageDimensions(data.url);
-    if (dimensions) {
-      data.height = dimensions.height;
-      data.width = dimensions.width;
-    }
-  }
-  return ctx.embed({
-    id: data.url,
-    type: "Image",
-    format: data.format || await getFormat(data.url),
-    height: data.height,
-    width: data.width,
-    service: data.service ? Array.isArray(data.service) ? data.service : [data.service] : void 0
-  });
-}
-function CreateImageUrlForm(props) {
-  const onSubmit = (e) => {
-    e.preventDefault();
-    const data = new FormData(e.target);
-    const formData = Object.fromEntries(data.entries());
-    if (formData.url) {
-      props.runCreate({ url: formData.url });
-    }
-  };
-  return /* @__PURE__ */ jsx13(PaddedSidebarContainer, { children: /* @__PURE__ */ jsxs8("form", { onSubmit, children: [
-    /* @__PURE__ */ jsxs8(InputContainer4, { $wide: true, children: [
-      /* @__PURE__ */ jsx13(InputLabel4, { htmlFor: "id", children: "Link to Image" }),
-      /* @__PURE__ */ jsx13(Input4, { id: "url", name: "url", defaultValue: "" })
-    ] }),
-    /* @__PURE__ */ jsx13(ActionButton5, { primary: true, large: true, type: "submit", children: "Create" })
-  ] }) });
-}
-
-// src/Annotation/ImageUrlAnnotation/create-image-url-annotation.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-async function createImageUrlAnnotation(data, ctx) {
-  const annotation = {
-    id: ctx.generateId("annotation"),
-    type: "Annotation"
-  };
-  const targetType = ctx.options.targetType;
-  const createImage = creatorHelper2(ctx, "Annotation", "body", "@manifest-editor/image-url-creator");
-  const resource = await createImage(data, {
-    parent: { resource: annotation, property: "body" }
-  });
-  if (targetType === "Annotation") {
-    return ctx.embed({
-      ...annotation,
-      body: [resource],
-      motivation: data.motivation || "painting",
-      target: ctx.getTarget()
-    });
-  }
-  if (targetType === "Canvas") {
-    const canvasId = ctx.generateId("canvas");
-    const pageId = ctx.generateId("annotation-page", {
-      id: canvasId,
-      type: "Canvas"
-    });
-    const annotationResource = ctx.embed({
-      ...annotation,
-      motivation: "painting",
-      body: [resource],
-      target: {
-        type: "SpecificResource",
-        source: { id: canvasId, type: "Canvas" }
-      }
-    });
-    const page = ctx.embed({
-      id: pageId,
-      type: "AnnotationPage",
-      items: [annotationResource]
-    });
-    return ctx.embed({
-      id: canvasId,
-      type: "Canvas",
-      label: data.label || { en: ["Untitled canvas"] },
-      height: resource.resource.height || 1e3,
-      width: resource.resource.width || 1e3,
-      items: [page]
-    });
-  }
-  throw new Error("Unsupported target type");
-}
-function CreateImageUrlAnnotationForm(props) {
-  return /* @__PURE__ */ jsx14(CreateImageUrlForm, { ...props });
-}
-
-// src/Annotation/ImageUrlAnnotation/index.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-var imageUrlAnnotation = defineCreator5({
-  id: "@manifest-editor/image-url-annotation",
-  create: createImageUrlAnnotation,
-  label: "Image",
-  dependencies: ["@manifest-editor/image-url-creator"],
-  summary: "Image from URL",
-  tags: ["image"],
-  icon: /* @__PURE__ */ jsx15(AddImageIcon2, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx15(CreateImageUrlAnnotationForm, { ...ctx });
-  },
-  resourceType: "Annotation",
-  resourceFields: ["id", "type", "motivation", "body", "target"],
-  additionalTypes: ["Canvas"],
-  supports: {
-    parentTypes: ["AnnotationPage", "Manifest"],
-    parentFields: ["items"]
-  },
-  sideEffects: [resizeToFitService, resizeResourceToEmptyCanvas, repositionMultipleImages],
-  staticFields: {
-    type: "Annotation"
-  }
-});
-
-// src/Annotation/ImageUrlListAnnotation/index.tsx
-import { ImageListIcon } from "@manifest-editor/components";
-import { defineCreator as defineCreator6 } from "@manifest-editor/creator-api";
-
-// src/ContentResource/ImageUrlListCreator/create-image-url-list.tsx
-import { ActionButton as ActionButton6, Form } from "@manifest-editor/components";
-import {
-  creatorHelper as creatorHelper3
-} from "@manifest-editor/creator-api";
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
-async function createImageUrlList(payload, ctx) {
-  const items = [];
-  const createImage = creatorHelper3(ctx, "Annotation", "body", "@manifest-editor/image-url-creator");
-  for (const image of payload.images) {
-    items.push(await createImage(image, ctx.options));
-  }
-  return items;
-}
-function CreateImageUrlListForm(props) {
-  const onSubmit = (e) => {
-    e.preventDefault();
-    const data = new FormData(e.target);
-    const formData = Object.fromEntries(data.entries());
-    if (formData.urls) {
-      props.runCreate({ images: formData.urls.split("\n").map((url) => ({ url })) });
-    }
-  };
-  return /* @__PURE__ */ jsx16(PaddedSidebarContainer, { children: /* @__PURE__ */ jsxs9(Form.Form, { onSubmit, children: [
-    /* @__PURE__ */ jsxs9(Form.InputContainer, { className: "mb-4", children: [
-      /* @__PURE__ */ jsx16(Form.Label, { children: "Enter a list of URLs (one per line)" }),
-      /* @__PURE__ */ jsx16(Form.TextArea, { name: "urls", rows: "10" })
-    ] }),
-    /* @__PURE__ */ jsx16(ActionButton6, { primary: true, large: true, type: "submit", children: "Create" })
-  ] }) });
-}
-
-// src/Annotation/ImageUrlListAnnotation/create-image-url-list-annotation.tsx
-import { creatorHelper as creatorHelper4 } from "@manifest-editor/creator-api";
-async function createImageUrlListAnnotation(payload, ctx) {
-  const items = [];
-  const createAnnotation = creatorHelper4(ctx, "AnnotationPage", "items", "@manifest-editor/image-url-annotation");
-  for (const image of payload.images) {
-    items.push(await createAnnotation(image, ctx.options));
-  }
-  return items;
-}
-
-// src/Annotation/ImageUrlListAnnotation/index.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var imageUrlListAnnotation = defineCreator6({
-  id: "@manifest-editor/image-url-list-annotation",
-  create: createImageUrlListAnnotation,
-  label: "List of Images",
-  dependencies: ["@manifest-editor/image-url-annotation"],
-  summary: "List of Images from URLs",
-  tags: ["image"],
-  icon: /* @__PURE__ */ jsx17(ImageListIcon, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx17(CreateImageUrlListForm, { ...ctx });
-  },
-  resourceType: "Annotation",
-  resourceFields: ["id", "type", "motivation", "body", "target"],
-  additionalTypes: ["Canvas"],
-  supports: {
-    parentTypes: ["AnnotationPage", "Manifest"],
-    parentFields: ["items"]
-  },
-  sideEffects: [resizeToFitService, resizeResourceToEmptyCanvas, repositionMultipleImages],
-  staticFields: {
-    type: "Annotation"
-  }
-});
-
-// src/Annotation/NoBodyAnnotation/index.tsx
-import { EmptyCanvasIcon } from "@manifest-editor/components";
-import { defineCreator as defineCreator7 } from "@manifest-editor/creator-api";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var noBodyAnnotation = defineCreator7({
-  id: "@manifest-editor/no-body-annotation",
-  create: createNoBodyAnnotation,
-  label: "Annotation without body",
-  summary: "Add an annotation that only has motivation and target",
-  icon: /* @__PURE__ */ jsx18(EmptyCanvasIcon, {}),
-  resourceType: "Annotation",
-  resourceFields: ["id", "type", "motivation", "target"],
-  supports: {
-    initialData: true,
-    parentTypes: ["AnnotationPage"],
-    parentFields: ["items"],
-    disallowPainting: true
-  },
-  sideEffects: [],
-  staticFields: {
-    type: "Annotation"
-  }
-});
-function createNoBodyAnnotation(data, ctx) {
-  return ctx.embed({
-    id: ctx.generateId("annotation"),
-    type: "Annotation",
-    label: data?.label,
-    motivation: data.motivation || ctx.options.initialData?.motivation || "highlighting",
-    target: ctx.getTarget()
-  });
-}
-
-// src/Annotation/VideoAnnotation/index.tsx
-import { VideoIcon } from "@manifest-editor/components";
-import { defineCreator as defineCreator8 } from "@manifest-editor/creator-api";
-
-// src/Annotation/VideoAnnotation/create-video-annotation.tsx
-import { getValue as getValue3 } from "@iiif/helpers";
-import { ActionButton as ActionButton7, ErrorMessage as ErrorMessage2 } from "@manifest-editor/components";
-import { DimensionsTriplet, Input as Input5, InputContainer as InputContainer5, InputLabel as InputLabel5, LanguageFieldEditor as LanguageFieldEditor4 } from "@manifest-editor/editors";
-
-// ../ui/ui/VideoPlayer/VideoPlayer.tsx
-import { CanvasPanel as CanvasPanel2, MediaPlayerProvider, useSimpleMediaPlayer } from "react-iiif-vault";
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
-function VideoPlayer({
-  media,
-  onError,
-  duration,
-  onDuration,
-  onDimensions
-}) {
-  const [{ element, currentTime, progress }, state, actions] = useSimpleMediaPlayer({ duration });
-  return /* @__PURE__ */ jsxs10(
-    MediaPlayerProvider,
-    {
-      element,
-      state,
-      actions,
-      currentTime,
-      progress,
-      children: [
-        /* @__PURE__ */ jsx19(
-          "div",
-          {
-            style: {
-              maxHeight: 400,
-              aspectRatio: `${media.width}/${media.height}`,
-              position: "relative"
-            },
-            children: /* @__PURE__ */ jsx19(CanvasPanel2.VideoHTML, { element, media, playPause: actions.playPause })
-          }
-        ),
-        /* @__PURE__ */ jsx19(MediaControls, { onError, onDuration, onDimensions })
-      ]
-    }
-  );
-}
-
-// src/Annotation/VideoAnnotation/create-video-annotation.tsx
-import { useEffect as useEffect3, useState as useState6 } from "react";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
-async function createVideoAnnotation(data, ctx) {
-  const annotation = {
-    id: ctx.generateId("annotation"),
-    type: "Annotation"
-  };
-  const targetType = ctx.options.targetType;
-  const body = ctx.embed({
-    id: data.url,
-    type: "Video",
-    format: "video/mp4",
-    width: data.width,
-    height: data.height,
-    duration: data.duration || 0
-  });
-  if (targetType === "Annotation") {
-    return ctx.embed({
-      ...annotation,
-      label: getValue3(data.label) && data.label,
-      motivation: data.motivation || ctx.options.initialData?.motivation || "painting",
-      body,
-      target: ctx.getTarget()
-    });
-  }
-  if (targetType === "Canvas") {
-    const canvasId = ctx.generateId("canvas");
-    const pageId = ctx.generateId("annotation-page", {
-      id: canvasId,
-      type: "Canvas"
-    });
-    const annotationResource = ctx.embed({
-      ...annotation,
-      motivation: "painting",
-      body,
-      target: {
-        type: "SpecificResource",
-        source: { id: canvasId, type: "Canvas" }
-      }
-    });
-    const page = ctx.embed({
-      id: pageId,
-      type: "AnnotationPage",
-      items: [annotationResource]
-    });
-    return ctx.embed({
-      id: canvasId,
-      type: "Canvas",
-      label: data.label || { en: ["Untitled HTML canvas"] },
-      duration: data.duration || 0,
-      width: data.width,
-      height: data.height,
-      items: [page]
-    });
-  }
-}
-function CreateVideoAnnotationForm(props) {
-  const [url, setUrl] = useState6("");
-  const [duration, setDuration] = useState6(0);
-  const [width, setWidth] = useState6(0);
-  const [height, setHeight] = useState6(0);
-  const [error, setError] = useState6("");
-  const [label, setLabel] = useState6({ en: [""] });
-  const onSubmit = () => {
-    props.runCreate({
-      url,
-      duration,
-      label,
-      width,
-      height
-    });
-  };
-  useEffect3(() => {
-    setError("");
-    setDuration(0);
-    if (url) {
-      const labelFromUrl = url.split("/").pop()?.split(".").shift();
-      setLabel({ en: [labelFromUrl || ""] });
-    }
-  }, [url]);
-  return /* @__PURE__ */ jsxs11(PaddedSidebarContainer, { children: [
-    error ? /* @__PURE__ */ jsx20(ErrorMessage2, { children: error }) : null,
-    /* @__PURE__ */ jsxs11(InputContainer5, { $wide: true, children: [
-      /* @__PURE__ */ jsx20(InputLabel5, { htmlFor: "video-url", children: "URL" }),
-      /* @__PURE__ */ jsx20(Input5, { type: "text", id: "video-url", value: url, onChange: (e) => setUrl(e.target.value) })
-    ] }),
-    url && !error ? /* @__PURE__ */ jsx20("div", { children: /* @__PURE__ */ jsx20(
-      LanguageFieldEditor4,
-      {
-        containerId: "label",
-        focusId: "label_",
-        label: "Label",
-        fields: label,
-        onSave: (e) => setLabel(e.toInternationalString())
-      },
-      `${url}__${duration}`
-    ) }) : null,
-    url && !error ? /* @__PURE__ */ jsx20("div", { className: "mb-4 bg-black", children: /* @__PURE__ */ jsx20(
-      VideoPlayer,
-      {
-        duration,
-        onDuration: (d) => setDuration(d),
-        onError: (err) => setError(err),
-        media: {
-          url,
-          duration,
-          height,
-          width,
-          type: "Video"
-        },
-        onDimensions: (w, h) => {
-          setWidth(w || 0);
-          setHeight(h || 0);
-        }
-      }
-    ) }) : null,
-    !error && (duration || width || height) ? /* @__PURE__ */ jsx20(InputContainer5, { $wide: true, children: /* @__PURE__ */ jsx20(
-      DimensionsTriplet,
-      {
-        widthId: "width",
-        width: width || 0,
-        changeWidth: (v) => setWidth(v),
-        heightId: "height",
-        height: height || 0,
-        changeHeight: (v) => setHeight(v),
-        durationId: "duration",
-        duration: duration || 0,
-        changeDuration: (v) => setDuration(v)
-      }
-    ) }) : null,
-    /* @__PURE__ */ jsx20(ActionButton7, { primary: true, large: true, type: "button", onPress: onSubmit, isDisabled: !url || !!error, children: "Add video" })
-  ] });
-}
-
-// src/Annotation/VideoAnnotation/index.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-var videoAnnotation = defineCreator8({
-  id: "@manifest-editor/video-annotation",
-  create: createVideoAnnotation,
-  label: "Video",
-  summary: "Video annotation",
-  icon: /* @__PURE__ */ jsx21(VideoIcon, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx21(CreateVideoAnnotationForm, { ...ctx });
-  },
-  resourceType: "Annotation",
-  resourceFields: ["id", "type", "motivation", "body", "target"],
-  additionalTypes: ["Canvas"],
-  supports: {
-    initialData: true,
-    parentTypes: ["AnnotationPage", "Manifest"],
-    parentFields: ["items"]
-  },
-  staticFields: {
-    type: "Annotation"
-  }
-});
-
-// src/AnnotationPage/EmptyAnnotationPage/index.tsx
-import { defineCreator as defineCreator9 } from "@manifest-editor/creator-api";
-
-// ../ui/icons/ThumbnailStripIcon.tsx
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
-var ThumbnailStripIcon = () => /* @__PURE__ */ jsx22(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    height: "24px",
-    viewBox: "0 0 24 24",
-    width: "24px",
-    fill: "#000000",
-    transform: "scale(-1, 1)",
-    children: /* @__PURE__ */ jsxs12("g", { children: [
-      /* @__PURE__ */ jsx22("rect", { fill: "none", height: "24", width: "24" }),
-      /* @__PURE__ */ jsx22("path", { d: "M16,20H2V4h14V20z M18,8h4V4h-4V8z M18,20h4v-4h-4V20z M18,14h4v-4h-4V14z" })
-    ] })
-  }
-);
-
-// src/AnnotationPage/EmptyAnnotationPage/index.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-var emptyAnnotationPage = defineCreator9({
-  id: "@manifest-editor/empty-annotation-page",
-  create: (data, ctx) => {
-    return ctx.embed({
-      id: ctx.generateId("annotations"),
-      label: data.label,
-      type: "AnnotationPage",
-      items: []
-    });
-  },
-  label: "Empty annotation page",
-  summary: "AnnotationPage with nothing",
-  icon: /* @__PURE__ */ jsx23(ThumbnailStripIcon, {}),
-  resourceType: "AnnotationPage",
-  resourceFields: ["id", "type", "items"],
-  supports: {
-    parentTypes: ["Manifest", "Canvas", "Range"],
-    parentFieldMap: {
-      Manifest: ["annotations"],
-      Canvas: ["items", "annotations"],
-      Range: ["annotations"]
-    }
-  }
-});
-
-// src/Canvas/EmptyCanvas/index.tsx
-import { EmptyCanvasIcon as EmptyCanvasIcon2 } from "@manifest-editor/components";
-import { defineCreator as defineCreator10 } from "@manifest-editor/creator-api";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var emptyCanvas = defineCreator10({
-  id: "@manifest-editor/empty-canvas",
-  create: (data, ctx) => {
-    const canvasId = ctx.generateId("canvas");
-    const page = ctx.embed({
-      id: ctx.generateId("annotation-page", { id: canvasId, type: "Canvas" }),
-      type: "AnnotationPage",
-      items: []
-    });
-    return {
-      id: canvasId,
-      type: "Canvas",
-      label: data.label || { en: [""] },
-      height: data.height || 1e3,
-      width: data.width || 1e3,
-      items: [page]
-    };
-  },
-  label: "Empty canvas",
-  summary: "No content",
-  icon: /* @__PURE__ */ jsx24(EmptyCanvasIcon2, {}),
-  resourceType: "Canvas",
-  resourceFields: ["id", "type", "label", "height", "width", "items"],
-  supports: {
-    parentTypes: ["Manifest"],
-    parentFields: ["items"]
-  }
-});
-
-// src/Canvas/InternalCanvas/index.tsx
-import { defineCreator as defineCreator11 } from "@manifest-editor/creator-api";
-import { IIIFExplorer } from "@manifest-editor/iiif-browser";
-import { useManifest, useVault } from "react-iiif-vault";
-
-// ../../node_modules/.pnpm/tiny-invariant@1.3.3/node_modules/tiny-invariant/dist/esm/tiny-invariant.js
-var isProduction = false;
-var prefix = "Invariant failed";
-function invariant(condition, message) {
-  if (condition) {
-    return;
-  }
-  if (isProduction) {
-    throw new Error(prefix);
-  }
-  var provided = typeof message === "function" ? message() : message;
-  var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
-  throw new Error(value);
-}
-
-// src/Canvas/InternalCanvas/index.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-var internalCanvas = defineCreator11({
-  id: "@manifest-editor/internal-canvas",
-  create: createInternalCanvas,
-  label: "Internal canvas link",
-  summary: "Canvas from the same manifest",
-  icon: /* @__PURE__ */ jsx25(ThumbnailStripIcon, {}),
-  resourceType: "Canvas",
-  resourceFields: ["id", "type", "label"],
-  supports: {
-    parentTypes: ["Manifest"],
-    parentFields: ["start"]
-  },
-  render: (ctx) => /* @__PURE__ */ jsx25(InternalCanvas, { ...ctx })
-});
-function InternalCanvas(props) {
-  const manifest = useManifest();
-  const vault = useVault();
-  invariant(manifest, "Manifest is not loaded");
-  return /* @__PURE__ */ jsx25(
-    IIIFExplorer,
-    {
-      vault,
-      entry: manifest,
-      window: false,
-      hideHeader: true,
-      hideBack: true,
-      output: { type: "url" },
-      outputTargets: [
-        {
-          type: "callback",
-          label: "Select canvas",
-          cb: (url) => {
-            props.runCreate({ id: url });
-          }
-        }
-      ],
-      outputTypes: ["Canvas"]
-    }
-  );
-}
-async function createInternalCanvas(data, ctx) {
-  return ctx.embed({ id: data.id, type: "Canvas" });
-}
-
-// src/ContentResource/HTMLBodyCreator/index.tsx
-import { defineCreator as defineCreator12 } from "@manifest-editor/creator-api";
-
-// ../ui/icons/TextFormatIcon.tsx
-import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
-var TextFormatIcon = (props) => /* @__PURE__ */ jsxs13("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "1em", width: "1em", ...props, children: [
-  /* @__PURE__ */ jsx26("path", { d: "M0 0h24v24H0z", fill: "none" }),
-  /* @__PURE__ */ jsx26("path", { d: "M5 17v2h14v-2H5zm4.5-4.2h5l.9 2.2h2.1L12.75 4h-1.5L6.5 15h2.1l.9-2.2zM12 5.98 13.87 11h-3.74L12 5.98z" })
-] });
-
-// src/ContentResource/HTMLBodyCreator/create-html-body.tsx
-import { ActionButton as ActionButton8 } from "@manifest-editor/components";
-import { InputContainer as InputContainer6, InputLabel as InputLabel6, RichTextLanguageField } from "@manifest-editor/editors";
-import { useConfig } from "@manifest-editor/shell";
-import { useState as useState7 } from "react";
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
-async function createHtmlBody(data, ctx) {
-  return ctx.embed({
-    id: ctx.generateId(`html/${data.language}`),
-    language: data.language,
-    type: "TextualBody",
-    format: "text/html",
-    value: data.body || ""
-  });
-}
-function CreateHTMLBodyForm(props) {
-  const { i18n } = useConfig();
-  const [body, setBodyValue] = useState7("<p></p>");
-  const [language, setLang] = useState7(i18n.defaultLanguage);
-  const onSubmit = () => {
-    props.runCreate({
-      language,
-      body
-    });
-  };
-  return /* @__PURE__ */ jsxs14(PaddedSidebarContainer, { children: [
-    /* @__PURE__ */ jsxs14(InputContainer6, { children: [
-      /* @__PURE__ */ jsx27(InputLabel6, { children: "HTML Body" }),
-      /* @__PURE__ */ jsx27(
-        RichTextLanguageField,
-        {
-          value: body,
-          language,
-          onUpdateLanguage: (lng) => setLang(lng),
-          languages: i18n.availableLanguages,
-          onUpdate: (e) => setBodyValue(e)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx27(ActionButton8, { primary: true, large: true, type: "button", onPress: onSubmit, children: "Create" })
-  ] });
-}
-
-// src/ContentResource/HTMLBodyCreator/index.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-var htmlBodyCreator = defineCreator12({
-  id: "@manifest-editor/html-body-creator",
-  create: createHtmlBody,
-  label: "HTML Body",
-  summary: "Add HTML annotation body",
-  icon: /* @__PURE__ */ jsx28(TextFormatIcon, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx28(CreateHTMLBodyForm, { ...ctx });
-  },
-  resourceType: "ContentResource",
-  resourceFields: ["id", "language", "type", "format", "value"],
-  supports: {
-    parentTypes: ["Annotation"],
-    parentFields: ["body"]
-  },
-  staticFields: {
-    type: "TextualBody",
-    format: "text/html"
-  }
-});
-
-// src/ContentResource/IIIFBrowserCreator/index.tsx
-import { IIIFBrowserIcon } from "@manifest-editor/components";
-import { defineCreator as defineCreator13 } from "@manifest-editor/creator-api";
-
-// src/ContentResource/IIIFBrowserCreator/iiif-browser-creator.tsx
-import { Vault } from "@iiif/helpers";
-import { getImageServices } from "@iiif/parser/image-3";
-import { lazy } from "react";
-function croppedRegion(imageServiceId, region, size) {
-  return `${imageServiceId}/${Math.floor(region.x)},${Math.floor(region.y)},${Math.floor(region.width)},${Math.floor(
-    region.height
-  )}/${size}/0/default.jpg`;
-}
-async function createFromIIIFBrowserOutput(data, ctx) {
-  const targetType = ctx.options.targetType;
-  const resources = data.output;
-  const returnResources = [];
-  for (const { resource, selector, parent } of resources) {
-    const type = resource.type;
-    const previewVault = new Vault();
-    if (targetType === "Canvas" || targetType === "Annotation" || targetType === "ContentResource") {
-      if (type === "Canvas") {
-        const canvasId = resource.id;
-        const manifestId = parent?.type === "Manifest" ? parent.id : void 0;
-        invariant(manifestId, "Could not find Manifest");
-        const manifest = await previewVault.loadManifest(manifestId);
-        invariant(manifest, "Manifest not found");
-        const canvasRef = manifest.items.find((item) => item.id === canvasId);
-        invariant(canvasRef, "Canvas not found");
-        const canvas = previewVault.get(canvasRef);
-        if (targetType === "Canvas" && selector?.type !== "BoxSelector") {
-          const fullCanvas = previewVault.toPresentation3(canvas);
-          if (!fullCanvas.label) {
-            fullCanvas.label = { en: ["Untitled canvas"] };
-          }
-          ctx.vault.loadSync(fullCanvas.id, fullCanvas);
-          returnResources.push(ctx.embed(fullCanvas));
-          continue;
-        }
-        const annotationPage = previewVault.get(canvas.items[0]);
-        const annotation = previewVault.get(annotationPage.items[0]);
-        if (targetType === "Annotation" || targetType === "Canvas" || targetType === "ContentResource") {
-          const fullAnnotation = previewVault.toPresentation3(annotation);
-          fullAnnotation.id = ctx.generateId("Annotation");
-          let service = null;
-          const dimensions = { width: 0, height: 0 };
-          if (fullAnnotation?.body?.service) {
-            const width = fullAnnotation?.body.width;
-            const height = fullAnnotation?.body.height;
-            service = getImageServices(fullAnnotation?.body)[0];
-            if (service && (!service.width || !service.height)) {
-              service.width = width;
-              service.height = height;
-            }
-            dimensions.width = width;
-            dimensions.height = height;
-            if (data.trackSize) {
-              data.trackSize(dimensions);
-            }
-          }
-          if (selector?.type === "BoxSelector") {
-            const imageApiSelector = {
-              type: "ImageApiSelector",
-              region: [
-                ~~selector.spatial.x,
-                ~~selector.spatial.y,
-                ~~selector.spatial.width,
-                ~~selector.spatial.height
-              ].join(",")
-            };
-            const newBody = { ...fullAnnotation.body };
-            let thumbnailId = "";
-            if (service) {
-              const id = service.id || service["@id"] || "";
-              if (id) {
-                newBody.id = croppedRegion(id, selector.spatial, "max");
-                thumbnailId = croppedRegion(id, selector.spatial, "512,");
-              }
-            }
-            fullAnnotation.body = {
-              id: ctx.generateId("SpecificResource", annotation),
-              type: "SpecificResource",
-              source: newBody,
-              selector: imageApiSelector
-            };
-            if (data.trackSize) {
-              data.trackSize({
-                width: ~~selector.spatial.width,
-                height: ~~selector.spatial.height
-              });
-            }
-            if (targetType === "ContentResource") {
-              returnResources.push(fullAnnotation.body);
-              continue;
-            }
-            if (targetType === "Canvas") {
-              const canvasId2 = ctx.generateId("Canvas", annotation);
-              fullAnnotation.target = canvasId2;
-              const pageId = ctx.generateId("Page", annotation);
-              const annotationPage2 = ctx.embed({
-                id: pageId,
-                type: "AnnotationPage",
-                items: [fullAnnotation]
-              });
-              returnResources.push(
-                ctx.embed({
-                  id: canvasId2,
-                  type: "Canvas",
-                  label: { en: ["Untitled canvas"] },
-                  width: ~~selector.spatial.width,
-                  height: ~~selector.spatial.height,
-                  thumbnail: thumbnailId ? [
-                    ctx.embed({
-                      id: thumbnailId,
-                      type: "Image",
-                      format: "image/jpeg",
-                      width: 512,
-                      height: Math.round(selector.spatial.height / selector.spatial.width * 512)
-                    })
-                  ] : void 0,
-                  items: [annotationPage2]
-                })
-              );
-              continue;
-            }
-            returnResources.push(
-              ctx.embed({
-                ...fullAnnotation,
-                target: ctx.getTarget()
-              })
-            );
-            continue;
-          }
-          returnResources.push(
-            ctx.embed({
-              ...previewVault.toPresentation3(annotation),
-              target: ctx.getTarget()
-            })
-          );
-        }
-      }
-    }
-  }
-  return returnResources;
-}
-var IIIFBrowserCreatorForm = lazy(() => import("./iiif-browser-form.lazy-FQDZQ3UW.js"));
-
-// src/ContentResource/IIIFBrowserCreator/index.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
-var iiifBrowserCreator = defineCreator13({
-  id: "@manifest-editor/iiif-browser-creator",
-  create: createFromIIIFBrowserOutput,
-  label: "IIIF Browser",
-  summary: "Browse IIIF Resources",
-  icon: /* @__PURE__ */ jsx29(IIIFBrowserIcon, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx29(IIIFBrowserCreatorForm, { ...ctx });
-  },
-  hiddenModal: true,
-  tags: ["image", "image-service"],
-  resourceType: "ContentResource",
-  resourceFields: ["id", "language", "type", "format", "value"],
-  additionalTypes: ["Annotation", "Canvas"],
-  supports: {
-    parentTypes: ["Annotation", "Manifest", "AnnotationPage"],
-    parentFields: ["body", "items"],
-    parentFieldMap: {
-      Annotation: ["body"],
-      Manifest: ["items"],
-      AnnotationPage: ["items"]
-    }
-  },
-  sideEffects: [resizeToFitService, resizeResourceToEmptyCanvas, repositionMultipleImages],
-  staticFields: {}
-});
-
-// src/ContentResource/ImageServiceCreator/index.tsx
-import { IIIFLogo as IIIFLogo2 } from "@manifest-editor/components";
-import { defineCreator as defineCreator14 } from "@manifest-editor/creator-api";
-import { jsx as jsx30 } from "react/jsx-runtime";
-var imageServiceCreator = defineCreator14({
-  id: "@manifest-editor/image-service-creator",
-  create: createImageServer,
-  label: "Image Service",
-  summary: "Add an image from Image Service",
-  icon: /* @__PURE__ */ jsx30(IIIFLogo2, { style: { padding: 10 } }),
-  render(ctx) {
-    return /* @__PURE__ */ jsx30(CreateImageServerForm, { ...ctx });
-  },
-  resourceType: "ContentResource",
-  resourceFields: ["id", "type", "height", "width", "format", "service"],
-  supports: {
-    parentFields: ["logo", "body", "thumbnail"]
-  }
-});
-
-// src/ContentResource/ImageUrlCreator/index.tsx
-import { AddImageIcon as AddImageIcon3 } from "@manifest-editor/components";
-import { defineCreator as defineCreator15 } from "@manifest-editor/creator-api";
-import { jsx as jsx31 } from "react/jsx-runtime";
-var imageUrlCreator = defineCreator15({
-  id: "@manifest-editor/image-url-creator",
-  create: createImageUrl,
-  label: "Image",
-  summary: "Image from a URL",
-  icon: /* @__PURE__ */ jsx31(AddImageIcon3, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx31(CreateImageUrlForm, { ...ctx });
-  },
-  resourceType: "ContentResource",
-  resourceFields: ["format"],
-  supports: {
-    parentFields: ["logo", "body", "thumbnail"]
-  },
-  staticFields: {
-    type: "Image"
-  }
-});
-
-// src/ContentResource/ImageUrlListCreator/index.tsx
-import { ImageListIcon as ImageListIcon2 } from "@manifest-editor/components";
-import { defineCreator as defineCreator16 } from "@manifest-editor/creator-api";
-import { jsx as jsx32 } from "react/jsx-runtime";
-var imageUrlListCreator = defineCreator16({
-  id: "@manifest-editor/image-url-list",
-  label: "Image URL List",
-  summary: "Image from a list of URLs",
-  create: createImageUrlList,
-  icon: /* @__PURE__ */ jsx32(ImageListIcon2, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx32(CreateImageUrlListForm, { ...ctx });
-  },
-  resourceType: "ContentResource",
-  resourceFields: ["format"],
-  supports: {
-    parentFields: ["logo", "body", "thumbnail"]
-  },
-  staticFields: {
-    type: "Image"
-  }
-});
-
-// src/ContentResource/PlaintextCreator/index.tsx
-import { defineCreator as defineCreator17 } from "@manifest-editor/creator-api";
-
-// src/ContentResource/PlaintextCreator/create-plaintext.tsx
-import { ActionButton as ActionButton9 } from "@manifest-editor/components";
-import { Input as Input6, InputContainer as InputContainer7, InputLabel as InputLabel7, LanguageFieldEditor as LanguageFieldEditor5 } from "@manifest-editor/editors";
-import { useState as useState8 } from "react";
-import { jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
-async function createPlaintext(data, ctx) {
-  return ctx.embed({
-    id: data.url,
-    type: "Text",
-    label: data.label,
-    format: "text/plain"
-  });
-}
-function CreatePlaintextForm(props) {
-  const [label, setLabel] = useState8({
-    en: ["View as text"]
-  });
-  const onSubmit = (e) => {
-    e.preventDefault();
-    const data = new FormData(e.target);
-    const formData = Object.fromEntries(data.entries());
-    if (formData.url) {
-      props.runCreate({ url: formData.url, label });
-    }
-  };
-  return /* @__PURE__ */ jsx33(PaddedSidebarContainer, { children: /* @__PURE__ */ jsxs15("form", { onSubmit, children: [
-    /* @__PURE__ */ jsx33(
-      LanguageFieldEditor5,
-      {
-        focusId: "label",
-        label: "Label",
-        fields: label,
-        onSave: (e) => setLabel(e.toInternationalString())
-      }
-    ),
-    /* @__PURE__ */ jsxs15(InputContainer7, { $wide: true, children: [
-      /* @__PURE__ */ jsx33(InputLabel7, { htmlFor: "id", children: "Link to plaintext" }),
-      /* @__PURE__ */ jsx33(Input6, { id: "url", name: "url", defaultValue: "" })
-    ] }),
-    /* @__PURE__ */ jsx33(ActionButton9, { primary: true, large: true, type: "submit", children: "Create" })
-  ] }) });
-}
-
-// src/ContentResource/PlaintextCreator/index.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-var plaintextCreator = defineCreator17({
-  id: "@manifest-editor/plaintext-creator",
-  create: createPlaintext,
-  label: "Plaintext",
-  summary: "Add link to an plaintext",
-  icon: /* @__PURE__ */ jsx34(TextFormatIcon, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx34(CreatePlaintextForm, { ...ctx });
-  },
-  resourceType: "ContentResource",
-  resourceFields: ["label", "format"],
-  supports: {
-    parentFields: ["seeAlso", "rendering", "homepage"]
-  },
-  staticFields: {
-    format: "text/plain"
-  }
-});
-
-// src/ContentResource/ThumbnailCreator/index.tsx
-import { ScaledImageIcon } from "@manifest-editor/components";
-import { defineCreator as defineCreator18 } from "@manifest-editor/creator-api";
-
-// src/ContentResource/ThumbnailCreator/create-thumbnail.tsx
-import { ActionButton as ActionButton10 } from "@manifest-editor/components";
-import { Input as Input7, InputContainer as InputContainer8, InputLabel as InputLabel8 } from "@manifest-editor/editors";
-import { useMemo, useState as useState9 } from "react";
-
-// src/ContentResource/ThumbnailCreator/thumbnail-helpers.ts
-import {
-  canonicalServiceUrl as canonicalServiceUrl3,
-  createImageServiceRequest as createImageServiceRequest2,
-  imageServiceRequestToString as imageServiceRequestToString2,
-  parseImageServiceRequest as parseImageServiceRequest2
-} from "@iiif/parser/image-3";
-function serviceImageAtSize(service, size) {
-  if (service["@id"]) {
-    service.id = service["@id"];
-  }
-  if (service["@type"]) {
-    service.type = service["@type"];
-  }
-  const request = createImageServiceRequest2(service);
-  return imageServiceRequestToString2({
-    identifier: request.identifier,
-    server: request.server,
-    scheme: request.scheme,
-    type: "image",
-    size: {
-      max: false,
-      confined: false,
-      upscaled: false,
-      width: size.width,
-      height: size.height
-    },
-    format: "jpg",
-    // This isn't how it should be modelled, always full,
-    // region: data.selector ? data.selector : { full: true },
-    region: { full: true },
-    rotation: { angle: 0 },
-    quality: "default",
-    prefix: request.prefix,
-    originalPath: request.originalPath
-  });
-}
-function getCanonicalUrl2(url) {
-  return url.endsWith("default.jpg") ? imageServiceRequestToString2({
-    ...parseImageServiceRequest2(url),
-    type: "info"
-  }) : canonicalServiceUrl3(url);
-}
-
-// src/ContentResource/ThumbnailCreator/create-thumbnail.tsx
-import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
-async function createThumbnail(data, ctx) {
-  const service = { ...data.service };
-  const sizes = service.sizes;
-  if (service["@id"]) {
-    service.id = service["@id"];
-  }
-  if (service["@type"]) {
-    service.type = service["@type"];
-  }
-  if (data.thumbnailUrl) {
-    return ctx.embed({
-      id: data.thumbnailUrl,
-      type: "Image",
-      format: "image/jpeg",
-      width: data.width,
-      height: data.height
-    });
-  }
-  if (sizes) {
-    const thumbnailSize = data.width || 400;
-    let bestMatch = null;
-    for (const size of sizes) {
-      if (!bestMatch || Math.abs(size.width - thumbnailSize) < Math.abs(bestMatch.width - thumbnailSize)) {
-        bestMatch = { width: size.width, height: size.height };
-      }
-    }
-    if (bestMatch) {
-      const imageId = serviceImageAtSize(service, bestMatch);
-      return ctx.embed({
-        id: imageId,
-        type: "Image",
-        format: "image/jpeg",
-        width: bestMatch.width,
-        height: bestMatch.height
-      });
-    }
-  }
-  return null;
-}
-function CreateThumbnailForm(props) {
-  const [url, setUrl] = useState9("");
-  const [service, setService] = useState9(null);
-  const [selectedSize, setSelectedSize] = useState9({ width: 0, height: 0 });
-  const previewUrl = useMemo(() => {
-    if (!service)
-      return null;
-    if (!selectedSize.width || !selectedSize.height)
-      return null;
-    return serviceImageAtSize(service, selectedSize);
-  }, [selectedSize, service]);
-  const onSubmit = (e) => {
-    e.preventDefault();
-    const data = new FormData(e.target);
-    const formData = Object.fromEntries(data.entries());
-    const url2 = formData.url;
-    if (url2) {
-      const info = getCanonicalUrl2(url2);
-      if (!info) {
-        throw new Error("Invalid image service request");
-      }
-      fetch(info).then((r) => r.json()).then((service2) => {
-        setService(service2);
-        const size0 = service2.sizes?.[0];
-        if (size0) {
-          setSelectedSize(size0);
-        }
-      });
-    }
-  };
-  if (service) {
-    return /* @__PURE__ */ jsxs16(PaddedSidebarContainer, { children: [
-      /* @__PURE__ */ jsxs16("div", { className: "mb-4", children: [
-        /* @__PURE__ */ jsx35("div", { className: "mb-2", children: service["@id"] || service.id }),
-        /* @__PURE__ */ jsx35("div", { className: "flex gap-2 mb-4", children: service.sizes?.map((size) => {
-          const isSelected = size.width === selectedSize.width;
-          return /* @__PURE__ */ jsxs16(
-            ActionButton10,
-            {
-              primary: isSelected,
-              isDisabled: isSelected,
-              large: true,
-              onPress: () => setSelectedSize(size),
-              children: [
-                size.width,
-                "x",
-                size.height
-              ]
-            },
-            size.width
-          );
-        }) }),
-        previewUrl ? /* @__PURE__ */ jsx35("img", { src: previewUrl, alt: "preview of selected resource" }) : null
-      ] }),
-      /* @__PURE__ */ jsx35(
-        ActionButton10,
-        {
-          primary: true,
-          large: true,
-          isDisabled: !previewUrl,
-          onPress: () => {
-            if (!service)
-              return;
-            props.runCreate({ service, width: selectedSize.width, height: selectedSize.height });
-          },
-          children: "Add thumbnail"
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsx35(PaddedSidebarContainer, { children: /* @__PURE__ */ jsxs16("form", { onSubmit, children: [
-    /* @__PURE__ */ jsx35("div", { className: "flex gap-2 items-center", children: /* @__PURE__ */ jsxs16(InputContainer8, { $wide: true, children: [
-      /* @__PURE__ */ jsx35(InputLabel8, { htmlFor: "id", children: "Link to image service" }),
-      /* @__PURE__ */ jsx35(
-        Input7,
-        {
-          id: "url",
-          name: "url",
-          defaultValue: "",
-          onPaste: (e) => {
-            const text = e.clipboardData.getData("text/plain");
-            setUrl(text ? getCanonicalUrl2(text) : "");
-          },
-          onBlur: (e) => setUrl(e.currentTarget.value ? getCanonicalUrl2(e.currentTarget.value) : "")
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ActionButton10, { primary: true, large: true, type: "submit", isDisabled: !url, children: "Select size" }) })
-  ] }) });
-}
-
-// src/ContentResource/ThumbnailCreator/index.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
-var thumbnailCreator = defineCreator18({
-  id: "@manifest-editor/thumbnail-image",
-  create: createThumbnail,
-  label: "Thumbnail from service",
-  summary: "Add thumbnail from an image service",
-  icon: /* @__PURE__ */ jsx36(ScaledImageIcon, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx36(CreateThumbnailForm, { ...ctx });
-  },
-  resourceType: "ContentResource",
-  resourceFields: ["id", "type", "format"],
-  supports: {
-    parentFields: ["thumbnail"]
-  }
-});
-
-// src/ContentResource/WebPageCreator/index.tsx
-import { defineCreator as defineCreator19 } from "@manifest-editor/creator-api";
-
-// ../ui/icons/LinkIcon.tsx
-import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
-function LinkIcon() {
-  return /* @__PURE__ */ jsxs17("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [
-    /* @__PURE__ */ jsx37("path", { d: "M0 0h24v24H0z", fill: "none" }),
-    /* @__PURE__ */ jsx37("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" })
-  ] });
-}
-
-// src/ContentResource/WebPageCreator/create-web-page.tsx
-import { ActionButton as ActionButton11 } from "@manifest-editor/components";
-import { Input as Input8, InputContainer as InputContainer9, InputLabel as InputLabel9, LanguageFieldEditor as LanguageFieldEditor6 } from "@manifest-editor/editors";
-import { useState as useState10 } from "react";
-import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
-async function createWebPage(data, ctx) {
-  return ctx.embed({
-    id: data.url,
-    type: "Text",
-    label: data.label,
-    format: "text/html"
-  });
-}
-function CreateWebPageForm(props) {
-  const [label, setLabel] = useState10({ en: [""] });
-  const onSubmit = (e) => {
-    e.preventDefault();
-    const data = new FormData(e.target);
-    const formData = Object.fromEntries(data.entries());
-    if (formData.url) {
-      props.runCreate({ url: formData.url, label });
-    }
-  };
-  return /* @__PURE__ */ jsx38(PaddedSidebarContainer, { children: /* @__PURE__ */ jsxs18("form", { onSubmit, children: [
-    /* @__PURE__ */ jsx38(
-      LanguageFieldEditor6,
-      {
-        focusId: "label",
-        label: "Label",
-        fields: label,
-        onSave: (e) => setLabel(e.toInternationalString())
-      }
-    ),
-    /* @__PURE__ */ jsxs18(InputContainer9, { $wide: true, children: [
-      /* @__PURE__ */ jsx38(InputLabel9, { htmlFor: "id", children: "Link" }),
-      /* @__PURE__ */ jsx38(Input8, { id: "url", name: "url", defaultValue: "" })
-    ] }),
-    /* @__PURE__ */ jsx38(ActionButton11, { primary: true, large: true, type: "submit", children: "Create link" })
-  ] }) });
-}
-
-// src/ContentResource/WebPageCreator/index.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
-var webPageCreator = defineCreator19({
-  id: "@manifest-editor/web-page-creator",
-  create: createWebPage,
-  label: "Web page",
-  summary: "Add link to an external web page",
-  icon: /* @__PURE__ */ jsx39(LinkIcon, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx39(CreateWebPageForm, { ...ctx });
-  },
-  resourceType: "ContentResource",
-  resourceFields: ["label", "format"],
-  supports: {
-    parentFields: ["seeAlso", "rendering", "homepage"]
-  }
-});
-
-// src/ContentResource/YouTubeCreator/index.tsx
-import { YouTubeIcon } from "@manifest-editor/components";
-import { defineCreator as defineCreator20 } from "@manifest-editor/creator-api";
-
-// src/ContentResource/YouTubeCreator/create-youtube-body.tsx
-import { ActionButton as ActionButton12 } from "@manifest-editor/components";
-import { Input as Input9, InputContainer as InputContainer10, InputLabel as InputLabel10 } from "@manifest-editor/editors";
-import { jsx as jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
-var ytRegex = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;
-function getYouTubeId(url) {
-  const id = (url || "").match(ytRegex);
-  return id ? id[1] : null;
-}
-function validateYouTube(data) {
-  return !!getYouTubeId(data.youtubeUrl);
-}
-async function createYoutubeBody(data, ctx) {
-  const id = getYouTubeId(data.youtubeUrl);
-  const body = ctx.embed({
-    id: `https://www.youtube.com/watch?v=${id}`,
-    type: "Video",
-    service: [
-      {
-        profile: "http://digirati.com/objectifier",
-        params: {
-          data: `https://www.youtube.com/embed/${id}`
-        }
-      },
-      {
-        id: `https://www.youtube.com/watch?v=${id}`,
-        profile: "https://www.youtube.com"
-      }
-    ]
-  });
-  if (ctx.options.targetType === "Canvas") {
-    const canvasId = ctx.generateId("canvas");
-    const pageId = ctx.generateId("annotation-page", {
-      id: canvasId,
-      type: "Canvas"
-    });
-    const annotation = ctx.embed({
-      id: ctx.generateId("annotation", { id: pageId, type: "AnnotationPage" }),
-      type: "Annotation",
-      motivation: "painting",
-      body: [body],
-      target: {
-        type: "SpecificResource",
-        source: { id: canvasId, type: "Canvas" }
-      }
-    });
-    const page = ctx.embed({
-      id: pageId,
-      type: "AnnotationPage",
-      items: [annotation]
-    });
-    return ctx.embed({
-      id: canvasId,
-      type: "Canvas",
-      label: data.label || { en: ["Untitled YouTube canvas"] },
-      height: data.height || 1e3,
-      width: data.width || 1e3,
-      duration: data.duration || 1,
-      items: [page]
-    });
-  }
-  if (ctx.options.targetType === "Annotation") {
-    return ctx.embed({
-      id: ctx.generateId("annotation"),
-      type: "Annotation",
-      motivation: "painting",
-      body: [body],
-      target: ctx.getTarget()
-    });
-  }
-  return body;
-}
-function YouTubeForm(props) {
-  const onSubmit = (e) => {
-    e.preventDefault();
-    const data = new FormData(e.target);
-    const formData = Object.fromEntries(data.entries());
-    if (formData.youtubeUrl) {
-      props.runCreate({ youtubeUrl: formData.youtubeUrl });
-    }
-  };
-  return /* @__PURE__ */ jsx40(PaddedSidebarContainer, { children: /* @__PURE__ */ jsxs19("form", { onSubmit, children: [
-    /* @__PURE__ */ jsxs19(InputContainer10, { $wide: true, children: [
-      /* @__PURE__ */ jsx40(InputLabel10, { htmlFor: "id", children: "Link to YouTube" }),
-      /* @__PURE__ */ jsx40(Input9, { id: "youtubeUrl", name: "youtubeUrl", defaultValue: "" })
-    ] }),
-    /* @__PURE__ */ jsx40(ActionButton12, { primary: true, large: true, type: "submit", children: "Create" })
-  ] }) });
-}
-
-// src/ContentResource/YouTubeCreator/index.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
-var youTubeBodyCreator = defineCreator20({
-  id: "@manifest-editor/youtube",
-  create: createYoutubeBody,
-  label: "YouTube",
-  summary: "Embed YouTube",
-  icon: /* @__PURE__ */ jsx41(YouTubeIcon, {}),
-  resourceType: "ContentResource",
-  additionalTypes: ["Canvas", "Annotation"],
-  resourceFields: ["id", "type", "service"],
-  render: (ctx) => /* @__PURE__ */ jsx41(YouTubeForm, { ...ctx }),
-  supports: {
-    parentTypes: ["Annotation", "Manifest", "AnnotationPage"],
-    parentFieldMap: {
-      Annotation: ["body"],
-      Manifest: ["items"],
-      AnnotationPage: ["items"]
-    }
-  },
-  staticFields: {
-    type: "Video"
-  }
-});
-
-// src/Manifest/ManifestBrowserCreator/index.tsx
-import { IIIFBrowserIcon as IIIFBrowserIcon2 } from "@manifest-editor/components";
-import { defineCreator as defineCreator21 } from "@manifest-editor/creator-api";
-
-// src/Manifest/ManifestBrowserCreator/manifest-browser-creator.tsx
-import { createThumbnailHelper } from "@iiif/helpers";
-import { lazy as lazy2 } from "react";
-async function createFromManifestBrowserOutput(data, ctx) {
-  const inputItems = data.output || [];
-  const itemsToAdd = [];
-  for (const item of inputItems) {
-    const { resource, parent, selector } = item;
-    const previewVault = ctx.getPreviewVault();
-    const thumbnails = createThumbnailHelper(previewVault);
-    if (resource.type === "Manifest") {
-      const manifestId = resource.id;
-      invariant(manifestId, "Could not find Manifest ID");
-      const manifest = await previewVault.loadManifest(manifestId);
-      const thumbnail = await thumbnails.getBestThumbnailAtSize(manifest, { width: 256, height: 256 }, false);
-      invariant(manifest, "Manifest not found");
-      itemsToAdd.push(
-        ctx.embed({
-          id: resource.id,
-          type: "Manifest",
-          label: manifest.label,
-          summary: manifest.summary,
-          thumbnail: thumbnail?.best ? [
-            {
-              id: thumbnail.best.id,
-              type: "Image"
-            }
-          ] : void 0
-        })
-      );
-      continue;
-    }
-    if (resource.type === "Collection") {
-      const collectionId = resource.id;
-      invariant(collectionId, "Could not find Manifest ID");
-      const collection = await previewVault.loadManifest(collectionId);
-      invariant(collection, "Collection not found");
-      itemsToAdd.push(
-        ctx.embed({
-          id: resource.id,
-          type: "Collection",
-          label: collection.label
-        })
-      );
-    }
-  }
-  return itemsToAdd;
-}
-var ManifestBrowserCreatorForm2 = lazy2(() => import("./manifest-browser-form.lazy-QGTJHSSC.js"));
-
-// src/Manifest/ManifestBrowserCreator/index.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
-var manifestBrowserCreator = defineCreator21({
-  id: "@manifest-editor/manifest-browser-creator",
-  create: createFromManifestBrowserOutput,
-  label: "IIIF Browser",
-  summary: "Browse IIIF Resources",
-  icon: /* @__PURE__ */ jsx42(IIIFBrowserIcon2, {}),
-  render(ctx) {
-    return /* @__PURE__ */ jsx42(ManifestBrowserCreatorForm, { ...ctx });
-  },
-  resourceType: "Manifest",
-  resourceFields: ["id", "label"],
-  additionalTypes: ["Collection"],
-  supports: {
-    parentTypes: ["Collection"],
-    parentFieldMap: {
-      Collection: ["items"]
-    }
-  },
-  sideEffects: [],
-  staticFields: {}
-});
-
-// src/index.ts
-var allCreators = [
-  // Images first.
-  imageServiceCreator,
-  imageServiceAnnotation,
-  imageUrlCreator,
-  imageUrlAnnotation,
-  videoAnnotation,
-  audioAnnotation,
-  htmlBodyCreator,
-  htmlAnnotation,
-  youTubeBodyCreator,
-  iiifBrowserCreator,
-  emptyCanvas,
-  plaintextCreator,
-  webPageCreator,
-  emptyAnnotationPage,
-  noBodyAnnotation,
-  internalCanvas,
-  captionedImageAnnotation,
-  imageUrlListCreator,
-  imageUrlListAnnotation,
-  thumbnailCreator
-];
-export {
-  CreateAudioAnnotationForm,
-  CreateCaptionedImageAnnotation,
-  CreateHTMLAnnotation,
-  CreateHTMLBodyForm,
-  CreateImageServerForm,
-  CreateImageServiceAnnotationForm,
-  CreateImageUrlAnnotationForm,
-  CreateImageUrlForm,
-  CreateImageUrlListForm,
-  CreatePlaintextForm,
-  CreateThumbnailForm,
-  CreateVideoAnnotationForm,
-  CreateWebPageForm,
-  IIIFBrowserCreatorForm,
-  ManifestBrowserCreatorForm2 as ManifestBrowserCreatorForm,
-  YouTubeForm,
-  allCreators,
-  audioAnnotation,
-  captionedImageAnnotation,
-  createAudioAnnotation,
-  createCaptionedImageAnnotation,
-  createFromIIIFBrowserOutput,
-  createFromManifestBrowserOutput,
-  createHtmlAnnotation,
-  createHtmlBody,
-  createImageServer,
-  createImageServiceAnnotation,
-  createImageUrl,
-  createImageUrlAnnotation,
-  createImageUrlList,
-  createImageUrlListAnnotation,
-  createNoBodyAnnotation,
-  createPlaintext,
-  createThumbnail,
-  createVideoAnnotation,
-  createWebPage,
-  createYoutubeBody,
-  emptyAnnotationPage,
-  emptyCanvas,
-  getYouTubeId,
-  htmlAnnotation,
-  htmlBodyCreator,
-  iiifBrowserCreator,
-  imageServiceAnnotation,
-  imageServiceCreator,
-  imageUrlAnnotation,
-  imageUrlCreator,
-  imageUrlListAnnotation,
-  imageUrlListCreator,
-  internalCanvas,
-  manifestBrowserCreator,
-  noBodyAnnotation,
-  plaintextCreator,
-  validateYouTube,
-  videoAnnotation,
-  webPageCreator,
-  youTubeBodyCreator
-};
+`,Xe=D.label`
+  ${Ye}
+`;function j(e){let[t,n]=w(!1),{progress:r,currentTime:i,element:a}=pe(),{duration:o,isMuted:s,volume:c,isPlaying:l,playRequested:u}=me(),{setVolume:d,toggleMute:f,play:p,pause:m,setDurationPercent:h}=fe(),ee=s||c===0?Re:c>50?Ie:Le;return ye(()=>{if(a.current){let t=a.current;if(t.error&&e.onError){e.onError(t.error?.message||`Unknown error`);return}let n=()=>{e.onError&&e.onError(t.error?.message||`Unknown error`)},r=()=>{t.duration&&e.onDuration&&e.onDuration(t.duration),e.onDimensions&&t instanceof HTMLVideoElement&&e.onDimensions(t.videoWidth,t.videoHeight)};return t.addEventListener(`loadedmetadata`,r),t.addEventListener(`error`,n),()=>{t.removeEventListener(`loadedmetadata`,r),t.removeEventListener(`error`,n)}}},[]),E(ze,{children:[T(Be,{disabled:u,onClick:()=>{l?m():p()},children:u?T(Je,{stroke:`#999`}):l?T(Fe,{title:`Pause`}):T(Pe,{title:`Play`})}),T(A,{ref:i,children:`0:00`}),E(Ve,{onClick:e=>{let{left:t,width:n}=e.currentTarget.getBoundingClientRect();h((e.pageX-t)/n)},children:[T(Ue,{}),o?T(He,{ref:r}):null]}),T(A,{children:ue(o)}),E(Ge,{onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),children:[T(Ke,{$isOpen:t,children:E(`span`,{children:[T(Xe,{htmlFor:`audio-slider`,children:`Change volume`}),T(qe,{id:`audio-slider`,role:`slider`,disabled:s,min:`0`,max:`100`,value:c,onChange:e=>d(Number(e.currentTarget.value))})]})}),T(We,{onClick:()=>f(),children:T(ee,{title:s?`Mute`:`Unmute`})})]})]})}async function M(e,t){let n={id:t.generateId(`annotation`),type:`Annotation`},r=t.options.targetType,i=t.embed({id:e.url,type:`Sound`,format:`audio/mp4`,duration:e.duration||0});if(r===`Annotation`)return t.embed({...n,label:v(e.label)&&e.label,motivation:e.motivation||t.options.initialData?.motivation||`painting`,body:i,target:t.getTarget()});if(r===`Canvas`){let r=t.generateId(`canvas`),a=t.generateId(`annotation-page`,{id:r,type:`Canvas`}),o=t.embed({...n,motivation:`painting`,body:i,target:{type:`SpecificResource`,source:{id:r,type:`Canvas`}}}),s=t.embed({id:a,type:`AnnotationPage`,items:[o]});return t.embed({id:r,type:`Canvas`,label:e.label||{en:[`Untitled HTML canvas`]},duration:e.duration||0,items:[s]})}}function N(e){let[n,r]=w(``),[i,o]=w(0),[s,c]=w(``),[l,u]=w({en:[``]});return ve(()=>{if(c(``),o(0),n){let e=n.split(`/`).pop()?.split(`.`).shift();u({en:[e||``]})}},[n]),E(f,{children:[s?T(a,{children:s}):null,E(b,{$wide:!0,children:[T(x,{htmlFor:`audio-url`,children:`URL`}),T(y,{type:`text`,id:`audio-url`,value:n,onChange:e=>r(e.target.value)})]}),n&&!s?T(`div`,{children:T(S,{containerId:`label`,focusId:`label_`,label:`Label`,fields:l,onSave:e=>u(e.toInternationalString())},`${n}__${i}`)}):null,n&&!s?T(oe.AudioHTML,{media:{url:n,duration:i,type:`Sound`},children:T(j,{onError:e=>c(e),onDuration:e=>o(~~e)},`${n}__${i}`)},`${n}__${i}`):null,i&&!s?E(ie,{children:[T(x,{htmlFor:`duration`,children:`Duration`}),T(y,{type:`number`,id:`duration`,value:i,onChange:e=>o(e.target.valueAsNumber)})]}):null,T(t,{primary:!0,large:!0,type:`button`,onPress:()=>{e.runCreate({url:n,duration:i,label:l})},isDisabled:!n||!!s,children:`Add audio`})]})}const Ze=_({id:`@manifest-editor/audio-annotation`,create:M,label:`Audio`,summary:`Audio annotation`,icon:T(r,{}),render(e){return T(N,{...e})},resourceType:`Annotation`,resourceFields:[`id`,`type`,`motivation`,`body`,`target`],additionalTypes:[`Canvas`],supports:{initialData:!0,onlyPainting:!0,parentTypes:[`AnnotationPage`,`Manifest`],parentFields:[`items`]},staticFields:{type:`Annotation`}});async function Qe(e,t){let n={id:t.generateId(`annotation`),type:`Annotation`},r=t.options.targetType,i=Object.keys(e.body),a=[];for(let r of i){let i=e.body[r].join(`
+`);i&&a.push(await t.create(`@manifest-editor/html-body-creator`,{language:r,body:i},{parent:{resource:n,property:`items`}}))}let o=await t.create(`@manifest-editor/image-url-creator`,{url:e.imageUrl},{parent:{resource:n,property:`body`}});if(o&&a.push(o),r===`Annotation`)return t.embed({...n,motivation:e.motivation||t.options.initialData?.motivation||`painting`,body:a,target:t.getTarget()});if(r===`Canvas`){let r=t.generateId(`canvas`),i=t.generateId(`annotation-page`,{id:r,type:`Canvas`}),o=t.embed({...n,motivation:`painting`,body:a,target:{type:`SpecificResource`,source:{id:r,type:`Canvas`}}}),s=t.embed({id:i,type:`AnnotationPage`,items:[o]});return t.embed({id:r,type:`Canvas`,label:e.label||{en:[`Untitled HTML canvas`]},height:e.height||1e3,width:e.width||1e3,items:[s]})}}function $e(e){let[n,r]=we({key:`bodyValue`,initialValue:{en:[``]},requestId:e.options.initialData?.requestId});return T(`form`,{onSubmit:t=>{t.preventDefault();let n=new FormData(t.target),r=Object.fromEntries(n.entries());e.runCreate({body:{en:[r.caption]},imageUrl:r.url})},children:E(be,{children:[E(b,{$wide:!0,children:[T(x,{htmlFor:`url`,children:`URL to Image`}),T(y,{id:`url`,name:`url`,defaultValue:``,placeholder:`https://example.org/image.jpg`})]}),E(b,{$wide:!0,children:[T(x,{htmlFor:`caption`,children:`Caption`}),T(y,{id:`caption`,name:`caption`,placeholder:`Enter a caption`,onChange:e=>r({en:[e.target.value]}),value:n.en?.[0]||``})]}),T(t,{primary:!0,type:`submit`,children:`Create`})]})})}const et=_({id:`@manifest-editor/captioned-image-annotation`,create:Qe,label:`Captioned image`,summary:`Add an image from a URL with caption`,icon:T(n,{}),render(e){return T($e,{...e})},resourceType:`Annotation`,resourceFields:[`id`,`type`,`motivation`,`body`,`target`],additionalTypes:[`Canvas`],supports:{initialData:!0,disallowPainting:!0,parentTypes:[`AnnotationPage`],parentFields:[`items`]},staticFields:{type:`Annotation`}});async function tt(e,t){let n={id:t.generateId(`annotation`),type:`Annotation`},r=t.options.targetType,i=Object.keys(e.body),a=[];for(let r of i){let i=e.body[r].join(`
+`);i&&a.push(await t.create(`@manifest-editor/html-body-creator`,{language:r,body:i},{parent:{resource:n,property:`items`}}))}if(r===`Annotation`)return t.embed({...n,motivation:e.motivation||t.options.initialData?.motivation||`painting`,body:a,target:t.getTarget()});if(r===`Canvas`){let r=t.generateId(`canvas`),i=t.generateId(`annotation-page`,{id:r,type:`Canvas`}),o=t.embed({...n,motivation:`painting`,body:a,target:{type:`SpecificResource`,source:{id:r,type:`Canvas`}}}),s=t.embed({id:i,type:`AnnotationPage`,items:[o]});return t.embed({id:r,type:`Canvas`,label:e.label||{en:[`Untitled HTML canvas`]},height:e.height||1e3,width:e.width||1e3,items:[s]})}}function nt(e){let[n,r]=we({key:`bodyValue`,initialValue:{en:[``]},requestId:e.options.initialData?.requestId}),i=v(n).trim()===``;return E(be,{children:[T(s,{className:`border-none`,value:n.en?.[0]||``,onChange:e=>r({en:[e]})}),T(t,{primary:!0,type:`button`,onPress:()=>{e.runCreate({body:n})},isDisabled:i,children:`Create`})]})}const rt=_({id:`@manifest-editor/html-annotation`,create:tt,label:`HTML`,summary:`HTML annotation`,icon:T(c,{}),render(e){return T(nt,{...e})},resourceType:`Annotation`,resourceFields:[`id`,`type`,`motivation`,`body`,`target`],additionalTypes:[`Canvas`],supports:{initialData:!0,parentTypes:[`AnnotationPage`,`Manifest`],parentFields:[`items`]},staticFields:{type:`Annotation`}}),P={canvasInteraction:!0,spatial:!0,async run(e,{vault:t,options:n}){if(e&&e.type===`Annotation`&&n.targetType===`Annotation`){let n=t.get(e),r=n.target;if(!(r&&r.source?.type===`Canvas`))return;let i=r.source,a=t.get(i);if(!a.items)return;let o=t.get(a.items[0]);if(!o||o.items.length<2&&!a.behavior.includes(`multi-image`))return;let s=t.get(n.body)[0],c=n.body[0]?.selector,l=(s.service||[]).find(e=>ke(e));l&&l.width&&l.height&&(l.width!==s.width&&t.modifyEntityField({id:s.id,type:`ContentResource`},`width`,l.width),l.height!==s.height&&t.modifyEntityField({id:s.id,type:`ContentResource`},`height`,l.height));let u=l?.width||s.width,d=l?.height||s.height;if(c&&(c.type===`iiif:ImageApiSelector`||c.type===`ImageApiSelector`)&&c.region){let[e,t,n,r]=c.region.split(`,`);u=Number(n)||u,d=Number(r)||d}let f=new je({vault:t,reference:e}),p=ae(a,{width:u,height:d},.6);f.annotation.target.setPosition(p)}}},F={canvasInteraction:!0,spatial:!0,async run(e,{vault:t,options:n}){if(e&&e.type===`Annotation`&&n.targetType===`Annotation`){let n=t.get(e),r=n.target;if(!(r&&r.source?.type===`Canvas`))return;let i=r.source,a=t.get(i);if(!a.items||a.behavior.includes(`multi-image`))return;let o=t.get(a.items[0]);if(!o||o.items.length>1)return;let s=t.get(n.body);if(s.length!==1)return;let c=s[0],l=n.body[0]?.selector,u=(c.service||[])[0],d=u?.width||c.width,f=u?.height||c.height,p=c.duration||u?.duration;if(l&&(l.type===`iiif:ImageApiSelector`||l.type===`ImageApiSelector`)&&l.region){let[e,t,n,r]=l.region.split(`,`);d=Number(n)||d,f=Number(r)||f}let m=new je({vault:t,reference:i});t.batch(()=>{d!==void 0&&m.technical.width.set(d),f!==void 0&&m.technical.height.set(f),p!==void 0&&m.technical.duration.set(p)})}}};var it=Object.defineProperty,at=(e,t,n)=>t in e?it(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,I=(e,t,n)=>(at(e,typeof t==`symbol`?t:t+``,n),n);function L(e){return e.endsWith(`info.json`)?e:e.endsWith(`/`)?`${e}info.json`:`${e}/info.json`}var ot=`http://library.stanford.edu/iiif/image-api/compliance.html#level0`,st=`http://library.stanford.edu/iiif/image-api/compliance.html#level1`,ct=`http://library.stanford.edu/iiif/image-api/compliance.html#level2`,lt=`http://library.stanford.edu/iiif/image-api/conformance.html#level0`,ut=`http://library.stanford.edu/iiif/image-api/conformance.html#level1`,dt=`http://library.stanford.edu/iiif/image-api/conformance.html#level2`,ft=`http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0`,pt=`http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1`,mt=`http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2`,ht=`http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0`,gt=`http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1`,_t=`http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2`,vt=`http://iiif.io/api/image/1/level0.json`,yt=`http://iiif.io/api/image/1/profiles/level0.json`,bt=`http://iiif.io/api/image/1/level1.json`,xt=`http://iiif.io/api/image/1/profiles/level1.json`,St=`http://iiif.io/api/image/1/level2.json`,Ct=`http://iiif.io/api/image/1/profiles/level2.json`,wt=`http://iiif.io/api/image/2/level0.json`,Tt=`http://iiif.io/api/image/2/profiles/level0.json`,Et=`http://iiif.io/api/image/2/level1.json`,Dt=`http://iiif.io/api/image/2/profiles/level1.json`,Ot=`http://iiif.io/api/image/2/level2.json`,kt=`http://iiif.io/api/image/2/profiles/level2.json`,At=`level0`,jt=`level1`,Mt=`level2`,Nt=`http://iiif.io/api/image/2/level0`,Pt=`http://iiif.io/api/image/2/level1`,Ft=`http://iiif.io/api/image/2/level2`,It=[Ft,ct,dt,mt,_t,St,Ct,Ot,kt,Mt],Lt=[...It,Pt,st,ut,pt,gt,bt,xt,Et,Dt,jt],Rt=[Nt,Pt,Ft,ot,st,ct,lt,ut,dt,ft,pt,mt,ht,gt,_t,vt,yt,bt,xt,St,Ct,wt,Tt,Et,Dt,Ot,kt,At,jt,Mt],zt={extraFormats:[`jpg`],extraQualities:[`default`],extraFeatures:[`sizeByWhListed`]},Bt={extraFormats:[`jpg`],extraQualities:[`default`],extraFeatures:[`baseUriRedirect`,`cors`,`jsonldMediaType`,`regionByPx`,`regionSquare`,`sizeByWhListed`,`sizeByH`,`sizeByW`,`sizeByWh`]},Vt={extraFormats:[`jpg`,`png`],extraQualities:[`default`],extraFeatures:[`baseUriRedirect`,`cors`,`jsonldMediaType`,`regionByPct`,`regionByPx`,`regionSquare`,`rotationBy90s`,`sizeByWhListed`,`sizeByConfinedWh`,`sizeByH`,`sizeByPct`,`sizeByW`,`sizeByWh`]};function Ht(e){return It.indexOf(e)===-1?Lt.indexOf(e)===-1?zt:Bt:Vt}function Ut(e){let t=e?Array.isArray(e.profile)?e.profile:[e.profile]:[],n={extraQualities:[],extraFormats:[],extraFeatures:[]};for(let e of t)if(typeof e==`string`&&(e=Ht(e)),e){if(e.formats)for(let t of e.formats)n.extraFormats.indexOf(t)===-1&&n.extraFormats.push(t);if(e.qualities)for(let t of e.qualities)n.extraQualities.indexOf(t)===-1&&n.extraQualities.push(t);if(e.supports)for(let t of e.supports)n.extraFeatures.indexOf(t)===-1&&n.extraFeatures.push(t);if(e.maxHeight&&(n.maxHeight=e.maxHeight),e.maxWidth&&(n.maxWidth=e.maxWidth),e.maxArea&&(n.maxArea=e.maxArea),e.extraFormats)for(let t of e.extraFormats)n.extraFormats.indexOf(t)===-1&&n.extraFormats.push(t);if(e.extraQualities)for(let t of e.extraQualities)n.extraQualities.indexOf(t)===-1&&n.extraQualities.push(t);if(e.extraFeatures)for(let t of e.extraFeatures)n.extraFeatures.indexOf(t)===-1&&n.extraFeatures.push(t);e.maxHeight&&(n.maxHeight=e.maxHeight),e.maxWidth&&(n.maxWidth=e.maxWidth),e.maxArea&&(n.maxArea=e.maxArea)}if(e.extraFormats)for(let t of e.extraFormats)n.extraFormats.indexOf(t)===-1&&n.extraFormats.push(t);if(e.extraFeatures)for(let t of e.extraFeatures)n.extraFeatures.indexOf(t)===-1&&n.extraFeatures.push(t);if(e.extraQualities)for(let t of e.extraQualities)n.extraQualities.indexOf(t)===-1&&n.extraQualities.push(t);return n}function Wt(e){try{if(e===`full`)return{full:!0};if(e===`square`)return{square:!0};let t=e.startsWith(`pct:`),n=e.substr(t?4:0).split(`,`).map(e=>parseFloat(e));return{x:n[0],y:n[1],w:n[2],h:n[3],percent:t}}catch{throw Error(`Expected 'full', 'square' or 'x,y,w,h'. Found `+e)}}function Gt(e){let t={upscaled:!1,max:!1,confined:!1};if(e[0]===`^`&&(t.upscaled=!0,e=e.slice(1)),e===`max`||e===`full`)return t.max=!0,t.serialiseAsFull=e===`full`,t;if(e[0]===`!`&&(t.confined=!0,e=e.slice(1)),e[0]===`p`)return t.percentScale=parseFloat(e.slice(4)),t;let n=e.split(`,`).map(e=>e.trim());return n.length&&typeof n[0]<`u`&&(n[0]!==``&&(t.width=parseInt(n[0],10)),typeof n[1]<`u`&&n[1]!==``?(t.height=parseInt(n[1],10),t.version=2):t.version=3),t}function Kt(e){let t={angle:0};if(e[0]===`!`&&(t.mirror=!0,e=e.substr(1)),t.angle=parseFloat(e)%360,Number.isNaN(t.angle))throw Error(`Invalid rotation ${e}`);return t}function qt(e,t=``){let n=e.match(/^(([a-zA-Z]+):\/\/([^/]+))?((.*)+)/);if(!n)throw Error(`Invalid or unknown input ${e}`);let r=n[2],i=n[3],a=n[4];if(a[0]===`/`&&(a=a.substring(1)),t.length>0){if(t[0]===`/`&&(t=t.substring(1)),t!==a.substring(0,t.length))throw Error(`Path does not start with prefix (path: ${a}, prefix: ${t})`);a=a.substring(t.length)}return{scheme:r,server:i,path:a,prefix:t}}function Jt(e,t=``){let{path:n,scheme:r,server:i,prefix:a}=qt(e,t),o=(n||``).split(`/`).reverse(),[s,c,l,u,...d]=o,f=d.reverse().filter(Boolean).join(`/`);if(o.length===1||s===``)return{type:`base`,scheme:r,server:i,prefix:a,identifier:f};if(s===`info.json`){let[,...e]=o;return{type:`info`,scheme:r,server:i,prefix:a,identifier:e.reverse().filter(Boolean).join(`/`)}}let p=(s||``).split(`.`);if(typeof p[1]>`u`||typeof p[0]>`u`||typeof u>`u`||typeof l>`u`||typeof c>`u`)throw Error(`Invalid image request`);return{type:`image`,scheme:r,server:i,prefix:a,identifier:f,originalPath:n,region:Wt(u),size:Gt(l),rotation:Kt(c),quality:p[0],format:p[1]}}function Yt(e){let t=Jt(L(e.id));if(t.type!==`info`)throw Error(`Invalid service URL`);let n=Ut(e);return{identifier:t.identifier,originalPath:``,server:t.server,prefix:t.prefix,scheme:t.scheme,type:`image`,quality:n.extraQualities.indexOf(`default`)===-1?n.extraQualities[0]:`default`,region:{full:!0},size:{max:!0,upscaled:!1,confined:!1},format:`jpg`,rotation:{angle:0}}}function Xt(e,t,n){let r=n.length,i=[];for(let t=0;t<r;t++){let r=n[t];if(r){let t=r.width;i.push(e/t)}}return i}function Zt(e,t,n){let r=n.length,i=[];for(let a=0;a<r;a++){let r=n[a];r&&i.push({width:Math.floor(e/r),height:Math.floor(t/r)})}return i}function R(e){if(e[`@id`])return e[`@id`];if(e.id)return e.id}function z(e){if(!e||!e.profile||!R(e))return!1;let t=Array.isArray(e.profile)?e.profile:[e.profile];for(let e of t)if(typeof e==`string`&&Rt.indexOf(e)!==-1)return!0;return!1}function Qt(e){if(!z(e))return!1;let t=Array.isArray(e.profile)?e.profile:[e.profile];for(let e of t)if(typeof e==`string`){if(Lt.indexOf(e)!==-1)return!0}else{let t=[...e.supports||[],...e.extraFeatures||[]];if(t.indexOf(`regionByPx`)!==-1&&(t.indexOf(`sizeByW`)!==-1||t.indexOf(`sizeByWh`)!==-1))return!0}return!1}function B(e,t){if(t&&t.profile){let n=t.profile;if(n){let t=Array.isArray(n)?n:[n];return t.includes(`level${e}`)||t.includes(`http://iiif.io/api/image/2/level${e}.json`)||t.includes(`http://iiif.io/api/image/1/level${e}.json`)||t.includes(`http://iiif.io/api/image/1/profiles/level${e}.json`)}}return!1}function V(e){return z(e)?B(0,e)?0:B(1,e)?1:B(2,e)?2:null:null}function $t(e){return(e[`@context`]?Array.isArray(e[`@context`])?e[`@context`]:[e[`@context`]]:[]).indexOf(`http://iiif.io/api/image/3/context.json`)!==-1}function en(e){if(!Qt(e))return[];let t=[],n=Array.isArray(e.profile)?e.profile:[e.profile],r=n.length;for(let t=0;t<r;t++){let r=n[t];if(r&&typeof r!=`string`&&(r.maxHeight||r.maxWidth))return[{id:R(e),type:`variable`,minWidth:0,minHeight:0,maxHeight:r.maxHeight||r.maxWidth,maxWidth:r.maxWidth||r.maxHeight,level:V(e),version:e[`@context`]===`http://iiif.io/api/image/3/context.json`?3:2}]}if(e.tiles){let n=e.tiles.length;for(let r=0;r<n;r++){let n=e.tiles[r];n&&(n.height||n.width)&&t.push({id:R(e),type:`variable`,minHeight:0,minWidth:0,maxHeight:n.height||n.width,maxWidth:n.width,level:V(e),version:$t(e)?3:2})}}return t}function tn(e){let t=e.match(/^.*\/(full)\/(((\d+),(\d+)?)|max)\/(\d+)\/default\.(jpg|png|jpeg)$/);if(t&&t[4]&&t[5]){let n=t[1],r=parseInt(t[4],10),i=parseInt(t[5],10),a=t[7];if((n===`max`||n===`full`)&&r&&i&&a)return{type:`fixed`,id:e,height:i,width:r}}return{type:`unknown`,id:e}}function nn(e){if(e[`@type`])return e[`@type`];if(e.type)return e.type}function rn(e){if(typeof e==`string`)return tn(e);let t=nn(e);if(t!==`Image`&&t!==`sc:Image`)return null;let n=e,r=R(n);return r?r&&n.width&&n.height?{id:r,type:`fixed`,width:n.width,height:n.height,unsafe:!0}:tn(r):null}function an(e){return z(e)?(e&&e.sizes?e.sizes:[]).map(t=>({id:R(e),type:`fixed-service`,height:t.height,width:t.width,level:V(e),version:$t(e)?3:2})):[]}function on(e){let t=[],n=e.length;for(let r=0;r<n;r++){let n=e[r];if(!n)continue;let i=an(n);i.length&&t.push(...i);let a=en(n);a.length&&t.push(...a)}return t}function sn(e){let t=e.service?Array.isArray(e.service)?e.service:[e.service]:[],n=t.length,r=[];for(let e=0;e<n;e++)z(t[e])&&r.push(t[e]);return r}function cn(e,t=!0,n){let r=[],i=rn(e);if(i===null)return r;let a=e;if(r.push(i),t&&a&&a.width&&a.height){let e=[],t=sn(a);for(let r of t){let t={id:R(r),width:a.width,height:a.height};if(n.canLoadSync(t)){let r=n.loadServiceSync(t);r&&(r.height||(r.height=a.height),r.width||(r.width=a.width),e.push(...on([r])))}}if(e.length)return r.push(...e),r}return a.service&&r.push(...on(a.service)),r}function ln({x:e=0,y:t=0,w:n,h:r,full:i,square:a,percent:o}){if(i)return`full`;if(a)return`square`;if(typeof n>`u`||typeof r>`u`)throw Error(`RegionParameter: invalid region`);let s=`${e},${t},${n},${r}`;return o?`pct:${s}`:s}function un({max:e,percentScale:t,upscaled:n,confined:r,width:i,height:a,serialiseAsFull:o,version:s}){let c=[];return n&&c.push(`^`),e?(c.push(o?`full`:`max`),c.join(``)):(r&&c.push(`!`),t&&c.push(`pct:${t}`),i&&c.push(`${i}`),c.push(`,`),a&&s===3&&c.push(`${a}`),c.join(``))}function dn(e){return`${e.mirror?`!`:``}${(e.angle||0)%360}`}function fn(e,t){let n=e.prefix.startsWith(`/`)?e.prefix.substr(1):e.prefix,r=`${e.scheme}://${e.server}/${n?`${n}/`:``}${e.identifier}`;if(e.type===`base`)return r;if(e.type===`info`)return`${r}/info.json`;let{size:i}=e,{region:a,rotation:o,format:s,quality:c}=e;if(t){let e=t[`@context`]?Array.isArray(t[`@context`])?t[`@context`]:[t[`@context`]]:[],n=e.indexOf(`http://iiif.io/api/image/2/context.json`)!==-1,r=e.indexOf(`http://iiif.io/api/image/3/context.json`)!==-1;if((i.width===t.width&&!i.height||i.height===t.height&&!i.width||i.width===t.width&&i.height===t.height)&&(i={...i,max:!0}),n&&(i.max&&!i.serialiseAsFull&&(i={...i,serialiseAsFull:!0}),!i.max&&i.width&&i.height&&(i={...i,height:void 0}),i={...i,version:2}),r){if(i.max&&i.serialiseAsFull&&(i={...i,serialiseAsFull:!1}),i.width&&!i.height&&t.width&&t.height){let e=t.height/t.width;i={...i,height:Math.ceil(i.width*e)}}i={...i,version:3}}}return[r,ln(a),un(i),dn(o),`${c}.${s}`].filter(Boolean).join(`/`)}function H(e,t,n){let r=Yt({"@context":e.version===3?`http://iiif.io/api/image/3/context.json`:`http://iiif.io/api/image/2/context.json`,id:L(R(e)),profile:e.level===null||typeof e.level>`u`?`level0`:`level${e.level}`,type:e.version===3?`ImageService3`:`ImageService2`});if(r.type!==`image`)throw Error(`Invalid service`);return r.size.max=!1,r.size.width=t,r.size.height=n,{id:fn(r),type:`fixed`,width:t,height:n||e.height/(e.width||1)*t,unsafe:e.width>t}}function U(e){let t=e.replace(/(https?:\/\/)?(www.)?/i,``);return t.indexOf(`/`)===-1?t:t.split(`/`)[0]}function pn(e,t,n){let r=e.width?e.width:e.maxWidth;return n.height<=e.maxHeight&&n.width<=e.maxWidth&&n.height>=e.minHeight&&n.width>=e.minWidth&&(!t||Math.abs(n.width-r)<Math.abs(t.width-r))}function mn(e,t){let n=[],r=Object.assign({unsafeImageService:!1,atAnyCost:!0,fallback:!0,minHeight:64,minWidth:64,maxHeight:1/0,maxWidth:1/0,returnAllOptions:!1,preferFixedSize:!1,allowUnsafe:!1,explain:!1,height:0,width:0},e),i=(e,t=0)=>r.explain?n.push(Array(t).fill(0).map(e=>`    `).join(``)+e().trim()):void 0,a=[],o=[],s=null;i(()=>`Using configuration: ${JSON.stringify(r,null,2)}`);let c=(e,t)=>{if(i(()=>`Swapping choice`,3),pn(r,t,e)){if(r.preferFixedSize&&e.unsafe){i(()=>`We found an image that was marked as unsafe, but it was the best size. (${e.id})`,4),o.push(e);return}r.returnAllOptions&&t&&o.push(t),i(()=>`We found a new image that was the best size. (${e.id})`,4),s=e}else r.returnAllOptions&&o.push(e)};i(()=>`The input shows we have ${t.length} list(s) of candidates to choose from.`);let l=t.length;for(let e=0;e<l;e++){let n=t[e]();i(()=>`Candidate group ${e}: ${JSON.stringify(n,null,2)}`,1);let o=n.length;i(()=>`Checking candidate list number ${e} and found ${o} potential ways of creating image(s)`,1);for(let e=0;e<o;e++){let t=n[e];i(()=>`-> Checking candidate ${e}`,1),t.type===`unknown`&&r.atAnyCost&&(i(()=>`We've found an unknown image type, adding this to the "last resort" list`,2),a.push(t)),t.type===`fixed`&&(t.unsafe?(i(()=>`We've found an unsafe fixed image type, adding this to the "last resort" list`,2),a.push(t)):(i(()=>`We've found a fixed size image, checking if it matches the request`,2),c(t,s))),t.type===`fixed-service`&&(r.unsafeImageService?(i(()=>`Checking for an image from the tile source, without calculating the right height and width (unsafeImageService)`,2),c(H(t,r.width,r.height),s)):(i(()=>`Checking for an image from the tile source 3`,2),c(H(t,t.width,t.height),s))),t.type===`variable`&&t.maxWidth&&c(H({id:t.id,type:`fixed-service`,width:t.maxWidth,height:t.maxWidth,level:t.level,version:t.version},t.maxWidth),s)}if(s&&!r.returnAllOptions){if(s.unsafe||r.allowUnsafe)continue;i(()=>`We found a match in choice list number ${e}, no searching any more`);break}}return r.atAnyCost&&o.length===0?(i(()=>s?`We found an image! ${s.id} of type ${s.type}`:`We found no images, but "atAnyCost" is set, so returning that`),{best:s||a[0]||null,fallback:a.slice(1),log:n}):r.returnAllOptions?(i(()=>`Returning all options that we have found`),{best:(r.atAnyCost?s||o[0]||a[0]:s||o[0])||null,fallback:[...o,...a],log:n}):(i(()=>`Returning the best image that we found, and a fallback`),{best:s||o[0]||null,fallback:s?o:o.slice(1),log:n})}function hn(e,t,n){let r=e>t?e:t,i=n.length,a=[];for(let e=0;e<i;e++){let t=n[e];if(!t||t.scaleFactors.length===0)continue;let i=t.scaleFactors[0];if(!i)continue;let o=r/i,s=[i];for(;o>=t.width;)i*=2,s.push(i),o/=2;a.push({...t,scaleFactors:s})}return a}function gn(e,t){if(e.length!==t.length)return!1;if(e.length===0&&t.length===0)return!0;let n=e.length,r=!0;for(let i=0;i<n;i++){let n=e[i],a=t[i];if(n.width!==a.width||n.height!==a.height){r=!1;break}}if(r)return!0;let i=0;for(let r=0;r<n;r++)for(let a=0;a<n;a++)if(e[r].width===t[a].width&&e[r].height===t[a].height){i++;break}return i===n}function _n(e){return B(0,e)}new class{constructor(e={}){I(this,`config`,{verificationsRequired:1,approximateServices:!1,enableFetching:!0,disableThrottling:!1}),I(this,`fetchingCount`,0),I(this,`imageServices`,{}),I(this,`knownImageServers`,{}),this.config=Object.assign(this.config,e)}setConfig(e){Object.assign(this.config,e)}sample(e,t,n=!0){let r=U(R(e)),i=L(R(e)),a=this.knownImageServers[r];return this.imageServices[i]=Object.assign(e,{real:!0}),!a&&e.tiles&&!_n(e)?(this.knownImageServers[r]={verifications:0,malformed:!1,root:r,preLoaded:n,sampledId:R(e),verified:!1,server:null,result:{context:e[`@context`]||[],sampledProfile:e.profile,resourceServiceRatio:t&&e.height?t.height/e.height:1,sampledSizes:e.sizes||[],sizeRatios:Xt(e.width,e.height,e.sizes||[]),sampledTiles:e.tiles||[]}},!0):this.verify(e)}preLoad(e,t=!0){this.knownImageServers[e.root]=e,t&&(this.knownImageServers[e.root].malformed=!1,this.knownImageServers[e.root].verifications=this.config.verificationsRequired)}predict(e,t=!1,n=!1){let r=e?.source,i=U(R(e)),a=this.knownImageServers[i],o=L(R(e));return this.imageServices[o]?this.imageServices[o]||null:!this.config.approximateServices||!a||!a.result||!(r?.height||e.height)||!(r?.width||e.width)||!n&&(a.malformed||a.verifications<this.config.verificationsRequired)||_n(e.source)?null:(this.imageServices[o]||(this.imageServices[o]={"@context":a.result.context,"@id":R(e),id:R(e),protocol:`http://iiif.io/api/image`,tiles:r?.tiles||hn(e.width,e.height,a.result.sampledTiles),sizes:r?.sizes||Zt(Math.round(e.width/a.result.resourceServiceRatio),Math.round(e.height/a.result.resourceServiceRatio),a.result.sizeRatios),profile:r?.profile||a.result.sampledProfile,height:r?.height||e.height,width:r?.width||e.width,real:!1}),this.imageServices[o]||null)}async getThumbnailFromResource(e,t,n=!0,r=[]){let i=e?await this.getImageCandidates(e,n):[];return mn(t,[()=>r,()=>i])}async getImageCandidates(e,t=!0){let n=e;if(t&&n&&n.height&&n.width){let e=sn(n);for(let t of e){let e={id:R(t),width:t.width?t.width:n.width,height:t.height?t.height:n.height,source:t};await this.loadService(e)}}return cn(e,t,this)}async verify(e){let t=this.predict(e,!1,!0),n=await this.fetchService(R(e));if(!t)return!1;let r=t.height===n.height&&t.width===n.width&&t[`@context`]===n[`@context`]&&gn(t.sizes||[],n.sizes||[]);if(r){let t=U(R(e)),n=this.knownImageServers[t];n&&(n.verifications+=1,n.verifications>=this.config.verificationsRequired&&(n.verified=!0))}return r}canLoadSync(e){let t=typeof e==`string`?e:R(e),n=L(t);if(this.imageServices[n])return!0;let r=this.knownImageServers[U(t)];return!!(r&&!r.malformed&&r.verifications>=this.config.verificationsRequired)}async markAsMalformed(e){return this.knownImageServers[U(R(e))].malformed=!0,this.loadService(e,!0)}async fetchService(e,t=!1){let n=L(e),r=this.imageServices[n];if(r&&(!t||r.real))return r;if(!this.config.enableFetching)throw Error(`Fetching is not enabled`);let i=await this.fetch(n).then(e=>e.json());return!i.id&&i[`@id`]&&(i.id=i[`@id`]),i.id!==e&&(i.id=e,i[`@id`]&&(i[`@id`]=e)),this.imageServices[n]=Object.assign(i,{real:!0}),this.imageServices[n]}async fetch(e,t){return fetch(e,t)}async loadService(e,t=!1){if(!this.config.disableThrottling){let e=!0;for(;e;)if(this.fetchingCount>=this.config.verificationsRequired)await new Promise(e=>setTimeout(e,500));else{e=!1;break}}let n=this.knownImageServers[U(R(e))];if(n&&!n.malformed&&!t){await n.result;let t=this.loadServiceSync(e);if(t)return t}this.fetchingCount++;let r=await this.fetchService(R(e),t);return this.fetchingCount--,r.real&&this.sample(r,e),r}loadServiceSync(e){let t=L(R(e));return this.imageServices[t]?this.imageServices[t]:this.config.approximateServices?this.predict(e):null}};const W={canvasInteraction:!0,spatial:!0,async run(e,{vault:t,options:n}){if(e&&e.type===`Annotation`&&n.targetType===`Annotation`){let n=t.get(e),r=n.target;if(!(r&&r.source?.type===`Canvas`))return;let i=r.source,a=t.get(i);if(!a.items||a.behavior.includes(`multi-image`)||!t.get(a.items[0]))return;let o=Array.isArray(n.body)?n.body[0]:n.body;if(o.type===`SpecificResource`&&o.selector)return;let s=t.get(n.body)[0],c=(s.service||[]).find(e=>z(e));c&&c.width&&c.height&&(c.width!==s.width&&t.modifyEntityField({id:s.id,type:`ContentResource`},`width`,c.width),c.height!==s.height&&t.modifyEntityField({id:s.id,type:`ContentResource`},`height`,c.height))}}};async function vn(e,t){let n={...e.service};n[`@id`]&&(n.id=n[`@id`]),n[`@type`]&&(n.type=n[`@type`]);let r=De(n),i=O({identifier:r.identifier,server:r.server,scheme:r.scheme,type:`image`,size:{max:!e.size?.width&&!e.size?.height,confined:!1,upscaled:!1,...e.size||{}},format:`jpg`,region:{full:!0},rotation:{angle:0},quality:`default`,prefix:r.prefix,originalPath:r.originalPath});return t.embed({id:i,type:`Image`,format:e.format||`image/jpeg`,height:e.height||n.height,width:e.width||n.width,service:e.embedService===!1?void 0:[e.service]})}function G(e){return e.endsWith(`default.jpg`)?O({...Ae(e),type:`info`}):Ee(e)}function K(e){let[n,r]=w(``);return T(f,{children:E(`form`,{onSubmit:t=>{t.preventDefault();let n=new FormData(t.target),r=Object.fromEntries(n.entries()),i=r.url;if(i){let t=G(i);if(!t)throw Error(`Invalid image service request`);fetch(t).then(e=>e.json()).then(t=>{e.runCreate({url:r.url,service:t})})}},children:[T(`div`,{className:`flex gap-2 items-center`,children:E(b,{$wide:!0,children:[T(x,{htmlFor:`id`,children:`Link to image service`}),T(y,{id:`url`,name:`url`,defaultValue:``,onPaste:e=>{let t=e.clipboardData.getData(`text/plain`);r(t?G(t):``)},onBlur:e=>r(e.currentTarget.value?G(e.currentTarget.value):``)})]})}),T(`div`,{className:`relative flex z-0 my-5 h-96 min-h-0 min-w-0 overflow-hidden bg-gray-200 rounded items-center justify-center`,children:n.trim()?T(Me,{fallbackRender:()=>T(`div`,{children:`Invalid service`}),children:T(se,{src:n,fluid:!0,errorFallback:()=>T(`div`,{children:`Invalid service`}),background:`rgb(229,231,235)`,className:`h-full w-full`,containerProps:{className:`w-full h-full z-10`}})}):T(`div`,{className:`text-grey-600`,children:`Preview`})}),T(`div`,{children:T(t,{primary:!0,large:!0,type:`submit`,isDisabled:!n,children:`Create`})})]})})}async function q(e,t){let n={id:t.generateId(`annotation`),type:`Annotation`},r=t.options.targetType,i=await g(t,`Annotation`,`body`,`@manifest-editor/image-service-creator`)(e,{parent:{resource:n,property:`body`}});if(r===`Annotation`)return{...n,body:[i],motivation:e.motivation||`painting`,target:t.getTarget()};if(r===`Canvas`){let r=t.generateId(`canvas`),a=t.generateId(`annotation-page`,{id:r,type:`Canvas`}),o=t.embed({...n,motivation:`painting`,body:[i],target:{type:`SpecificResource`,source:{id:r,type:`Canvas`}}}),s=t.embed({id:a,type:`AnnotationPage`,items:[o]}),c;return e.service?.sizes&&(c=await g(t,`Canvas`,`thumbnail`,`@manifest-editor/thumbnail-image`)({service:e.service,width:e.thumbnailSize||400})),t.embed({id:r,type:`Canvas`,label:e.label||{en:[`Untitled canvas`]},height:i.resource.height||1e3,width:i.resource.width||1e3,thumbnail:c?[c]:void 0,items:[s]})}}function yn(e){return T(K,{...e})}const bn=_({id:`@manifest-editor/image-service-annotation`,create:q,label:`IIIF Image`,dependencies:[`@manifest-editor/image-service-creator`],summary:`IIIF Image service`,tags:[`image`,`image-service`],icon:T(u,{style:{padding:10}}),render(e){return T(yn,{...e})},resourceType:`Annotation`,resourceFields:[`id`,`type`,`motivation`,`body`,`target`],additionalTypes:[`Canvas`],supports:{onlyPainting:!0,parentTypes:[`AnnotationPage`,`Manifest`],parentFields:[`items`]},sideEffects:[W,F,P],staticFields:{type:`Annotation`}});async function xn(e,t){if(!e.height||!e.width){let t=await Ce(e.url);t&&(e.height=t.height,e.width=t.width)}return t.embed({id:e.url,type:`Image`,format:e.format||await Se(e.url),height:e.height,width:e.width,service:e.service?Array.isArray(e.service)?e.service:[e.service]:void 0})}function J(e){return T(f,{children:E(`form`,{onSubmit:t=>{t.preventDefault();let n=new FormData(t.target),r=Object.fromEntries(n.entries());r.url&&e.runCreate({url:r.url})},children:[E(b,{$wide:!0,children:[T(x,{htmlFor:`id`,children:`Link to Image`}),T(y,{id:`url`,name:`url`,defaultValue:``})]}),T(t,{primary:!0,large:!0,type:`submit`,children:`Create`})]})})}async function Sn(e,t){let n={id:t.generateId(`annotation`),type:`Annotation`},r=t.options.targetType,i=await g(t,`Annotation`,`body`,`@manifest-editor/image-url-creator`)(e,{parent:{resource:n,property:`body`}});if(r===`Annotation`)return t.embed({...n,body:[i],motivation:e.motivation||`painting`,target:t.getTarget()});if(r===`Canvas`){let r=t.generateId(`canvas`),a=t.generateId(`annotation-page`,{id:r,type:`Canvas`}),o=t.embed({...n,motivation:`painting`,body:[i],target:{type:`SpecificResource`,source:{id:r,type:`Canvas`}}}),s=t.embed({id:a,type:`AnnotationPage`,items:[o]});return t.embed({id:r,type:`Canvas`,label:e.label||{en:[`Untitled canvas`]},height:i.resource.height||1e3,width:i.resource.width||1e3,items:[s]})}throw Error(`Unsupported target type`)}function Cn(e){return T(J,{...e})}const wn=_({id:`@manifest-editor/image-url-annotation`,create:Sn,label:`Image`,dependencies:[`@manifest-editor/image-url-creator`],summary:`Image from URL`,tags:[`image`],icon:T(n,{}),render(e){return T(Cn,{...e})},resourceType:`Annotation`,resourceFields:[`id`,`type`,`motivation`,`body`,`target`],additionalTypes:[`Canvas`],supports:{onlyPainting:!0,parentTypes:[`AnnotationPage`,`Manifest`],parentFields:[`items`]},sideEffects:[W,F,P],staticFields:{type:`Annotation`}});async function Tn(e,t){let n=[],r=g(t,`Annotation`,`body`,`@manifest-editor/image-url-creator`);for(let i of e.images)n.push(await r(i,t.options));return n}function Y(e){return T(f,{children:E(o.Form,{onSubmit:t=>{t.preventDefault();let n=new FormData(t.target),r=Object.fromEntries(n.entries());r.urls&&e.runCreate({images:r.urls.split(`
+`).map(e=>({url:e}))})},children:[E(o.InputContainer,{className:`mb-4`,children:[T(o.Label,{children:`Enter a list of URLs (one per line)`}),T(o.TextArea,{name:`urls`,rows:`10`})]}),T(t,{primary:!0,large:!0,type:`submit`,children:`Create`})]})})}async function En(e,t){let n=[],r=g(t,`AnnotationPage`,`items`,`@manifest-editor/image-url-annotation`);for(let i of e.images)n.push(await r(i,t.options));return n}const Dn=_({id:`@manifest-editor/image-url-list-annotation`,create:En,label:`List of Images`,dependencies:[`@manifest-editor/image-url-annotation`],summary:`List of Images from URLs`,tags:[`image`],icon:T(d,{}),render(e){return T(Y,{...e})},resourceType:`Annotation`,resourceFields:[`id`,`type`,`motivation`,`body`,`target`],additionalTypes:[`Canvas`],supports:{onlyPainting:!0,parentTypes:[`AnnotationPage`,`Manifest`],parentFields:[`items`]},sideEffects:[W,F,P],staticFields:{type:`Annotation`}}),On=_({id:`@manifest-editor/no-body-annotation`,create:kn,label:`Annotation without body`,summary:`Add an annotation that only has motivation and target`,icon:T(i,{}),resourceType:`Annotation`,resourceFields:[`id`,`type`,`motivation`,`target`],supports:{initialData:!0,parentTypes:[`AnnotationPage`],parentFields:[`items`],disallowPainting:!0},actionButton:`Create empty annotation`,sideEffects:[],staticFields:{type:`Annotation`}});function kn(e,t){return t.embed({id:t.generateId(`annotation`),type:`Annotation`,label:e?.label,motivation:e.motivation||t.options.initialData?.motivation||`highlighting`,target:t.getTarget()})}function An({media:e,onError:t,duration:n,onDuration:r,onDimensions:i}){let[{element:a,currentTime:o,progress:s},c,l]=he({duration:n});return E(ce,{element:a,state:c,actions:l,currentTime:o,progress:s,children:[T(`div`,{style:{maxHeight:400,aspectRatio:`${e.width}/${e.height}`,position:`relative`},children:T(oe.VideoHTML,{element:a,media:e,playPause:l.playPause})}),T(j,{onError:t,onDuration:r,onDimensions:i})]})}async function jn(e,t){let n={id:t.generateId(`annotation`),type:`Annotation`},r=t.options.targetType,i=t.embed({id:e.url,type:`Video`,format:`video/mp4`,width:e.width,height:e.height,duration:e.duration||0});if(r===`Annotation`)return t.embed({...n,label:v(e.label)&&e.label,motivation:e.motivation||t.options.initialData?.motivation||`painting`,body:i,target:t.getTarget()});if(r===`Canvas`){let r=t.generateId(`canvas`),a=t.generateId(`annotation-page`,{id:r,type:`Canvas`}),o=t.embed({...n,motivation:`painting`,body:i,target:{type:`SpecificResource`,source:{id:r,type:`Canvas`}}}),s=t.embed({id:a,type:`AnnotationPage`,items:[o]});return t.embed({id:r,type:`Canvas`,label:e.label||{en:[`Untitled HTML canvas`]},duration:e.duration||0,width:e.width,height:e.height,items:[s]})}}function Mn(e){let[n,r]=w(``),[i,o]=w(0),[s,c]=w(0),[l,u]=w(0),[d,p]=w(``),[m,h]=w({en:[``]});return ve(()=>{if(p(``),o(0),n){let e=n.split(`/`).pop()?.split(`.`).shift();h({en:[e||``]})}},[n]),E(f,{children:[d?T(a,{children:d}):null,E(b,{$wide:!0,children:[T(x,{htmlFor:`video-url`,children:`URL`}),T(y,{type:`text`,id:`video-url`,value:n,onChange:e=>r(e.target.value)})]}),n&&!d?T(`div`,{children:T(S,{containerId:`label`,focusId:`label_`,label:`Label`,fields:m,onSave:e=>h(e.toInternationalString())},`${n}__${i}`)}):null,n&&!d?T(`div`,{className:`mb-4 bg-black`,children:T(An,{duration:i,onDuration:e=>o(e),onError:e=>p(e),media:{url:n,duration:i,height:l,width:s,type:`Video`},onDimensions:(e,t)=>{c(e||0),u(t||0)}})}):null,!d&&(i||s||l)?T(b,{$wide:!0,children:T(re,{widthId:`width`,width:s||0,changeWidth:e=>c(e),heightId:`height`,height:l||0,changeHeight:e=>u(e),durationId:`duration`,duration:i||0,changeDuration:e=>o(e)})}):null,T(t,{primary:!0,large:!0,type:`button`,onPress:()=>{e.runCreate({url:n,duration:i,label:m,width:s,height:l})},isDisabled:!n||!!d,children:`Add video`})]})}const Nn=_({id:`@manifest-editor/video-annotation`,create:jn,label:`Video`,summary:`Video annotation`,icon:T(h,{}),render(e){return T(Mn,{...e})},resourceType:`Annotation`,resourceFields:[`id`,`type`,`motivation`,`body`,`target`],additionalTypes:[`Canvas`],supports:{onlyPainting:!0,initialData:!0,parentTypes:[`AnnotationPage`,`Manifest`],parentFields:[`items`]},staticFields:{type:`Annotation`}}),Pn=()=>T(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`24px`,viewBox:`0 0 24 24`,width:`24px`,fill:`#000000`,transform:`scale(-1, 1)`,children:E(`g`,{children:[T(`rect`,{fill:`none`,height:`24`,width:`24`}),T(`path`,{d:`M16,20H2V4h14V20z M18,8h4V4h-4V8z M18,20h4v-4h-4V20z M18,14h4v-4h-4V14z`})]})}),Fn=_({id:`@manifest-editor/empty-annotation-page`,create:(e,t)=>t.embed({id:t.generateId(`annotations`),label:e.label,type:`AnnotationPage`,items:[]}),label:`Empty annotation page`,summary:`AnnotationPage with nothing`,icon:T(Pn,{}),resourceType:`AnnotationPage`,resourceFields:[`id`,`type`,`items`],supports:{parentTypes:[`Manifest`,`Canvas`,`Range`],parentFieldMap:{Manifest:[`annotations`],Canvas:[`items`,`annotations`],Range:[`annotations`]}}}),In=_({id:`@manifest-editor/empty-canvas`,create:(e,t)=>{let n=t.generateId(`canvas`),r=t.embed({id:t.generateId(`annotation-page`,{id:n,type:`Canvas`}),type:`AnnotationPage`,items:[]});return{id:n,type:`Canvas`,label:e.label||{en:[``]},height:e.height||1e3,width:e.width||1e3,items:[r]}},label:`Empty canvas`,summary:`No content`,icon:T(i,{}),resourceType:`Canvas`,resourceFields:[`id`,`type`,`label`,`height`,`width`,`items`],supports:{parentTypes:[`Manifest`],parentFields:[`items`]}});var Ln=!0,X=`Invariant failed`;function Z(e,t){if(!e){if(Ln)throw Error(X);var n=typeof t==`function`?t():t,r=n?`${X}: ${n}`:X;throw Error(r)}}const Rn=_({id:`@manifest-editor/internal-canvas`,create:Bn,label:`Internal canvas link`,summary:`Canvas from the same manifest`,icon:T(Pn,{}),resourceType:`Canvas`,resourceFields:[`id`,`type`,`label`],supports:{parentTypes:[`Manifest`],parentFields:[`start`]},render:e=>T(zn,{...e})});function zn(e){let t=de(),n=ge(),r=C(()=>({canSelectCanvas:!1,canSelectCollection:!1,canSelectManifest:!0,canCropImage:!1,alwaysShowNavigationArrow:!1,multiSelect:!1}),[]),i=C(()=>[{type:`callback`,cb:t=>e.runCreate({id:t}),label:`Select canvas`,supportedTypes:[`Canvas`],format:{type:`url`}}],[e.runCreate]),a=C(()=>({saveToLocalStorage:!1,restoreFromLocalStorage:!1,initialHistory:[{url:t?.id,resource:t?.id,route:`/loading?id=${t?.id}`,metadata:{type:`Manifest`}}]}),[t?.id]);return Z(t,`Manifest is not loaded`),T(le,{vault:n,children:T(Ne,{vault:n,navigation:r,output:i,history:a})})}async function Bn(e,t){return t.embed({id:e.id,type:`Canvas`})}const Vn=e=>E(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,height:`1em`,width:`1em`,...e,children:[T(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),T(`path`,{d:`M5 17v2h14v-2H5zm4.5-4.2h5l.9 2.2h2.1L12.75 4h-1.5L6.5 15h2.1l.9-2.2zM12 5.98 13.87 11h-3.74L12 5.98z`})]});async function Hn(e,t){return t.embed({id:t.generateId(`html/${e.language}`),language:e.language,type:`TextualBody`,format:`text/html`,value:e.body||``})}function Un(e){let{i18n:n}=Te(),[r,i]=w(`<p></p>`),[a,o]=w(n.defaultLanguage);return E(f,{children:[T(s,{className:`border-none`,value:r,onChange:e=>i(e)}),T(t,{primary:!0,large:!0,type:`button`,onPress:()=>{e.runCreate({language:a,body:r})},children:`Create`})]})}const Wn=_({id:`@manifest-editor/html-body-creator`,create:Hn,label:`HTML Body`,summary:`Add HTML annotation body`,icon:T(Vn,{}),render(e){return T(Un,{...e})},resourceType:`ContentResource`,resourceFields:[`id`,`language`,`type`,`format`,`value`],supports:{parentTypes:[`Annotation`],parentFields:[`body`]},staticFields:{type:`TextualBody`,format:`text/html`}});function Gn(e,t,n){return`${e}/${Math.floor(t.x)},${Math.floor(t.y)},${Math.floor(t.width)},${Math.floor(t.height)}/${n}/0/default.jpg`}async function Kn(e,t){let n=t.options.targetType,r=e.output,i=[];for(let{resource:a,selector:o,parent:s}of r){let r=a.type,c=new te;if((n===`Canvas`||n===`Annotation`||n===`ContentResource`)&&r===`Canvas`){let r=a.id,l=s?.type===`Manifest`?s.id:void 0;Z(l,`Could not find Manifest`);let u=c.get({id:l,type:`Manifest`})||await c.loadManifest(l);Z(u,`Manifest not found`);let d=u.items.find(e=>e.id===r);Z(d,`Canvas not found`);let f=c.get(d);if(n===`Canvas`&&o?.type!==`BoxSelector`){let e=c.toPresentation3(f);e.label||(e.label={en:[`Untitled canvas`]}),console.log(`loading full canvas`,e),t.vault.loadSync(e.id,e),i.push(t.embed({id:e.id,type:`Canvas`}));continue}let p=c.get(f.items[0]),m=c.get(p.items[0]);if(n===`Annotation`||n===`Canvas`||n===`ContentResource`){let r=c.toPresentation3(m);r.id=t.generateId(`Annotation`);let a=null,s={width:0,height:0};if(r?.body?.service){let t=r?.body.width,n=r?.body.height;a=Oe(r?.body)[0],a&&(!a.width||!a.height)&&(a.width=t,a.height=n),s.width=t,s.height=n,e.trackSize&&e.trackSize(s)}if(o?.type===`BoxSelector`){let s={type:`ImageApiSelector`,region:[~~o.spatial.x,~~o.spatial.y,~~o.spatial.width,~~o.spatial.height].join(`,`)},c={...r.body},l=``;if(a){let e=a.id||a[`@id`]||``;e&&(c.id=Gn(e,o.spatial,`max`),l=Gn(e,o.spatial,`512,`))}if(r.body={id:t.generateId(`SpecificResource`,m),type:`SpecificResource`,source:c,selector:s},e.trackSize&&e.trackSize({width:~~o.spatial.width,height:~~o.spatial.height}),n===`ContentResource`){i.push(r.body);continue}if(n===`Canvas`){let e=t.generateId(`Canvas`,m);r.target=e;let n=t.generateId(`Page`,m),a=t.embed({id:n,type:`AnnotationPage`,items:[r]});i.push(t.embed({id:e,type:`Canvas`,label:{en:[`Untitled canvas`]},width:~~o.spatial.width,height:~~o.spatial.height,thumbnail:l?[t.embed({id:l,type:`Image`,format:`image/jpeg`,width:512,height:Math.round(o.spatial.height/o.spatial.width*512)})]:void 0,items:[a]}));continue}i.push(t.embed({...r,target:t.getTarget()}));continue}i.push(t.embed({...c.toPresentation3(m),target:t.getTarget()}))}}}return i}const qn=_e(()=>import(`./iiif-browser-form.lazy-Cd6PPal4.js`)),Jn=_({id:`@manifest-editor/iiif-browser-creator`,create:Kn,label:`IIIF Browser`,summary:`Browse IIIF Resources`,icon:T(l,{}),render(e){return T(qn,{...e})},hiddenModal:!0,tags:[`image`,`image-service`],resourceType:`ContentResource`,resourceFields:[`id`,`language`,`type`,`format`,`value`],additionalTypes:[`Annotation`,`Canvas`],supports:{onlyPainting:!0,parentTypes:[`Annotation`,`Manifest`,`AnnotationPage`],parentFields:[`body`,`items`],parentFieldMap:{Annotation:[`body`],Manifest:[`items`],AnnotationPage:[`items`]}},sideEffects:[W,F,P],staticFields:{}}),Yn=_({id:`@manifest-editor/image-service-creator`,create:vn,label:`Image Service`,summary:`Add an image from Image Service`,icon:T(u,{style:{padding:10}}),render(e){return T(K,{...e})},resourceType:`ContentResource`,resourceFields:[`id`,`type`,`height`,`width`,`format`,`service`],supports:{parentFields:[`logo`,`body`,`thumbnail`]}}),Xn=_({id:`@manifest-editor/image-url-creator`,create:xn,label:`Image`,summary:`Image from a URL`,icon:T(n,{}),render(e){return T(J,{...e})},resourceType:`ContentResource`,resourceFields:[`format`],supports:{parentFields:[`logo`,`body`,`thumbnail`]},staticFields:{type:`Image`}}),Zn=_({id:`@manifest-editor/image-url-list`,label:`Image URL List`,summary:`Image from a list of URLs`,create:Tn,icon:T(d,{}),render(e){return T(Y,{...e})},resourceType:`ContentResource`,resourceFields:[`format`],supports:{parentFields:[`logo`,`body`,`thumbnail`]},staticFields:{type:`Image`}});async function Qn(e,t){return t.embed({id:e.url,type:`Text`,label:e.label,format:`text/plain`})}function $n(e){let[n,r]=w({en:[`View as text`]});return T(f,{children:E(`form`,{onSubmit:t=>{t.preventDefault();let r=new FormData(t.target),i=Object.fromEntries(r.entries());i.url&&e.runCreate({url:i.url,label:n})},children:[T(S,{focusId:`label`,label:`Label`,fields:n,onSave:e=>r(e.toInternationalString())}),E(b,{$wide:!0,children:[T(x,{htmlFor:`id`,children:`Link to plaintext`}),T(y,{id:`url`,name:`url`,defaultValue:``})]}),T(t,{primary:!0,large:!0,type:`submit`,children:`Create`})]})})}const er=_({id:`@manifest-editor/plaintext-creator`,create:Qn,label:`Plaintext`,summary:`Add link to an plaintext`,icon:T(Vn,{}),render(e){return T($n,{...e})},resourceType:`ContentResource`,resourceFields:[`label`,`format`],supports:{parentFields:[`seeAlso`,`rendering`,`homepage`]},staticFields:{format:`text/plain`}});function tr(e,t){e[`@id`]&&(e.id=e[`@id`]),e[`@type`]&&(e.type=e[`@type`]);let n=De(e);return O({identifier:n.identifier,server:n.server,scheme:n.scheme,type:`image`,size:{max:!1,confined:!1,upscaled:!1,width:t.width,height:t.height},format:`jpg`,region:{full:!0},rotation:{angle:0},quality:`default`,prefix:n.prefix,originalPath:n.originalPath})}function Q(e){return e.endsWith(`default.jpg`)?O({...Ae(e),type:`info`}):Ee(e)}async function nr(e,t){let n={...e.service},r=n.sizes;if(n[`@id`]&&(n.id=n[`@id`]),n[`@type`]&&(n.type=n[`@type`]),e.thumbnailUrl)return t.embed({id:e.thumbnailUrl,type:`Image`,format:`image/jpeg`,width:e.width,height:e.height});if(r){let i=e.width||400,a=null;for(let e of r)(!a||Math.abs(e.width-i)<Math.abs(a.width-i))&&(a={width:e.width,height:e.height});if(a){let e=tr(n,a);return t.embed({id:e,type:`Image`,format:`image/jpeg`,width:a.width,height:a.height})}}return null}function rr(e){let[n,r]=w(``),[i,a]=w(null),[o,s]=w({width:0,height:0}),c=C(()=>!i||!o.width||!o.height?null:tr(i,o),[o,i]);return i?E(f,{children:[E(`div`,{className:`mb-4`,children:[T(`div`,{className:`mb-2`,children:i[`@id`]||i.id}),T(`div`,{className:`flex gap-2 mb-4`,children:i.sizes?.map(e=>{let n=e.width===o.width;return E(t,{primary:n,isDisabled:n,large:!0,onPress:()=>s(e),children:[e.width,`x`,e.height]},e.width)})}),c?T(`img`,{src:c,alt:`preview of selected resource`}):null]}),T(t,{primary:!0,large:!0,isDisabled:!c,onPress:()=>{i&&e.runCreate({service:i,width:o.width,height:o.height})},children:`Add thumbnail`})]}):T(f,{children:E(`form`,{onSubmit:e=>{e.preventDefault();let t=new FormData(e.target),n=Object.fromEntries(t.entries()).url;if(n){let e=Q(n);if(!e)throw Error(`Invalid image service request`);fetch(e).then(e=>e.json()).then(e=>{a(e);let t=e.sizes?.[0];t&&s(t)})}},children:[T(`div`,{className:`flex gap-2 items-center`,children:E(b,{$wide:!0,children:[T(x,{htmlFor:`id`,children:`Link to image service`}),T(y,{id:`url`,name:`url`,defaultValue:``,onPaste:e=>{let t=e.clipboardData.getData(`text/plain`);r(t?Q(t):``)},onBlur:e=>r(e.currentTarget.value?Q(e.currentTarget.value):``)})]})}),T(`div`,{children:T(t,{primary:!0,large:!0,type:`submit`,isDisabled:!n,children:`Select size`})})]})})}const ir=_({id:`@manifest-editor/thumbnail-image`,create:nr,label:`Thumbnail from service`,summary:`Add thumbnail from an image service`,icon:T(m,{}),render(e){return T(rr,{...e})},resourceType:`ContentResource`,resourceFields:[`id`,`type`,`format`],supports:{parentFields:[`thumbnail`]}});function ar(){return E(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`24px`,viewBox:`0 0 24 24`,width:`24px`,fill:`#000000`,children:[T(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),T(`path`,{d:`M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z`})]})}async function or(e,t){return t.embed({id:e.url,type:`Text`,label:e.label,format:`text/html`})}function sr(e){let[n,r]=w({en:[``]});return T(f,{children:E(`form`,{onSubmit:t=>{t.preventDefault();let r=new FormData(t.target),i=Object.fromEntries(r.entries());i.url&&e.runCreate({url:i.url,label:n})},children:[T(S,{focusId:`label`,label:`Label`,fields:n,onSave:e=>r(e.toInternationalString())}),E(b,{$wide:!0,children:[T(x,{htmlFor:`id`,children:`Link`}),T(y,{id:`url`,name:`url`,defaultValue:``})]}),T(t,{primary:!0,large:!0,type:`submit`,children:`Create link`})]})})}const cr=_({id:`@manifest-editor/web-page-creator`,create:or,label:`Web page`,summary:`Add link to an external web page`,icon:T(ar,{}),render(e){return T(sr,{...e})},resourceType:`ContentResource`,resourceFields:[`label`,`format`],supports:{parentFields:[`seeAlso`,`rendering`,`homepage`]}}),lr=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function $(e){let t=(e||``).match(lr);return t?t[1]:null}function ur(e){return!!$(e.youtubeUrl)}async function dr(e,t){let n=$(e.youtubeUrl),r=t.embed({id:`https://www.youtube.com/watch?v=${n}`,type:`Video`,service:[{profile:`http://digirati.com/objectifier`,params:{data:`https://www.youtube.com/embed/${n}`}},{id:`https://www.youtube.com/watch?v=${n}`,profile:`https://www.youtube.com`}]});if(t.options.targetType===`Canvas`){let n=t.generateId(`canvas`),i=t.generateId(`annotation-page`,{id:n,type:`Canvas`}),a=t.embed({id:t.generateId(`annotation`,{id:i,type:`AnnotationPage`}),type:`Annotation`,motivation:`painting`,body:[r],target:{type:`SpecificResource`,source:{id:n,type:`Canvas`}}}),o=t.embed({id:i,type:`AnnotationPage`,items:[a]});return t.embed({id:n,type:`Canvas`,label:e.label||{en:[`Untitled YouTube canvas`]},height:e.height||1e3,width:e.width||1e3,duration:e.duration||1,items:[o]})}return t.options.targetType===`Annotation`?t.embed({id:t.generateId(`annotation`),type:`Annotation`,motivation:`painting`,body:[r],target:t.getTarget()}):r}function fr(e){return T(f,{children:E(`form`,{onSubmit:t=>{t.preventDefault();let n=new FormData(t.target),r=Object.fromEntries(n.entries());r.youtubeUrl&&e.runCreate({youtubeUrl:r.youtubeUrl})},children:[E(b,{$wide:!0,children:[T(x,{htmlFor:`id`,children:`Link to YouTube`}),T(y,{id:`youtubeUrl`,name:`youtubeUrl`,defaultValue:``})]}),T(t,{primary:!0,large:!0,type:`submit`,children:`Create`})]})})}const pr=_({id:`@manifest-editor/youtube`,create:dr,label:`YouTube`,summary:`Embed YouTube`,icon:T(ee,{}),resourceType:`ContentResource`,additionalTypes:[`Canvas`,`Annotation`],resourceFields:[`id`,`type`,`service`],render:e=>T(fr,{...e}),supports:{onlyPainting:!0,parentTypes:[`Annotation`,`Manifest`,`AnnotationPage`],parentFieldMap:{Annotation:[`body`],Manifest:[`items`],AnnotationPage:[`items`]}},staticFields:{type:`Video`}});async function mr(e,t){let n=e.output||[],r=[];for(let e of n){let{resource:n,parent:i,selector:a}=e,o=t.getPreviewVault(),s=ne(o);if(n.type===`Manifest`){let e=n.id;Z(e,`Could not find Manifest ID`);let i=await o.loadManifest(e),a=await s.getBestThumbnailAtSize(i,{width:256,height:256},!1);Z(i,`Manifest not found`),r.push(t.embed({id:n.id,type:`Manifest`,label:i.label,summary:i.summary,thumbnail:a?.best?[{id:a.best.id,type:`Image`}]:void 0}));continue}if(n.type===`Collection`){let e=n.id;Z(e,`Could not find Manifest ID`);let i=await o.loadManifest(e);Z(i,`Collection not found`),r.push(t.embed({id:n.id,type:`Collection`,label:i.label}))}}return r}const hr=_e(()=>import(`./manifest-browser-form.lazy-CAGYyvpq.js`)),gr=_({id:`@manifest-editor/manifest-browser-creator`,create:mr,label:`IIIF Browser`,summary:`Browse IIIF Resources`,icon:T(l,{}),render(t){return T(e,{...t})},resourceType:`Manifest`,resourceFields:[`id`,`label`],additionalTypes:[`Collection`],supports:{parentTypes:[`Collection`],parentFieldMap:{Collection:[`items`]}},sideEffects:[],staticFields:{}});async function _r(e,t,n){let r=t.generateId(`range`,n?{id:n,type:`Range`}:void 0);return t.embed({id:r,type:`Range`,label:e.label||{en:[`Untitled range`]},items:e.items||[]})}function vr(e){let[n,r]=w({en:[``]});return T(f,{children:E(`form`,{onSubmit:t=>{t.preventDefault(),n&&e.runCreate({type:`Range`,label:n})},children:[T(S,{focusId:`label`,label:`Label`,fields:n,onSave:e=>r(e.toInternationalString())}),T(t,{primary:!0,type:`submit`,children:`Create range`})]})})}const yr=_({id:`@manifest-editor/range-with-items`,create:_r,label:`Range`,summary:`Add a new range`,icon:T(p,{}),render(e){return T(vr,{...e})},resourceType:`Range`,resourceFields:[`id`,`label`,`type`],supports:{parentTypes:[`Range`],parentFields:[`items`]},staticFields:{type:`Range`}});async function br(e,t,n){let r=t.generateId(`range`,n?{id:n,type:`Range`}:void 0);return t.embed({id:r,type:`Range`,label:e.label||{en:[`Table of Contents`]},items:(e.items||[]).map(e=>t.ref(e))})}function xr(e){let[n,r]=w({en:[``]});return T(f,{children:E(`form`,{onSubmit:t=>{t.preventDefault(),n&&e.runCreate({type:`Range`,label:n})},children:[T(S,{focusId:`label`,label:`Label`,fields:n,onSave:e=>r(e.toInternationalString())}),T(t,{primary:!0,type:`submit`,children:`Create range`})]})})}const Sr=_({id:`@manifest-editor/range-top-level`,create:br,label:`Top Level Range`,summary:`Add a new top level range`,icon:T(p,{}),render(e){return T(xr,{...e})},resourceType:`Range`,resourceFields:[`id`,`label`,`type`],supports:{parentTypes:[`Manifest`],parentFields:[`structures`]},staticFields:{type:`Range`}}),Cr=[Yn,bn,Xn,wn,Nn,Ze,Wn,rt,pr,Jn,In,er,cr,Fn,On,Rn,et,Zn,Dn,ir,Sr,yr];export{N as CreateAudioAnnotationForm,$e as CreateCaptionedImageAnnotation,nt as CreateHTMLAnnotation,Un as CreateHTMLBodyForm,K as CreateImageServerForm,yn as CreateImageServiceAnnotationForm,Cn as CreateImageUrlAnnotationForm,J as CreateImageUrlForm,Y as CreateImageUrlListForm,$n as CreatePlaintextForm,rr as CreateThumbnailForm,Mn as CreateVideoAnnotationForm,sr as CreateWebPageForm,qn as IIIFBrowserCreatorForm,hr as ManifestBrowserCreatorForm,vr as RangeWithItemsCreatorForm,xr as TopLevelRangeCreatorForm,fr as YouTubeForm,Cr as allCreators,Ze as audioAnnotation,et as captionedImageAnnotation,M as createAudioAnnotation,Qe as createCaptionedImageAnnotation,Kn as createFromIIIFBrowserOutput,mr as createFromManifestBrowserOutput,tt as createHtmlAnnotation,Hn as createHtmlBody,vn as createImageServer,q as createImageServiceAnnotation,xn as createImageUrl,Sn as createImageUrlAnnotation,Tn as createImageUrlList,En as createImageUrlListAnnotation,kn as createNoBodyAnnotation,Qn as createPlaintext,br as createRangeTopLevel,_r as createRangeWithItems,nr as createThumbnail,jn as createVideoAnnotation,or as createWebPage,dr as createYoutubeBody,Fn as emptyAnnotationPage,In as emptyCanvas,$ as getYouTubeId,rt as htmlAnnotation,Wn as htmlBodyCreator,Jn as iiifBrowserCreator,bn as imageServiceAnnotation,Yn as imageServiceCreator,wn as imageUrlAnnotation,Xn as imageUrlCreator,Dn as imageUrlListAnnotation,Zn as imageUrlListCreator,Rn as internalCanvas,gr as manifestBrowserCreator,On as noBodyAnnotation,er as plaintextCreator,Sr as rangeTopLevel,yr as rangeWithItems,ur as validateYouTube,Nn as videoAnnotation,cr as webPageCreator,pr as youTubeBodyCreator};
+//# sourceMappingURL=index.js.map