@guardian/interactive-component-library 0.1.0-alpha.47 → 0.1.0-alpha.49

package/dist/interactive-component-library.js

@@ -5940,7 +5940,7 @@ let Map$2 = class Map2 {
   get viewPort() {
     return this._viewport;
   }
-  get zoomLevel() {
+  get zoomScale() {
     return this.view.transform.k;
   }
   get isTransitioning() {
@@ -5986,15 +5986,15 @@ let Map$2 = class Map2 {
     this.layers.splice(layerIndex, 1);
   }
   async zoomIn(options) {
-    return this.zoomTo(this.zoomLevel * 2, options);
+    return this.zoomTo(this.zoomScale * 2, options);
   }
   async zoomOut(options) {
-    return this.zoomTo(this.zoomLevel * 0.5, options);
+    return this.zoomTo(this.zoomScale * 0.5, options);
   }
-  async zoomTo(zoomLevel, options = {
+  async zoomTo(zoomScale, options = {
     duration: 500
   }) {
-    return select(this._viewport).transition().duration(options.duration).call(this._zoomBehaviour.scaleTo, zoomLevel).end();
+    return select(this._viewport).transition().duration(options.duration).call(this._zoomBehaviour.scaleTo, zoomScale).end();
   }
   zoomToFeature(feature, focalPoint, padding = {
     top: 40,
@@ -6344,6 +6344,7 @@ const Map$1 = forwardRef(({
   const [zoomHelpText, setZoomHelpText] = useState("");
   const [showHelpText, setShowHelpText] = useState(false);
   useEffect(() => {
+    var _a;
     const map2 = new Map$2({
       view: new View(config.view),
       target: targetRef.current
@@ -6354,7 +6355,12 @@ const Map$1 = forwardRef(({
     if (ref)
       ref.current = map2;
     onLoad && onLoad(map2);
-    const zoomHelpText2 = navigator.userAgent.indexOf("Mac") !== -1 ? "Use ⌘ + scroll to zoom" : "Use Ctrl + scroll to zoom";
+    let zoomHelpText2 = "";
+    if (((_a = navigator.userAgentData) == null ? void 0 : _a.mobile) || navigator.userAgent.indexOf("Mobile") !== -1) {
+      zoomHelpText2 = mobileHelpText;
+    } else {
+      zoomHelpText2 = navigator.userAgent.indexOf("Mac") !== -1 ? "Use ⌘ + scroll to zoom" : "Use Ctrl + scroll to zoom";
+    }
     setZoomHelpText(zoomHelpText2);
     return () => {
       map2.destroy();
@@ -7789,10 +7795,13 @@ function Ticker({
       children: jsx("div", {
         ref: tickerScrollRef,
         className: styles.tickerScroll,
-        children: childArray.map((child, index) => jsx("div", {
-          className: styles.tickerItem,
-          children: child
-        }, index))
+        children: childArray.map((child, index) => {
+          var _a;
+          return jsx("div", {
+            className: styles.tickerItem,
+            children: child
+          }, ((_a = child == null ? void 0 : child.props) == null ? void 0 : _a.id) ?? index);
+        })
       })
     }), jsxs("div", {
       ref: controlsRef,