gd-bs 6.7.8 → 6.8.0

package/indexv2.html

@@ -472,6 +472,36 @@
         <appended-button>Run</appended-button>
     </bs-input-group>
 
+    <h5>Tooltip</h5>
+
+    <div class="bs">
+        <div class="d-flex justify-content-between">
+            <bs-tooltip placement="GD.Components.TooltipPlacements.Right" type="GD.Components.TooltipTypes.Dark"
+                options='{ "trigger": "click" }'>
+                <btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
+                This is a tooltip.
+            </bs-tooltip>
+
+            <bs-tooltip placement="GD.Components.TooltipPlacements.Top" type="GD.Components.TooltipTypes.LightBorder"
+                options='{ "trigger": "click" }'>
+                <btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
+                This is a tooltip.
+            </bs-tooltip>
+
+            <bs-tooltip placement="GD.Components.TooltipPlacements.Left" type="GD.Components.TooltipTypes.Dark"
+                options='{ "trigger": "click" }'>
+                <btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
+                This is a tooltip.
+            </bs-tooltip>
+
+            <bs-tooltip placement="GD.Components.TooltipPlacements.Bottom" type="GD.Components.TooltipTypes.Dark"
+                options='{ "trigger": "click" }'>
+                <btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
+                This is a tooltip.
+            </bs-tooltip>
+        </div>
+    </div>
+
     <h5>Toast</h5>
 
     <bs-toast id="toast" header-text="Header Text" muted-text="2 seconds ago" options='{ "autohide": false }'>
@@ -525,36 +555,6 @@
         </toolbar-item>
     </bs-toolbar>
 
-    <h5>Tooltip</h5>
-
-    <div class="bs">
-        <div class="d-flex justify-content-between">
-            <bs-tooltip placement="GD.Components.TooltipPlacements.TopEnd" type="GD.Components.TooltipTypes.Dark"
-                options='{ "trigger": "click" }'>
-                <btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
-                This is a tooltip.
-            </bs-tooltip>
-
-            <bs-tooltip placement="GD.Components.TooltipPlacements.Top" type="GD.Components.TooltipTypes.Dark"
-                options='{ "trigger": "click" }'>
-                <btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
-                This is a tooltip.
-            </bs-tooltip>
-
-            <bs-tooltip placement="GD.Components.TooltipPlacements.Bottom" type="GD.Components.TooltipTypes.Dark"
-                options='{ "trigger": "click" }'>
-                <btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
-                This is a tooltip.
-            </bs-tooltip>
-
-            <bs-tooltip placement="GD.Components.TooltipPlacements.BottomStart" type="GD.Components.TooltipTypes.Dark"
-                options='{ "trigger": "click" }'>
-                <btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
-                This is a tooltip.
-            </bs-tooltip>
-        </div>
-    </div>
-
     <script type="text/javascript" showFl="false">
         window["MyRefs"] = {};
         window["MyLib"] = {

package/package.json

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

package/src/components/tooltip/index.ts

@@ -5,7 +5,6 @@ import { IButton } from "../button/types";
 import { Button, ButtonTypes } from "../button";
 import { IDropdown } from "../dropdown/types";
 import { Dropdown, DropdownTypes } from "../dropdown";
-import { appendContent } from "../common";
 import { FloatingUI, FloatingUIPlacements } from "../floating-ui";
 
 /**
@@ -205,6 +204,9 @@ class _Tooltip extends Base<ITooltipProps> {
             this._elContent = this.props.content as any;
         }
 
+        // Set the padding
+        this._elContent.classList.add("p-2");
+
         // Set the on create event
         /*
         options["onCreate"] = (tippyObj) => {

package/src/custom-elements.js

@@ -13,34 +13,44 @@ class BSElement extends HTMLElement {
         }
     }
 }
-customElements.define("bs-accordion", class Accordion extends BSElement { });
-customElements.define("bs-alert", class Alert extends BSElement { });
-customElements.define("bs-badge", class Badge extends BSElement { });
-customElements.define("bs-breadcrumb", class Breadcrumb extends BSElement { });
-customElements.define("bs-button", class Button extends BSElement { });
-customElements.define("bs-button-group", class ButtonGroup extends BSElement { });
-customElements.define("bs-collapse", class Collapse extends BSElement { });
-customElements.define("bs-card", class Card extends BSElement { });
-customElements.define("bs-card-group", class CardGroup extends BSElement { });
-customElements.define("bs-carousel", class Carousel extends BSElement { });
-customElements.define("bs-checkbox-group", class CheckboxGroup extends BSElement { });
-customElements.define("bs-dropdown", class Dropdown extends BSElement { });
-customElements.define("bs-form", class Form extends BSElement { });
-customElements.define("bs-form-control", class FormControl extends BSElement { });
-customElements.define("bs-icon-link", class IconLink extends BSElement { });
-customElements.define("bs-input-group", class InputGroup extends BSElement { });
-customElements.define("bs-list-box", class ListBox extends BSElement { });
-customElements.define("bs-list-group", class ListGroup extends BSElement { });
-customElements.define("bs-modal", class Modal extends BSElement { });
-customElements.define("bs-nav", class Nav extends BSElement { });
-customElements.define("bs-navbar", class Navbar extends BSElement { });
-customElements.define("bs-offcanvas", class Offcanvas extends BSElement { });
-customElements.define("bs-paging", class Paging extends BSElement { });
-customElements.define("bs-popover", class Popover extends BSElement { });
-customElements.define("bs-progress", class Progress extends BSElement { });
-customElements.define("bs-progress-group", class ProgressGroup extends BSElement { });
-customElements.define("bs-spinner", class Spinner extends BSElement { });
-customElements.define("bs-table", class Table extends BSElement { });
-customElements.define("bs-toast", class Toast extends BSElement { });
-customElements.define("bs-toolbar", class Toolbar extends BSElement { });
-customElements.define("bs-tooltip", class Tooltip extends BSElement { });
+
+// Method to check if the element doesn't exist and create the custom element
+function defineElement(bsName, bsElement) {
+    // Ensure it hasn't been created
+    if (customElements.get(bsName)) { return; }
+
+    // Define the custom element
+    customElements.define(bsName, bsElement);
+}
+
+defineElement("bs-accordion", class Accordion extends BSElement { });
+defineElement("bs-alert", class Alert extends BSElement { });
+defineElement("bs-badge", class Badge extends BSElement { });
+defineElement("bs-breadcrumb", class Breadcrumb extends BSElement { });
+defineElement("bs-button", class Button extends BSElement { });
+defineElement("bs-button-group", class ButtonGroup extends BSElement { });
+defineElement("bs-collapse", class Collapse extends BSElement { });
+defineElement("bs-card", class Card extends BSElement { });
+defineElement("bs-card-group", class CardGroup extends BSElement { });
+defineElement("bs-carousel", class Carousel extends BSElement { });
+defineElement("bs-checkbox-group", class CheckboxGroup extends BSElement { });
+defineElement("bs-dropdown", class Dropdown extends BSElement { });
+defineElement("bs-form", class Form extends BSElement { });
+defineElement("bs-form-control", class FormControl extends BSElement { });
+defineElement("bs-icon-link", class IconLink extends BSElement { });
+defineElement("bs-input-group", class InputGroup extends BSElement { });
+defineElement("bs-list-box", class ListBox extends BSElement { });
+defineElement("bs-list-group", class ListGroup extends BSElement { });
+defineElement("bs-modal", class Modal extends BSElement { });
+defineElement("bs-nav", class Nav extends BSElement { });
+defineElement("bs-navbar", class Navbar extends BSElement { });
+defineElement("bs-offcanvas", class Offcanvas extends BSElement { });
+defineElement("bs-paging", class Paging extends BSElement { });
+defineElement("bs-popover", class Popover extends BSElement { });
+defineElement("bs-progress", class Progress extends BSElement { });
+defineElement("bs-progress-group", class ProgressGroup extends BSElement { });
+defineElement("bs-spinner", class Spinner extends BSElement { });
+defineElement("bs-table", class Table extends BSElement { });
+defineElement("bs-toast", class Toast extends BSElement { });
+defineElement("bs-toolbar", class Toolbar extends BSElement { });
+defineElement("bs-tooltip", class Tooltip extends BSElement { });