gd-bs 6.5.3 → 6.5.5

package/build/components/card/item.js

@@ -32,7 +32,7 @@ var CardBody = /** @class */ (function () {
         // Update the title
         var elTitle = this._el.querySelector(".card-title");
         if (this._props.title || this._props.onRenderTitle) {
-            // Append the content
+            // Append the title
             (0, common_1.appendContent)(elTitle, this._props.title);
             // Call the render event
             this._props.onRenderTitle ? this._props.onRenderTitle(elTitle, this._props) : null;
@@ -44,25 +44,33 @@ var CardBody = /** @class */ (function () {
         // Update the sub-title
         var subTitle = this._el.querySelector(".card-subtitle");
         if (this._props.subTitle) {
-            // Set the title
+            // Set the sub-title
             subTitle.innerHTML = this._props.subTitle;
         }
         else {
-            // Remove the title
+            // Remove the sub-title
             this._el.removeChild(subTitle);
         }
         // Update the text
         var text = this._el.querySelector(".card-text");
         if (this._props.text) {
-            // Set the title
+            // Set the text
             text.innerHTML = this._props.text;
         }
+        // Else, see if there is content
+        else if (this._props.content && typeof (this._props.content) === "string") {
+            // Set the text
+            text.innerHTML = this._props.content;
+        }
         else {
-            // Remove the title
+            // Remove the text
             this._el.removeChild(text);
         }
-        // Append the content
-        (0, common_1.appendContent)(this._el, this._props.content);
+        // See if the content is an element
+        if (this._props.content && typeof (this._props.content) !== "string") {
+            // Append the content
+            (0, common_1.appendContent)(this._el, this._props.content);
+        }
         // Render the actions
         this.renderActions();
     };

package/build/components/cardGroup/index.js

@@ -37,11 +37,36 @@ var _CardGroup = /** @class */ (function (_super) {
     }
     // Configure the card group
     _CardGroup.prototype.configure = function (cardTemplate) {
-        // Parse the cards
         var cards = this.props.cards || [];
+        var isGrid = false;
+        // See if we are rendering columns
+        if (typeof (this.props.colSize) === "number") {
+            // Update the flag
+            isGrid = true;
+            // Update the class name
+            this.el.classList.remove("card-group");
+            this.el.classList.add("row");
+            // Determine the column class to use
+            var colSize = this.props.colSize > 0 && this.props.colSize <= 12 ? this.props.colSize : 4;
+            this.el.classList.add("row-cols-" + colSize);
+        }
+        // Parse the cards
         for (var i = 0; i < cards.length; i++) {
-            // Add the card
-            this.el.appendChild((0, card_1.Card)(cards[i], cardTemplate).el);
+            // Create the card
+            var card = (0, card_1.Card)(cards[i], cardTemplate);
+            // See if we are using a grid
+            if (isGrid) {
+                // Create a column element
+                var elCol = document.createElement("div");
+                elCol.classList.add("col");
+                elCol.appendChild(card.el);
+                // Add the card
+                this.el.appendChild(elCol);
+            }
+            else {
+                // Add the card
+                this.el.appendChild(card.el);
+            }
         }
     };
     return _CardGroup;