gd-bs 6.6.6 → 6.6.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.6.6",
+    "version": "6.6.8",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/components/checkboxGroup/index.ts

@@ -16,15 +16,20 @@ export enum CheckboxGroupTypes {
  * Checkbox Group
  */
 class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup {
+    private _cbTemplate: string = null;
     private _checkboxes: Array<CheckboxItem> = null;
+    private _elCheckboxes: HTMLElement = null;
     private _initFl: boolean = false;
 
     // Constructor
     constructor(props: ICheckboxGroupProps, template: string = HTML, cbTemplate?: string) {
         super(template, props);
 
+        // Set the template
+        this._cbTemplate = cbTemplate;
+
         // Configure the checkbox group
-        this.configure(cbTemplate);
+        this.configure();
 
         // Configure the parent
         this.configureParent();
@@ -34,7 +39,7 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
     }
 
     // Configure the card group
-    private configure(cbTemplate: string) {
+    private configure() {
         let renderRow = typeof (this.props.colSize) === "number" ? this.props.colSize > 0 : false;
 
         // See if a label is defined
@@ -55,11 +60,17 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
             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
@@ -95,7 +106,7 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
     }
 
     // Render the checkboxes
-    private renderItems(group: HTMLDivElement, cbTemplate: string) {
+    private renderItems() {
         // Clear the checkboxes
         this._checkboxes = [];
 
@@ -125,9 +136,9 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
             let item = items[i];
 
             // Create the checkbox
-            let checkbox = new CheckboxItem(item, this.props, cbTemplate);
+            let checkbox = new 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);
@@ -160,6 +171,21 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
         return this.props.multi ? values : values[0];
     }
 
+    // Sets the checkbox items
+    setItems(newItems: Array<ICheckboxGroupItem> = []) {
+        let 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
+        let 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
     setValue(value) {

package/src/components/checkboxGroup/types.d.ts

@@ -61,7 +61,10 @@ export interface ICheckboxGroup {
     /** Hides the checkbox group. */
     hide: () => void;
 
-    /** Sets the dropdown value. */
+    /** Sets the checkbox items. */
+    setItems: (value: Array<ICheckboxGroupItem>) => void;
+
+    /** Sets the checkbox value. */
     setValue: (value: string | Array<string>) => void;
 
     /** Shows the checkbox group. */

package/src/components/dropdown/index.ts

@@ -419,6 +419,7 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
                     el: menu,
                     items: cbItems,
                     multi: this.props.multi,
+                    value: this.props.value,
                     onChange: this.props.onChange ? (values, ev) => {
                         // Pass the current values
                         this.props.onChange(this.getValue(), ev);
@@ -532,6 +533,13 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
         // 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
         let menu: HTMLSelectElement = this.el.querySelector(".dropdown-menu") || this.el.querySelector("select");
         if (menu) {