gd-bs 6.6.15 → 6.6.17

package/build/components/tooltip/index.js

@@ -30,6 +30,7 @@ exports.Tooltip = exports.TooltipPlacements = exports.TooltipTypes = void 0;
 var tippy_js_1 = require("tippy.js");
 var base_1 = require("../base");
 var button_1 = require("../button");
+var dropdown_1 = require("../dropdown");
 var common_1 = require("../common");
 /**
  * Tooltip Types
@@ -79,6 +80,7 @@ var _Tooltip = /** @class */ (function (_super) {
         if (template === void 0) { template = ""; }
         var _this = _super.call(this, template, props) || this;
         _this._btn = null;
+        _this._ddl = null;
         _this._elContent = null;
         _this._tippy = null;
         // Configure the collapse
@@ -91,18 +93,30 @@ var _Tooltip = /** @class */ (function (_super) {
     _Tooltip.prototype.configure = function () {
         // See if the target element was not defined
         if (this.props.target == null) {
-            // Default the toggle property for the button
-            var btnProps = this.props.btnProps || {};
-            btnProps.type = btnProps.type || button_1.ButtonTypes.OutlineSecondary;
-            // See if the content is text
-            if (typeof (this.props.content) === "string") {
-                // Set the label
-                btnProps.description = this.props.content;
+            // See if the dropdown property exists
+            if (this.props.ddlProps) {
+                // Set the default properties
+                var ddlProps = this.props.ddlProps;
+                ddlProps.type = ddlProps.type || dropdown_1.DropdownTypes.OutlinePrimary;
+                // Create the dropdown
+                this._ddl = (0, dropdown_1.Dropdown)(ddlProps);
+                // Update the element
+                this.el = this._ddl.el.querySelector("button");
+            }
+            else {
+                // Default the toggle property for the button
+                var btnProps = this.props.btnProps || {};
+                btnProps.type = btnProps.type || button_1.ButtonTypes.OutlineSecondary;
+                // See if the content is text
+                if (typeof (this.props.content) === "string") {
+                    // Set the label
+                    btnProps.description = this.props.content;
+                }
+                // Create the button
+                this._btn = (0, button_1.Button)(btnProps);
+                // Update the element
+                this.el = this._btn.el;
             }
-            // Create the button
-            this._btn = (0, button_1.Button)(btnProps);
-            // Update the element
-            this.el = this._btn.el;
         }
         // Configure the options
         this.configureOptions();
@@ -319,15 +333,23 @@ var _Tooltip = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(_Tooltip.prototype, "ddl", {
+        // Reference to the dropdown
+        get: function () { return this._ddl; },
+        enumerable: false,
+        configurable: true
+    });
     // Disbles the tooltip
     _Tooltip.prototype.disable = function () {
-        // Disable the button
+        // Disable the button or dropdown
         this._btn ? this._btn.disable() : null;
+        this._ddl ? this._ddl.disable() : null;
     };
     // Enables the tooltip
     _Tooltip.prototype.enable = function () {
-        // Enable the button
+        // Enable the button or dropdown
         this._btn ? this._btn.enable() : null;
+        this._ddl ? this._ddl.enable() : null;
     };
     // Hides the tooltip
     _Tooltip.prototype.hide = function () {
@@ -352,10 +374,11 @@ var _Tooltip = /** @class */ (function (_super) {
     _Tooltip.prototype.setContent = function (content) {
         // Set the tippy content
         this.tippy.setContent(content);
-        // See if the button exists
-        if (this._btn && typeof (content) === "string") {
+        // See if the content is a string
+        if (typeof (content) === "string") {
             // Update the content
-            this._btn.el.setAttribute("aria-description", content);
+            this._btn ? this._btn.el.setAttribute("aria-description", content) : null;
+            this._ddl ? this._ddl.el.setAttribute("aria-description", content) : null;
         }
     };
     // Shows the tooltip