@projektemacher/storymapjs 0.10.1 → 0.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/assets/demo-rv3vz65J.js +1 -0
  2. package/dist/assets/harness-BnQbtq1l.js +1 -0
  3. package/dist/assets/index-DDsPBPZA.js +1 -0
  4. package/dist/assets/main-mUk_qlWN.js +17 -0
  5. package/dist/assets/modulepreload-polyfill-P2Xu9kJm.js +1 -0
  6. package/dist/demo.html +10 -22
  7. package/dist/examples/assets/custom-flag.svg +6 -0
  8. package/dist/examples/issue-405-custom-icon.json +63 -0
  9. package/dist/harness.html +10 -22
  10. package/dist/index.html +79 -34
  11. package/dist/js/storymap.d.ts +1426 -1352
  12. package/dist/js/storymap.js +23266 -70875
  13. package/dist/js/storymap.js.map +1 -1
  14. package/package.json +9 -16
  15. package/dist/assets/StoryMap-DfOsbas5.js +0 -73210
  16. package/dist/assets/inline-module-2b330113b20eafd6e990d6ef180c88e5-BMhN-4Uq.js +0 -39
  17. package/dist/assets/inline-module-db3380fceae79410283f1d14e171ef50-DplS5Rg5.js +0 -18
  18. package/dist/assets/site--MHTHqWG.js +0 -68
  19. package/dist/docs/api/.nojekyll +0 -1
  20. package/dist/docs/api/assets/custom.css +0 -47
  21. package/dist/docs/api/assets/hierarchy.js +0 -1
  22. package/dist/docs/api/assets/highlight.css +0 -22
  23. package/dist/docs/api/assets/icons.js +0 -18
  24. package/dist/docs/api/assets/icons.svg +0 -1
  25. package/dist/docs/api/assets/main.js +0 -60
  26. package/dist/docs/api/assets/navigation.js +0 -1
  27. package/dist/docs/api/assets/search.js +0 -1
  28. package/dist/docs/api/assets/style.css +0 -1648
  29. package/dist/docs/api/classes/StoryMap.html +0 -799
  30. package/dist/docs/api/functions/MediaType.html +0 -51
  31. package/dist/docs/api/functions/loadCSS.html +0 -64
  32. package/dist/docs/api/functions/setLanguage.html +0 -53
  33. package/dist/docs/api/functions/validateStorymap.html +0 -53
  34. package/dist/docs/api/functions/validateStorymapAndReport.html +0 -54
  35. package/dist/docs/api/hierarchy.html +0 -28
  36. package/dist/docs/api/index.html +0 -127
  37. package/dist/docs/api/modules.html +0 -42
package/dist/assets/modulepreload-polyfill-P2Xu9kJm.js ADDED
@@ -0,0 +1 @@
1
+ (function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();
package/dist/demo.html CHANGED
@@ -1,29 +1,17 @@
1
- <!DOCTYPE html><html lang="en"><head>
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
2
4
  <title>StoryMapJS Demo</title>
3
- <meta charset="utf-8">
4
- <style>
5
- * {
6
- box-sizing: border-box;
7
- }
8
- html,
9
- body {
10
- width: 100%;
11
- height: 100%;
12
- padding: 0;
13
- margin: 0;
14
- }
15
- #storymap-embed {
16
- width: 100%;
17
- height: 100%;
18
- }
19
- </style>
5
+ <meta charset="utf-8" />
6
+ <style>*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}#storymap-embed{width:100%;height:100%}</style>
7
+ <script type="module" crossorigin src="./assets/demo-rv3vz65J.js"></script>
8
+ <link rel="modulepreload" crossorigin href="./assets/main-mUk_qlWN.js">
9
+ <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
20
10
  <link rel="stylesheet" href="./css/storymap.css" />
21
11
  </head>
22
12
 
23
13
  <body>
24
14
  <div id="storymap-embed"></div>
25
15
 
26
-
27
-
28
-
29
- <script type="module" src="./assets/inline-module-db3380fceae79410283f1d14e171ef50-DplS5Rg5.js"></script></body></html>
16
+ </body>
17
+ </html>
package/dist/examples/assets/custom-flag.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="40" height="48" viewBox="0 0 40 48">
2
+ <ellipse cx="20" cy="45.5" rx="6" ry="2" fill="#3a2c14" opacity="0.25"/>
3
+ <line x1="20" y1="4" x2="20" y2="45" stroke="#3a2c14" stroke-width="3.5" stroke-linecap="round"/>
4
+ <path d="M21.75 5 C 27.5 2.5, 32.5 7.5, 38.25 5 L 38.25 19 C 32.5 21.5, 27.5 16.5, 21.75 19 Z" fill="#c34528"/>
5
+ <circle cx="20" cy="4" r="3" fill="#3a2c14"/>
6
+ </svg>
package/dist/examples/issue-405-custom-icon.json ADDED
@@ -0,0 +1,63 @@
1
+ {
2
+ "storymap": {
3
+ "call_to_action": false,
4
+ "map_as_image": false,
5
+ "map_type": "osm",
6
+ "use_custom_markers": true,
7
+ "slides": [
8
+ {
9
+ "date": "",
10
+ "type": "overview",
11
+ "text": {
12
+ "headline": "Custom flag markers",
13
+ "text": "Overview"
14
+ },
15
+ "media": {
16
+ "url": "",
17
+ "caption": "",
18
+ "credit": ""
19
+ }
20
+ },
21
+ {
22
+ "date": "",
23
+ "text": {
24
+ "headline": "Paris",
25
+ "text": "First point."
26
+ },
27
+ "media": {
28
+ "url": "",
29
+ "caption": "",
30
+ "credit": ""
31
+ },
32
+ "location": {
33
+ "lat": 48.85,
34
+ "lon": 2.35,
35
+ "zoom": 6,
36
+ "line": true,
37
+ "icon": "/examples/assets/custom-flag.svg",
38
+ "iconSize": [40, 48]
39
+ }
40
+ },
41
+ {
42
+ "date": "",
43
+ "text": {
44
+ "headline": "Rome",
45
+ "text": "Second point."
46
+ },
47
+ "media": {
48
+ "url": "",
49
+ "caption": "",
50
+ "credit": ""
51
+ },
52
+ "location": {
53
+ "lat": 41.9,
54
+ "lon": 12.49,
55
+ "zoom": 6,
56
+ "line": true,
57
+ "icon": "/examples/assets/custom-flag.svg",
58
+ "iconSize": [40, 48]
59
+ }
60
+ }
61
+ ]
62
+ }
63
+ }
package/dist/harness.html CHANGED
@@ -1,27 +1,15 @@
1
- <!DOCTYPE html><html lang="en"><head>
2
- <meta charset="utf-8">
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
3
5
  <title>StoryMapJS Example Harness</title>
4
- <style>
5
- * {
6
- box-sizing: border-box;
7
- }
8
- html,
9
- body {
10
- width: 100%;
11
- height: 100%;
12
- padding: 0;
13
- margin: 0;
14
- }
15
- #storymap-embed {
16
- width: 100%;
17
- height: 100%;
18
- }
19
- </style>
6
+ <style>*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}#storymap-embed{width:100%;height:100%}</style>
7
+ <script type="module" crossorigin src="./assets/harness-BnQbtq1l.js"></script>
8
+ <link rel="modulepreload" crossorigin href="./assets/main-mUk_qlWN.js">
9
+ <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
20
10
  <link rel="stylesheet" href="./css/storymap.css" />
21
11
  </head>
22
12
  <body>
23
13
  <div id="storymap-embed"></div>
24
-
25
-
26
-
27
- <script type="module" src="./assets/inline-module-2b330113b20eafd6e990d6ef180c88e5-BMhN-4Uq.js"></script></body></html>
14
+ </body>
15
+ </html>
package/dist/index.html CHANGED
@@ -1,10 +1,16 @@
1
- <!DOCTYPE html><html lang="en"><head>
2
- <meta charset="utf-8">
3
- <meta name="viewport" content="width=device-width, initial-scale=1">
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
4
6
  <title>StoryMapJS</title>
5
- <meta name="description" content="Maps that tell stories. StoryMapJS is a viewer for place-based slide stories, built on OpenLayers.">
6
- <link rel="stylesheet" href="./site.css">
7
-
7
+ <meta
8
+ name="description"
9
+ content="Maps that tell stories. StoryMapJS is a viewer for place-based slide stories, built on OpenLayers."
10
+ />
11
+ <script type="module" crossorigin src="./assets/index-DDsPBPZA.js"></script>
12
+ <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
13
+ <link rel="stylesheet" href="./site.css" />
8
14
  </head>
9
15
 
10
16
  <body class="sm-site">
@@ -16,13 +22,23 @@
16
22
  </ul>
17
23
  <ul class="nav-right">
18
24
  <li>
19
- <a class="button button-dark button-active" href="https://github.com/cmahnke/StoryMapJS">GitHub</a>
25
+ <a
26
+ class="button button-dark button-active"
27
+ href="https://github.com/cmahnke/StoryMapJS"
28
+ >GitHub</a
29
+ >
20
30
  </li>
21
31
  <li>
22
- <a class="button button-dark" href="https://github.com/cmahnke/StoryMapJS/issues">Issues</a>
32
+ <a
33
+ class="button button-dark"
34
+ href="https://github.com/cmahnke/StoryMapJS/issues"
35
+ >Issues</a
36
+ >
23
37
  </li>
24
38
  <li>
25
- <a class="button button-dark" href="https://github.com/NUKnightLab/StoryMapJS">Upstream</a>
39
+ <a class="button button-dark" href="https://github.com/NUKnightLab/StoryMapJS"
40
+ >Upstream</a
41
+ >
26
42
  </li>
27
43
  </ul>
28
44
  </nav>
@@ -51,7 +67,12 @@
51
67
  <!-- The widget runs in its own document: its CSS can never mix
52
68
  with the page chrome (and vice versa). -->
53
69
  <section id="demo" class="container-fluid">
54
- <iframe class="demo-frame" id="demo-frame" src="./demo.html" title="StoryMapJS demo"></iframe>
70
+ <iframe
71
+ class="demo-frame"
72
+ id="demo-frame"
73
+ src="./demo.html"
74
+ title="StoryMapJS demo"
75
+ ></iframe>
55
76
  </section>
56
77
 
57
78
  <section id="overview" class="section container">
@@ -60,7 +81,9 @@
60
81
  <p class="note">
61
82
  <strong>Unofficial fork:</strong> this is an unofficial, unapproved fork
62
83
  of the original
63
- <a href="https://github.com/NUKnightLab/StoryMapJS">NUKnightLab/StoryMapJS</a>
84
+ <a href="https://github.com/NUKnightLab/StoryMapJS"
85
+ >NUKnightLab/StoryMapJS</a
86
+ >
64
87
  repository and a proof of concept for an AI-based renovation using the
65
88
  model GLM 5.3 Flash. It is not endorsed by Northwestern University
66
89
  Knight Lab.
@@ -90,7 +113,9 @@
90
113
  <strong>IIIF Image API</strong>.
91
114
  </p>
92
115
  <p class="text-align-center">
93
- <a class="button button-small" href="./docs/iiif.html">Learn more about IIIF</a>
116
+ <a class="button button-small" href="./docs/iiif.html"
117
+ >Learn more about IIIF</a
118
+ >
94
119
  </p>
95
120
  </li>
96
121
  </ul>
@@ -151,9 +176,12 @@
151
176
  <p class="note">
152
177
  <strong>Find a bug?</strong> If you are confident you have found a bug,
153
178
  please report it as
154
- <a href="https://github.com/cmahnke/StoryMapJS/issues">a GitHub issue</a>. Be sure to include detailed instructions on how to reproduce it.
179
+ <a href="https://github.com/cmahnke/StoryMapJS/issues">a GitHub issue</a
180
+ >. Be sure to include detailed instructions on how to reproduce it.
155
181
  Upstream bugs go to
156
- <a href="https://github.com/NUKnightLab/StoryMapJS/issues">NUKnightLab/StoryMapJS</a>.
182
+ <a href="https://github.com/NUKnightLab/StoryMapJS/issues"
183
+ >NUKnightLab/StoryMapJS</a
184
+ >.
157
185
  </p>
158
186
  </div>
159
187
  <div class="grid-item">
@@ -161,7 +189,9 @@
161
189
  <p>Go further with StoryMap:</p>
162
190
  <ul>
163
191
  <li>
164
- <a href="./docs/migration.html">Migrating from Knight Lab StoryMapJS</a>
192
+ <a href="./docs/migration.html"
193
+ >Migrating from Knight Lab StoryMapJS</a
194
+ >
165
195
  </li>
166
196
  <li>
167
197
  <a href="./docs/migration.html">Storymap options</a>
@@ -173,7 +203,9 @@
173
203
  <a href="./docs/readme.html#development">Development setup</a>
174
204
  </li>
175
205
  <li>
176
- <a href="https://github.com/cmahnke/StoryMapJS/tree/main/schema">JSON schema</a>
206
+ <a href="https://github.com/cmahnke/StoryMapJS/tree/main/schema"
207
+ >JSON schema</a
208
+ >
177
209
  </li>
178
210
  </ul>
179
211
  </div>
@@ -183,7 +215,7 @@
183
215
  <h3>Frequently asked questions</h3>
184
216
  <ul class="accordion">
185
217
  <li>
186
- <input type="checkbox" checked="">
218
+ <input type="checkbox" checked />
187
219
  <i></i>
188
220
  <h3>How do I install the viewer?</h3>
189
221
  <div class="accordion-content">
@@ -198,7 +230,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
198
230
  </div>
199
231
  </li>
200
232
  <li>
201
- <input type="checkbox" checked="">
233
+ <input type="checkbox" checked />
202
234
  <i></i>
203
235
  <h3>How do I embed a published storymap?</h3>
204
236
  <div class="accordion-content">
@@ -212,7 +244,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
212
244
  </div>
213
245
  </li>
214
246
  <li>
215
- <input type="checkbox" checked="">
247
+ <input type="checkbox" checked />
216
248
  <i></i>
217
249
  <h3>How can I link to a specific slide?</h3>
218
250
  <div class="accordion-content">
@@ -228,7 +260,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
228
260
  </div>
229
261
  </li>
230
262
  <li>
231
- <input type="checkbox" checked="">
263
+ <input type="checkbox" checked />
232
264
  <i></i>
233
265
  <h3>How can I have a map without lines between points?</h3>
234
266
  <div class="accordion-content">
@@ -238,7 +270,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
238
270
  </div>
239
271
  </li>
240
272
  <li>
241
- <input type="checkbox" checked="">
273
+ <input type="checkbox" checked />
242
274
  <i></i>
243
275
  <h3>How can I use a custom map?</h3>
244
276
  <div class="accordion-content">
@@ -251,7 +283,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
251
283
  </div>
252
284
  </li>
253
285
  <li>
254
- <input type="checkbox" checked="">
286
+ <input type="checkbox" checked />
255
287
  <i></i>
256
288
  <h3>How can I adjust the zoom?</h3>
257
289
  <div class="accordion-content">
@@ -270,12 +302,14 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
270
302
  </div>
271
303
  </li>
272
304
  <li>
273
- <input type="checkbox" checked="">
305
+ <input type="checkbox" checked />
274
306
  <i></i>
275
307
  <h3>Can I change the fonts?</h3>
276
308
  <div class="accordion-content">
277
309
  <p>
278
- Yes — ship a font theme with your storymap (<code>font_css</code>
310
+ Yes — ship a font theme with your storymap (<code
311
+ >font_css</code
312
+ >
279
313
  in the data, relative to the script) or reference a stock
280
314
  theme with <code>font_css: "stock:knightlab"</code>. The
281
315
  compiled stock themes are resolved from the library's
@@ -284,7 +318,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
284
318
  </div>
285
319
  </li>
286
320
  <li>
287
- <input type="checkbox" checked="">
321
+ <input type="checkbox" checked />
288
322
  <i></i>
289
323
  <h3>Can I use custom HTML in a slide?</h3>
290
324
  <div class="accordion-content">
@@ -298,7 +332,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
298
332
  </div>
299
333
  </li>
300
334
  <li>
301
- <input type="checkbox" checked="">
335
+ <input type="checkbox" checked />
302
336
  <i></i>
303
337
  <h3>Can I limit the map to an area?</h3>
304
338
  <div class="accordion-content">
@@ -310,7 +344,7 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
310
344
  </div>
311
345
  </li>
312
346
  <li>
313
- <input type="checkbox" checked="">
347
+ <input type="checkbox" checked />
314
348
  <i></i>
315
349
  <h3>Does the viewer load external services by default?</h3>
316
350
  <div class="accordion-content">
@@ -337,18 +371,30 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
337
371
  <div class="footer-brand">StoryMap <span>JS</span></div>
338
372
  <ul class="list-social">
339
373
  <li>
340
- <a href="https://github.com/cmahnke/StoryMapJS" title="StoryMapJS fork on GitHub">GitHub</a>
374
+ <a
375
+ href="https://github.com/cmahnke/StoryMapJS"
376
+ title="StoryMapJS fork on GitHub"
377
+ >GitHub</a
378
+ >
341
379
  </li>
342
380
  <li>
343
- <a href="https://github.com/NUKnightLab/StoryMapJS" title="Upstream Knight Lab repository">Upstream</a>
381
+ <a
382
+ href="https://github.com/NUKnightLab/StoryMapJS"
383
+ title="Upstream Knight Lab repository"
384
+ >Upstream</a
385
+ >
344
386
  </li>
345
387
  </ul>
346
388
  </div>
347
389
  <div class="footer-description">
348
390
  <p>
349
391
  A TypeScript rewrite of
350
- <a href="https://github.com/NUKnightLab/StoryMapJS">NUKnightLab/StoryMapJS</a>, the original tool by
351
- <a href="https://knightlab.northwestern.edu/">Northwestern University Knight Lab</a>. The storymap JSON format is preserved; the rendering engine moved from
392
+ <a href="https://github.com/NUKnightLab/StoryMapJS"
393
+ >NUKnightLab/StoryMapJS</a
394
+ >, the original tool by
395
+ <a href="https://knightlab.northwestern.edu/"
396
+ >Northwestern University Knight Lab</a
397
+ >. The storymap JSON format is preserved; the rendering engine moved from
352
398
  Leaflet to OpenLayers, so some rendering details differ (see the
353
399
  <a href="./docs/migration.html">migration notes</a>).
354
400
  </p>
@@ -360,6 +406,5 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
360
406
  </div>
361
407
  </div>
362
408
  </footer>
363
-
364
-
365
- <script type="module" src="./assets/site--MHTHqWG.js"></script></body></html>
409
+ </body>
410
+ </html>