@knight-lab/timelinejs 3.9.9 → 3.9.10

package/.claude/settings.local.json

@@ -8,7 +8,15 @@
       "Bash(curl:*)",
       "Bash(npm run stage:*)",
       "Bash(npm install:*)",
-      "Bash(npm ls:*)"
+      "Bash(npm ls:*)",
+      "Bash(npm run build:*)",
+      "Bash(touch:*)",
+      "Bash(npm run clean:*)",
+      "Bash(md5:*)",
+      "Bash(ls:*)",
+      "Bash(grep:*)",
+      "Bash(wc:*)",
+      "Bash(cat:*)"
     ],
     "deny": [],
     "ask": []

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+3.9.10 (2026-03-04)
+-------------------------
+* Fix mapping bug introduced with updated icon fonts.
+
 3.9.9 (2026-03-03)
 -------------------------
 * #895 Fixes for pt-BR locale

package/DEPLOYING.md

@@ -7,8 +7,6 @@ TimelineJS3 has two independent products which can be "deployed". The deployment
 
 To deploy updates to the javascript, you must have a local copy of the [cdn.knightlab.com](https://github.com/NUKnightLab/cdn.knightlab.com) repository checked out on your filesystem, "next to" your TimelineJS3 repository.
 
-To deploy the website, or updates to the Wordpress plugin, you must have local copies of the [fablib](https://github.com/NUKnightLab/fablib) and, for the plugin, [TimelineJS-Wordpress-Plugin](https://github.com/NUKnightLab/TimelineJS-Wordpress-Plugin) repositories checked out on your filesystem, "next to" your TimelineJS3 repository.
-
 "Next to" means that the TimelineJS3 repository and the other repositories should have the same parent directory. Of course, you must also have authorization to write to the appropriate S3 buckets, or, for the Wordpress plugin, to the Wordpress SVN server.
 
 ## Deploying changes to the JavaScript
@@ -17,8 +15,8 @@ Before beginning to deploy, make sure all changes are thoroughly tested. Update
 
 Deploying the JavaScript library uses `npm` scripts defined in `package.json`. To deploy to the Knight Lab CDN, use the following scripts:
 
+* npm run stage_latest (most common)
 * npm run stage
-* npm run stage_latest
 * npm run stage_dev
 
 To stage a new release of TimelineJS, use `npm run stage_latest`. This will ask you for a version number (tag), build the code, and copy it to the appropriate versioned subdirectory of the `cdn.knightlab.com` repository, as well as copying it to the `/latest/` directory.  In the rare case when you want to tag a version, but not change `latest`, use `npm run stage` although then copying that to `/latest/` is outside the scope of these tools. 
@@ -29,19 +27,15 @@ When a new version is deployed to the CDN, it should also be published to the np
 
 ### Updating the Wordpress plugin
 
-The TimelineJS plugin for Wordpress is distributed with a copy of the TimelineJS code. For now, use `fab stage_wp` to copy the relevant contents of `dist` to the Wordpress plugin. It's up to you to make sure the version in `dist` is what you want to copy. More details on deploying that change are in the plugin repository.
+We no longer actively maintain the Wordpress plugin, because recent versions of Wordpress (since the "Gutenberg" redesign) support "Custom HTML" blocks into which TimelineJS embed code can be pasted.
 
 
 ## Deploying changes to the website
 
-To deploy changes to the website which explains TimelineJS3 and hosts the "authoring tool," use the command
+To deploy changes to the website which explains TimelineJS3 and hosts the "authoring tool":
 ```
-fab deploy:prd
+cd website/
+./deploy.sh prd
 ```
 
-This will compile the website templates and push them to the S3 buckets. It is unrelated to the javascript, so can be done independently. Or, contrariwise, if you are intending to change both, be sure to follow both processes.
-
-There is a variant for deploying a version of the site which can be reached on the open internet but which is not yet ready for regular public consumption:
-```
-fab deploy:stg
-```
+This will build the website and copy the files to the timeline.knightlab.com server.

package/dist/css/themes/timeline.theme.contrast.css

@@ -359,187 +359,187 @@
   -moz-osx-font-smoothing: grayscale;
 }
 .tl-icon-vine:after {
-  content: "\e64d";
+  content: "\ea96";
 }
 .tl-icon-wikipedia:after {
-  content: "\e64e";
+  content: "\eac8";
 }
 .tl-icon-chevron-right:after {
-  content: "\e64f";
+  content: "\e315";
 }
 .tl-icon-chevron-left:after {
-  content: "\e650";
+  content: "\e314";
 }
 .tl-icon-youtube-logo:after {
-  content: "\e651";
+  content: "\ea9d";
 }
 .tl-icon-foursquare:after {
-  content: "\e652";
+  content: "\e947";
 }
 .tl-icon-camera-retro:after {
-  content: "\e653";
+  content: "\e90f";
 }
 .tl-icon-doc:after {
-  content: "\e654";
+  content: "\e926";
 }
 .tl-icon-weibo:after {
-  content: "\e655";
+  content: "\ea96";
 }
 .tl-icon-resize-horizontal:after {
-  content: "\e656";
+  content: "\e8d4";
 }
 .tl-icon-resize-vertical:after {
-  content: "\e657";
+  content: "\e8d5";
 }
 .tl-icon-resize-full:after {
-  content: "\e658";
+  content: "\e989";
 }
 .tl-icon-resize-small:after {
-  content: "\e659";
+  content: "\e98a";
 }
 .tl-icon-twitter:after {
-  content: "\e62b";
+  content: "\ea96";
 }
 .tl-icon-google-plus:after {
-  content: "\e62c";
+  content: "\ea8b";
 }
 .tl-icon-video:after {
-  content: "\e62d";
+  content: "\ea9d";
 }
 .tl-icon-youtube:after {
-  content: "\e62d";
+  content: "\ea9d";
 }
 .tl-icon-plaintext:after {
-  content: "\e62e";
+  content: "\e926";
 }
 .tl-icon-storify:after {
-  content: "\e62e";
+  content: "\e926";
 }
 .tl-icon-image-v2:after {
-  content: "\e62f";
+  content: "\e90d";
 }
 .tl-icon-quote-v2:after {
-  content: "\e630";
+  content: "\e977";
 }
 .tl-icon-zoom-in:after {
-  content: "\e631";
+  content: "\e987";
 }
 .tl-icon-zoom-out:after {
-  content: "\e632";
+  content: "\e988";
 }
 .tl-icon-list:after {
-  content: "\e633";
+  content: "\e9bd";
 }
 .tl-icon-music:after {
-  content: "\e634";
+  content: "\ea94";
 }
 .tl-icon-spotify:after {
-  content: "\e634";
+  content: "\ea94";
 }
 .tl-icon-location:after {
-  content: "\e635";
+  content: "\e947";
 }
 .tl-icon-googlemaps:after {
-  content: "\e635";
+  content: "\e947";
 }
 .tl-icon-web:after {
-  content: "\e636";
+  content: "\e9cb";
 }
 .tl-icon-share-v2:after {
-  content: "\e637";
+  content: "\ea82";
 }
 .tl-icon-soundcloud:after {
-  content: "\e639";
+  content: "\eac3";
 }
 .tl-icon-video-v2:after {
-  content: "\e63a";
+  content: "\ea9d";
 }
 .tl-icon-dailymotion:after {
-  content: "\e63a";
+  content: "\ea9d";
 }
 .tl-icon-tumblr:after {
-  content: "\e63b";
+  content: "\eab9";
 }
 .tl-icon-lastfm:after {
-  content: "\e63c";
+  content: "\ea94";
 }
 .tl-icon-github:after {
-  content: "\e63d";
+  content: "\eab0";
 }
 .tl-icon-goback:after {
-  content: "\e63e";
+  content: "\e314";
 }
 .tl-icon-goend:after {
-  content: "\e969";
+  content: "\e315";
 }
 .tl-icon-prev2:after {
-  content: "\ea23";
+  content: "\e314";
 }
 .tl-icon-next2:after {
-  content: "\ea24";
+  content: "\e315";
 }
 .tl-icon-doc-v2:after {
-  content: "\e63f";
+  content: "\e926";
 }
 .tl-icon-googledrive:after {
-  content: "\e640";
+  content: "\ea8f";
 }
 .tl-icon-facebook:after {
-  content: "\e641";
+  content: "\ea90";
 }
 .tl-icon-flickr:after {
-  content: "\e642";
+  content: "\eaa4";
 }
 .tl-icon-dribbble:after {
-  content: "\e643";
+  content: "\ea90";
 }
 .tl-icon-image:after {
-  content: "\e605";
+  content: "\e90d";
 }
 .tl-icon-vimeo:after {
-  content: "\e606";
+  content: "\eaa0";
 }
 .tl-icon-instagram:after {
-  content: "\e644";
+  content: "\ea92";
 }
 .tl-icon-pinterest:after {
-  content: "\e645";
+  content: "\ead1";
 }
 .tl-icon-arrow-left:after {
-  content: "\e646";
+  content: "\ea44";
 }
 .tl-icon-arrow-down:after {
-  content: "\e647";
+  content: "\ea43";
 }
 .tl-icon-arrow-up:after {
-  content: "\e648";
+  content: "\ea41";
 }
 .tl-icon-arrow-right:after {
-  content: "\e649";
+  content: "\ea42";
 }
 .tl-icon-share:after {
-  content: "\e64a";
+  content: "\ea7d";
 }
 .tl-icon-blockquote:after {
-  content: "\e64b";
+  content: "\e977";
 }
 .tl-icon-evernote:after {
-  content: "\e64c";
+  content: "\e926";
 }
 .tl-icon-mappin:after {
-  content: "\e600";
+  content: "\e947";
 }
 .tl-icon-swipe-right:after {
-  content: "\e601";
+  content: "\e315";
 }
 .tl-icon-swipe-left:after {
-  content: "\e602";
+  content: "\e314";
 }
 .tl-icon-touch-spread:after {
-  content: "\e603";
+  content: "\e989";
 }
 .tl-icon-touch-pinch:after {
-  content: "\e604";
+  content: "\e98a";
 }
 .tl-icon-tiktok:after {
   content: "\e908";
@@ -848,7 +848,7 @@
   top: -10px;
 }
 .tl-timenav .tl-timenav-line:after {
-  content: "\e648";
+  content: "\ea41";
   bottom: 24px;
 }
 .tl-timenav .tl-timenav-slider {
@@ -2120,7 +2120,7 @@
   margin-left: 76px;
 }
 .tl-slidenav-next .tl-slidenav-icon:before {
-  content: "\e64f";
+  content: "\e315";
 }
 .tl-slidenav-previous {
   text-align: left;
@@ -2131,7 +2131,7 @@
   margin-left: 0px;
 }
 .tl-slidenav-previous .tl-slidenav-icon:before {
-  content: "\e650";
+  content: "\e314";
 }
 [dir="rtl"] .tl-slidenav-previous {
   direction: ltr;

package/dist/css/themes/timeline.theme.dark.css

@@ -359,187 +359,187 @@
   -moz-osx-font-smoothing: grayscale;
 }
 .tl-icon-vine:after {
-  content: "\e64d";
+  content: "\ea96";
 }
 .tl-icon-wikipedia:after {
-  content: "\e64e";
+  content: "\eac8";
 }
 .tl-icon-chevron-right:after {
-  content: "\e64f";
+  content: "\e315";
 }
 .tl-icon-chevron-left:after {
-  content: "\e650";
+  content: "\e314";
 }
 .tl-icon-youtube-logo:after {
-  content: "\e651";
+  content: "\ea9d";
 }
 .tl-icon-foursquare:after {
-  content: "\e652";
+  content: "\e947";
 }
 .tl-icon-camera-retro:after {
-  content: "\e653";
+  content: "\e90f";
 }
 .tl-icon-doc:after {
-  content: "\e654";
+  content: "\e926";
 }
 .tl-icon-weibo:after {
-  content: "\e655";
+  content: "\ea96";
 }
 .tl-icon-resize-horizontal:after {
-  content: "\e656";
+  content: "\e8d4";
 }
 .tl-icon-resize-vertical:after {
-  content: "\e657";
+  content: "\e8d5";
 }
 .tl-icon-resize-full:after {
-  content: "\e658";
+  content: "\e989";
 }
 .tl-icon-resize-small:after {
-  content: "\e659";
+  content: "\e98a";
 }
 .tl-icon-twitter:after {
-  content: "\e62b";
+  content: "\ea96";
 }
 .tl-icon-google-plus:after {
-  content: "\e62c";
+  content: "\ea8b";
 }
 .tl-icon-video:after {
-  content: "\e62d";
+  content: "\ea9d";
 }
 .tl-icon-youtube:after {
-  content: "\e62d";
+  content: "\ea9d";
 }
 .tl-icon-plaintext:after {
-  content: "\e62e";
+  content: "\e926";
 }
 .tl-icon-storify:after {
-  content: "\e62e";
+  content: "\e926";
 }
 .tl-icon-image-v2:after {
-  content: "\e62f";
+  content: "\e90d";
 }
 .tl-icon-quote-v2:after {
-  content: "\e630";
+  content: "\e977";
 }
 .tl-icon-zoom-in:after {
-  content: "\e631";
+  content: "\e987";
 }
 .tl-icon-zoom-out:after {
-  content: "\e632";
+  content: "\e988";
 }
 .tl-icon-list:after {
-  content: "\e633";
+  content: "\e9bd";
 }
 .tl-icon-music:after {
-  content: "\e634";
+  content: "\ea94";
 }
 .tl-icon-spotify:after {
-  content: "\e634";
+  content: "\ea94";
 }
 .tl-icon-location:after {
-  content: "\e635";
+  content: "\e947";
 }
 .tl-icon-googlemaps:after {
-  content: "\e635";
+  content: "\e947";
 }
 .tl-icon-web:after {
-  content: "\e636";
+  content: "\e9cb";
 }
 .tl-icon-share-v2:after {
-  content: "\e637";
+  content: "\ea82";
 }
 .tl-icon-soundcloud:after {
-  content: "\e639";
+  content: "\eac3";
 }
 .tl-icon-video-v2:after {
-  content: "\e63a";
+  content: "\ea9d";
 }
 .tl-icon-dailymotion:after {
-  content: "\e63a";
+  content: "\ea9d";
 }
 .tl-icon-tumblr:after {
-  content: "\e63b";
+  content: "\eab9";
 }
 .tl-icon-lastfm:after {
-  content: "\e63c";
+  content: "\ea94";
 }
 .tl-icon-github:after {
-  content: "\e63d";
+  content: "\eab0";
 }
 .tl-icon-goback:after {
-  content: "\e63e";
+  content: "\e314";
 }
 .tl-icon-goend:after {
-  content: "\e969";
+  content: "\e315";
 }
 .tl-icon-prev2:after {
-  content: "\ea23";
+  content: "\e314";
 }
 .tl-icon-next2:after {
-  content: "\ea24";
+  content: "\e315";
 }
 .tl-icon-doc-v2:after {
-  content: "\e63f";
+  content: "\e926";
 }
 .tl-icon-googledrive:after {
-  content: "\e640";
+  content: "\ea8f";
 }
 .tl-icon-facebook:after {
-  content: "\e641";
+  content: "\ea90";
 }
 .tl-icon-flickr:after {
-  content: "\e642";
+  content: "\eaa4";
 }
 .tl-icon-dribbble:after {
-  content: "\e643";
+  content: "\ea90";
 }
 .tl-icon-image:after {
-  content: "\e605";
+  content: "\e90d";
 }
 .tl-icon-vimeo:after {
-  content: "\e606";
+  content: "\eaa0";
 }
 .tl-icon-instagram:after {
-  content: "\e644";
+  content: "\ea92";
 }
 .tl-icon-pinterest:after {
-  content: "\e645";
+  content: "\ead1";
 }
 .tl-icon-arrow-left:after {
-  content: "\e646";
+  content: "\ea44";
 }
 .tl-icon-arrow-down:after {
-  content: "\e647";
+  content: "\ea43";
 }
 .tl-icon-arrow-up:after {
-  content: "\e648";
+  content: "\ea41";
 }
 .tl-icon-arrow-right:after {
-  content: "\e649";
+  content: "\ea42";
 }
 .tl-icon-share:after {
-  content: "\e64a";
+  content: "\ea7d";
 }
 .tl-icon-blockquote:after {
-  content: "\e64b";
+  content: "\e977";
 }
 .tl-icon-evernote:after {
-  content: "\e64c";
+  content: "\e926";
 }
 .tl-icon-mappin:after {
-  content: "\e600";
+  content: "\e947";
 }
 .tl-icon-swipe-right:after {
-  content: "\e601";
+  content: "\e315";
 }
 .tl-icon-swipe-left:after {
-  content: "\e602";
+  content: "\e314";
 }
 .tl-icon-touch-spread:after {
-  content: "\e603";
+  content: "\e989";
 }
 .tl-icon-touch-pinch:after {
-  content: "\e604";
+  content: "\e98a";
 }
 .tl-icon-tiktok:after {
   content: "\e908";
@@ -848,7 +848,7 @@
   top: -10px;
 }
 .tl-timenav .tl-timenav-line:after {
-  content: "\e648";
+  content: "\ea41";
   bottom: 24px;
 }
 .tl-timenav .tl-timenav-slider {
@@ -2120,7 +2120,7 @@
   margin-left: 76px;
 }
 .tl-slidenav-next .tl-slidenav-icon:before {
-  content: "\e64f";
+  content: "\e315";
 }
 .tl-slidenav-previous {
   text-align: left;
@@ -2131,7 +2131,7 @@
   margin-left: 0px;
 }
 .tl-slidenav-previous .tl-slidenav-icon:before {
-  content: "\e650";
+  content: "\e314";
 }
 [dir="rtl"] .tl-slidenav-previous {
   direction: ltr;