gd-bs 5.3.0 → 5.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "5.3.0",
+    "version": "5.3.1",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/components/modal/index.ts

@@ -78,7 +78,7 @@ class _Modal extends Base<IModalProps> implements IModal {
             if (this.props.hideCloseButton) {
                 // Remove the close button
                 let closeButton = dialog.querySelector(".btn-close") as HTMLElement;
-                closeButton ? closeButton.parentNode.removeChild(closeButton) : null;
+                closeButton ? closeButton.classList.add("d-none") : null;
             }
         }
 
@@ -234,6 +234,22 @@ class _Modal extends Base<IModalProps> implements IModal {
         this.el.setAttribute("data-bs-backdrop", value ? "true" : "false");
     }
 
+    // Updates the visibility of the close button
+    setCloseButtonVisibility(showFl: boolean) {
+        // Get the close button
+        let closeButton = this.el.querySelector(".btn-close") as HTMLElement;
+        if (closeButton) {
+            // See if we are showing the button
+            if (showFl) {
+                // Show the button
+                closeButton.classList.remove("d-none");
+            } else {
+                // Hide the button
+                closeButton.classList.add("d-none");
+            }
+        }
+    }
+
     // Updates the focus flag
     setFocus(value: boolean) {
         // Set the focus

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

@@ -92,6 +92,9 @@ export interface IModal {
     /** Updates the backdrop flag. */
     setBackdrop: (value: boolean) => void;
 
+    /** Updates the visibility of the close button. */
+    setCloseButtonVisibility: (showFl: boolean) => void;
+
     /** Updates the focus flag. */
     setFocus: (value: boolean) => void;