gd-bs 6.6.35 → 6.6.37

package/package.json

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

package/src/components/dropdown/index.ts

@@ -329,6 +329,22 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
                         selectedItem.toggle();
                     }
                 }
+
+                // See if we are updating the label
+                if (this.props.updateLabel) {
+                    let selectedItems = this.getValue() as IDropdownItem[];
+                    let selectedValues = [];
+                    for (let i = 0; i < selectedItems.length; i++) {
+                        // Append the value
+                        selectedValues.push(selectedItems[i].text);
+                    }
+
+                    // Set the label
+                    let toggle = this.el.querySelector(".dropdown-toggle");
+                    if (toggle) {
+                        toggle.innerHTML = selectedValues.length > 0 ? selectedValues.join(', ') : this.props.label;
+                    }
+                }
             });
         }
 
@@ -345,6 +361,17 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
 
             // Execute the event
             this.props.onChange ? this.props.onChange(this.getValue(), ev) : null;
+
+            // See if we are updating the label
+            if (this.props.updateLabel) {
+                let selectedItem = this.getValue() as IDropdownItem;
+
+                // Set the label
+                let toggle = this.el.querySelector(".dropdown-toggle");
+                if (toggle) {
+                    toggle.innerHTML = selectedItem ? selectedItem.text : this.props.label;
+                }
+            }
         });
     }
 

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

@@ -157,5 +157,6 @@ export interface IDropdownProps extends IBaseProps<IDropdown> {
     required?: boolean;
     title?: string;
     type?: number;
+    updateLabel?: boolean;
     value?: any;
 }