gd-bs 6.2.8 → 6.3.0

package/index.html

@@ -206,7 +206,7 @@
                 text: "Popover Demo",
                 id: "popover-demo"
             });
-            GD.Components.Popover({
+            window["popover1"] = GD.Components.Popover({
                 target: btnPopover.el,
                 title: "My Popover",
                 placement: 10,
@@ -215,7 +215,7 @@
                     trigger: "click"
                 }
             });
-            GD.Components.Popover({
+            window["popover2"] = GD.Components.Popover({
                 el: document.querySelector("#popover1"),
                 btnProps: {
                     id: "popover-demo2",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.2.8",
+    "version": "6.3.0",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",
@@ -34,8 +34,8 @@
     "homepage": "https://dattabase.com/extras/bs",
     "dependencies": {
         "@popperjs/core": "^2.11.8",
-        "bootstrap": "^5.3.1",
-        "bootstrap-icons": "^1.10.5",
+        "bootstrap": "^5.3.2",
+        "bootstrap-icons": "^1.11.0",
         "core-js": "^3.32.1",
         "tippy.js": "^6.3.7"
     },

package/pnpm-lock.yaml

@@ -1,7 +1,7 @@
 dependencies:
   '@popperjs/core': 2.11.8
-  bootstrap: 5.3.1_@popperjs+core@2.11.8
-  bootstrap-icons: 1.10.5
+  bootstrap: 5.3.2_@popperjs+core@2.11.8
+  bootstrap-icons: 1.11.0
   core-js: 3.32.1
   tippy.js: 6.3.7
 devDependencies:
@@ -1663,18 +1663,18 @@ packages:
       node: '>=8'
     resolution:
       integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
-  /bootstrap-icons/1.10.5:
+  /bootstrap-icons/1.11.0:
     dev: false
     resolution:
-      integrity: sha512-oSX26F37V7QV7NCE53PPEL45d7EGXmBgHG3pDpZvcRaKVzWMqIRL9wcqJUyEha1esFtM3NJzvmxFXDxjJYD0jQ==
-  /bootstrap/5.3.1_@popperjs+core@2.11.8:
+      integrity: sha512-bLTbtACfUqwZf6f/xUYUb7bTRZC68QaQwwy9h1b96NPKfnwqzSatHqDypW6R2CBW7zUE7lP+O93GdZuPY3RIHA==
+  /bootstrap/5.3.2_@popperjs+core@2.11.8:
     dependencies:
       '@popperjs/core': 2.11.8
     dev: false
     peerDependencies:
       '@popperjs/core': ^2.11.8
     resolution:
-      integrity: sha512-jzwza3Yagduci2x0rr9MeFSORjcHpt0lRZukZPZQJT1Dth5qzV7XcgGqYzi39KGAVYR8QEDVoO0ubFKOxzMG+g==
+      integrity: sha512-D32nmNWiQHo94BKHLmOrdjlL05q1c8oxbtBphQFb9Z5to6eGRDCm0QgeaZ4zFBHzfg2++rqa2JkqCcxDy0sH0g==
   /brace-expansion/1.1.11:
     dependencies:
       balanced-match: 1.0.2
@@ -3282,8 +3282,8 @@ specifiers:
   '@types/node': ^18.11.0
   autoprefixer: ^10.4.12
   babel-loader: ^9.1.2
-  bootstrap: ^5.3.1
-  bootstrap-icons: ^1.10.5
+  bootstrap: ^5.3.2
+  bootstrap-icons: ^1.11.0
   core-js: ^3.32.1
   css-loader: ^6.7.3
   dts-bundle: ^0.7.3

package/src/components/popover/index.ts

@@ -287,12 +287,36 @@ class _Popover extends Base<IPopoverProps> implements IPopover {
     // The tippy instance
     get tippy() { return this._tippy; }
 
+    // Sets the popover body element
+    setBody(content: string | Element) {
+        let elBody: HTMLElement = this.tippy.popper.querySelector(".popover-body");
+        if (elBody) {
+            // Clear the content
+            while (elBody.firstChild) { elBody.removeChild(elBody.firstChild); }
+
+            // Update the content
+            appendContent(elBody, content);
+        }
+    }
+
     // Sets the tippy content
     setContent(content: string | Element) {
         // Set the tippy content
         this.tippy.setContent(content);
     }
 
+    // Sets the popover header element
+    setHeader(content: string | Element) {
+        let elHeader: HTMLElement = this.tippy.popper.querySelector(".popover-header");
+        if (elHeader) {
+            // Clear the content
+            while (elHeader.firstChild) { elHeader.removeChild(elHeader.firstChild); }
+
+            // Update the content
+            appendContent(elHeader, content);
+        }
+    }
+
     // Shows the popover
     show() {
         // See if it's hidden

package/src/components/popover/types.d.ts

@@ -84,9 +84,15 @@ export interface IPopover {
     /** Toggles an element's popover. */
     toggle: () => void;
 
+    /** Sets the body element of the popover. */
+    setBody: (content: string | Element) => void;
+
     /** Sets the tippy content. */
     setContent: (content: string | Element) => void;
 
+    /** Sets the header element of the popover. */
+    setHeader: (content: string | Element) => void;
+
     /** Reveals an element’s popover. */
     show: () => void;
 }