gd-bs 6.6.35 → 6.6.36

package/package.json

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

package/src/components/dropdown/index.ts

@@ -167,6 +167,8 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
         if (menu) {
             // Add a change event
             menu.addEventListener("change", ev => {
+                let values = "";
+
                 // See if multiple options are allowed
                 if (this.props.multi == true) {
                     // See if we are selecting the values
@@ -177,6 +179,9 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
 
                             // Update the flag
                             item.isSelected = (item.el as HTMLOptionElement).selected;
+
+                            // Append the value
+                            values = (values ? ", " : "") + (item.props.text || item.props.value);
                         }
                     }
 
@@ -186,6 +191,9 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
                     // Get the selected value
                     let selectedValue = ((ev.target as HTMLSelectElement).value || "").trim();
 
+                    // Set the selected value
+                    values = selectedValue;
+
                     // Parse the items
                     for (let i = 0; i < this._items.length; i++) {
                         let item = this._items[i];
@@ -206,6 +214,15 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
                         }
                     }
                 }
+
+                // See if we are updating the label
+                if (this.props.updateLabel) {
+                    // Set the label
+                    let toggle = this.el.querySelector(".dropdown-toggle");
+                    if (toggle) {
+                        toggle.innerHTML = values || 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;
 }