gd-bs 5.7.6 → 5.7.9

package/build/components/checkboxGroup/index.js

@@ -49,19 +49,12 @@ var _CheckboxGroup = /** @class */ (function (_super) {
     }
     // Configure the card group
     _CheckboxGroup.prototype.configure = function (cbTemplate) {
-        var colSize = this.props.colSize > 0 && this.props.colSize < 13 ? this.props.colSize : (this.props.label ? 10 : 12);
         var renderRow = typeof (this.props.renderRow) === "boolean" ? this.props.renderRow : true;
-        // See if we are not rendering a row
-        if (!renderRow) {
-            // Remove the row class
-            this.el.classList.remove("row");
-        }
         // See if a label is defined
         var label = this.el.querySelector("legend");
         if (label) {
             if (this.props.label && this.props.hideLabel != true) {
                 // Add the label
-                renderRow ? label.classList.add("col-" + (12 - colSize)) : null;
                 label.innerHTML = this.props.label;
             }
             else {
@@ -72,11 +65,7 @@ var _CheckboxGroup = /** @class */ (function (_super) {
         // Get the group and configure the size
         var group = this.el.querySelector("div");
         if (group) {
-            if (renderRow) {
-                // Set the class
-                group.classList.add("col-" + colSize);
-            }
-            else {
+            if (!renderRow) {
                 // Remove the group element
                 this.el.removeChild(group);
             }

package/build/components/checkboxGroup/item.js

@@ -36,6 +36,9 @@ var CheckboxItem = /** @class */ (function () {
             // Default the title property for the checkbox
             this._elCheckbox.title = this.props.label || this._parent.title || "";
         }
+        // Set the column size
+        var colSize = this._parent.colSize > 0 && this._parent.colSize < 13 ? this._parent.colSize : 12;
+        this._el.classList.add("col-" + colSize);
         // See if the title property is defined
         if (this._parent.title) {
             // Set the title

package/build/components/checkboxGroup/templates.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HTMLSwitch = exports.HTMLRadio = exports.HTMLCheckbox = exports.HTML = void 0;
 // Checkbox
-exports.HTML = "\n<div class=\"row\">\n    <legend class=\"col-form-label\"></legend>\n    <div></div>\n</div>".trim();
+exports.HTML = "\n<div>\n    <legend class=\"col-form-label\"></legend>\n    <div class=\"row\"></div>\n</div>".trim();
 // Checkbox
 exports.HTMLCheckbox = "\n<div class=\"form-check\">\n    <input type=\"checkbox\" class=\"form-check-input\" />\n    <label class=\"form-check-label\"></label>\n</div>".trim();
 // Radio

package/build/components/form/control.js

@@ -111,6 +111,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     items: cbProps.items,
                     onChange: cbProps.onChange,
+                    renderRow: cbProps.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Checkbox,
                     value: this._props.value
@@ -217,6 +218,7 @@ var FormControl = /** @class */ (function () {
                     items: cbMultiProps.items,
                     multi: true,
                     onChange: cbMultiProps.onChange,
+                    renderRow: cbMultiProps.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Checkbox,
                     value: this._props.value
@@ -263,6 +265,7 @@ var FormControl = /** @class */ (function () {
                     items: this._props.items,
                     multi: true,
                     onChange: this._props.onChange,
+                    renderRow: this._props.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Radio,
                     value: this._props.value
@@ -280,6 +283,7 @@ var FormControl = /** @class */ (function () {
                     items: this._props.items,
                     multi: true,
                     onChange: this._props.onChange,
+                    renderRow: this._props.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Switch,
                     value: this._props.value
@@ -311,6 +315,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     items: this._props.items,
                     onChange: this._props.onChange,
+                    renderRow: this._props.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Radio,
                     value: this._props.value
@@ -359,6 +364,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     items: this._props.items,
                     onChange: this._props.onChange,
+                    renderRow: this._props.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Switch,
                     value: this._props.value

package/build/components/offcanvas/index.js

@@ -15,11 +15,42 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Offcanvas = exports.OffcanvasClassNames = exports.OffcanvasTypes = void 0;
+exports.Offcanvas = exports.OffcanvasTypesClassNames = exports.OffcanvasTypes = exports.OffcanvasSizeClassNames = exports.OffcanvasSize = void 0;
 var classNames_1 = require("../classNames");
 var base_1 = require("../base");
 var common_1 = require("../common");
 var templates_1 = require("./templates");
+/**
+ * Offcanvas Size
+ */
+var OffcanvasSize;
+(function (OffcanvasSize) {
+    OffcanvasSize[OffcanvasSize["Small1"] = 1] = "Small1";
+    OffcanvasSize[OffcanvasSize["Small2"] = 2] = "Small2";
+    OffcanvasSize[OffcanvasSize["Small3"] = 3] = "Small3";
+    OffcanvasSize[OffcanvasSize["Medium1"] = 4] = "Medium1";
+    OffcanvasSize[OffcanvasSize["Medium2"] = 5] = "Medium2";
+    OffcanvasSize[OffcanvasSize["Medium3"] = 6] = "Medium3";
+    OffcanvasSize[OffcanvasSize["Large1"] = 7] = "Large1";
+    OffcanvasSize[OffcanvasSize["Large2"] = 8] = "Large2";
+    OffcanvasSize[OffcanvasSize["Large3"] = 9] = "Large3";
+    OffcanvasSize[OffcanvasSize["Full"] = 10] = "Full";
+})(OffcanvasSize = exports.OffcanvasSize || (exports.OffcanvasSize = {}));
+/**
+ * Offcanvas Size Classes
+ */
+exports.OffcanvasSizeClassNames = new classNames_1.ClassNames([
+    "offcanvas-size-sm1",
+    "offcanvas-size-sm2",
+    "offcanvas-size-sm3",
+    "offcanvas-size-md1",
+    "offcanvas-size-md2",
+    "offcanvas-size-md3",
+    "offcanvas-size-lg1",
+    "offcanvas-size-lg2",
+    "offcanvas-size-lg3",
+    "offcanvas-size-full"
+]);
 /**
  * Offcanvas Types
  */
@@ -28,14 +59,16 @@ var OffcanvasTypes;
     OffcanvasTypes[OffcanvasTypes["Bottom"] = 1] = "Bottom";
     OffcanvasTypes[OffcanvasTypes["End"] = 2] = "End";
     OffcanvasTypes[OffcanvasTypes["Start"] = 3] = "Start";
+    OffcanvasTypes[OffcanvasTypes["Top"] = 4] = "Top";
 })(OffcanvasTypes = exports.OffcanvasTypes || (exports.OffcanvasTypes = {}));
 /**
- * Offcanvas Classes
+ * Offcanvas Types Classes
  */
-exports.OffcanvasClassNames = new classNames_1.ClassNames([
+exports.OffcanvasTypesClassNames = new classNames_1.ClassNames([
     "offcanvas-bottom",
     "offcanvas-end",
-    "offcanvas-start"
+    "offcanvas-start",
+    "offcanvas-top"
 ]);
 /**
  * Offcanvas
@@ -61,7 +94,8 @@ var _Offcanvas = /** @class */ (function (_super) {
     _Offcanvas.prototype.configure = function () {
         // Set the attributes
         this.props.id ? this.el.id = this.props.id : null;
-        // Set the type
+        // Set the size & type
+        this.setSize(this.props.size);
         this.setType(this.props.type);
         // Get the options
         var options = this.props.options || {
@@ -187,16 +221,30 @@ var _Offcanvas = /** @class */ (function (_super) {
         // Configure the event if we are setting the value
         this._autoClose ? this.configureAutoCloseEvent() : null;
     };
+    // Sets the offcanvas size
+    _Offcanvas.prototype.setSize = function (offcanvasSize) {
+        var _this = this;
+        // Parse the class names
+        exports.OffcanvasSizeClassNames.parse(function (className) {
+            // Remove the class names
+            _this.el.classList.remove(className);
+        });
+        // Set the class name
+        var className = exports.OffcanvasSizeClassNames.getByType(offcanvasSize);
+        if (className) {
+            this.el.classList.add(className);
+        }
+    };
     // Sets the offcanvas type
     _Offcanvas.prototype.setType = function (offcanvasType) {
         var _this = this;
         // Parse the class names
-        exports.OffcanvasClassNames.parse(function (className) {
+        exports.OffcanvasTypesClassNames.parse(function (className) {
             // Remove the class names
             _this.el.classList.remove(className);
         });
         // Set the class name
-        var className = exports.OffcanvasClassNames.getByType(offcanvasType) || exports.OffcanvasClassNames.getByType(OffcanvasTypes.End);
+        var className = exports.OffcanvasTypesClassNames.getByType(offcanvasType) || exports.OffcanvasTypesClassNames.getByType(OffcanvasTypes.End);
         this.el.classList.add(className);
     };
     // Shows the modal