gd-bs 6.1.7 → 6.1.8

package/index.html

@@ -1166,7 +1166,7 @@
                     imageUrl: "https://via.placeholder.com/400x200",
                     imageAlt: "First Slide",
                     isActive: true
-                }/*, {
+                }, {
                     captions: "<h5>Second Slide</h5>",
                     imageUrl: "https://via.placeholder.com/400x200",
                     imageAlt: "Second Slide"
@@ -1176,7 +1176,7 @@
                     imageAlt: "Third Slide"
                 }, {
                     content: "<h1>Header</h1><h3>Title</h3><p>Content</p>"
-                }*/]
+                }]
             });
             window["collapse"] = GD.Components.Collapse({
                 el: document.querySelector("#collapse"),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.1.7",
+    "version": "6.1.8",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/components/carousel/index.ts

@@ -153,8 +153,8 @@ class _Carousel extends Base<ICarouselProps> implements ICarousel {
         // See if we are rendering controls
         if (this.props.enableControls) {
             // Configure the controls
-            nextControl ? nextControl.href = "#" + this.el.id : null;
-            prevControl ? prevControl.href = "#" + this.el.id : null;
+            nextControl ? nextControl.setAttribute("data-bs-target", "#" + this.el.id) : null;
+            prevControl ? prevControl.setAttribute("data-bs-target", "#" + this.el.id) : null;
 
             // Set the click event
             nextControl.addEventListener("click", ev => { ev.preventDefault(); this.next(); })

package/src/components/carousel/templates.ts

@@ -3,14 +3,14 @@ export const HTML = `
 <div class="carousel slide" data-bs-ride="carousel">
     <div class="carousel-indicators"></div>
     <div class="carousel-inner"></div>
-    <a class="carousel-control-prev" href="#" role="button" data-bs-slide="prev">
+    <button class="carousel-control-prev" type="button" data-bs-slide="prev">
         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
         <span class="visually-hidden">Previous</span>
-    </a>
-    <a class="carousel-control-next" href="#" role="button" data-bs-slide="next">
+    </button>
+    <button class="carousel-control-next" type="button" data-bs-slide="next">
         <span class="carousel-control-next-icon" aria-hidden="true"></span>
         <span class="visually-hidden">Next</span>
-    </a>
+    </button>
 </div>`.trim();
 
 // Carousel Item