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

package/dist/interactive-component-library.js

@@ -7707,15 +7707,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 +7752,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)