@projektemacher/storymapjs 0.10.8 → 0.11.0

package/dist/docs/readme.html

@@ -37,6 +37,7 @@
                 <li><a class="button" href="./migration.html">Migration guide</a></li>
                 <li><a class="button" href="./iiif.html">IIIF docs</a></li>
                 <li><a class="button" href="./authoring.html">Authoring</a></li>
+                <li><a class="button" href="./events.html">Events</a></li>
                 <li><a class="button" href="./api/index.html">API docs</a></li>
                 <li><a class="button" href="../index.html#help">Help</a></li>
             </ul>
@@ -75,8 +76,10 @@ value of the storymap&#39;s <code>language</code> option must match the file nam
 <p>Large images served over the IIIF Image API are rendered so when set to be map_as_image the entire image is shown. When set as cartography the zoom will set so that all the markers fit.</p>
 <p>Points are set to only display on mouseover in image mode, but you can set map_as_image to false in the config options to always show the points. The points are hidden when the intent is an image so that nothing obstructs the image the viewer is looking at. Looking at a painting is hard with a bunch of points on it.</p>
 <h2>Map Options</h2>
-<p>To disable connecting lines on maps set <code>map_as_image: true</code> in the storymap
-options (the default <code>false</code> renders cartography).</p>
+<p>To disable connecting lines on maps set <code>show_lines: false</code> in the storymap
+options (the default <code>true</code> renders cartography with <code>show_history_line</code>).
+<code>map_as_image: true</code> is something else: image-map mode, only meaningful with
+<code>map_type: &quot;iiif&quot;</code> (the image itself becomes the map).</p>
 <p><code>storymap.map</code> is the raw OpenLayers map, typed with the re-exported <code>ol</code>
 types, and <code>getBaseLayer()</code>, <code>getOverlayLayers()</code>, <code>getMinimap()</code>,
 <code>getMarkers()</code> and friends hand out the layers the viewer built. Listen for
@@ -102,6 +105,72 @@ show_lines:             true,
 show_history_line:      true,
 </code></pre>
 <p>To disable zoom calculation/edit zoom level set calculate_zoom to false in the config options.</p>
+<h3>More data options</h3>
+<p>Beyond the map options above, the storymap data takes <code>overlays[]</code>
+(stacked raster layers over the basemap), <code>tilejson</code> (a TileJSON source for
+the base layer), <code>overview_extent</code> (the overview slide&#39;s bounds),
+<code>keyboard</code> (page-wide arrow-key navigation for multi-viewer pages),
+per-slide <code>marker: { popup, audioBadge }</code> (the active marker&#39;s card, openable
+via <code>storymap.openMarkerPopup(n)</code>, and the narration/audio dot) and
+<code>narration: { url }</code> per slide. <code>autoplay_media</code> is global (wait for slide
+media to end while autoplaying); the per-slide dwell is <code>slidetimeout</code>.
+All are validated
+against <code>schema/storymap.schema.json</code> — read it (or <code>src/types.ts</code>) for the
+full list with defaults.</p>
+<p><code>show_layers_control: true</code> adds a menubar disclosure button listing the
+<code>overlays[]</code> as checkboxes and <code>basemaps[]</code> as basemap radios, so the
+visitor can switch layers without touching code.</p>
+<p><code>theme: &quot;dark&quot;</code> forces the dark palette, <code>&quot;light&quot;</code> pins the light one;
+unset, the widget follows <code>prefers-color-scheme</code>.</p>
+<h3>Slideshow-style tours</h3>
+<p>Slides can carry per-slide presentation for image tours (a stop can restyle
+the view while it is active; everything is optional and validated against
+<code>schema/storymap.schema.json</code>):</p>
+<pre><code>location: {
+    region: [x, y, w, h],  // image-pixel stop (IIIF xywh); negative origins clamp to the canvas
+    rotation: 45,          // view rotation in degrees clockwise
+    filter: { sepia: 40 }, // brightness/contrast/saturate 0-200 (%), hueRotate -180-180 (°), sepia 0-100 (%), blur 0-20 (px)
+    mask: { x: 0.1, y: 0.1, w: 0.8, h: 0.8, opacity: 0.5 },  // spotlight mask (fractions) + color/invert
+    basemap: &quot;osm:bright&quot;, // per-slide basemap (any map_type, IIIF info.json URL or image file)
+},
+narration: { url, loop, offset, play: &quot;auto&quot;|&quot;click&quot;, stopOnExit, stopAllPrevious },
+slidetimeout: 9000,        // per-slide autoplay dwell in ms (0 holds); default is the global autoplay
+imgoverlay: { url, size, extent, opacity },  // image overlay while the slide is active
+</code></pre>
+<p>Audio/video media take the same <code>offset</code>/<code>loop</code>/<code>play</code>/<code>stopOnExit</code> flags
+on the slide&#39;s <code>media</code> object (<code>stopAllPrevious</code> is narration-only).</p>
+<p>When a slide&#39;s IIIF <code>info.json</code> cannot be loaded, <code>iiif: { width, height, fallbackUrl }</code> paints the static image instead of a blank basemap. Without
+stated dimensions the viewer probes the fallback image&#39;s natural size first,
+but only for slideshow tours (15s timeout); other documents keep the logged
+error path. Per-slide static basemaps (<code>image_srv</code> pointing at a plain
+image file, absolute or same-origin relative) probe the same way, and a
+failed <code>info.json</code> fetch falls back to a probed static image in place.</p>
+<p>The player chrome is opt-in storymap options (absent means the default
+layout): <code>textmode: &quot;left&quot;|&quot;right&quot;|&quot;bottom&quot;</code> with <code>textsize</code> (10–80 %,
+bottom dock only — the player drops side-dock sizes too),
+<code>progressbar: &quot;bar&quot;|&quot;dots&quot;|&quot;squares&quot;|&quot;block&quot;|&quot;thinblock&quot;|&quot;off&quot;</code> (<code>true</code>
+means <code>&quot;bar&quot;</code>, <code>false</code> means hidden),
+<code>fxmode: &quot;slide&quot;|&quot;fade&quot;|&quot;none&quot;</code>, <code>mode: &quot;static&quot;</code> (stacked reading list with
+scroll-spy map sync), <code>hudcolor</code>/<code>hudbgcolor</code>/<code>hudopacity</code>,
+<code>shownav</code>/<code>show_headings</code>/<code>show_scrollbars</code>/<code>show_info</code> toggles and
+<code>viewerheight: &quot;400px&quot;</code>.</p>
+<p><strong>IIIF round-trip:</strong> the per-slide fields do survive — <code>rotation</code>,
+<code>filter</code>, <code>mask</code>, <code>basemap</code>, <code>slidetimeout</code>, <code>imgoverlay</code>, <code>provenance</code>
+and the playback bags travel as <code>storymap:</code> terms (see
+<a href="./iiif.html">docs/storymap-as-iiif-manifest.md</a>).
+The player chrome does <strong>not</strong>: it has no IIIF vocabulary and is
+translator-only (a storymap→manifest→storymap cycle drops it).</p>
+<p>These presentation fields render <strong>only for slideshow tours</strong> (documents
+loaded from that format, which set the internal <code>slideshow_source</code> marker).
+Hand-written storymap documents and IIIF manifests keep the long-standing
+rendering even when they name the new keys — captions always show, the
+autoplay interval stays global, the panel keeps its default dock. Hosts may
+pass <code>slideshow_source: true</code> explicitly as an escape hatch (e.g. in tests).</p>
+<p>Slideshow tours (W3C <code>AnnotationCollection</code> documents) load directly — by
+object, file or URL, following <code>next</code> pages — or convert offline with
+<code>npm run convert:slideshow -- [--settings settings.json] [--out out.json] &lt;tour-url-or-file&gt;</code>
+(see <a href="docs/slideshow.md">docs/slideshow.md</a> for the field mapping,
+player-settings handling and loss table).</p>
 <p>Images can now be used in place of map pins.
 Use <code>image</code> inside the location object and include a url to use, together with
 <code>use_custom_marker: true</code> in the location object (or set <code>use_custom_markers: true</code> globally in the storymap options). Same goes for custom icons except you
@@ -126,18 +195,27 @@ map_type: &quot;https://tiles.openfreemap.org/styles/bright&quot;,  // vector st
 <p>Any value containing <code>{z}</code> renders as a raster XYZ layer; a path without <code>{z}</code>
 that looks like a URL/path renders as a vector style layer; anything else falls
 back to classic OSM raster — except <code>&quot;none&quot;</code>, which builds no map at all and
-runs the story as text and media only.</p>
+runs the story as text and media only. A full template naming a known provider
+(<code>https://tile.openstreetmap.org/{z}/{x}/{y}.png</code>) is credited to that
+provider; anything else gets the generic &quot;Map data&quot; line (add your own via
+<code>attribution</code>).</p>
 <h3>Switching the basemap at runtime</h3>
 <p><code>storymap.setMapOption(&quot;map_type&quot;, next)</code> / <code>setMapOptions({...})</code> rebuilds the
 main tile layer <strong>and</strong> the minimap (<code>ol/control/OverviewMap</code>) layer, keeping
 the overview fitted to the marker bounds (zoomify/IIIF extents preserved). The
 current slide is re-fitted after the swap.</p>
 <h3>Icons</h3>
-<p>Default pins use the bundled <code>vco-icons</code> font (<code>dist/css/icons/</code>, referenced via
-relative <code>./icons/...</code> URLs from <code>dist/css/storymap.css</code>), so pins render on
-subpath deploys, bundler consumers (Vite leaves absolute <code>/css/...</code> untouched)
-and <code>file://</code>/Electron hosts without extra configuration. Import the stylesheet
-once (<code>import &quot;@projektemacher/storymapjs/css/storymap.css&quot;</code>).</p>
+<p>Default pins use the bundled <code>vco-icons</code> font (<code>dist/css/icons/</code>). The SCSS
+source uses the absolute public path (<code>/css/icons/...</code>) so <code>vite dev</code> serves
+the fonts directly; <code>vite build</code> rewrites them to relative <code>./icons/...</code> in
+<code>dist/css/storymap.css</code>, so pins render on subpath deploys, for bundler
+consumers and on <code>file://</code>/Electron hosts without extra configuration.
+Import the stylesheet once
+(<code>import &quot;@projektemacher/storymapjs/css/storymap.css&quot;</code>).</p>
+<p>Font themes (<code>font_css: &quot;stock:&lt;name&gt;&quot;</code>) resolve via <code>import.meta.url</code>, so
+they only work script-tagged, unbundled. A bundler consumer imports the theme
+instead (<code>import &quot;@projektemacher/storymapjs/css/fonts/font.default.css&quot;</code>)
+and passes <code>font_css: false</code> for no injected <code>&lt;link&gt;</code>.</p>
 <h2>Custom HTML in slide content</h2>
 <p>Slide text is rendered as HTML: the <code>text</code> (and <code>headline</code>) fields accept
 arbitrary markup. If the text contains no <code>&lt;p&gt;</code> tag, it is wrapped in one
@@ -181,15 +259,38 @@ appear for services discovered later (e.g. a preloaded slide).</p>
 <p>Decisions are stored in <code>localStorage</code> under <code>storymapjs-consent</code> and have no
 expiry — clearing site data asks again.</p>
 <p>The consent labels are <strong>not</strong> fully translated. <code>src/language/locale/en.json</code>
-defines every string; 28 bundled locales fall back to English for the keys
-they lack — most are missing one, a handful are missing around ten (the
-per-service consent prompts and the fullscreen button labels). Run
+defines every string (34 keys across 29 locale files: English plus 28
+translations). German is missing 1 key, most locales are missing 9 (the audio
+badge, autoplay, layer-switcher, iframe-title and narration-consent strings),
+and five locales (<code>et</code>, <code>is</code>, <code>nn</code>, <code>ur</code>, <code>sr</code>) are missing 18–19 (additionally
+the fullscreen, consent-dialog, error and overview strings). Run
 <code>npm run check:locales</code> to see the current state — it reports the gap per
 locale and is expected to be runnable without failing.</p>
 <h2>Troubleshooting</h2>
 <p>If a storymap fails to render, open the browser console: the viewer logs
 fetch and validation errors (e.g. &quot;could not load storymap data from ...&quot;).
-The <code>error</code> event also fires for programmatic consumers.</p>
+The <code>error</code> event also fires for programmatic consumers. The full event
+reference (payloads included) is <a href="./events.html">docs/events.md</a>.</p>
+<h2>Accessibility</h2>
+<p>Supported, and covered by tests: text alternatives on slide images
+(decorative <code>alt=&quot;&quot;</code> included); real <code>&lt;button&gt;</code> menubar actions and slide
+navigation; polite live-region slide announcements; reduced-motion handling
+of the slide glide and autoplay; an embed page that does not disable zoom;
+sanitized author tables that keep their semantics; slides hidden from
+assistive tech while inactive (<code>aria-hidden</code> + <code>inert</code>), with a layer
+switcher built from native checkboxes, radios and fieldsets; keyboard
+operable map pins and message dismissal; a skip link to the slide content;
+an autoplay pause/resume toggle; slide text pronounced in its own language
+(<code>lang</code>); consent dialogs exposed with labels and focus; media errors
+announced as alerts; and a motion kill-switch that also honors an
+OS reduced-motion toggle flipped mid-story.</p>
+<p>Known limitations (not fixed here): map markers are pointer-only; audio and
+video have no viewer-side captions or transcripts; narration ships without a
+transcript; focus moves only when the layer panel closes with Escape; labels
+and announcements are hardcoded English; several muted text colors fall
+below 4.5:1; third-party embeds are the vendor&#39;s conformance. No VPAT or
+ACR is claimed — §508 conformance is decided per deliverable by an
+external audit.</p>
 <h2>Bundled credentials</h2>
 <p>The viewer ships no credentials. Mapbox/Stadia tiles need a token passed via
 <code>map_access_token</code>, and <code>flickr.com/photos</code> API URLs need <code>api_key_flickr</code>

package/dist/embed/index.html

@@ -63,6 +63,7 @@
     }
     .storymap-url-card button {
       padding: 8px 16px;
+      min-height: 44px;
       font-size: 1rem;
       border: 1px solid #333;
       border-radius: 4px;
@@ -128,6 +129,8 @@
     const showEmbedError = (message) => {
         const el = document.createElement("div");
         el.className = "vco-consent-blocked";
+        // announce to AT (issue #385 wave)
+        el.setAttribute("role", "alert");
         // inline fallback styles in case the widget CSS did not load
         el.style.cssText =
             "display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;background-color:#fff;color:#333;font-family:sans-serif;text-align:center;";
@@ -173,6 +176,8 @@
         error.id = "storymap-url-error";
         error.className = "storymap-url-error";
         error.hidden = true;
+        // the input describes its error slot (issue #385 wave)
+        input.setAttribute("aria-describedby", "storymap-url-error");
         row.append(input, button);
         form.append(label, row, error);
         card.append(heading, hint, form);
@@ -191,6 +196,8 @@
             } catch {
                 error.textContent = "Please enter a valid URL to a storymap.json file.";
                 error.hidden = false;
+                error.setAttribute("role", "alert");
+                input.setAttribute("aria-invalid", "true");
                 return;
             }
             urlParams.set("url", value);

package/dist/examples/font-css-false.json

@@ -0,0 +1,33 @@
+{
+    "storymap": {
+        "map_type": "osm",
+        "font_css": false,
+        "slides": [
+            {
+                "type": "overview",
+                "date": "",
+                "text": {
+                    "headline": "A story with font loading disabled",
+                    "text": "The host page bundles its own font theme."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Second slide",
+                    "text": "<p>No font stylesheet is appended by the viewer.</p>"
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                }
+            }
+        ]
+    }
+}

package/dist/examples/issue-image-region.json

@@ -31,7 +31,7 @@
                 "date": "",
                 "text": {
                     "headline": "Torso region",
-                    "text": "StrollView-style image stops via the IIIF xywh convention."
+                    "text": "Slideshow-style image stops via the IIIF xywh convention."
                 },
                 "location": {
                     "region": [700, 800, 900, 1100]

package/dist/examples/layers-control.json

@@ -0,0 +1,60 @@
+{
+    "storymap": {
+        "map_type": "osm",
+        "keyboard": true,
+        "overlays": [
+            {
+                "map_type": "./tiles/historic/{z}/{x}/{y}.png",
+                "opacity": 0.6,
+                "attribution": "Historic sheet (demo overlay)"
+            },
+            {
+                "map_type": "./tiles/railway/{z}/{x}/{y}.png",
+                "visible": false,
+                "attribution": "Railway lines (demo overlay)"
+            }
+        ],
+        "slides": [
+            {
+                "type": "overview",
+                "date": "1890",
+                "text": {
+                    "headline": "Layers control",
+                    "text": "A menubar disclosure button lists the overlays above so the visitor can toggle them. Arrow keys navigate the story."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": { "lat": 51.5074, "lon": -0.1278, "zoom": 10 }
+            },
+            {
+                "date": "1900",
+                "text": {
+                    "headline": "The historic sheet",
+                    "text": "The first overlay starts visible; unchecking its row hides the layer and drops its credit."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": { "lat": 51.5155, "lon": -0.0922, "zoom": 12, "line": true }
+            },
+            {
+                "date": "1910",
+                "text": {
+                    "headline": "The railway lines",
+                    "text": "The second overlay starts hidden; checking its row paints it above the basemap."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": { "lat": 51.4818, "lon": -0.0046, "zoom": 11, "line": true }
+            }
+        ]
+    }
+}

package/dist/examples/map-template-provider.json

@@ -0,0 +1,36 @@
+{
+    "storymap": {
+        "map_type": "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
+        "slides": [
+            {
+                "type": "overview",
+                "date": "",
+                "text": {
+                    "headline": "A longhand OSM template",
+                    "text": "The base layer names OpenStreetMap by its full tile template, and the credit line still credits it."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Paris",
+                    "text": "<p>A stop on a template-credited map.</p>"
+                },
+                "location": {
+                    "lat": 48.85,
+                    "lon": 2.35
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                }
+            }
+        ]
+    }
+}

package/dist/examples/multi-media.json

@@ -0,0 +1,71 @@
+{
+    "storymap": {
+        "call_to_action": false,
+        "map_as_image": false,
+        "map_type": "osm",
+        "slides": [
+            {
+                "date": "",
+                "type": "overview",
+                "text": {
+                    "headline": "Multiple media per slide",
+                    "text": "A slide can carry extra visible media items after its primary one."
+                },
+                "media": {
+                    "url": "/examples/assets/placeholder-landscape.jpg",
+                    "caption": "Primary media",
+                    "credit": ""
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Side by side",
+                    "text": "Two items with media_layout row sit next to each other."
+                },
+                "location": {
+                    "lat": 48.85,
+                    "lon": 2.35,
+                    "zoom": 6
+                },
+                "media": {
+                    "url": "/examples/assets/placeholder-city.jpg",
+                    "caption": "First item",
+                    "credit": ""
+                },
+                "media_extra": [
+                    {
+                        "url": "https://example.com/iframe/embed/123",
+                        "caption": "Second item",
+                        "credit": ""
+                    }
+                ],
+                "media_layout": "row"
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Stacked with audio",
+                    "text": "Items pile vertically by default, and an audible extra badges the marker."
+                },
+                "location": {
+                    "lat": 52.52,
+                    "lon": 13.4,
+                    "zoom": 6
+                },
+                "media": {
+                    "url": "/examples/assets/placeholder-portrait.jpg",
+                    "caption": "First item",
+                    "credit": ""
+                },
+                "media_extra": [
+                    {
+                        "url": "/examples/assets/tone.mp3",
+                        "caption": "Second item",
+                        "credit": ""
+                    }
+                ]
+            }
+        ]
+    }
+}

package/dist/examples-iiif/annotated-image.json

@@ -179,6 +179,22 @@
                                     "y": 1500
                                 }
                             }
+                        },
+                        {
+                            "id": "https://example.org/storymap/annotated-image/canvas/1/annotation/105",
+                            "type": "Annotation",
+                            "motivation": "supplementing",
+                            "body": {
+                                "id": "https://example.org/audio/tour-narration.mp3",
+                                "type": "Sound",
+                                "format": "audio/mpeg",
+                                "label": {
+                                    "none": [
+                                        "Spoken tour of the panel"
+                                    ]
+                                }
+                            },
+                            "target": "https://example.org/storymap/annotated-image/canvas/1"
                         }
                     ]
                 }

package/dist/examples-iiif/font-css-false.json

@@ -0,0 +1,114 @@
+{
+    "@context": [
+        "http://iiif.io/api/extension/navplace/context.json",
+        "http://iiif.io/api/presentation/3/context.json",
+        "https://cmahnke.github.io/StoryMapJS/navplace-properties.json",
+        "https://cmahnke.github.io/StoryMapJS/context.json"
+    ],
+    "id": "https://example.org/storymap/font-css-false",
+    "type": "Manifest",
+    "label": {
+        "none": [
+            "font-css-false"
+        ]
+    },
+    "behavior": [
+        "paged"
+    ],
+    "metadata": [
+        {
+            "label": {
+                "none": [
+                    "Generated by"
+                ]
+            },
+            "value": {
+                "none": [
+                    "StoryMapJS"
+                ]
+            }
+        }
+    ],
+    "items": [
+        {
+            "id": "https://example.org/storymap/font-css-false/canvas/1",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/font-css-false/canvas/1/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/font-css-false/canvas/1/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "The host page bundles its own font theme."
+                            },
+                            "target": "https://example.org/storymap/font-css-false/canvas/1"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "A story with font loading disabled"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "The host page bundles its own font theme."
+                ]
+            },
+            "storymap:type": "overview"
+        },
+        {
+            "id": "https://example.org/storymap/font-css-false/canvas/2",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/font-css-false/canvas/2/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/font-css-false/canvas/2/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "<p>No font stylesheet is appended by the viewer.</p>"
+                            },
+                            "target": "https://example.org/storymap/font-css-false/canvas/2"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Second slide"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "<p>No font stylesheet is appended by the viewer.</p>"
+                ]
+            }
+        }
+    ],
+    "service": [
+        {
+            "id": "https://example.org/storymap/font-css-false/map-config",
+            "type": "Service",
+            "profile": "https://cmahnke.github.io/StoryMapJS/context.json/mapconfig",
+            "storymap:basemap": "osm",
+            "storymap:fontCss": false
+        }
+    ]
+}

package/dist/examples-iiif/issue-image-region.json

@@ -173,7 +173,7 @@
             },
             "summary": {
                 "none": [
-                    "StrollView-style image stops via the IIIF xywh convention."
+                    "Slideshow-style image stops via the IIIF xywh convention."
                 ]
             }
         }