gd-bs 6.8.8 → 6.9.0

package/build/components/nav/index.js

@@ -46,10 +46,17 @@ var _Nav = /** @class */ (function (_super) {
             this.props.id ? nav.id = this.props.id : null;
             this.props.enableFill ? nav.classList.add("nav-fill") : null;
             this.props.isJustified ? nav.classList.add("nav-justified") : null;
-            this.props.isPills ? nav.classList.add("nav-pills") : null;
-            this.props.isTabs ? nav.classList.add("nav-tabs") : null;
-            this.props.isUnderline ? nav.classList.add("nav-underline") : null;
             this.props.isVertical ? nav.classList.add("flex-column") : null;
+            // Set the class name based on the properties
+            if (this.props.isTabs) {
+                nav.classList.add("nav-tabs");
+            }
+            else if (this.props.isPills) {
+                nav.classList.add("nav-pills");
+            }
+            else if (this.props.isTabs) {
+                nav.classList.add("nav-tabs");
+            }
         }
         // Render the nav links
         this.renderItems(itemTemplate);

package/build/components/pagination/index.js

@@ -37,6 +37,7 @@ var _Pagination = /** @class */ (function (_super) {
         if (template === void 0) { template = templates_1.HTML; }
         if (itemTemplate === void 0) { itemTemplate = templates_1.HTMLItem; }
         var _this = _super.call(this, template, props) || this;
+        _this._elList = null;
         _this._items = null;
         // Configure the collapse
         _this.configure(itemTemplate);
@@ -49,23 +50,23 @@ var _Pagination = /** @class */ (function (_super) {
         // Update the nav properties
         this.props.label ? this.el.setAttribute("aria-label", this.props.label) : null;
         // Update the list
-        var list = this.el.querySelector("ul");
-        if (list) {
-            this.props.isLarge ? list.classList.add("pagination-lg") : null;
-            this.props.isSmall ? list.classList.add("pagination-sm") : null;
+        this._elList = this.el.querySelector("ul");
+        if (this._elList) {
+            this.props.isLarge ? this._elList.classList.add("pagination-lg") : null;
+            this.props.isSmall ? this._elList.classList.add("pagination-sm") : null;
             // Read the alignment
             switch (this.props.alignment) {
                 // Danger
                 case PaginationAlignment.Center:
-                    list.classList.add("justify-content-center");
+                    this._elList.classList.add("justify-content-center");
                     break;
                 // Dark
                 case PaginationAlignment.Right:
-                    list.classList.add("justify-content-end");
+                    this._elList.classList.add("justify-content-end");
                     break;
             }
             // Render the page numbers
-            this.renderPageNumbers(list, itemTemplate);
+            this.renderPageNumbers(1, itemTemplate);
         }
     };
     // Configures the next/previous buttons, based on the active index
@@ -175,28 +176,37 @@ var _Pagination = /** @class */ (function (_super) {
         return item;
     };
     // Renders the page numbers
-    _Pagination.prototype.renderPageNumbers = function (list, itemTemplate) {
+    _Pagination.prototype.renderPageNumbers = function (activeItem, itemTemplate) {
         // Clear the items
         this._items = [];
+        // Determine if there are > 10 pages
+        var pages = this.props.numberOfPages || 1;
+        var showFirstLast = pages > 10;
         // Create the previous link
         var item = this.createItem("Previous", itemTemplate);
         item.classList.add("disabled");
         item.classList.add("previous");
-        list.appendChild(item);
+        this._elList.appendChild(item);
+        // See if we are showing the first/last links
+        if (showFirstLast) {
+            item = this.createItem("1", itemTemplate);
+            activeItem == 1 ? item.classList.add("active") : null;
+            item.classList.add("next");
+            this._elList.appendChild(item);
+        }
         // Loop for the number of pages to create
         // Parse the number of pages
-        var pages = this.props.numberOfPages || 1;
-        for (var i = 1; i <= pages; i++) {
+        for (var i = 2; i <= pages; i++) {
             // Create a link
             item = this.createItem(i.toString(), itemTemplate);
-            i == 1 ? item.classList.add("active") : null;
-            list.appendChild(item);
+            i == activeItem ? item.classList.add("active") : null;
+            this._elList.appendChild(item);
         }
         // Create the next link
         item = this.createItem("Next", itemTemplate);
         pages > 1 ? null : item.classList.add("disabled");
         item.classList.add("next");
-        list.appendChild(item);
+        this._elList.appendChild(item);
     };
     return _Pagination;
 }(base_1.Base));

package/build/components/tooltip/index.js

@@ -285,14 +285,17 @@ var _Tooltip = /** @class */ (function (_super) {
     });
     // Sets the tippy content
     _Tooltip.prototype.setContent = function (content) {
-        // Set the tippy content
-        this._floatingUI.setContent(content);
         // See if the content is a string
         if (typeof (content) === "string") {
             // Update the content
+            this._elContent.innerHTML = content;
             this._btn ? this._btn.el.setAttribute("aria-description", content) : null;
             this._ddl ? this._ddl.el.setAttribute("aria-description", content) : null;
         }
+        else {
+            // Set the tippy content
+            this._floatingUI.setContent(content);
+        }
     };
     // Shows the tooltip
     _Tooltip.prototype.show = function () {