@lemonadejs/modal 2.2.0 → 2.2.1

package/dist/index.d.ts

@@ -10,21 +10,36 @@ interface Modal {
 }
 
 interface options {
+    /** Close the modal when it loses the focus */
+    autoclose?: boolean;
+    /** Modal is closed */
     closed?: boolean;
+    /** Modal can be closed */
     closable?: boolean;
+    /** Modal is minimized */
     minimized?: boolean;
+    /** Modal can be minimized */
     minimizable?: boolean;
+    /** Modal can be resized */
     resizable?: boolean;
+    /** Modal can be moved from its original position */
     draggable?: boolean;
+    /** Modal is automatic align center */
     center?: boolean;
+    /** Title of the modal */
     title?: string;
+    /** Width of the modal */
     width?: number;
+    /** Height of the modal */
     height?: number;
+    /** Position top */
     top?: number;
+    /** Position Left */
     left?: number;
 }
 
 interface instance {
+    autoclose: boolean;
     closed: boolean;
     closable: boolean;
     minimized: boolean;

package/dist/index.js

@@ -161,6 +161,15 @@ if (! lemonade && typeof(require) === 'function') {
                 self.el.classList.add('fullscreen');
             }
 
+            // Focus out of the component
+            self.el.addEventListener('focusout', function(e) {
+                if (self.autoclose === true) {
+                    if (!self.el.contains(e.relatedTarget)) {
+                        self.closed = true;
+                    }
+                }
+            });
+
             // Close and stop propagation
             document.addEventListener('keydown', (e) => {
                 if (e.key === 'Escape' && self.closed === false) {

package/package.json

@@ -16,5 +16,5 @@
         "lemonadejs": "^3.4.0"
     },
     "main": "dist/index.js",
-    "version": "2.2.0"
+    "version": "2.2.1"
 }