gd-bs 6.5.4 → 6.5.6

package/build/components/card/index.js

@@ -74,6 +74,11 @@ var _Card = /** @class */ (function (_super) {
                 _this.props.onClick(body.props);
             });
         }
+        // See if there is a render event
+        if (this.props.onRender) {
+            // Call the event
+            this.props.onRender(this.el, body.props);
+        }
     };
     // Configure the header
     _Card.prototype.configureHeader = function () {

package/build/components/cardGroup/index.js

@@ -37,12 +37,43 @@ 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);
+                // Call the event
+                this.props.onColRender ? this.props.onColRender(elCol, cards[i]) : null;
+            }
+            else {
+                // Add the card
+                this.el.appendChild(card.el);
+                // Call the event
+                this.props.onCardRender ? this.props.onCardRender(card.el, cards[i]) : null;
+            }
         }
+        // Call the event
+        this.props.onRender ? this.props.onRender(this.el, this.props) : null;
     };
     return _CardGroup;
 }(base_1.Base));