@biggive/components 202401021340.0.0 → 202401021422.0.0

package/dist/cjs/biggive-accordion_42.cjs.entry.js

@@ -1673,7 +1673,11 @@ const BiggiveTotalizer = class {
         // 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++) {
@@ -1702,12 +1706,9 @@ const BiggiveTotalizer = class {
         // 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.