gd-bs 5.3.3 → 5.3.4

package/package.json

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

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>;