gd-bs 6.6.5 → 6.6.7

package/build/components/checkboxGroup/index.js

@@ -37,10 +37,14 @@ var _CheckboxGroup = /** @class */ (function (_super) {
     function _CheckboxGroup(props, template, cbTemplate) {
         if (template === void 0) { template = templates_1.HTML; }
         var _this = _super.call(this, template, props) || this;
+        _this._cbTemplate = null;
         _this._checkboxes = null;
+        _this._elCheckboxes = null;
         _this._initFl = false;
+        // Set the template
+        _this._cbTemplate = cbTemplate;
         // Configure the checkbox group
-        _this.configure(cbTemplate);
+        _this.configure();
         // Configure the parent
         _this.configureParent();
         // Set the flag
@@ -48,7 +52,7 @@ var _CheckboxGroup = /** @class */ (function (_super) {
         return _this;
     }
     // Configure the card group
-    _CheckboxGroup.prototype.configure = function (cbTemplate) {
+    _CheckboxGroup.prototype.configure = function () {
         var renderRow = typeof (this.props.colSize) === "number" ? this.props.colSize > 0 : false;
         // See if a label is defined
         var label = this.el.querySelector("legend");
@@ -68,10 +72,16 @@ var _CheckboxGroup = /** @class */ (function (_super) {
             if (!renderRow) {
                 // Remove the group element
                 this.el.removeChild(group);
+                // Set the checkboxes element
+                this._elCheckboxes = this.el;
+            }
+            else {
+                // Set the checkboxes element
+                this._elCheckboxes = group;
             }
         }
         // Render the checkboxes
-        this.renderItems(renderRow ? group : this.el, cbTemplate);
+        this.renderItems();
     };
     // Configure the events
     _CheckboxGroup.prototype.configureEvents = function (item) {
@@ -106,7 +116,7 @@ var _CheckboxGroup = /** @class */ (function (_super) {
         }
     };
     // Render the checkboxes
-    _CheckboxGroup.prototype.renderItems = function (group, cbTemplate) {
+    _CheckboxGroup.prototype.renderItems = function () {
         // Clear the checkboxes
         this._checkboxes = [];
         // Set the items
@@ -131,9 +141,9 @@ var _CheckboxGroup = /** @class */ (function (_super) {
         for (var i = 0; i < items.length; i++) {
             var item = items[i];
             // Create the checkbox
-            var checkbox = new item_1.CheckboxItem(item, this.props, cbTemplate);
+            var checkbox = new item_1.CheckboxItem(item, this.props, this._cbTemplate);
             this._checkboxes.push(checkbox);
-            group.appendChild(checkbox.el);
+            this._elCheckboxes.appendChild(checkbox.el);
             // Configure the events
             this.configureEvents(checkbox);
             // Execute the render event
@@ -158,6 +168,20 @@ var _CheckboxGroup = /** @class */ (function (_super) {
         // Return the values
         return this.props.multi ? values : values[0];
     };
+    // Sets the checkbox items
+    _CheckboxGroup.prototype.setItems = function (newItems) {
+        if (newItems === void 0) { newItems = []; }
+        var renderRow = typeof (this.props.colSize) === "number" ? this.props.colSize > 0 : false;
+        // Update the properties
+        this.props.items = newItems;
+        // Get the element containing the checkboxes and clear them
+        var elParent = renderRow ? this.el.querySelector("div") : this.el;
+        while (elParent.firstChild) {
+            elParent.removeChild(elParent.firstChild);
+        }
+        // Render the checkboxes
+        this.renderItems();
+    };
     // Method to set the value
     // Sets the dropdown value
     _CheckboxGroup.prototype.setValue = function (value) {

package/build/components/dropdown/index.js

@@ -379,6 +379,7 @@ var _Dropdown = /** @class */ (function (_super) {
     };
     // Renders the items
     _Dropdown.prototype.renderItems = function () {
+        var _this = this;
         // Clear the items
         this._items = [];
         // Get the menu
@@ -407,7 +408,10 @@ var _Dropdown = /** @class */ (function (_super) {
                     el: menu,
                     items: cbItems,
                     multi: this.props.multi,
-                    onChange: this.props.onChange
+                    onChange: this.props.onChange ? function (values, ev) {
+                        // Pass the current values
+                        _this.props.onChange(_this.getValue(), ev);
+                    } : null
                 });
             }
             else {
@@ -515,6 +519,12 @@ var _Dropdown = /** @class */ (function (_super) {
         if (newItems === void 0) { newItems = []; }
         // Update the properties
         this.props.items = newItems;
+        // See if we are rendering checkboxes
+        if (this._cb) {
+            // Set the items
+            this._cb.setItems(newItems);
+            return;
+        }
         // Get the menu
         var menu = this.el.querySelector(".dropdown-menu") || this.el.querySelector("select");
         if (menu) {