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

package/dist/interactive-component-library.js

@@ -4602,7 +4602,9 @@ class Dispatcher {
 }
 const MapEvent = {
   CHANGE: "change",
-  ZOOM: "zoom"
+  ZOOM: "zoom",
+  TRANSITION_START: "transition_start",
+  TRANSITION_END: "transition_end"
 };
 var noop = { value: () => {
 } };
@@ -5922,10 +5924,8 @@ let Map$2 = class Map2 {
     this._resizeObserver = new ResizeObserver(() => this._updateSize());
     this._resizeObserver.observe(this.target);
     this._viewport.addEventListener("touchmove", (event) => {
-      if (event.targetTouches.length < 2) {
+      if (event.targetTouches.length < 2 && this.collaborativeGesturesEnabled) {
         this._filterEventCallback(true);
-      } else {
-        event.stopImmediatePropagation();
       }
     });
   }
@@ -5943,6 +5943,9 @@ let Map$2 = class Map2 {
   get zoomLevel() {
     return this.view.transform.k;
   }
+  get isTransitioning() {
+    return this._isTransitioning;
+  }
   /** PUBLIC METHODS */
   onFilterEvent(callback) {
     this._filterEventCallback = callback;
@@ -6047,6 +6050,7 @@ let Map$2 = class Map2 {
     const ease = options.ease || ((t) => t);
     return new Promise((resolve) => {
       this._isTransitioning = true;
+      this.dispatcher.dispatch(MapEvent.TRANSITION_START);
       const _timer = timer((elapsed) => {
         const t = Math.min(elapsed / options.duration, 1);
         callback(ease(t));
@@ -6054,6 +6058,7 @@ let Map$2 = class Map2 {
         if (elapsed >= options.duration) {
           _timer.stop();
           this._isTransitioning = false;
+          this.dispatcher.dispatch(MapEvent.TRANSITION_END);
           resolve();
         }
       });
@@ -6101,7 +6106,7 @@ let Map$2 = class Map2 {
       if (event.type === "wheel" && !event[this._zoomBypassKey]) {
         return filterEvent(true);
       }
-      if ("targetTouches" in event) {
+      if ("targetTouches" in event && this.collaborativeGesturesEnabled) {
         if (event.targetTouches.length < 2) {
           return false;
         }
@@ -7707,15 +7712,15 @@ function Gradient() {
     })]
   });
 }
-const ticker = "_ticker_1as05_9";
-const tickerItems = "_tickerItems_1as05_21";
-const tickerScroll = "_tickerScroll_1as05_26";
-const tickerItem = "_tickerItem_1as05_21";
-const controls = "_controls_1as05_48";
-const gradient = "_gradient_1as05_63";
-const buttons = "_buttons_1as05_75";
-const button = "_button_1as05_75";
-const buttonInner = "_buttonInner_1as05_100";
+const ticker = "_ticker_1jg88_9";
+const tickerItems = "_tickerItems_1jg88_21";
+const tickerScroll = "_tickerScroll_1jg88_26";
+const tickerItem = "_tickerItem_1jg88_21";
+const controls = "_controls_1jg88_48";
+const gradient = "_gradient_1jg88_63";
+const buttons = "_buttons_1jg88_75";
+const button = "_button_1jg88_75";
+const buttonInner = "_buttonInner_1jg88_101";
 const styles = {
   ticker,
   tickerItems,
@@ -7752,12 +7757,18 @@ function Ticker({
     setPageWidth(pageWidth2);
     const numberOfPages2 = Math.ceil(tickerScrollRef.current.scrollWidth / pageWidth2);
     setNumberOfPages(numberOfPages2);
-  }, []);
+  }, [childArray]);
   useLayoutEffect(() => {
     const hideButtons2 = childArray.length < 4;
     setHideButtons(hideButtons2);
   }, [childArray]);
   function toggleExpandedState() {
+    if (expanded) {
+      tickerRef.current.scrollIntoView({
+        behavior: "smooth",
+        alignToTop: true
+      });
+    }
     setExpanded((expanded2) => {
       const newState = !expanded2;
       if (onStateChange)