Use default initial DOM node for pagination for dynamic nodes

teleporthq · Jan 11, 2024 · df62dd6 · df62dd6
1 parent 8019cc9
commit df62dd6
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@teleporthq/teleport-custom-scripts",
-  "version": "0.0.24-alpha-0",
+  "version": "0.0.24-alpha-1",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
   "private": false,

diff --git a/src/slider.ts b/src/slider.ts
@@ -127,6 +127,15 @@ export class Slider {
               el: paginationElm,
               clickable: true,
               renderBullet: (index: string) => {
+                const paginationIcon = paginationElm?.children[index]
+                if (paginationIcon) {
+                  return getDOMStringRepresentation(paginationIcon);
+                }
+
+                if (!paginationIcon && paginationElm?.children?.[0]) {
+                  return getDOMStringRepresentation(paginationElm?.children[0] as HTMLElement);
+                }
+
                 return getDOMStringRepresentation(paginationElm?.children[index]);
               },
             },