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

package/dist/interactive-component-library.umd.cjs

@@ -5936,7 +5936,7 @@
     get viewPort() {
       return this._viewport;
     }
-    get zoomLevel() {
+    get zoomScale() {
       return this.view.transform.k;
     }
     get isTransitioning() {
@@ -5982,15 +5982,15 @@
       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 d3Selection.select(this._viewport).transition().duration(options.duration).call(this._zoomBehaviour.scaleTo, zoomLevel).end();
+      return d3Selection.select(this._viewport).transition().duration(options.duration).call(this._zoomBehaviour.scaleTo, zoomScale).end();
     }
     zoomToFeature(feature, focalPoint, padding = {
       top: 40,
@@ -6340,6 +6340,7 @@
     const [zoomHelpText, setZoomHelpText] = hooks.useState("");
     const [showHelpText, setShowHelpText] = hooks.useState(false);
     hooks.useEffect(() => {
+      var _a;
       const map2 = new Map$2({
         view: new View(config.view),
         target: targetRef.current
@@ -6350,7 +6351,12 @@
       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();
@@ -7785,10 +7791,13 @@
         children: jsxRuntime.jsx("div", {
           ref: tickerScrollRef,
           className: styles.tickerScroll,
-          children: childArray.map((child, index) => jsxRuntime.jsx("div", {
-            className: styles.tickerItem,
-            children: child
-          }, index))
+          children: childArray.map((child, index) => {
+            var _a;
+            return jsxRuntime.jsx("div", {
+              className: styles.tickerItem,
+              children: child
+            }, ((_a = child == null ? void 0 : child.props) == null ? void 0 : _a.id) ?? index);
+          })
         })
       }), jsxRuntime.jsxs("div", {
         ref: controlsRef,