gd-bs 5.2.6 → 5.3.0

package/dist/gd-bs.d.ts

@@ -267,12 +267,24 @@ declare module 'gd-bs/components/breadcrumb/types' {
         * Breadcrumb
         */
     export interface IBreadcrumb {
+            /** Adds a breadcrumb item. */
+            add: (item: IBreadcrumbItem) => void;
+    
             /** The element. */
             el: Element;
     
             /** Hides the breadcrumb. */
             hide: () => void;
     
+            /** Removes the last breadcrumb item. */
+            remove: () => void;
+    
+            /** Removes a breadcrumb item by it's name property. */
+            removeByName: (name: string) => void;
+    
+            /** Sets the breadcrumb items. */
+            setItems: (items: IBreadcrumbItem[]) => void;
+    
             /** Shows the breadcrumb. */
             show: () => void;
     }
@@ -281,12 +293,18 @@ declare module 'gd-bs/components/breadcrumb/types' {
         * Breadcrumb Item
         */
     export interface IBreadcrumbItem {
+            /** Custom class names. */
+            className?: string;
+    
             /** The breadcrumb link */
             href?: string;
     
             /** Internal flag set by the component */
             isActive?: boolean;
     
+            /** A unique name of the  */
+            name?: string;
+    
             /** Click event for the link */
             onClick?: (item?: IBreadcrumbItem, ev?: Event) => void;
     
@@ -2936,6 +2954,7 @@ declare module 'gd-bs/components/tooltipGroup/types' {
         */
     export const TooltipGroup: (props: ITooltipGroupProps, template?: string, btnTemplate?: string) => ITooltipGroup;
     
+    import { ITippyProps } from "gd-bs/types";
     import { IBaseProps } from "gd-bs/components/types";
     import { ITooltip, ITooltipProps } from "gd-bs/components/tooltip/types";
     
@@ -2967,6 +2986,7 @@ declare module 'gd-bs/components/tooltipGroup/types' {
             isSmall?: boolean;
             isVertical?: boolean;
             label?: string;
+            tooltipOptions?: ITippyProps;
             tooltipPlacement?: number;
             tooltipType?: number;
     }

package/dist/gd-bs.js

@@ -741,7 +741,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Breadcrumb = void 0;\n\nvar base_1 = __webpack_require__(/*! ../base */ \"./build/components/base.js\");\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./build/components/breadcrumb/templates.js\");\n\nvar item_1 = __webpack_require__(/*! ./item */ \"./build/components/breadcrumb/item.js\");\n/**\r\n * Breadcrumb\r\n */\n\n\nvar _Breadcrumb =\n/** @class */\nfunction (_super) {\n  __extends(_Breadcrumb, _super); // Constructor\n\n\n  function _Breadcrumb(props, template, itemTemplate) {\n    if (template === void 0) {\n      template = templates_1.HTML;\n    }\n\n    var _this = _super.call(this, template, props) || this; // Render the items\n\n\n    _this.renderItems(itemTemplate); // Configure the parent\n\n\n    _this.configureParent();\n\n    return _this;\n  } // Configures the events\n\n\n  _Breadcrumb.prototype.configureEvents = function (item) {\n    var _this = this; // See if there is a click event\n\n\n    if (this.props.onClick) {\n      // Add the click event\n      item.el.addEventListener(\"click\", function (ev) {\n        // Call the click event\n        _this.props.onClick(item.props, ev);\n      });\n    }\n  }; // Renders the breadcrumb items\n\n\n  _Breadcrumb.prototype.renderItems = function (itemTemplate) {\n    // Get the list element\n    var elList = this.el.querySelector(\".breadcrumb\");\n\n    if (elList) {\n      // Parse the item properties\n      var itemProps = this.props.items || [];\n\n      for (var i = 0; i < itemProps.length; i++) {\n        var itemProp = itemProps[i]; // Set the active flag\n\n        itemProp.isActive = i == itemProps.length - 1; // Render the item\n\n        var item = new item_1.BreadcrumbItem(itemProp, itemTemplate); // Configure the events\n\n        this.configureEvents(item); // Add the item\n\n        elList.appendChild(item.el);\n      }\n    }\n  };\n\n  return _Breadcrumb;\n}(base_1.Base);\n\nexports.Breadcrumb = function (props, template, itemTemplate) {\n  return new _Breadcrumb(props, template, itemTemplate);\n};\n\n//# sourceURL=webpack://gd-bs/./build/components/breadcrumb/index.js?");
+eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Breadcrumb = void 0;\n\nvar base_1 = __webpack_require__(/*! ../base */ \"./build/components/base.js\");\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./build/components/breadcrumb/templates.js\");\n\nvar item_1 = __webpack_require__(/*! ./item */ \"./build/components/breadcrumb/item.js\");\n/**\r\n * Breadcrumb\r\n */\n\n\nvar _Breadcrumb =\n/** @class */\nfunction (_super) {\n  __extends(_Breadcrumb, _super); // Constructor\n\n\n  function _Breadcrumb(props, template, itemTemplate) {\n    if (template === void 0) {\n      template = templates_1.HTML;\n    }\n\n    var _this = _super.call(this, template, props) || this;\n\n    _this._elList = null;\n    _this._itemTemplate = null; // Set the template\n\n    _this._itemTemplate = itemTemplate; // Render the items\n\n    _this.renderItems(_this.props.items); // Configure the parent\n\n\n    _this.configureParent();\n\n    return _this;\n  } // Configures the events\n\n\n  _Breadcrumb.prototype.configureEvents = function (item) {\n    var _this = this; // See if there is a click event\n\n\n    if (this.props.onClick) {\n      // Add the click event\n      item.el.addEventListener(\"click\", function (ev) {\n        // Call the click event\n        _this.props.onClick(item.props, ev);\n      });\n    }\n  }; // Renders the breadcrumb items\n\n\n  _Breadcrumb.prototype.renderItem = function (itemProps) {\n    // Render the item\n    var item = new item_1.BreadcrumbItem(itemProps, this._itemTemplate); // Configure the events\n\n    this.configureEvents(item); // Add the item\n\n    this._elList.appendChild(item.el);\n  }; // Renders the breadcrumb items\n\n\n  _Breadcrumb.prototype.renderItems = function (itemProps) {\n    if (itemProps === void 0) {\n      itemProps = [];\n    } // Get the list element\n\n\n    this._elList = this.el.querySelector(\".breadcrumb\");\n\n    if (this._elList) {\n      // Parse the item properties\n      for (var i = 0; i < itemProps.length; i++) {\n        var itemProp = itemProps[i]; // Set the active flag\n\n        itemProp.isActive = i == itemProps.length - 1; // Render the item\n\n        this.renderItem(itemProp);\n      }\n    }\n  };\n  /**\r\n   * Public Methods\r\n   */\n\n  /** Adds a breadcrumb item. */\n\n\n  _Breadcrumb.prototype.add = function (item) {\n    // Find the active item\n    var elActive = this._elList.querySelector(\".breadcrumb-item.active\");\n\n    if (elActive) {\n      // Remove the class\n      elActive.classList.remove(\"active\");\n    } // Ensure this item is active\n\n\n    item.isActive = true; // Add the item\n\n    this.renderItem(item);\n  };\n  /** Removes the last breadcrumb item. */\n\n\n  _Breadcrumb.prototype.remove = function () {\n    // Get the last item\n    var items = this._elList.querySelectorAll(\"li.breadcrumb-item\");\n\n    if (items && items.length > 0) {\n      // Remove the last item\n      this._elList.removeChild(items[items.length - 1]); // See if there is still an item\n\n\n      if (items.length > 1) {\n        // Make this item active\n        items[items.length - 2].classList.add(\"active\");\n      }\n    }\n  };\n  /** Removes a breadcrumb item by it's name property. */\n\n\n  _Breadcrumb.prototype.removeByName = function (name) {\n    // Get the element\n    var el = this._elList.querySelector(\"li.breadcrumb-item[data-name='\" + name + \"']\");\n\n    if (el) {\n      // Remove the item\n      this._elList.removeChild(el);\n    }\n  };\n  /** Sets the breadcrumb items. */\n\n\n  _Breadcrumb.prototype.setItems = function (items) {\n    if (items === void 0) {\n      items = [];\n    } // Clear the list\n\n\n    while (this._elList.firstChild) {\n      this._elList.removeChild(this._elList.firstChild);\n    } // Render the items\n\n\n    this.renderItems(items);\n  };\n\n  return _Breadcrumb;\n}(base_1.Base);\n\nexports.Breadcrumb = function (props, template, itemTemplate) {\n  return new _Breadcrumb(props, template, itemTemplate);\n};\n\n//# sourceURL=webpack://gd-bs/./build/components/breadcrumb/index.js?");
 
 /***/ }),
 
@@ -752,7 +752,7 @@ eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extend
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.BreadcrumbItem = void 0;\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./build/components/breadcrumb/templates.js\");\n/**\r\n * Breadcrumb Item\r\n */\n\n\nvar BreadcrumbItem =\n/** @class */\nfunction () {\n  // Constructor\n  function BreadcrumbItem(props, template) {\n    if (template === void 0) {\n      template = props.href && !props.isActive ? templates_1.HTMLLink : templates_1.HTMLItem;\n    }\n\n    this._el = null;\n    this._elLink = null;\n    this._props = null; // Save the properties\n\n    this._props = props; // Create the item\n\n    var elItem = document.createElement(\"div\");\n    elItem.innerHTML = template;\n    this._el = elItem.firstChild; // Configure the item\n\n    this.configure(); // Configure the events\n\n    this.configureEvents();\n  } // Configure the item\n\n\n  BreadcrumbItem.prototype.configure = function () {\n    // See if this item is active\n    if (this._props.isActive) {\n      // Add the class name\n      this._el.classList.add(\"active\"); // Set the attribute\n\n\n      this._el.setAttribute(\"aria-current\", \"page\");\n    } // See if this is a link\n\n\n    this._elLink = this.el.querySelector(\"a\");\n\n    if (this._elLink) {\n      // Configure the link\n      this._elLink.href = this._props.href;\n      this._elLink.innerHTML = this._props.text == null ? \"\" : this._props.text;\n    } else {\n      // Configure the item\n      this._el.innerHTML = this._props.text == null ? \"\" : this._props.text;\n    }\n  }; // Configure the events\n\n\n  BreadcrumbItem.prototype.configureEvents = function () {\n    var _this = this; // See if there is a click event\n\n\n    if (this._props.onClick) {\n      // Add the click event\n      (this._elLink || this._el).addEventListener(\"click\", function (ev) {\n        // Call the click event\n        _this._props.onClick(_this._props, ev);\n      });\n    }\n  };\n\n  Object.defineProperty(BreadcrumbItem.prototype, \"el\", {\n    /**\r\n     * Public Properties\r\n     */\n    // The component HTML element\n    get: function get() {\n      return this._el;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(BreadcrumbItem.prototype, \"props\", {\n    // The componen properties\n    get: function get() {\n      return this._props;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  return BreadcrumbItem;\n}();\n\nexports.BreadcrumbItem = BreadcrumbItem;\n\n//# sourceURL=webpack://gd-bs/./build/components/breadcrumb/item.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.BreadcrumbItem = void 0;\n\nvar common_1 = __webpack_require__(/*! ../common */ \"./build/components/common.js\");\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./build/components/breadcrumb/templates.js\");\n/**\r\n * Breadcrumb Item\r\n */\n\n\nvar BreadcrumbItem =\n/** @class */\nfunction () {\n  // Constructor\n  function BreadcrumbItem(props, template) {\n    if (template === void 0) {\n      template = props.href && !props.isActive ? templates_1.HTMLLink : templates_1.HTMLItem;\n    }\n\n    this._el = null;\n    this._elLink = null;\n    this._props = null; // Save the properties\n\n    this._props = props; // Create the item\n\n    var elItem = document.createElement(\"div\");\n    elItem.innerHTML = template;\n    this._el = elItem.firstChild; // Configure the item\n\n    this.configure(); // Configure the events\n\n    this.configureEvents();\n  } // Configure the item\n\n\n  BreadcrumbItem.prototype.configure = function () {\n    // Set the class names\n    common_1.setClassNames(this._el, this._props.className); // See if this item is active\n\n    if (this._props.isActive) {\n      // Add the class name\n      this._el.classList.add(\"active\"); // Set the attribute\n\n\n      this._el.setAttribute(\"aria-current\", \"page\");\n    } // See if a name exists\n\n\n    if (this._props.name) {\n      // Set the name\n      this._el.setAttribute(\"data-name\", this._props.name);\n    } // See if this is a link\n\n\n    this._elLink = this.el.querySelector(\"a\");\n\n    if (this._elLink) {\n      // Configure the link\n      this._elLink.href = this._props.href;\n      this._elLink.innerHTML = this._props.text == null ? \"\" : this._props.text;\n    } else {\n      // Configure the item\n      this._el.innerHTML = this._props.text == null ? \"\" : this._props.text;\n    }\n  }; // Configure the events\n\n\n  BreadcrumbItem.prototype.configureEvents = function () {\n    var _this = this; // See if there is a click event\n\n\n    if (this._props.onClick) {\n      // Add the click event\n      (this._elLink || this._el).addEventListener(\"click\", function (ev) {\n        // Call the click event\n        _this._props.onClick(_this._props, ev);\n      });\n    }\n  };\n\n  Object.defineProperty(BreadcrumbItem.prototype, \"el\", {\n    /**\r\n     * Public Properties\r\n     */\n    // The component HTML element\n    get: function get() {\n      return this._el;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(BreadcrumbItem.prototype, \"props\", {\n    // The componen properties\n    get: function get() {\n      return this._props;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  return BreadcrumbItem;\n}();\n\nexports.BreadcrumbItem = BreadcrumbItem;\n\n//# sourceURL=webpack://gd-bs/./build/components/breadcrumb/item.js?");
 
 /***/ }),
 
@@ -1500,7 +1500,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.TooltipGroup = void 0;\n\nvar base_1 = __webpack_require__(/*! ../base */ \"./build/components/base.js\");\n\nvar tooltip_1 = __webpack_require__(/*! ../tooltip */ \"./build/components/tooltip/index.js\");\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./build/components/tooltipGroup/templates.js\");\n/**\r\n * Tooltip Group\r\n * @property props - The tooltip group properties.\r\n */\n\n\nvar _TooltipGroup =\n/** @class */\nfunction (_super) {\n  __extends(_TooltipGroup, _super); // Constructor\n\n\n  function _TooltipGroup(props, template, btnTemplate) {\n    if (template === void 0) {\n      template = templates_1.HTML;\n    }\n\n    var _this = _super.call(this, template, props) || this;\n\n    _this._tooltips = null; // Configure the tooltip group\n\n    _this.configure(btnTemplate); // Configure the parent\n\n\n    _this.configureParent();\n\n    return _this;\n  } // Configure the tooltip group\n\n\n  _TooltipGroup.prototype.configure = function (btnTemplate) {\n    // Set the attributes\n    this.props.id ? this.el.id = this.props.id : null;\n    this.props.label ? this.el.setAttribute(\"aria-label\", this.props.label) : null; // Set the class names\n\n    this.el.classList.add(this.props.isVertical ? \"btn-group-vertical\" : \"btn-group\");\n    this.props.isLarge ? this.el.classList.add(\"btn-group-lg\") : null;\n    this.props.isSmall ? this.el.classList.add(\"btn-group-sm\") : null; // Render the tooltips\n\n    this.renderTooltips(btnTemplate);\n  }; // Render the tooltips\n\n\n  _TooltipGroup.prototype.renderTooltips = function (tooltipTemplate) {\n    // Clear the tooltips\n    this._tooltips = []; // Parse the tooltips\n\n    var tooltips = this.props.tooltips || [];\n\n    for (var i = 0; i < tooltips.length; i++) {\n      var tooltipProps = tooltips[i]; // Set the properties\n\n      tooltipProps.placement = tooltipProps.placement || this.props.tooltipPlacement;\n      tooltipProps.type = tooltipProps.type || this.props.tooltipType; // See if the button props exists\n\n      if (tooltipProps.btnProps) {\n        // Set the button type\n        tooltipProps.btnProps.type = tooltipProps.btnProps.type || this.props.buttonType;\n      } // Create the tooltip\n\n\n      var tooltip = tooltip_1.Tooltip(tooltipProps, tooltipTemplate);\n\n      this._tooltips.push(tooltip); // Append the tooltip to the group\n\n\n      this.el.appendChild(tooltip.el);\n    }\n  };\n\n  Object.defineProperty(_TooltipGroup.prototype, \"tooltips\", {\n    /**\r\n     * Public Interface\r\n     */\n    // Reference to the tooltips\n    get: function get() {\n      return this._tooltips;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  return _TooltipGroup;\n}(base_1.Base);\n\nexports.TooltipGroup = function (props, template, tooltipTemplate) {\n  return new _TooltipGroup(props, template, tooltipTemplate);\n};\n\n//# sourceURL=webpack://gd-bs/./build/components/tooltipGroup/index.js?");
+eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.TooltipGroup = void 0;\n\nvar base_1 = __webpack_require__(/*! ../base */ \"./build/components/base.js\");\n\nvar tooltip_1 = __webpack_require__(/*! ../tooltip */ \"./build/components/tooltip/index.js\");\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./build/components/tooltipGroup/templates.js\");\n/**\r\n * Tooltip Group\r\n * @property props - The tooltip group properties.\r\n */\n\n\nvar _TooltipGroup =\n/** @class */\nfunction (_super) {\n  __extends(_TooltipGroup, _super); // Constructor\n\n\n  function _TooltipGroup(props, template, btnTemplate) {\n    if (template === void 0) {\n      template = templates_1.HTML;\n    }\n\n    var _this = _super.call(this, template, props) || this;\n\n    _this._tooltips = null; // Configure the tooltip group\n\n    _this.configure(btnTemplate); // Configure the parent\n\n\n    _this.configureParent();\n\n    return _this;\n  } // Configure the tooltip group\n\n\n  _TooltipGroup.prototype.configure = function (btnTemplate) {\n    // Set the attributes\n    this.props.id ? this.el.id = this.props.id : null;\n    this.props.label ? this.el.setAttribute(\"aria-label\", this.props.label) : null; // Set the class names\n\n    this.el.classList.add(this.props.isVertical ? \"btn-group-vertical\" : \"btn-group\");\n    this.props.isLarge ? this.el.classList.add(\"btn-group-lg\") : null;\n    this.props.isSmall ? this.el.classList.add(\"btn-group-sm\") : null; // Render the tooltips\n\n    this.renderTooltips(btnTemplate);\n  }; // Render the tooltips\n\n\n  _TooltipGroup.prototype.renderTooltips = function (tooltipTemplate) {\n    // Clear the tooltips\n    this._tooltips = []; // Parse the tooltips\n\n    var tooltips = this.props.tooltips || [];\n\n    for (var i = 0; i < tooltips.length; i++) {\n      var tooltipProps = tooltips[i]; // Set the properties\n\n      tooltipProps.options = tooltipProps.options || this.props.tooltipOptions;\n      tooltipProps.placement = tooltipProps.placement || this.props.tooltipPlacement;\n      tooltipProps.type = tooltipProps.type || this.props.tooltipType; // See if the button props exists\n\n      if (tooltipProps.btnProps) {\n        // Set the button type\n        tooltipProps.btnProps.type = tooltipProps.btnProps.type || this.props.buttonType;\n      } // Create the tooltip\n\n\n      var tooltip = tooltip_1.Tooltip(tooltipProps, tooltipTemplate);\n\n      this._tooltips.push(tooltip); // Append the tooltip to the group\n\n\n      this.el.appendChild(tooltip.el);\n    }\n  };\n\n  Object.defineProperty(_TooltipGroup.prototype, \"tooltips\", {\n    /**\r\n     * Public Interface\r\n     */\n    // Reference to the tooltips\n    get: function get() {\n      return this._tooltips;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  return _TooltipGroup;\n}(base_1.Base);\n\nexports.TooltipGroup = function (props, template, tooltipTemplate) {\n  return new _TooltipGroup(props, template, tooltipTemplate);\n};\n\n//# sourceURL=webpack://gd-bs/./build/components/tooltipGroup/index.js?");
 
 /***/ }),
 
@@ -1522,7 +1522,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Tooltip = exports.TooltipPlacements = exports.TooltipTypes = void 0;\n\nvar tippy_js_1 = __webpack_require__(/*! tippy.js */ \"./node_modules/.pnpm/tippy.js@6.3.7/node_modules/tippy.js/dist/tippy.esm.js\");\n\nvar libs_1 = __webpack_require__(/*! ../../libs */ \"./build/libs.js\");\n\nvar base_1 = __webpack_require__(/*! ../base */ \"./build/components/base.js\");\n\nvar button_1 = __webpack_require__(/*! ../button */ \"./build/components/button/index.js\");\n\nvar common_1 = __webpack_require__(/*! ../common */ \"./build/components/common.js\");\n/**\r\n * Tooltip Types\r\n */\n\n\nvar TooltipTypes;\n\n(function (TooltipTypes) {\n  TooltipTypes[TooltipTypes[\"Danger\"] = 1] = \"Danger\";\n  TooltipTypes[TooltipTypes[\"Dark\"] = 2] = \"Dark\";\n  TooltipTypes[TooltipTypes[\"Info\"] = 3] = \"Info\";\n  TooltipTypes[TooltipTypes[\"Light\"] = 4] = \"Light\";\n  TooltipTypes[TooltipTypes[\"LightBorder\"] = 5] = \"LightBorder\";\n  TooltipTypes[TooltipTypes[\"Material\"] = 6] = \"Material\";\n  TooltipTypes[TooltipTypes[\"Primary\"] = 7] = \"Primary\";\n  TooltipTypes[TooltipTypes[\"Secondary\"] = 8] = \"Secondary\";\n  TooltipTypes[TooltipTypes[\"Success\"] = 9] = \"Success\";\n  TooltipTypes[TooltipTypes[\"Translucent\"] = 10] = \"Translucent\";\n  TooltipTypes[TooltipTypes[\"Warning\"] = 11] = \"Warning\";\n})(TooltipTypes = exports.TooltipTypes || (exports.TooltipTypes = {}));\n/**\r\n * Tooltip Placements\r\n */\n\n\nvar TooltipPlacements;\n\n(function (TooltipPlacements) {\n  TooltipPlacements[TooltipPlacements[\"Auto\"] = 1] = \"Auto\";\n  TooltipPlacements[TooltipPlacements[\"AutoStart\"] = 2] = \"AutoStart\";\n  TooltipPlacements[TooltipPlacements[\"AutoEnd\"] = 3] = \"AutoEnd\";\n  TooltipPlacements[TooltipPlacements[\"Bottom\"] = 4] = \"Bottom\";\n  TooltipPlacements[TooltipPlacements[\"BottomStart\"] = 5] = \"BottomStart\";\n  TooltipPlacements[TooltipPlacements[\"BottomEnd\"] = 6] = \"BottomEnd\";\n  TooltipPlacements[TooltipPlacements[\"Left\"] = 7] = \"Left\";\n  TooltipPlacements[TooltipPlacements[\"LeftStart\"] = 8] = \"LeftStart\";\n  TooltipPlacements[TooltipPlacements[\"LeftEnd\"] = 9] = \"LeftEnd\";\n  TooltipPlacements[TooltipPlacements[\"Right\"] = 10] = \"Right\";\n  TooltipPlacements[TooltipPlacements[\"RightStart\"] = 11] = \"RightStart\";\n  TooltipPlacements[TooltipPlacements[\"RightEnd\"] = 12] = \"RightEnd\";\n  TooltipPlacements[TooltipPlacements[\"Top\"] = 13] = \"Top\";\n  TooltipPlacements[TooltipPlacements[\"TopStart\"] = 14] = \"TopStart\";\n  TooltipPlacements[TooltipPlacements[\"TopEnd\"] = 15] = \"TopEnd\";\n})(TooltipPlacements = exports.TooltipPlacements || (exports.TooltipPlacements = {}));\n/**\r\n * Tooltip\r\n */\n\n\nvar _Tooltip =\n/** @class */\nfunction (_super) {\n  __extends(_Tooltip, _super); // Constructor\n\n\n  function _Tooltip(props, template) {\n    if (template === void 0) {\n      template = \"\";\n    }\n\n    var _this = _super.call(this, template, props) || this;\n\n    _this._btn = null;\n    _this._elContent = null;\n    _this._tippy = null; // Configure the collapse\n\n    _this.configure(); // Configure the parent\n\n\n    _this.configureParent();\n\n    return _this;\n  } // Configure the tooltip\n\n\n  _Tooltip.prototype.configure = function () {\n    // See if the target element was not defined\n    if (this.props.target == null) {\n      // Default the toggle property for the button\n      var btnProps = this.props.btnProps || {};\n      btnProps.type = btnProps.type || button_1.ButtonTypes.OutlineSecondary; // Create the button\n\n      this._btn = button_1.Button(btnProps); // Update the element\n\n      this.el = this._btn.el;\n    } // Configure the options\n\n\n    this.configureOptions();\n  }; // Configure the options\n\n\n  _Tooltip.prototype.configureOptions = function () {\n    var _this = this; // Set the placements\n\n\n    var placement = null;\n\n    switch (this.props.placement) {\n      // Auto\n      case TooltipPlacements.Auto:\n        placement = \"auto\";\n        break;\n\n      case TooltipPlacements.AutoEnd:\n        placement = \"auto-end\";\n        break;\n\n      case TooltipPlacements.AutoStart:\n        placement = \"auto-start\";\n        break;\n      // Bottom\n\n      case TooltipPlacements.Bottom:\n        placement = \"bottom\";\n        break;\n\n      case TooltipPlacements.BottomEnd:\n        placement = \"bottom-end\";\n        break;\n\n      case TooltipPlacements.BottomStart:\n        placement = \"bottom-start\";\n        break;\n      // Left\n\n      case TooltipPlacements.Left:\n        placement = \"left\";\n        break;\n\n      case TooltipPlacements.LeftEnd:\n        placement = \"left-end\";\n        break;\n\n      case TooltipPlacements.LeftStart:\n        placement = \"left-start\";\n        break;\n      // Right\n\n      case TooltipPlacements.Right:\n        placement = \"right\";\n        break;\n\n      case TooltipPlacements.RightEnd:\n        placement = \"right-end\";\n        break;\n\n      case TooltipPlacements.RightStart:\n        placement = \"right-start\";\n        break;\n      // Top\n\n      case TooltipPlacements.Top:\n        placement = \"top\";\n        break;\n\n      case TooltipPlacements.TopEnd:\n        placement = \"top-end\";\n        break;\n\n      case TooltipPlacements.TopStart:\n        placement = \"top-start\";\n        break;\n      // Default - Auto\n\n      default:\n        placement = \"top\";\n        break;\n    } // Set the theme\n\n\n    var theme = null;\n\n    switch (this.props.type) {\n      // Dark\n      case TooltipTypes.Dark:\n        theme = \"dark\";\n        break;\n      // Danger\n\n      case TooltipTypes.Danger:\n        theme = \"danger\";\n        break;\n      // Info\n\n      case TooltipTypes.Info:\n        theme = \"info\";\n        break;\n      // Light\n\n      case TooltipTypes.Light:\n        theme = \"light\";\n        break;\n\n      case TooltipTypes.LightBorder:\n        theme = \"light-border\";\n        break;\n      // Material\n\n      case TooltipTypes.Material:\n        theme = \"material\";\n        break;\n      // Primary\n\n      case TooltipTypes.Primary:\n        theme = \"primary\";\n        break;\n      // Secondary\n\n      case TooltipTypes.Secondary:\n        theme = \"secondary\";\n        break;\n      // Success\n\n      case TooltipTypes.Success:\n        theme = \"success\";\n        break;\n      // Translucent\n\n      case TooltipTypes.Translucent:\n        theme = \"translucent\";\n        break;\n      // Warning\n\n      case TooltipTypes.Warning:\n        theme = \"warning\";\n        break;\n      // Default - Secondary\n\n      default:\n        theme = \"secondary\";\n        break;\n    } // Set the options\n\n\n    var options = __assign({\n      allowHTML: false,\n      animation: \"scale\",\n      arrow: true,\n      content: this.props.content,\n      delay: 100,\n      inertia: true,\n      interactive: false,\n      placement: placement,\n      plugins: [tippy_js_1.animateFill, tippy_js_1.followCursor, tippy_js_1.inlinePositioning, tippy_js_1.sticky],\n      theme: theme\n    }, this.props.options); // Create the tooltip content element\n\n\n    this._elContent = document.createElement(\"div\");\n\n    this._elContent.classList.add(\"tooltip-content\");\n\n    common_1.appendContent(this._elContent, options.content);\n    options.content = this._elContent; // Set the on create event\n\n    options[\"onCreate\"] = function (tippyObj) {\n      // Get the content element\n      var elContent = tippyObj.popper.querySelector(\".tippy-content\");\n\n      if (elContent) {\n        // Set the class\n        elContent.classList.add(\"bs\"); // Get the custom class name(s)\n\n        var custom = (_this.props.className || \"\").trim().split(\" \");\n\n        for (var i = 0; i < custom.length; i++) {\n          var className = custom[i]; // Add the custom class name\n\n          className ? elContent.classList.add(custom[i]) : null;\n        }\n      } // Call the custom event if it's defined\n\n\n      _this.props.options && _this.props.options.onCreate ? _this.props.options.onCreate(tippyObj) : null;\n    }; // Create the tippy\n\n\n    this._tippy = libs_1.tippy(this.props.target || this.el, options);\n  };\n\n  Object.defineProperty(_Tooltip.prototype, \"button\", {\n    /**\r\n     * Public Interface\r\n     */\n    // Reference to the button\n    get: function get() {\n      return this._btn;\n    },\n    enumerable: false,\n    configurable: true\n  }); // Disbles the tooltip\n\n  _Tooltip.prototype.disable = function () {\n    // Disable the button\n    this._btn ? this._btn.disable() : null;\n  }; // Enables the tooltip\n\n\n  _Tooltip.prototype.enable = function () {\n    // Enable the button\n    this._btn ? this._btn.enable() : null;\n  }; // Hides the tooltip\n\n\n  _Tooltip.prototype.hide = function () {\n    // See if it's visible\n    if (this.isVisible) {\n      this._tippy.hide();\n    }\n  };\n\n  Object.defineProperty(_Tooltip.prototype, \"isVisible\", {\n    // Determines if the tooltip is visible\n    get: function get() {\n      return this._tippy.state.isVisible;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(_Tooltip.prototype, \"tippy\", {\n    // The tippy instance\n    get: function get() {\n      return this._tippy;\n    },\n    enumerable: false,\n    configurable: true\n  }); // Shows the tooltip\n\n  _Tooltip.prototype.show = function () {\n    // See if it's hidden\n    if (!this.isVisible) {\n      this._tippy.show();\n    }\n  }; // Toggles the tooltip\n\n\n  _Tooltip.prototype.toggle = function () {\n    // Toggle the element\n    if (this.isVisible) {\n      // Hide the element\n      this.hide();\n    } else {\n      // Show the element\n      this.show();\n    }\n  };\n\n  return _Tooltip;\n}(base_1.Base);\n\nexports.Tooltip = function (props, template) {\n  return new _Tooltip(props, template);\n};\n\n//# sourceURL=webpack://gd-bs/./build/components/tooltip/index.js?");
+eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Tooltip = exports.TooltipPlacements = exports.TooltipTypes = void 0;\n\nvar tippy_js_1 = __webpack_require__(/*! tippy.js */ \"./node_modules/.pnpm/tippy.js@6.3.7/node_modules/tippy.js/dist/tippy.esm.js\");\n\nvar libs_1 = __webpack_require__(/*! ../../libs */ \"./build/libs.js\");\n\nvar base_1 = __webpack_require__(/*! ../base */ \"./build/components/base.js\");\n\nvar button_1 = __webpack_require__(/*! ../button */ \"./build/components/button/index.js\");\n\nvar common_1 = __webpack_require__(/*! ../common */ \"./build/components/common.js\");\n/**\r\n * Tooltip Types\r\n */\n\n\nvar TooltipTypes;\n\n(function (TooltipTypes) {\n  TooltipTypes[TooltipTypes[\"Danger\"] = 1] = \"Danger\";\n  TooltipTypes[TooltipTypes[\"Dark\"] = 2] = \"Dark\";\n  TooltipTypes[TooltipTypes[\"Info\"] = 3] = \"Info\";\n  TooltipTypes[TooltipTypes[\"Light\"] = 4] = \"Light\";\n  TooltipTypes[TooltipTypes[\"LightBorder\"] = 5] = \"LightBorder\";\n  TooltipTypes[TooltipTypes[\"Material\"] = 6] = \"Material\";\n  TooltipTypes[TooltipTypes[\"Primary\"] = 7] = \"Primary\";\n  TooltipTypes[TooltipTypes[\"Secondary\"] = 8] = \"Secondary\";\n  TooltipTypes[TooltipTypes[\"Success\"] = 9] = \"Success\";\n  TooltipTypes[TooltipTypes[\"Translucent\"] = 10] = \"Translucent\";\n  TooltipTypes[TooltipTypes[\"Warning\"] = 11] = \"Warning\";\n})(TooltipTypes = exports.TooltipTypes || (exports.TooltipTypes = {}));\n/**\r\n * Tooltip Placements\r\n */\n\n\nvar TooltipPlacements;\n\n(function (TooltipPlacements) {\n  TooltipPlacements[TooltipPlacements[\"Auto\"] = 1] = \"Auto\";\n  TooltipPlacements[TooltipPlacements[\"AutoStart\"] = 2] = \"AutoStart\";\n  TooltipPlacements[TooltipPlacements[\"AutoEnd\"] = 3] = \"AutoEnd\";\n  TooltipPlacements[TooltipPlacements[\"Bottom\"] = 4] = \"Bottom\";\n  TooltipPlacements[TooltipPlacements[\"BottomStart\"] = 5] = \"BottomStart\";\n  TooltipPlacements[TooltipPlacements[\"BottomEnd\"] = 6] = \"BottomEnd\";\n  TooltipPlacements[TooltipPlacements[\"Left\"] = 7] = \"Left\";\n  TooltipPlacements[TooltipPlacements[\"LeftStart\"] = 8] = \"LeftStart\";\n  TooltipPlacements[TooltipPlacements[\"LeftEnd\"] = 9] = \"LeftEnd\";\n  TooltipPlacements[TooltipPlacements[\"Right\"] = 10] = \"Right\";\n  TooltipPlacements[TooltipPlacements[\"RightStart\"] = 11] = \"RightStart\";\n  TooltipPlacements[TooltipPlacements[\"RightEnd\"] = 12] = \"RightEnd\";\n  TooltipPlacements[TooltipPlacements[\"Top\"] = 13] = \"Top\";\n  TooltipPlacements[TooltipPlacements[\"TopStart\"] = 14] = \"TopStart\";\n  TooltipPlacements[TooltipPlacements[\"TopEnd\"] = 15] = \"TopEnd\";\n})(TooltipPlacements = exports.TooltipPlacements || (exports.TooltipPlacements = {}));\n/**\r\n * Tooltip\r\n */\n\n\nvar _Tooltip =\n/** @class */\nfunction (_super) {\n  __extends(_Tooltip, _super); // Constructor\n\n\n  function _Tooltip(props, template) {\n    if (template === void 0) {\n      template = \"\";\n    }\n\n    var _this = _super.call(this, template, props) || this;\n\n    _this._btn = null;\n    _this._elContent = null;\n    _this._tippy = null; // Configure the collapse\n\n    _this.configure(); // Configure the parent\n\n\n    _this.configureParent();\n\n    return _this;\n  } // Configure the tooltip\n\n\n  _Tooltip.prototype.configure = function () {\n    // See if the target element was not defined\n    if (this.props.target == null) {\n      // Default the toggle property for the button\n      var btnProps = this.props.btnProps || {};\n      btnProps.type = btnProps.type || button_1.ButtonTypes.OutlineSecondary; // Create the button\n\n      this._btn = button_1.Button(btnProps); // Update the element\n\n      this.el = this._btn.el;\n    } // Configure the options\n\n\n    this.configureOptions();\n  }; // Configure the options\n\n\n  _Tooltip.prototype.configureOptions = function () {\n    var _this = this; // Set the placements\n\n\n    var placement = null;\n\n    switch (this.props.placement) {\n      // Auto\n      case TooltipPlacements.Auto:\n        placement = \"auto\";\n        break;\n\n      case TooltipPlacements.AutoEnd:\n        placement = \"auto-end\";\n        break;\n\n      case TooltipPlacements.AutoStart:\n        placement = \"auto-start\";\n        break;\n      // Bottom\n\n      case TooltipPlacements.Bottom:\n        placement = \"bottom\";\n        break;\n\n      case TooltipPlacements.BottomEnd:\n        placement = \"bottom-end\";\n        break;\n\n      case TooltipPlacements.BottomStart:\n        placement = \"bottom-start\";\n        break;\n      // Left\n\n      case TooltipPlacements.Left:\n        placement = \"left\";\n        break;\n\n      case TooltipPlacements.LeftEnd:\n        placement = \"left-end\";\n        break;\n\n      case TooltipPlacements.LeftStart:\n        placement = \"left-start\";\n        break;\n      // Right\n\n      case TooltipPlacements.Right:\n        placement = \"right\";\n        break;\n\n      case TooltipPlacements.RightEnd:\n        placement = \"right-end\";\n        break;\n\n      case TooltipPlacements.RightStart:\n        placement = \"right-start\";\n        break;\n      // Top\n\n      case TooltipPlacements.Top:\n        placement = \"top\";\n        break;\n\n      case TooltipPlacements.TopEnd:\n        placement = \"top-end\";\n        break;\n\n      case TooltipPlacements.TopStart:\n        placement = \"top-start\";\n        break;\n      // Default - Auto\n\n      default:\n        placement = \"top\";\n        break;\n    } // Set the theme\n\n\n    var theme = null;\n\n    switch (this.props.type) {\n      // Danger\n      case TooltipTypes.Danger:\n        theme = \"danger\";\n        break;\n      // Dark\n\n      case TooltipTypes.Dark:\n        theme = \"dark\";\n        break;\n      // Info\n\n      case TooltipTypes.Info:\n        theme = \"info\";\n        break;\n      // Light\n\n      case TooltipTypes.Light:\n        theme = \"light\";\n        break;\n\n      case TooltipTypes.LightBorder:\n        theme = \"light-border\";\n        break;\n      // Material\n\n      case TooltipTypes.Material:\n        theme = \"material\";\n        break;\n      // Primary\n\n      case TooltipTypes.Primary:\n        theme = \"primary\";\n        break;\n      // Secondary\n\n      case TooltipTypes.Secondary:\n        theme = \"secondary\";\n        break;\n      // Success\n\n      case TooltipTypes.Success:\n        theme = \"success\";\n        break;\n      // Translucent\n\n      case TooltipTypes.Translucent:\n        theme = \"translucent\";\n        break;\n      // Warning\n\n      case TooltipTypes.Warning:\n        theme = \"warning\";\n        break;\n      // Default - Secondary\n\n      default:\n        // Set the default theme\n        theme = \"secondary\"; // See if a button exists\n\n        if (this.props.btnProps && this.props.btnProps.type > 0) {\n          // Match the theme to the button type\n          switch (this.props.btnProps.type) {\n            // Danger\n            case button_1.ButtonTypes.Danger:\n            case button_1.ButtonTypes.OutlineDanger:\n              theme = \"danger\";\n              break;\n            // Dark\n\n            case button_1.ButtonTypes.Dark:\n            case button_1.ButtonTypes.OutlineDark:\n              theme = \"dark\";\n              break;\n            // Info\n\n            case button_1.ButtonTypes.Info:\n            case button_1.ButtonTypes.OutlineInfo:\n              theme = \"info\";\n              break;\n            // Light\n\n            case button_1.ButtonTypes.Light:\n            case button_1.ButtonTypes.OutlineLight:\n              theme = \"light\";\n              break;\n            // Link\n\n            case button_1.ButtonTypes.Link:\n            case button_1.ButtonTypes.OutlineLink:\n              theme = \"light-border\";\n              break;\n            // Primary\n\n            case button_1.ButtonTypes.Primary:\n            case button_1.ButtonTypes.OutlinePrimary:\n              theme = \"primary\";\n              break;\n            // Secondary\n\n            case button_1.ButtonTypes.Secondary:\n            case button_1.ButtonTypes.OutlineSecondary:\n              theme = \"secondary\";\n              break;\n            // Success\n\n            case button_1.ButtonTypes.Success:\n            case button_1.ButtonTypes.OutlineSuccess:\n              theme = \"success\";\n              break;\n            // Warning\n\n            case button_1.ButtonTypes.Warning:\n            case button_1.ButtonTypes.OutlineWarning:\n              theme = \"warning\";\n              break;\n          }\n        }\n\n        break;\n    } // Set the options\n\n\n    var options = __assign({\n      allowHTML: false,\n      animation: \"scale\",\n      arrow: true,\n      content: this.props.content,\n      delay: 100,\n      inertia: true,\n      interactive: false,\n      placement: placement,\n      plugins: [tippy_js_1.animateFill, tippy_js_1.followCursor, tippy_js_1.inlinePositioning, tippy_js_1.sticky],\n      theme: theme\n    }, this.props.options); // Create the tooltip content element\n\n\n    this._elContent = document.createElement(\"div\");\n\n    this._elContent.classList.add(\"tooltip-content\");\n\n    common_1.appendContent(this._elContent, options.content);\n    options.content = this._elContent; // Set the on create event\n\n    options[\"onCreate\"] = function (tippyObj) {\n      // Get the content element\n      var elContent = tippyObj.popper.querySelector(\".tippy-content\");\n\n      if (elContent) {\n        // Set the class\n        elContent.classList.add(\"bs\"); // Get the custom class name(s)\n\n        var custom = (_this.props.className || \"\").trim().split(\" \");\n\n        for (var i = 0; i < custom.length; i++) {\n          var className = custom[i]; // Add the custom class name\n\n          className ? elContent.classList.add(custom[i]) : null;\n        }\n      } // Call the custom event if it's defined\n\n\n      _this.props.options && _this.props.options.onCreate ? _this.props.options.onCreate(tippyObj) : null;\n    }; // Create the tippy\n\n\n    this._tippy = libs_1.tippy(this.props.target || this.el, options);\n  };\n\n  Object.defineProperty(_Tooltip.prototype, \"button\", {\n    /**\r\n     * Public Interface\r\n     */\n    // Reference to the button\n    get: function get() {\n      return this._btn;\n    },\n    enumerable: false,\n    configurable: true\n  }); // Disbles the tooltip\n\n  _Tooltip.prototype.disable = function () {\n    // Disable the button\n    this._btn ? this._btn.disable() : null;\n  }; // Enables the tooltip\n\n\n  _Tooltip.prototype.enable = function () {\n    // Enable the button\n    this._btn ? this._btn.enable() : null;\n  }; // Hides the tooltip\n\n\n  _Tooltip.prototype.hide = function () {\n    // See if it's visible\n    if (this.isVisible) {\n      this._tippy.hide();\n    }\n  };\n\n  Object.defineProperty(_Tooltip.prototype, \"isVisible\", {\n    // Determines if the tooltip is visible\n    get: function get() {\n      return this._tippy.state.isVisible;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(_Tooltip.prototype, \"tippy\", {\n    // The tippy instance\n    get: function get() {\n      return this._tippy;\n    },\n    enumerable: false,\n    configurable: true\n  }); // Shows the tooltip\n\n  _Tooltip.prototype.show = function () {\n    // See if it's hidden\n    if (!this.isVisible) {\n      this._tippy.show();\n    }\n  }; // Toggles the tooltip\n\n\n  _Tooltip.prototype.toggle = function () {\n    // Toggle the element\n    if (this.isVisible) {\n      // Hide the element\n      this.hide();\n    } else {\n      // Show the element\n      this.show();\n    }\n  };\n\n  return _Tooltip;\n}(base_1.Base);\n\nexports.Tooltip = function (props, template) {\n  return new _Tooltip(props, template);\n};\n\n//# sourceURL=webpack://gd-bs/./build/components/tooltip/index.js?");
 
 /***/ }),