gd-bs 5.2.1 → 5.2.2

package/build/components/index.js

@@ -40,3 +40,4 @@ __exportStar(require("./table"), exports);
 __exportStar(require("./toast"), exports);
 __exportStar(require("./toolbar"), exports);
 __exportStar(require("./tooltip"), exports);
+__exportStar(require("./tooltipGroup"), exports);

package/build/components/tooltipGroup/index.js

@@ -0,0 +1,82 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipGroup = void 0;
+var base_1 = require("../base");
+var tooltip_1 = require("../tooltip");
+var templates_1 = require("./templates");
+/**
+ * Tooltip Group
+ * @property props - The tooltip group properties.
+ */
+var _TooltipGroup = /** @class */ (function (_super) {
+    __extends(_TooltipGroup, _super);
+    // Constructor
+    function _TooltipGroup(props, template, btnTemplate) {
+        if (template === void 0) { template = templates_1.HTML; }
+        var _this = _super.call(this, template, props) || this;
+        _this._tooltips = null;
+        // Configure the tooltip group
+        _this.configure(btnTemplate);
+        // Configure the parent
+        _this.configureParent();
+        return _this;
+    }
+    // Configure the tooltip group
+    _TooltipGroup.prototype.configure = function (btnTemplate) {
+        // Set the attributes
+        this.props.id ? this.el.id = this.props.id : null;
+        this.props.label ? this.el.setAttribute("aria-label", this.props.label) : null;
+        // Set the class names
+        this.el.classList.add(this.props.isVertical ? "btn-group-vertical" : "btn-group");
+        this.props.isLarge ? this.el.classList.add("btn-group-lg") : null;
+        this.props.isSmall ? this.el.classList.add("btn-group-sm") : null;
+        // Render the tooltips
+        this.renderTooltips(btnTemplate);
+    };
+    // Render the tooltips
+    _TooltipGroup.prototype.renderTooltips = function (tooltipTemplate) {
+        // Clear the tooltips
+        this._tooltips = [];
+        // Parse the tooltips
+        var tooltips = this.props.tooltips || [];
+        for (var i = 0; i < tooltips.length; i++) {
+            var tooltipProps = tooltips[i];
+            // Set the property
+            tooltipProps.type = tooltipProps.type || this.props.tooltipType;
+            // See if the button props exists
+            if (tooltipProps.btnProps) {
+                // Set the button type
+                tooltipProps.btnProps.type = tooltipProps.btnProps.type || this.props.buttonType;
+            }
+            // Create the tooltip
+            var tooltip = tooltip_1.Tooltip(tooltipProps, tooltipTemplate);
+            this._tooltips.push(tooltip);
+            // Append the tooltip to the group
+            this.el.appendChild(tooltip.el);
+        }
+    };
+    Object.defineProperty(_TooltipGroup.prototype, "tooltips", {
+        /**
+         * Public Interface
+         */
+        // Reference to the tooltips
+        get: function () { return this._tooltips; },
+        enumerable: false,
+        configurable: true
+    });
+    return _TooltipGroup;
+}(base_1.Base));
+exports.TooltipGroup = function (props, template, tooltipTemplate) { return new _TooltipGroup(props, template, tooltipTemplate); };

package/build/components/tooltipGroup/templates.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTML = void 0;
+exports.HTML = "<div class=\"btn-group\" role=\"group\"></div>";

package/dist/gd-bs-icons.js

@@ -1105,7 +1105,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 */ \"./src/components/accordion/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./alert */ \"./src/components/alert/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./badge */ \"./src/components/badge/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./breadcrumb */ \"./src/components/breadcrumb/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./button */ \"./src/components/button/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./buttonGroup */ \"./src/components/buttonGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./card */ \"./src/components/card/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./cardGroup */ \"./src/components/cardGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./carousel */ \"./src/components/carousel/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./checkboxGroup */ \"./src/components/checkboxGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./collapse */ \"./src/components/collapse/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./dropdown */ \"./src/components/dropdown/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./form */ \"./src/components/form/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./inputGroup */ \"./src/components/inputGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./jumbotron */ \"./src/components/jumbotron/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./listBox */ \"./src/components/listBox/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./listGroup */ \"./src/components/listGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./modal */ \"./src/components/modal/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./offcanvas */ \"./src/components/offcanvas/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./nav */ \"./src/components/nav/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./navbar */ \"./src/components/navbar/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./pagination */ \"./src/components/pagination/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./popover */ \"./src/components/popover/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./progress */ \"./src/components/progress/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./progressGroup */ \"./src/components/progressGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./spinner */ \"./src/components/spinner/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./table */ \"./src/components/table/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./toast */ \"./src/components/toast/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./toolbar */ \"./src/components/toolbar/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./tooltip */ \"./src/components/tooltip/index.ts\"), exports);\n\n//# sourceURL=webpack://gd-bs/./src/components/index.ts?");
+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 */ \"./src/components/accordion/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./alert */ \"./src/components/alert/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./badge */ \"./src/components/badge/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./breadcrumb */ \"./src/components/breadcrumb/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./button */ \"./src/components/button/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./buttonGroup */ \"./src/components/buttonGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./card */ \"./src/components/card/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./cardGroup */ \"./src/components/cardGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./carousel */ \"./src/components/carousel/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./checkboxGroup */ \"./src/components/checkboxGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./collapse */ \"./src/components/collapse/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./dropdown */ \"./src/components/dropdown/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./form */ \"./src/components/form/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./inputGroup */ \"./src/components/inputGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./jumbotron */ \"./src/components/jumbotron/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./listBox */ \"./src/components/listBox/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./listGroup */ \"./src/components/listGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./modal */ \"./src/components/modal/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./offcanvas */ \"./src/components/offcanvas/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./nav */ \"./src/components/nav/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./navbar */ \"./src/components/navbar/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./pagination */ \"./src/components/pagination/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./popover */ \"./src/components/popover/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./progress */ \"./src/components/progress/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./progressGroup */ \"./src/components/progressGroup/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./spinner */ \"./src/components/spinner/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./table */ \"./src/components/table/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./toast */ \"./src/components/toast/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./toolbar */ \"./src/components/toolbar/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./tooltip */ \"./src/components/tooltip/index.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./tooltipGroup */ \"./src/components/tooltipGroup/index.ts\"), exports);\n\n//# sourceURL=webpack://gd-bs/./src/components/index.ts?");
 
 /***/ }),
 
@@ -1483,6 +1483,28 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 
 /***/ }),
 
+/***/ "./src/components/tooltipGroup/index.ts":
+/*!**********************************************!*\
+  !*** ./src/components/tooltipGroup/index.ts ***!
+  \**********************************************/
+/***/ (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 */ \"./src/components/base.ts\");\n\nvar tooltip_1 = __webpack_require__(/*! ../tooltip */ \"./src/components/tooltip/index.ts\");\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./src/components/tooltipGroup/templates.ts\");\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/./src/components/tooltipGroup/index.ts?");
+
+/***/ }),
+
+/***/ "./src/components/tooltipGroup/templates.ts":
+/*!**************************************************!*\
+  !*** ./src/components/tooltipGroup/templates.ts ***!
+  \**************************************************/
+/***/ (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/./src/components/tooltipGroup/templates.ts?");
+
+/***/ }),
+
 /***/ "./src/components/tooltip/index.ts":
 /*!*****************************************!*\
   !*** ./src/components/tooltip/index.ts ***!