gd-bs 6.6.57 → 6.6.59

package/build/components/jumbotron/index.js

@@ -15,10 +15,60 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Jumbotron = void 0;
+exports.Jumbotron = exports.JumbotronTypeClassNames = exports.JumbotronSizeClassNames = exports.JumbotronTypes = exports.JumbotronSize = void 0;
 var base_1 = require("../base");
+var classNames_1 = require("../classNames");
 var common_1 = require("../common");
 var templates_1 = require("./templates");
+/**
+ * Jumbotron Size
+ */
+var JumbotronSize;
+(function (JumbotronSize) {
+    JumbotronSize[JumbotronSize["XSmall"] = 1] = "XSmall";
+    JumbotronSize[JumbotronSize["Small"] = 2] = "Small";
+    JumbotronSize[JumbotronSize["Medium"] = 3] = "Medium";
+    JumbotronSize[JumbotronSize["Large"] = 4] = "Large";
+    JumbotronSize[JumbotronSize["XLarge"] = 5] = "XLarge";
+})(JumbotronSize = exports.JumbotronSize || (exports.JumbotronSize = {}));
+/**
+ * Jumbotron Types
+ */
+var JumbotronTypes;
+(function (JumbotronTypes) {
+    JumbotronTypes[JumbotronTypes["Danger"] = 1] = "Danger";
+    JumbotronTypes[JumbotronTypes["Dark"] = 2] = "Dark";
+    JumbotronTypes[JumbotronTypes["Info"] = 3] = "Info";
+    JumbotronTypes[JumbotronTypes["Light"] = 4] = "Light";
+    JumbotronTypes[JumbotronTypes["Primary"] = 5] = "Primary";
+    JumbotronTypes[JumbotronTypes["Secondary"] = 6] = "Secondary";
+    JumbotronTypes[JumbotronTypes["Success"] = 7] = "Success";
+    JumbotronTypes[JumbotronTypes["Warning"] = 8] = "Warning";
+})(JumbotronTypes = exports.JumbotronTypes || (exports.JumbotronTypes = {}));
+/**
+ * Jumbotron Classes
+ */
+exports.JumbotronSizeClassNames = new classNames_1.ClassNames([
+    "py-1",
+    "py-2",
+    "py-3",
+    "py-4",
+    "py-5"
+]);
+/**
+ * Jumbotron Classes
+ */
+exports.JumbotronTypeClassNames = new classNames_1.ClassNames([
+    "jumbotron-danger",
+    "jumbotron-dark",
+    "jumbotron-info",
+    "jumbotron-light",
+    "jumbotron-link",
+    "jumbotron-primary",
+    "jumbotron-secondary",
+    "jumbotron-success",
+    "jumbotron-warning"
+]);
 /**
  * Jumbotron
  */
@@ -64,6 +114,14 @@ var _Jumbotron = /** @class */ (function (_super) {
                 this.el.removeChild(lead);
             }
         }
+        // Set the size
+        var className = exports.JumbotronSizeClassNames.getByType(this.props.size) || exports.JumbotronSizeClassNames.getByType(JumbotronSize.XLarge);
+        this.el.classList.add(className);
+        // Set the type
+        className = exports.JumbotronTypeClassNames.getByType(this.props.type);
+        if (className) {
+            this.el.classList.add(className);
+        }
         // Append the content
         (0, common_1.appendContent)(this.el, this.props.content);
     };

package/build/components/jumbotron/templates.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HTML = void 0;
-exports.HTML = "\n<div class=\"row py-5 m-0\">\n    <h1 class=\"display-4\"></h1>\n    <p class=\"lead\"></p>\n</div>".trim();
+exports.HTML = "\n<div class=\"jumbotron row m-0\">\n    <h1 class=\"display-4\"></h1>\n    <p class=\"lead\"></p>\n</div>".trim();

package/build/components/listGroup/item.js

@@ -75,6 +75,7 @@ var ListGroupItem = /** @class */ (function (_super) {
             this.el.id = tabId + "-tab";
             this.el.setAttribute("href", "#" + tabId);
             this.el.setAttribute("data-bs-toggle", "list");
+            this.el.setAttribute("data-tab-title", this.props.tabName);
             this.el.setAttribute("aria-controls", tabId);
             this.el.innerHTML = this.props.tabName;
             // Update the tab
@@ -100,6 +101,11 @@ var ListGroupItem = /** @class */ (function (_super) {
             // Execute the event
             _this.props.onClick ? _this.props.onClick(_this.el, _this.props) : null;
         });
+        // See if there is a render tab event
+        if (this.props.onRenderTab) {
+            // Execute the render event
+            this.props.onRenderTab(this.el, this.props);
+        }
         // See if there is a render event
         if (this.props.onRender) {
             // Execute the render event