@mango-iiif/av 0.4.0 → 1.0.0

package/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 ## Unreleased
 
+### Playback through Samvera RAMP
+
+- `<mango-av-player>`, and the player in `<mango-av-media>`, now play through [Samvera RAMP](https://github.com/samvera-labs/ramp) 5.1.1 in place of Media Chrome. RAMP gets a Presentation 3 Manifest holding only the active Canvas and source, rebuilt from the normalized model, so Presentation 2 Manifests, `resolveRequest`, source selection and Canvas navigation keep working through the controller. The controller attaches to RAMP's media element, so its API and events are unchanged.
+- React, RAMP and Video.js are new dependencies, loaded with a dynamic import the first time a player renders. `media-chrome` and `hls-video-element` are removed; RAMP's Video.js plays HLS.
+- The player controls wear Video.js's default skin, a solid bar under the picture, in place of RAMP's overlay theme. The skip buttons use a circular-arrow icon matching the other controls.
+- Player controls map onto RAMP: play, progress, time, volume, captions, playback rate, picture in picture, download and fullscreen, plus skip buttons from `controls.skipSeconds` (rounded to 5, 10 or 30 seconds). Previous, Next, Auto-advance and the source selector stay in the toolbar under the player.
+- `<mango-av-media>` takes the layout and styling from the Mango annotation editor's audio and video view. The player comes first, then a `Position 0:12 / 3:45` line, then segmented tabs for Transcript, Chapters, Annotations, Metadata and Files. Its tabs are the standalone panel elements sharing its controller, and `activePanel` now defaults to `'transcript'`.
+- Transcript, chapters and annotations are rows of a time column and text, with the passage being heard tinted. While playing, the transcript keeps the current cue at the top of its list. Chapters now highlight the chapter being heard rather than every chapter on the Canvas.
+- Audio shows a card with the Canvas poster or Manifest thumbnail, a `Recording` eyebrow, and `audioArt.title`, which now defaults to the Manifest label.
+- New theme properties: `--mango-av-accent-tint`, `--mango-av-danger`, `--mango-av-list-height`, and `--mango-av-panel-background`, `--mango-av-panel-border` and `--mango-av-panel-padding` for the standalone panel card. A theme set on `<mango-av-media>` now reaches the components inside it.
+- `AVManifest.thumbnail` is normalized from the Manifest `thumbnail`.
+
+### Audio captions
+
+- New `<mango-av-captions>` element, also at `@mango-iiif/av/captions`, which shows the transcript's line being spoken as captions are shown on video, with the lines either side faded (or only the current line with `line`).
+- `<mango-av-player>` has a `stage` slot for content shown with the media: in the audio card above the controls, or over the foot of a video.
+- `audioArt.captions` (`'context'`, `'line'` or `false`) shows captions in the audio card of `<mango-av-media>`.
+- WebVTT voice tags (`<v Ana>`) now set each cue's speaker.
+- The transcript panel and captions share one load of a transcript.
+- A new demo page, `captions.html`, shows captions built in and in a layout of the page's own.
+- Fixed the line being heard losing its highlight while the pointer is over it.
+
+### Breaking changes
+
+- Removed the audio artwork visualizer and moving transcript (`audioArt.visualizer`, `audioArt.transcript`, `--mango-av-visualizer-color`, `--mango-av-visualizer-intensity`) and the `av-visualizerfallback` event. They needed to own the media element, which RAMP now does.
+- Removed `crossorigin` and `preload`. `withCredentials` sends credentials with the requests Video.js makes itself, such as HLS segments; RAMP gives no way to set the media element's own `crossorigin` attribute.
+- Resume uses RAMP's position cache and prompt. Removed `resume.prompt`, `controller.getSavedPosition()`, and the `resumePrompt`, `resume` and `startOver` strings.
+- Removed transcript search markers (`transcript.showSearchMarkers`) and the `transcriptSearchMatches`, `searchMatchAt`, `downloadMediaFile` and `unableToLoadMedia` strings. Added the `position` and `recording` strings; `searchTranscript` now reads `Find in transcript`.
+- Removed `--mango-av-panel-width`, and the Media Chrome `player-overlay` and `controls` slots of `<mango-av-media>` and `overlay` and `controls` slots of `<mango-av-player>`.
+- `controller.selectCanvas()`, `next()`, `previous()` and `selectSource()` now detach the current media element. Playback that was running resumes once the next media element can play.
+
+### Earlier unreleased changes
+
 - Added `--mango-av-visualizer-color` and `--mango-av-visualizer-intensity` so the audio artwork visualizer can carry a colour and a strength of its own instead of only following `--mango-av-accent`. Intensity applies to all three modes, scaling the pulse tint, the waveform trace and the spectrum bars in size as well as opacity, and each mode keeps its existing ceiling. Both properties are read at the point of use, so a value set on the custom element inherits through to the artwork, and both default to the existing appearance.
 - The configuration builder demo gained visualizer colour and intensity controls alongside the visualizer mode select.
 

package/README.md

@@ -1,6 +1,8 @@
 # @mango-iiif/av
 
-Framework-free IIIF audio and video components powered by [Media Chrome](https://www.media-chrome.org/). The package reads Presentation 2 and Presentation 3 manifests and exposes an all-in-one element, independently placeable components, and a typed controller API. It has no React or Svelte runtime dependency.
+IIIF audio and video custom elements, played through [Samvera RAMP](https://github.com/samvera-labs/ramp). The package reads Presentation 2 and Presentation 3 manifests and exposes an all-in-one element, independently placeable components, and a typed controller API.
+
+The elements are framework-free to use. RAMP is a React and Video.js library, so React, RAMP and Video.js are installed as dependencies. They are loaded with a dynamic import the first time a player renders, so pages that only use the panels or the controller never download them.
 
 ## Install
 
@@ -10,7 +12,7 @@ npm install @mango-iiif/av
 
 ## Complete media experience
 
-`<mango-av-media>` contains the player, chapters, transcript, annotations, metadata, and supplemental files:
+`<mango-av-media>` puts the RAMP player first, then the playback position, then the transcript, chapters, annotations, metadata and supplemental files in tabs underneath:
 
 ```ts
 import '@mango-iiif/av';
@@ -34,11 +36,7 @@ media.config = {
     pictureInPicture: true,
     fullscreen: true,
   },
-  audioArt: {
-    title: 'Listen to this recording',
-    transcript: true,
-    visualizer: 'waveform',
-  },
+  audioArt: { title: 'Listen to this recording' },
   resume: { enabled: true },
 };
 
@@ -110,12 +108,11 @@ const controller = new AVPlayerController({
     next: 'Nesaf',
     searchTranscript: 'Chwilio’r trawsgrifiad',
     sourceNumber: 'Ffynhonnell {number}',
-    resumePrompt: 'Parhau o {time}?',
   },
 });
 ```
 
-`preferredLanguages` chooses localized IIIF labels and sets the Media Chrome language. The package automatically loads Media Chrome's bundled German, Spanish, French, Portuguese, and Chinese dictionaries. `strings` covers the Mango AV wrapper UI and generated fallback labels for any language. The complete English dictionary is exported as `defaultStrings` for building and validating translation files.
+`preferredLanguages` chooses localized IIIF labels and is passed to RAMP, which loads the matching Video.js dictionary for the player controls. `strings` covers the Mango AV wrapper UI and generated fallback labels for any language. The complete English dictionary is exported as `defaultStrings` for building and validating translation files.
 
 ## Svelte
 
@@ -169,23 +166,33 @@ mango-av-annotations.tailwind-audio {
   --mango-av-border: #cbd5e1;
   --mango-av-radius: 0.875rem;
   --mango-av-font: Inter, ui-sans-serif, system-ui;
-  --mango-av-panel-width: 26rem;
+  --mango-av-list-height: 30rem;
 }
 ```
 
-The audio artwork visualizer follows `--mango-av-accent` unless it is given
-`--mango-av-visualizer-color`, and `--mango-av-visualizer-intensity` scales how
-strongly it renders (`1` by default, `0` to hide it). See
-[docs/API.md](docs/API.md) for the full property list.
+A theme set on `<mango-av-media>` reaches the player and panels inside it. See [docs/API.md](docs/API.md) for the full property list. The player controls wear Video.js's default skin.
+
+The complete element provides `header`, `before-player` and `after-player` slots. The standalone player provides `stage`, for content shown with the media such as captions, and `after-player`. The information components provide a `heading` slot.
+
+## Audio captions
+
+Audio can read like video: `<mango-av-captions>` shows the line being spoken, with the lines either side faded. In `<mango-av-media>`, set `audioArt: { captions: 'context' }` (or `'line'`). In a layout of your own, put it in a player's `stage` slot, or anywhere else, on the same controller:
+
+```html
+<mango-av-transcript></mango-av-transcript>
+<mango-av-player>
+  <mango-av-captions slot="stage"></mango-av-captions>
+</mango-av-player>
+```
 
-Media Chrome variables such as `--media-primary-color` and `--media-secondary-color` can also be set directly. The complete element provides `header`, `before-player`, `player-overlay`, `controls`, and `after-player` slots. The standalone player provides `overlay` and `controls`; the information components provide a `heading` slot.
+`npm run dev` and open `/captions.html` to see both.
 
 Run `npm run dev` to use the interactive configuration builder and the linked composable-components demonstration. They include Video, HLS, and Audio presets, feature switches, generated API configuration, independently positioned components, and multiple style recipes.
 
 ## Supported IIIF AV behavior
 
 - Presentation 2 sequences and Presentation 3 Canvas items
-- Audio, video, native HLS, and hls.js-backed HLS through `<hls-video>`
+- Audio, video and HLS, played by RAMP's Video.js
 - `Choice` and multiple painting bodies, media source selection, temporal fragments, and clipped playback
 - Multi-Canvas previous/next, `start`/`startCanvas`, `auto-advance`, and `repeat`
 - Nested Range navigation and temporal chapters
@@ -195,7 +202,7 @@ Run `npm run dev` to use the interactive configuration builder and the linked co
 - Commenting, supplementing, transcribing, tagging, and highlighting annotations
 - Manifest/Canvas metadata, rights, required statements, homepages, and `rendering` downloads
 - Placeholder posters, request resolution for protected media, and service metadata normalization
-- Optional persisted playback positions
+- Optional persisted playback positions, through RAMP's resume cache
 - Configurable annotation create/update/delete adapters
 
 See [API.md](docs/API.md) for the complete API and [FEATURE_PARITY.md](docs/FEATURE_PARITY.md) for feature coverage.

package/dist/annotations.d.ts

@@ -1,5 +1,5 @@
-import { A as AVControllerElement } from './controller-element-CkXIA6w2.js';
-import { k as AVPlayerEventMap } from './controller-SkwGkVE8.js';
+import { A as AVControllerElement } from './controller-element-Cn5cxKnD.js';
+import { j as AVPlayerEventMap } from './controller-Ag3nFtwP.js';
 
 declare class MangoAVAnnotationsElement extends AVControllerElement {
     #private;

package/dist/annotations.js

@@ -1,10 +1,10 @@
 import {
   MangoAVAnnotationsElement,
   defineMangoAVAnnotations
-} from "./chunk-YX32ZQPR.js";
-import "./chunk-CDLYT3KB.js";
-import "./chunk-C4H46HDS.js";
-import "./chunk-4NOWGMI5.js";
+} from "./chunk-AWLDINQR.js";
+import "./chunk-TQNEVWUH.js";
+import "./chunk-JXZR5DL2.js";
+import "./chunk-53ZN4Y4L.js";
 
 // src/annotations.ts
 if (typeof window !== "undefined" && "customElements" in window) defineMangoAVAnnotations();

package/dist/captions.d.ts

@@ -0,0 +1,23 @@
+import { A as AVControllerElement } from './controller-element-Cn5cxKnD.js';
+import { j as AVPlayerEventMap } from './controller-Ag3nFtwP.js';
+
+/**
+ * The line being spoken, as captions are shown on video, with the lines
+ * either side faded. Reads the active Canvas transcript through the controller,
+ * so it can sit anywhere: inside a player's `stage` slot, or in a layout of
+ * the host's own.
+ *
+ * Attributes: `line` shows only the line being spoken; `audio-only` hides it
+ * while a video plays, since video has captions of its own.
+ */
+declare class MangoAVCaptionsElement extends AVControllerElement {
+    #private;
+    static observedAttributes: string[];
+    constructor();
+    attributeChangedCallback(): void;
+    protected controllerChanged(): void;
+    protected handleControllerEvent<K extends keyof AVPlayerEventMap>(type: K, _event: CustomEvent<AVPlayerEventMap[K]>): void;
+}
+declare const defineMangoAVCaptions: (tagName?: string) => typeof MangoAVCaptionsElement;
+
+export { MangoAVCaptionsElement, defineMangoAVCaptions };

package/dist/captions.js

@@ -0,0 +1,16 @@
+import {
+  MangoAVCaptionsElement,
+  defineMangoAVCaptions
+} from "./chunk-IZYEGSGT.js";
+import "./chunk-YVI7J43Q.js";
+import "./chunk-LMZIFVHN.js";
+import "./chunk-JXZR5DL2.js";
+import "./chunk-53ZN4Y4L.js";
+
+// src/captions.ts
+if (typeof window !== "undefined" && "customElements" in window) defineMangoAVCaptions();
+export {
+  MangoAVCaptionsElement,
+  defineMangoAVCaptions
+};
+//# sourceMappingURL=captions.js.map

package/dist/captions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/captions.ts"],"sourcesContent":["export { defineMangoAVCaptions, MangoAVCaptionsElement } from './components/mango-av-captions';\n\nimport { defineMangoAVCaptions } from './components/mango-av-captions';\nif (typeof window !== 'undefined' && 'customElements' in window) defineMangoAVCaptions();\n"],"mappings":";;;;;;;;;;AAGA,IAAI,OAAO,WAAW,eAAe,oBAAoB,OAAQ,uBAAsB;","names":[]}

package/dist/chapters.d.ts

@@ -1,5 +1,5 @@
-import { A as AVControllerElement } from './controller-element-CkXIA6w2.js';
-import { k as AVPlayerEventMap } from './controller-SkwGkVE8.js';
+import { A as AVControllerElement } from './controller-element-Cn5cxKnD.js';
+import { j as AVPlayerEventMap } from './controller-Ag3nFtwP.js';
 
 declare class MangoAVChaptersElement extends AVControllerElement {
     #private;

package/dist/chapters.js

@@ -1,9 +1,9 @@
 import {
   MangoAVChaptersElement,
   defineMangoAVChapters
-} from "./chunk-EHIKFRFV.js";
-import "./chunk-C4H46HDS.js";
-import "./chunk-4NOWGMI5.js";
+} from "./chunk-BMMQFCD3.js";
+import "./chunk-JXZR5DL2.js";
+import "./chunk-53ZN4Y4L.js";
 
 // src/chapters.ts
 if (typeof window !== "undefined" && "customElements" in window) defineMangoAVChapters();

package/dist/{chunk-4NOWGMI5.js → chunk-53ZN4Y4L.js}

@@ -15,17 +15,13 @@ var defaultStrings = {
   mediaSource: "Media source",
   mediaInformation: "Media information",
   download: "Download",
-  downloadMediaFile: "Download media file",
-  searchTranscript: "Search transcript",
-  transcriptSearchMatches: "Transcript search matches",
-  searchMatchAt: "Search match at {time}",
-  resumePrompt: "Resume from {time}?",
-  resume: "Resume",
-  startOver: "Start over",
+  searchTranscript: "Find in transcript",
+  captions: "Captions",
+  position: "Position",
+  recording: "Recording",
   loadingManifest: "Loading IIIF manifest\u2026",
   loadingTranscript: "Loading transcript\u2026",
   unableToLoadPlayer: "Unable to load the player.",
-  unableToLoadMedia: "Unable to load media.",
   noMediaLoaded: "No media loaded",
   noPlayableMedia: "No playable audio or video source",
   noManifest: "No manifest is loaded.",
@@ -70,27 +66,23 @@ var defaultConfig = {
     search: true,
     download: true,
     showNotes: false,
-    showMetadata: false,
-    showSearchMarkers: true
+    showMetadata: false
   },
   audioArt: {
     title: "",
-    transcript: false,
-    visualizer: false
+    captions: false
   },
   resume: {
     enabled: false,
     maxItems: 200,
-    ttlDays: 30,
-    prompt: true
+    ttlDays: 30
   },
   strings: defaultStrings,
   preferredLanguages: ["en", "none"],
   autoAdvance: false,
   repeat: false,
-  activePanel: "chapters",
-  crossorigin: "",
-  preload: "metadata",
+  activePanel: "transcript",
+  withCredentials: false,
   playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 2]
 };
 
@@ -369,7 +361,7 @@ var annotationFrom = (value, canvasId, pageId, languages, index) => {
   if (pageId) result.sourcePageId = pageId;
   return result;
 };
-var classifySupplement = (body, annotation, canvasId, languages, index, ui) => {
+var classifySupplement = (body, canvasId, languages, index, ui) => {
   const id = readId(body);
   if (!id) return {};
   const format = readFormat(body);
@@ -417,7 +409,7 @@ var collectSupplementing = (pages, canvasId, languages, ui) => {
       for (const body of bodyItems(annotation.body ?? annotation.resource)) {
         const bodyId = readId(body);
         if (bodyId && (motivations.includes("supplementing") || motivations.includes("transcribing") || motivations.length === 0)) {
-          const supplement = classifySupplement(body, annotation, canvasId, languages, index, ui);
+          const supplement = classifySupplement(body, canvasId, languages, index, ui);
           if (supplement.track) tracks.push(supplement.track);
           if (supplement.transcript) transcripts.push(supplement.transcript);
         }
@@ -670,11 +662,12 @@ var normalizeManifest = async (input, options = {}) => {
   if (homepage) result.homepage = homepage;
   const logo = readId(asArray(source.logo ?? source.provider)[0]);
   if (logo) result.logo = logo;
+  const thumbnail = readId(asArray(source.thumbnail)[0]);
+  if (thumbnail) result.thumbnail = thumbnail;
   return result;
 };
 
 // src/controller.ts
-var positionPrefix = "@mango-iiif/av:position:";
 var AVPlayerController = class extends EventTarget {
   #config;
   #state = {
@@ -693,11 +686,11 @@ var AVPlayerController = class extends EventTarget {
   #lastTime = 0;
   #timelineScale = 1;
   #pendingTime;
+  /** Playback to start once the next Canvas or source has media attached. */
+  #pendingPlay = false;
   #boundListeners = /* @__PURE__ */ new Map();
-  #crossoriginExplicit;
   constructor(config = {}) {
     super();
-    this.#crossoriginExplicit = Object.hasOwn(config, "crossorigin");
     this.#config = mergeConfig(defaultConfig, config);
     this.#state.autoAdvance = this.#config.autoAdvance;
     this.#state.repeat = this.#config.repeat;
@@ -720,17 +713,12 @@ var AVPlayerController = class extends EventTarget {
   get media() {
     return this.#media;
   }
-  /** Whether the host explicitly selected the media element CORS policy. */
-  get crossoriginExplicit() {
-    return this.#crossoriginExplicit;
-  }
   on(type, listener) {
     const eventListener = listener;
     this.addEventListener(type, eventListener);
     return () => this.removeEventListener(type, eventListener);
   }
   configure(config) {
-    if (Object.hasOwn(config, "crossorigin")) this.#crossoriginExplicit = true;
     this.#config = mergeConfig(
       this.#config,
       config
@@ -804,6 +792,11 @@ var AVPlayerController = class extends EventTarget {
         this.#state.duration = this.canvas?.duration ?? target?.end ?? (Number.isFinite(media.duration) ? this.#toCanvasTime(media.duration) : 0);
         this.#emitState();
       },
+      canplay: () => {
+        if (!this.#pendingPlay) return;
+        this.#pendingPlay = false;
+        void media.play().catch(() => void 0);
+      },
       play: () => {
         this.#state.status = "playing";
         this.#emit("av-play", { canvasId: this.canvas?.id ?? "", time: this.#toCanvasTime(media.currentTime) });
@@ -811,7 +804,6 @@ var AVPlayerController = class extends EventTarget {
       },
       pause: () => {
         if (!media.ended) this.#state.status = "paused";
-        this.#savePosition();
         this.#emit("av-pause", { canvasId: this.canvas?.id ?? "", time: this.#toCanvasTime(media.currentTime) });
         this.#emitState();
       },
@@ -851,7 +843,6 @@ var AVPlayerController = class extends EventTarget {
       ended: () => {
         this.#state.status = "ended";
         this.#emit("av-ended", { canvasId: this.canvas?.id ?? "" });
-        this.#clearPosition();
         this.#emitState();
         void this.#advanceAfterEnd();
       },
@@ -867,6 +858,9 @@ var AVPlayerController = class extends EventTarget {
       media.addEventListener(type, listener);
       this.#boundListeners.set(type, listener);
     }
+    if (media.readyState >= HTMLMediaElement.HAVE_METADATA) listeners.loadedmetadata?.(new Event("loadedmetadata"));
+    if (media.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA) listeners.canplay?.(new Event("canplay"));
+    if (!media.paused) listeners.play?.(new Event("play"));
   }
   detachMedia() {
     if (!this.#media) return;
@@ -915,9 +909,10 @@ var AVPlayerController = class extends EventTarget {
     this.#state.currentTime = time;
     this.#state.duration = canvas?.duration ?? 0;
     this.#pendingTime = this.#state.currentTime;
+    this.#pendingPlay = wasPlaying;
+    this.detachMedia();
     if (canvas) this.#emit("av-canvaschange", { canvas, canvasIndex: index });
     this.#emitState();
-    if (wasPlaying) queueMicrotask(() => void this.play());
     return canvas;
   }
   next(options = {}) {
@@ -939,9 +934,10 @@ var AVPlayerController = class extends EventTarget {
     this.#state.sourceIndex = index;
     this.#timelineScale = 1;
     this.#pendingTime = currentTime;
+    this.#pendingPlay = wasPlaying;
+    this.detachMedia();
     this.#emit("av-sourcechange", { source, sourceIndex: index });
     this.#emitState();
-    if (wasPlaying) queueMicrotask(() => void this.play());
     return source;
   }
   async createAnnotation(draft) {
@@ -991,24 +987,7 @@ var AVPlayerController = class extends EventTarget {
     this.#state.repeat = enabled;
     this.#emitState();
   }
-  getSavedPosition() {
-    if (!this.#config.resume.enabled || !this.canvas || typeof localStorage === "undefined") return void 0;
-    const raw = localStorage.getItem(`${positionPrefix}${this.#state.manifest?.id}:${this.canvas.id}`);
-    if (!raw) return void 0;
-    try {
-      const saved = JSON.parse(raw);
-      const ttl = (this.#config.resume.ttlDays ?? 30) * 864e5;
-      if (Date.now() - saved.savedAt > ttl) {
-        this.#clearPosition();
-        return void 0;
-      }
-      return saved.time;
-    } catch {
-      return void 0;
-    }
-  }
   destroy() {
-    this.#savePosition();
     this.detachMedia();
   }
   async resolvedSourceUrl() {
@@ -1025,23 +1004,6 @@ var AVPlayerController = class extends EventTarget {
     const next = this.next({ autoplay: true });
     if (!next) this.#state.status = "ended";
   }
-  #savePosition() {
-    if (!this.#config.resume.enabled || !this.canvas || typeof localStorage === "undefined") return;
-    const time = this.#state.currentTime;
-    if (time <= 0 || this.#state.duration > 0 && time >= this.#state.duration - 2) return;
-    const key = `${positionPrefix}${this.#state.manifest?.id}:${this.canvas.id}`;
-    localStorage.setItem(key, JSON.stringify({ time, savedAt: Date.now() }));
-    const keys = Object.keys(localStorage).filter((item) => item.startsWith(positionPrefix));
-    const maxItems = this.#config.resume.maxItems ?? 200;
-    if (keys.length > maxItems) {
-      const oldest = keys.map((item) => ({ item, value: JSON.parse(localStorage.getItem(item) ?? "{}") })).sort((a, b) => (a.value.savedAt ?? 0) - (b.value.savedAt ?? 0))[0];
-      if (oldest) localStorage.removeItem(oldest.item);
-    }
-  }
-  #clearPosition() {
-    if (!this.canvas || typeof localStorage === "undefined") return;
-    localStorage.removeItem(`${positionPrefix}${this.#state.manifest?.id}:${this.canvas.id}`);
-  }
   #emit(type, detail) {
     this.dispatchEvent(new CustomEvent(type, { detail, bubbles: false, composed: false }));
   }
@@ -1087,4 +1049,4 @@ export {
   normalizeManifest,
   AVPlayerController
 };
-//# sourceMappingURL=chunk-4NOWGMI5.js.map
+//# sourceMappingURL=chunk-53ZN4Y4L.js.map