gd-bs 5.3.2 → 5.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "5.3.2",
+    "version": "5.3.5",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",
@@ -32,6 +32,7 @@
     },
     "homepage": "https://dattabase.com/extras/bs",
     "dependencies": {
+        "@popperjs/core": "^2.11.2",
         "bootstrap": "^5.1.3",
         "bootstrap-icons": "^1.8.0",
         "core-js": "^3.21.0",

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/tooltipGroup/index.ts

@@ -1,7 +1,7 @@
-import { ITooltip } from "../tooltip/types";
+import { ITooltip, ITooltipProps } from "../tooltip/types";
 import { ITooltipGroup, ITooltipGroupProps } from "./types";
 import { Base } from "../base";
-import { Tooltip } from "../tooltip";
+import { Tooltip, } from "../tooltip";
 import { HTML } from "./templates";
 
 /**
@@ -38,39 +38,49 @@ class _TooltipGroup extends Base<ITooltipGroupProps> implements ITooltipGroup {
     }
 
     // Render the tooltips
-    private renderTooltips(tooltipTemplate: string) {
+    private renderTooltips(btnTemplate: string) {
         // Clear the tooltips
         this._tooltips = [];
 
         // Parse the tooltips
         let tooltips = this.props.tooltips || [];
         for (let i = 0; i < tooltips.length; i++) {
-            let tooltipProps = tooltips[i];
+            // Render the tooltip
+            this.renderTooltip(tooltips[i], btnTemplate);
+        }
+    }
 
-            // Set the properties
-            tooltipProps.options = tooltipProps.options || this.props.tooltipOptions;
-            tooltipProps.placement = tooltipProps.placement || this.props.tooltipPlacement;
-            tooltipProps.type = tooltipProps.type || this.props.tooltipType;
+    // Renders a tooltip
+    private renderTooltip(props: ITooltipProps, btnTemplate?: string) {
+        // Set the properties
+        props.options = props.options || this.props.tooltipOptions;
+        props.placement = props.placement || this.props.tooltipPlacement;
+        props.type = props.type || this.props.tooltipType;
 
-            // See if the button props exists
-            if (tooltipProps.btnProps) {
-                // Set the button type
-                tooltipProps.btnProps.type = tooltipProps.btnProps.type || this.props.buttonType;
-            }
+        // See if the button props exists
+        if (props.btnProps) {
+            // Set the button type
+            props.btnProps.type = props.btnProps.type || this.props.buttonType;
+        }
 
-            // Create the tooltip
-            let tooltip = Tooltip(tooltipProps, tooltipTemplate);
-            this._tooltips.push(tooltip);
+        // Create the tooltip
+        let tooltip = Tooltip(props, btnTemplate);
+        this._tooltips.push(tooltip);
 
-            // Append the tooltip to the group
-            this.el.appendChild(tooltip.el);
-        }
+        // Append the tooltip to the group
+        this.el.appendChild(tooltip.el);
     }
 
     /**
      * Public Interface
      */
 
+    // Adds a button to the group
+    add(props: ITooltipProps, tooltipTemplate?: string) {
+        // Render the tooltip
+        this.renderTooltip(props);
+    }
+
     // Reference to the tooltips
     get tooltips(): Array<ITooltip> { return this._tooltips; }
 }

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

@@ -48,6 +48,9 @@ import { ITooltip, ITooltipProps } from "../tooltip/types";
  * Tooltip Group
  */
 export interface ITooltipGroup {
+    /** Adds a button to the group. */
+    add: (props: ITooltipProps, btnTemplate?: string) => void;
+
     /** The element. */
     el: Element;