gd-bs 6.2.7 → 6.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/bs.js +1 -1
- package/build/components/popover/index.js +25 -0
- package/dist/gd-bs-icons.js +1 -1
- package/dist/gd-bs-icons.min.js +1 -1
- package/dist/gd-bs.d.ts +6 -0
- package/dist/gd-bs.js +1 -1
- package/dist/gd-bs.min.js +1 -1
- package/index.html +2 -2
- package/package.json +1 -1
- package/src/components/popover/index.ts +25 -0
- package/src/components/popover/types.d.ts +6 -0
- package/src/styles/_core.scss +1 -1
|
@@ -239,6 +239,7 @@ var _Popover = /** @class */ (function (_super) {
|
|
|
239
239
|
}
|
|
240
240
|
// Create the popover content element
|
|
241
241
|
this._elContent = document.createElement("div");
|
|
242
|
+
this._elContent.classList.add("popover");
|
|
242
243
|
this._elContent.classList.add("popover-content");
|
|
243
244
|
this._elContent.innerHTML = '<div class="popover-header"></div><div class="popover-body"></div>';
|
|
244
245
|
(0, common_1.appendContent)(this._elContent.querySelector(".popover-header"), this.props.title);
|
|
@@ -301,11 +302,35 @@ var _Popover = /** @class */ (function (_super) {
|
|
|
301
302
|
enumerable: false,
|
|
302
303
|
configurable: true
|
|
303
304
|
});
|
|
305
|
+
// Sets the popover body element
|
|
306
|
+
_Popover.prototype.setBody = function (content) {
|
|
307
|
+
var elBody = this.tippy.popper.querySelector(".popover-body");
|
|
308
|
+
if (elBody) {
|
|
309
|
+
// Clear the content
|
|
310
|
+
while (elBody.firstChild) {
|
|
311
|
+
elBody.removeChild(elBody.firstChild);
|
|
312
|
+
}
|
|
313
|
+
// Update the content
|
|
314
|
+
(0, common_1.appendContent)(elBody, content);
|
|
315
|
+
}
|
|
316
|
+
};
|
|
304
317
|
// Sets the tippy content
|
|
305
318
|
_Popover.prototype.setContent = function (content) {
|
|
306
319
|
// Set the tippy content
|
|
307
320
|
this.tippy.setContent(content);
|
|
308
321
|
};
|
|
322
|
+
// Sets the popover header element
|
|
323
|
+
_Popover.prototype.setHeader = function (content) {
|
|
324
|
+
var elHeader = this.tippy.popper.querySelector(".popover-header");
|
|
325
|
+
if (elHeader) {
|
|
326
|
+
// Clear the content
|
|
327
|
+
while (elHeader.firstChild) {
|
|
328
|
+
elHeader.removeChild(elHeader.firstChild);
|
|
329
|
+
}
|
|
330
|
+
// Update the content
|
|
331
|
+
(0, common_1.appendContent)(elHeader, content);
|
|
332
|
+
}
|
|
333
|
+
};
|
|
309
334
|
// Shows the popover
|
|
310
335
|
_Popover.prototype.show = function () {
|
|
311
336
|
// See if it's hidden
|