@projektemacher/storymapjs 0.10.6 → 0.10.8

package/dist/examples-iiif/scroll-hint.json

@@ -0,0 +1,190 @@
+{
+    "@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/scroll-hint",
+    "type": "Manifest",
+    "label": {
+        "none": [
+            "scroll-hint"
+        ]
+    },
+    "behavior": [
+        "paged"
+    ],
+    "metadata": [
+        {
+            "label": {
+                "none": [
+                    "Generated by"
+                ]
+            },
+            "value": {
+                "none": [
+                    "StoryMapJS"
+                ]
+            }
+        }
+    ],
+    "items": [
+        {
+            "id": "https://example.org/storymap/scroll-hint/canvas/1",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/scroll-hint/canvas/1/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/scroll-hint/canvas/1/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "Long-text slides that overflow the slide box."
+                            },
+                            "target": "https://example.org/storymap/scroll-hint/canvas/1"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Scroll hint fixture"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "Long-text slides that overflow the slide box."
+                ]
+            },
+            "storymap:type": "overview"
+        },
+        {
+            "id": "https://example.org/storymap/scroll-hint/canvas/2",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/scroll-hint/canvas/2/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/scroll-hint/canvas/2/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p><p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</p><p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>"
+                            },
+                            "target": "https://example.org/storymap/scroll-hint/canvas/2"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Overflowing slide"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p><p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</p><p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>"
+                ]
+            },
+            "navPlace": {
+                "id": "https://example.org/storymap/scroll-hint/canvas/2/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/scroll-hint/canvas/2/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                2,
+                                48.5
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 6,
+                            "line": true
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            "id": "https://example.org/storymap/scroll-hint/canvas/3",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/scroll-hint/canvas/3/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/scroll-hint/canvas/3/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "This one fits without scrolling."
+                            },
+                            "target": "https://example.org/storymap/scroll-hint/canvas/3"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Short slide"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "This one fits without scrolling."
+                ]
+            },
+            "navPlace": {
+                "id": "https://example.org/storymap/scroll-hint/canvas/3/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/scroll-hint/canvas/3/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                4,
+                                50.5
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 6,
+                            "line": true
+                        }
+                    }
+                ]
+            }
+        }
+    ],
+    "service": [
+        {
+            "id": "https://example.org/storymap/scroll-hint/map-config",
+            "type": "Service",
+            "profile": "https://cmahnke.github.io/StoryMapJS/context.json/mapconfig",
+            "storymap:basemap": "osm"
+        }
+    ]
+}

package/dist/examples-iiif/seurat.json

@@ -1,7 +1,8 @@
 {
     "@context": [
-        "http://iiif.io/api/presentation/3/context.json",
         "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/seurat",
@@ -14,11 +15,14 @@
     "behavior": [
         "paged"
     ],
-    "provider": [
+    "metadata": [
         {
-            "id": "https://example.org/",
-            "type": "Agent",
             "label": {
+                "none": [
+                    "Generated by"
+                ]
+            },
+            "value": {
                 "none": [
                     "StoryMapJS"
                 ]
@@ -31,6 +35,23 @@
             "type": "Canvas",
             "height": 3000,
             "width": 2315,
+            "background": {
+                "id": "https://example.org/storymap/seurat/canvas/1/background",
+                "type": "Annotation",
+                "motivation": "painting",
+                "body": [
+                    {
+                        "id": "http://gigapixel.knightlab.com/seurat/seurat_portrait.jpg",
+                        "type": "Image",
+                        "format": "image/jpeg"
+                    },
+                    {
+                        "type": "Color",
+                        "value": "#000"
+                    }
+                ],
+                "target": "https://example.org/storymap/seurat/canvas/1"
+            },
             "items": [
                 {
                     "id": "https://example.org/storymap/seurat/canvas/1/annotationpage/1",
@@ -69,11 +90,7 @@
                     "In his best-known and largest painting, Georges Seurat depicted people relaxing in a suburban park on an island in the Seine River called La Grande Jatte."
                 ]
             },
-            "storymap:type": "overview",
-            "storymap:background": {
-                "url": "http://gigapixel.knightlab.com/seurat/seurat_portrait.jpg",
-                "color": "#000"
-            }
+            "storymap:type": "overview"
         },
         {
             "id": "https://example.org/storymap/seurat/canvas/2",
@@ -287,6 +304,23 @@
                             "id": "https://example.org/storymap/seurat/canvas/5/annotation/1",
                             "type": "Annotation",
                             "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "Seurat made several studies for the large painting including a smaller version. Study for La Grand Jatte, 1884. "
+                                ]
+                            },
+                            "requiredStatement": {
+                                "label": {
+                                    "none": [
+                                        "Credit"
+                                    ]
+                                },
+                                "value": {
+                                    "none": [
+                                        "Georges Seurat"
+                                    ]
+                                }
+                            },
                             "body": {
                                 "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/full/max/0/default.jpg",
                                 "type": "Image",
@@ -316,8 +350,6 @@
                     "The dots appear as solid and luminous forms when seen from a distance."
                 ]
             },
-            "storymap:mediaCaption": "Seurat made several studies for the large painting including a smaller version. Study for La Grand Jatte, 1884. ",
-            "storymap:mediaCredit": "Georges Seurat",
             "navPlace": {
                 "id": "https://example.org/storymap/seurat/canvas/5/navplace",
                 "type": "FeatureCollection",
@@ -421,6 +453,23 @@
                             "id": "https://example.org/storymap/seurat/canvas/7/annotation/1",
                             "type": "Annotation",
                             "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "La plage de Trouville, 1870, National Gallery, London. "
+                                ]
+                            },
+                            "requiredStatement": {
+                                "label": {
+                                    "none": [
+                                        "Credit"
+                                    ]
+                                },
+                                "value": {
+                                    "none": [
+                                        "Claude Monet"
+                                    ]
+                                }
+                            },
                             "body": {
                                 "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/full/max/0/default.jpg",
                                 "type": "Image",
@@ -450,8 +499,6 @@
                     "Although Seurat embraced the subject matter of modern life preferred by artists such as Claude Monet and Pierre-Auguste Renoir, he went beyond their concern for capturing the accidental and instantaneous qualities of light in nature."
                 ]
             },
-            "storymap:mediaCaption": "La plage de Trouville, 1870, National Gallery, London. ",
-            "storymap:mediaCredit": "Claude Monet",
             "navPlace": {
                 "id": "https://example.org/storymap/seurat/canvas/7/navplace",
                 "type": "FeatureCollection",
@@ -489,6 +536,23 @@
                             "id": "https://example.org/storymap/seurat/canvas/8/annotation/1",
                             "type": "Annotation",
                             "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "Riace bronzes, examples of proto classic bronze sculpture"
+                                ]
+                            },
+                            "requiredStatement": {
+                                "label": {
+                                    "none": [
+                                        "Credit"
+                                    ]
+                                },
+                                "value": {
+                                    "none": [
+                                        "<a href='http://en.wikipedia.org/wiki/Ancient_Greek_sculpture' target='_blank'>Wikipedia</a>"
+                                    ]
+                                }
+                            },
                             "body": {
                                 "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/full/max/0/default.jpg",
                                 "type": "Image",
@@ -518,8 +582,6 @@
                     "Seurat sought to evoke permanence by recalling the art of the past, especially Egyptian and Greek sculpture and even Italian Renaissance frescoes."
                 ]
             },
-            "storymap:mediaCaption": "Riace bronzes, examples of proto classic bronze sculpture",
-            "storymap:mediaCredit": "<a href='http://en.wikipedia.org/wiki/Ancient_Greek_sculpture' target='_blank'>Wikipedia</a>",
             "navPlace": {
                 "id": "https://example.org/storymap/seurat/canvas/8/navplace",
                 "type": "FeatureCollection",
@@ -557,6 +619,23 @@
                             "id": "https://example.org/storymap/seurat/canvas/9/annotation/1",
                             "type": "Annotation",
                             "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "Cattle led to sacrifice, South XLV, 137–140, British Museum."
+                                ]
+                            },
+                            "requiredStatement": {
+                                "label": {
+                                    "none": [
+                                        "Credit"
+                                    ]
+                                },
+                                "value": {
+                                    "none": [
+                                        "Wikipedia"
+                                    ]
+                                }
+                            },
                             "body": {
                                 "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/full/max/0/default.jpg",
                                 "type": "Image",
@@ -586,8 +665,6 @@
                     "Seurat explained to the French poet Gustave Kahn, \"The Panathenaeans of Phidias formed a procession. I want to make modern people, in their essential traits, move about as they do on those friezes, and place them on canvases organized by harmonies of color.\""
                 ]
             },
-            "storymap:mediaCaption": "Cattle led to sacrifice, South XLV, 137–140, British Museum.",
-            "storymap:mediaCredit": "Wikipedia",
             "navPlace": {
                 "id": "https://example.org/storymap/seurat/canvas/9/navplace",
                 "type": "FeatureCollection",
@@ -823,6 +900,23 @@
                             "id": "https://example.org/storymap/seurat/canvas/13/annotation/1",
                             "type": "Annotation",
                             "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "Island of La Grande Jatte"
+                                ]
+                            },
+                            "requiredStatement": {
+                                "label": {
+                                    "none": [
+                                        "Credit"
+                                    ]
+                                },
+                                "value": {
+                                    "none": [
+                                        "Stamen Maps"
+                                    ]
+                                }
+                            },
                             "body": {
                                 "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/full/max/0/default.jpg",
                                 "type": "Image",
@@ -851,9 +945,7 @@
                 "none": [
                     "<strong>Georges Seurat (Creator)1859 - 1891</strong><br> <strong>Physical Format:</strong> w3079.75 x h2076.45 in <br><strong>See on institution's site:</strong> The Art Institute of Chicago<br> <strong>Medium:</strong> Oil on canvas<br><strong>Nationality:</strong> French"
                 ]
-            },
-            "storymap:mediaCaption": "Island of La Grande Jatte",
-            "storymap:mediaCredit": "Stamen Maps"
+            }
         }
     ],
     "service": [
@@ -862,8 +954,7 @@
             "type": "Service",
             "profile": "https://cmahnke.github.io/StoryMapJS/context.json/mapconfig",
             "storymap:mapAsImage": true,
-            "storymap:iiifUrl": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/info.json",
-            "storymap:mapType": "iiif",
+            "storymap:basemap": "iiif",
             "storymap:fontCss": "stock:opensans-gentiumbook"
         }
     ]

package/dist/examples-iiif/zoomify-clamp.json

@@ -0,0 +1,153 @@
+{
+    "@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/zoomify-clamp",
+    "type": "Manifest",
+    "label": {
+        "none": [
+            "zoomify-clamp"
+        ]
+    },
+    "behavior": [
+        "paged"
+    ],
+    "metadata": [
+        {
+            "label": {
+                "none": [
+                    "Generated by"
+                ]
+            },
+            "value": {
+                "none": [
+                    "StoryMapJS"
+                ]
+            }
+        }
+    ],
+    "items": [
+        {
+            "id": "https://example.org/storymap/zoomify-clamp/canvas/1",
+            "type": "Canvas",
+            "height": 3000,
+            "width": 2315,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/zoomify-clamp/canvas/1/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/zoomify-clamp/canvas/1/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/full/max/0/default.jpg",
+                                "type": "Image",
+                                "format": "image/jpeg",
+                                "width": 2315,
+                                "height": 3000,
+                                "service": [
+                                    {
+                                        "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/info.json",
+                                        "type": "ImageService3",
+                                        "profile": "level2"
+                                    }
+                                ]
+                            },
+                            "target": "https://example.org/storymap/zoomify-clamp/canvas/1"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Zoomify clamp fixture"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "Local 600x400 image pyramid with cropped edge tiles."
+                ]
+            },
+            "storymap:type": "overview"
+        },
+        {
+            "id": "https://example.org/storymap/zoomify-clamp/canvas/2",
+            "type": "Canvas",
+            "height": 3000,
+            "width": 2315,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/zoomify-clamp/canvas/2/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/zoomify-clamp/canvas/2/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/full/max/0/default.jpg",
+                                "type": "Image",
+                                "format": "image/jpeg",
+                                "width": 2315,
+                                "height": 3000,
+                                "service": [
+                                    {
+                                        "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/info.json",
+                                        "type": "ImageService3",
+                                        "profile": "level2"
+                                    }
+                                ]
+                            },
+                            "target": "https://example.org/storymap/zoomify-clamp/canvas/2"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Bottom-right detail"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "Marker over the cropped right/bottom edge tiles."
+                ]
+            },
+            "navPlace": {
+                "id": "https://example.org/storymap/zoomify-clamp/canvas/2/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/zoomify-clamp/canvas/2/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                -21.796875000000007,
+                                59.5343180010956
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 5,
+                            "line": true
+                        }
+                    }
+                ]
+            }
+        }
+    ],
+    "service": [
+        {
+            "id": "https://example.org/storymap/zoomify-clamp/map-config",
+            "type": "Service",
+            "profile": "https://cmahnke.github.io/StoryMapJS/context.json/mapconfig",
+            "storymap:mapAsImage": true,
+            "storymap:basemap": "iiif"
+        }
+    ]
+}

package/dist/harness-multi.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <title>StoryMapJS Multi-Instance Harness</title>
+        <style>*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}.sm-host{float:left;width:50%;height:100%}</style>
+      <script type="module" crossorigin src="./assets/harness-multi-CYHgI0a9.js"></script>
+      <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
+      <link rel="modulepreload" crossorigin href="./assets/main-DXalctuR.js">
+      <link rel="modulepreload" crossorigin href="./assets/harness-support-Do7sIp2j.js">
+        <link rel="stylesheet" href="./css/storymap.css" />
+    </head>
+    <body>
+        <div id="sm-a" class="sm-host"></div>
+        <div id="sm-b" class="sm-host"></div>
+    </body>
+</html>

package/dist/harness.html

@@ -4,9 +4,10 @@
         <meta charset="utf-8" />
         <title>StoryMapJS Example Harness</title>
         <style>*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}#storymap-embed{width:100%;height:100%}</style>
-      <script type="module" crossorigin src="./assets/harness-C-VZV-ou.js"></script>
-      <link rel="modulepreload" crossorigin href="./assets/main-DwbXrrYn.js">
+      <script type="module" crossorigin src="./assets/harness-Cr0rYpvt.js"></script>
       <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
+      <link rel="modulepreload" crossorigin href="./assets/main-DXalctuR.js">
+      <link rel="modulepreload" crossorigin href="./assets/harness-support-Do7sIp2j.js">
         <link rel="stylesheet" href="./css/storymap.css" />
     </head>
     <body>