gd-bs 5.3.1 → 5.3.4

package/src/components/buttonGroup/index.ts

@@ -3,6 +3,7 @@ import { IButtonGroup, IButtonGroupProps } from "./types";
 import { Base } from "../base";
 import { Button } from "../button";
 import { HTML } from "./templates";
+import { IButtonProps } from "../components";
 
 /**
  * Button Group
@@ -45,18 +46,22 @@ class _ButtonGroup extends Base<IButtonGroupProps> implements IButtonGroup {
         // Parse the buttons
         let buttons = this.props.buttons || [];
         for (let i = 0; i < buttons.length; i++) {
-            let buttonProps = buttons[i];
+            // Render the button
+            this.renderButton(buttons[i], btnTemplate);
+        }
+    }
 
-            // Set the property
-            buttonProps.type = buttonProps.type || this.props.buttonType;
+    // Renders a button
+    private renderButton(props: IButtonProps, template) {
+        // Set the property
+        props.type = props.type || this.props.buttonType;
 
-            // Create the button
-            let button = Button(buttonProps, btnTemplate);
-            this._buttons.push(button);
+        // Create the button
+        let button = Button(props, template);
+        this._buttons.push(button);
 
-            // Append the button to the group
-            this.el.appendChild(button.el);
-        }
+        // Append the button to the group
+        this.el.appendChild(button.el);
     }
 
     /**
@@ -65,5 +70,11 @@ class _ButtonGroup extends Base<IButtonGroupProps> implements IButtonGroup {
 
     // Reference to the buttons
     get buttons(): Array<IButton> { return this._buttons; }
+
+    // Adds a button to the group
+    add(props: IButtonProps, btnTemplate?: string) {
+        // Render the button
+        this.renderButton(props, btnTemplate);
+    }
 }
 export const ButtonGroup = (props: IButtonGroupProps, template?: string, btnTemplate?: string): IButtonGroup => { return new _ButtonGroup(props, template, btnTemplate); }

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

@@ -49,6 +49,9 @@ export interface IButtonGroup {
     /** The element. */
     el: Element;
 
+    /** Adds a button to the group. */
+    add: (props: IButtonProps, btnTemplate?: string) => void;
+
     /** The buttons. */
     buttons: Array<IButton>;
 

package/src/components/dropdown/index.ts

@@ -463,7 +463,7 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
     get isMulti(): boolean { return this.props.multi; }
 
     // Returns true if the dropdown menu is visible
-    get isVisible(): boolean { return this._popover.tippy.state.isVisible; }
+    get isVisible(): boolean { return this._popover ? this._popover.tippy.state.isVisible : false; }
 
     // The popover menu
     get popover(): IPopover { return this._popover; }