@biggive/components 202401021340.0.0 → 202401021422.0.0

package/hydrate/index.js

@@ -10707,7 +10707,11 @@ class BiggiveTotalizer {
         // We've seen the initial calculation exclude the ~30px per set of values end padding before,
         // and it's safe to err on the side of more copies to reduce the chance of abrupt early loop
         // ends, so we add a buffer of 40px to the calculation when deciding how many copies to use.
-        const sleeveCount = Math.max(1, Math.min(4, Math.ceil((2 * (40 + itemsWidth)) / containerWidth)));
+        // const sleeveCount = Math.max(1, Math.min(4, Math.ceil((2 * (40 + itemsWidth)) / containerWidth)));
+        // TODO Ultimately we'd like to get multiple copies working, or simplify. This
+        // has proven very hard to iterate on pending a fix for DON-867 because
+        // there is Angular-specific behaviour breaking the contents of copies.
+        const sleeveCount = 1;
         this.host.style.setProperty('--ticker-end-left', `-${sleeveCount * 100}%`);
         const duration = Math.round((itemsWidth / 100) * sleeveCount);
         for (let ii = 1; ii <= sleeveCount; ii++) {
@@ -10736,12 +10740,9 @@ class BiggiveTotalizer {
         // Deep clone [all children of] the ticker items internal wrapper and append them, so the ticker can show items without
         // a blank break. Sleeve 2 and up will animate on delays per https://stackoverflow.com/a/45847760.
         setTimeout(() => {
-            tickerItemsInternalWrapper.childNodes.forEach((child) => {
-                console.log('Child element for cloning: ', child);
-                sleeve2 && sleeve2.appendChild(child.cloneNode(true)); // Deep clone all items.
-                sleeve3 && sleeve3.appendChild(child.cloneNode(true));
-                sleeve4 && sleeve4.appendChild(child.cloneNode(true));
-            });
+            sleeve2 && sleeve2.appendChild(tickerItemsInternalWrapper.cloneNode(true));
+            sleeve3 && sleeve3.appendChild(tickerItemsInternalWrapper.cloneNode(true));
+            sleeve4 && sleeve4.appendChild(tickerItemsInternalWrapper.cloneNode(true));
         }, 800);
         setTimeout(() => {
             // In Angular contexts, it seems like we need to leave a little time before the calculations work.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@biggive/components",
   "_comment": "Version number below is automatically replaced during CircleCI build.",
-  "version": "202401021340.0.0",
+  "version": "202401021422.0.0",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",