gd-bs 6.6.96 → 6.6.97

package/index.html

@@ -136,6 +136,7 @@
                 el: document.getElementById("tooltip"),
                 content: "This is a tooltip.",
                 placement: 15,
+                type: GD.Components.TooltipTypes.Primary,
                 btnProps: {
                     text: "Test Tooltip",
                     type: GD.Components.ButtonTypes.OutlineDanger

package/package.json

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

package/src/components/popover/index.ts

@@ -81,10 +81,10 @@ class _Popover extends Base<IPopoverProps> implements IPopover {
             elContent: this._elContent,
             elTarget: this.el,
             options: {
-                ...{ arrow: true, flip: true, shift: { padding: 5 }, trigger: "focus" },
+                ...{ arrow: true, flip: true, shift: { padding: 5 }, trigger: "mouse" },
                 ...this.props.options
             },
-            placement: this.props.placement,
+            placement: this.props.placement || FloatingUIPlacements.Top,
             show: this.props.show,
             theme: this.props.type
         });

package/src/components/tooltip/index.ts

@@ -235,11 +235,11 @@ class _Tooltip extends Base<ITooltipProps> {
             elContent: this._elContent,
             elTarget: this.el,
             options: {
-                ...{ arrow: true, flip: true, shift: { padding: 5 }, trigger: "focus" },
+                ...{ arrow: true, flip: true, shift: { padding: 5 }, trigger: "mouse" },
                 ...this.props.options
             },
             show: this.props.show,
-            placement: this.props.placement,
+            placement: this.props.placement || FloatingUIPlacements.Top,
             theme: this.props.type
         });
     }

package/src/styles/_floating-ui.scss

@@ -1,3 +1,9 @@
+/** Variables */
+:root {
+    --bs-tooltip-border-radius: 0.375rem;
+    --bs-tooltip-max-width: 200px;
+}
+
 /** Floating-UI Element */
 .bs.floating-ui {
     margin: 0px;
@@ -6,9 +12,8 @@
     position: absolute;
 
     &.floating-tooltip {
-        border-radius: var(--bs-tooltip-border-radius, 5px);
+        border-radius: var(--bs-tooltip-border-radius);
         max-width: var(--bs-tooltip-max-width);
-        padding: var(--bs-tooltip-padding-y) var (--bs-tooltip-padding-x);
         text-align: center;
     }