From 24906572d7b106a20be0ab3b3e8ea1bd74436356 Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Tue, 20 Oct 2020 13:15:19 -0700
Subject: [PATCH] Added ability to disable backdrop close feature for modals.

---
 modal.js | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/modal.js b/modal.js
index 4462d51..c18cd54 100644
--- a/modal.js
+++ b/modal.js
@@ -10,24 +10,32 @@ class Modal extends IgniteElement {
         return {
             dialogClasses: null,
             modal: null,
-            modalInstance: null
+            modalInstance: null,
+            backdropClose: true
         };
     }
 
     render() {
         return this.template.child(
-            new div().class("modal").ref(this.modal).child(
-                new div().class("modal-dialog").class(this.dialogClasses).child(
-                    new div().class("modal-content").child(
-                        new slot(this)
-                    )
+            new div()
+                .class("modal")
+                .data("backdrop", this.backdropClose, (value) => !value ? "static" : null)
+                .ref(this.modal)
+                .child(
+                    new div()
+                        .class("modal-dialog")
+                        .class(this.dialogClasses)
+                        .child(
+                            new div().class("modal-content").child(
+                                new slot(this)
+                            )
+                        )
                 )
-            )
         )
     }
 
     ready() {
-        this.modalInstance = new bootstrap.Modal(this.modal);
+        this.modalInstance = new bootstrap.Modal(this.modal, { backdrop: this.backdropClose ? "true" : "static" });
     }
 
     show() {