gd-bs 5.2.1 → 5.2.2

package/dist/gd-bs.d.ts

@@ -41,6 +41,7 @@ declare module 'gd-bs/components/components' {
     export * from "gd-bs/components/toast/types";
     export * from "gd-bs/components/toolbar/types";
     export * from "gd-bs/components/tooltip/types";
+    export * from "gd-bs/components/tooltipGroup/types";
 }
 
 declare module 'gd-bs/components/accordion/types' {
@@ -2899,6 +2900,64 @@ declare module 'gd-bs/components/tooltip/types' {
     }
 }
 
+declare module 'gd-bs/components/tooltipGroup/types' {
+    
+    /**
+        * ### Tooltip Group
+        * 
+        * ```ts
+        * import { Components } from "gd-sprest-bs";
+        * 
+        * // Create the group
+        * let el = document.querySelector("#buttonGroup");
+        * let tooltipGroup = Components.TooltipGroup({
+        *     el: el,
+        *     buttonType: $REST.Components.ButtonTypes.Primary,
+        *     buttons: [
+        *          { text: "Left", onClick: function() { alert("Left button was clicked."); } },
+        *          { text: "Middle", onClick: function() { alert("Middle button was clicked."); } },
+        *          { text: "Right", onClick: function() { alert("Right button was clicked."); } }
+        *     ]
+        * });
+        * ```
+        */
+    export const TooltipGroup: (props: ITooltipGroupProps, template?: string, btnTemplate?: string) => ITooltipGroup;
+    
+    import { IBaseProps } from "gd-bs/components/types";
+    import { ITooltip, ITooltipProps } from "gd-bs/components/tooltip/types";
+    
+    /**
+        * Tooltip Group
+        */
+    export interface ITooltipGroup {
+            /** The element. */
+            el: Element;
+    
+            /** The tooltips. */
+            tooltips: Array<ITooltip>;
+    
+            /** Hides the button group. */
+            hide: () => void;
+    
+            /** Shows the button group. */
+            show: () => void;
+    }
+    
+    /**
+        * Tooltip Group Properties
+        */
+    export interface ITooltipGroupProps extends IBaseProps<ITooltipGroup> {
+            tooltips?: Array<ITooltipProps>;
+            buttonType?: number;
+            id?: string;
+            isLarge?: boolean;
+            isSmall?: boolean;
+            isVertical?: boolean;
+            label?: string;
+            tooltipType?: number;
+    }
+}
+
 declare module 'gd-bs/components/types' {
     /**
         * Base

package/dist/gd-bs.js

@@ -1115,7 +1115,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  Object.defineProperty(o, k2, {\n    enumerable: true,\n    get: function get() {\n      return m[k];\n    }\n  });\n} : function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  o[k2] = m[k];\n});\n\nvar __exportStar = this && this.__exportStar || function (m, exports) {\n  for (var p in m) {\n    if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n  }\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\n\n__exportStar(__webpack_require__(/*! ./accordion */ \"./build/components/accordion/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./alert */ \"./build/components/alert/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./badge */ \"./build/components/badge/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./breadcrumb */ \"./build/components/breadcrumb/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./button */ \"./build/components/button/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./buttonGroup */ \"./build/components/buttonGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./card */ \"./build/components/card/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./cardGroup */ \"./build/components/cardGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./carousel */ \"./build/components/carousel/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./checkboxGroup */ \"./build/components/checkboxGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./collapse */ \"./build/components/collapse/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./dropdown */ \"./build/components/dropdown/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./form */ \"./build/components/form/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./inputGroup */ \"./build/components/inputGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./jumbotron */ \"./build/components/jumbotron/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./listBox */ \"./build/components/listBox/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./listGroup */ \"./build/components/listGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./modal */ \"./build/components/modal/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./offcanvas */ \"./build/components/offcanvas/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./nav */ \"./build/components/nav/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./navbar */ \"./build/components/navbar/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./pagination */ \"./build/components/pagination/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./popover */ \"./build/components/popover/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./progress */ \"./build/components/progress/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./progressGroup */ \"./build/components/progressGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./spinner */ \"./build/components/spinner/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./table */ \"./build/components/table/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./toast */ \"./build/components/toast/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./toolbar */ \"./build/components/toolbar/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./tooltip */ \"./build/components/tooltip/index.js\"), exports);\n\n//# sourceURL=webpack://gd-bs/./build/components/index.js?");
+eval("\n\nvar __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  Object.defineProperty(o, k2, {\n    enumerable: true,\n    get: function get() {\n      return m[k];\n    }\n  });\n} : function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  o[k2] = m[k];\n});\n\nvar __exportStar = this && this.__exportStar || function (m, exports) {\n  for (var p in m) {\n    if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n  }\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\n\n__exportStar(__webpack_require__(/*! ./accordion */ \"./build/components/accordion/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./alert */ \"./build/components/alert/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./badge */ \"./build/components/badge/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./breadcrumb */ \"./build/components/breadcrumb/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./button */ \"./build/components/button/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./buttonGroup */ \"./build/components/buttonGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./card */ \"./build/components/card/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./cardGroup */ \"./build/components/cardGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./carousel */ \"./build/components/carousel/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./checkboxGroup */ \"./build/components/checkboxGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./collapse */ \"./build/components/collapse/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./dropdown */ \"./build/components/dropdown/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./form */ \"./build/components/form/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./inputGroup */ \"./build/components/inputGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./jumbotron */ \"./build/components/jumbotron/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./listBox */ \"./build/components/listBox/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./listGroup */ \"./build/components/listGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./modal */ \"./build/components/modal/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./offcanvas */ \"./build/components/offcanvas/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./nav */ \"./build/components/nav/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./navbar */ \"./build/components/navbar/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./pagination */ \"./build/components/pagination/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./popover */ \"./build/components/popover/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./progress */ \"./build/components/progress/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./progressGroup */ \"./build/components/progressGroup/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./spinner */ \"./build/components/spinner/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./table */ \"./build/components/table/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./toast */ \"./build/components/toast/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./toolbar */ \"./build/components/toolbar/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./tooltip */ \"./build/components/tooltip/index.js\"), exports);\n\n__exportStar(__webpack_require__(/*! ./tooltipGroup */ \"./build/components/tooltipGroup/index.js\"), exports);\n\n//# sourceURL=webpack://gd-bs/./build/components/index.js?");
 
 /***/ }),
 
@@ -1493,6 +1493,28 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 
 /***/ }),
 
+/***/ "./build/components/tooltipGroup/index.js":
+/*!************************************************!*\
+  !*** ./build/components/tooltipGroup/index.js ***!
+  \************************************************/
+/***/ (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 property\n\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?");
+
+/***/ }),
+
+/***/ "./build/components/tooltipGroup/templates.js":
+/*!****************************************************!*\
+  !*** ./build/components/tooltipGroup/templates.js ***!
+  \****************************************************/
+/***/ (function(__unused_webpack_module, exports) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.HTML = void 0;\nexports.HTML = \"<div class=\\\"btn-group\\\" role=\\\"group\\\"></div>\";\n\n//# sourceURL=webpack://gd-bs/./build/components/tooltipGroup/templates.js?");
+
+/***/ }),
+
 /***/ "./build/components/tooltip/index.js":
 /*!*******************************************!*\
   !*** ./build/components/tooltip/index.js ***!