Merge pull request #6 from viivue/0.0.5

Release v0.0.5
viivue · Aug 31, 2022 · 96f1e53 · 96f1e53
2 parents f7b163d + 40ba6ae
commit 96f1e53
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# Easy Popup v0.0.4
+# Easy Popup v0.0.5
 
 Super light-weight JavaScript library to create a simple popup with mobile layout.
 
@@ -35,7 +35,8 @@ Init with HTML attributes
 <div data-easy-popup="demo"
      data-easy-popup-mobile="true"
      data-easy-popup-title="Popup title"
-     data-easy-popup-theme="my-style">
+     data-easy-popup-theme="my-style"
+     data-easy-popup-click-outside-to-close="false">
     <p>Your content.</p>
 </div>
 ```
@@ -51,6 +52,8 @@ EasyPopup.init('.popup', {
     closeButtonHTML: '<span>Click to close</span>', // set custom HTML for close button
     outerClass: 'my-popup', // custom class for popup
     theme: 'default', // to create multiple themes
+    clickOutsideToClose: true, // true by default
+    keyboard: true, // to close the popup by keyboard (ESC)
     onOpen: data => {
     },
     onClose: data => {

diff --git a/dist/easy-popup.min.css b/dist/easy-popup.min.css
diff --git a/dist/easy-popup.min.js b/dist/easy-popup.min.js
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Easy Popup v0.0.4</title>
+    <title>Easy Popup v0.0.5</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap" rel="stylesheet">
@@ -39,7 +39,7 @@
 
 
 <div class="container">
-    <h1>Easy Popup v0.0.4</h1>
+    <h1>Easy Popup v0.0.5</h1>
     <p>Click here to <a href="#demo-1">open popup 1</a>.</p>
     <p>Or here
         <button data-easy-popup-toggle="demo-1">Open popup 1</button>
@@ -93,7 +93,8 @@ <h1>Easy Popup v0.0.4</h1>
         iaculis. Inceptos pulvinar scelerisque duis facilisi elementum suscipit viverra ante velit litora. Viverra
         ornare urna mi fames bibendum enim nunc neque et nostra placerat.
     </p>
-    <div data-easy-popup="demo-1" data-easy-popup-title="Demo 1" data-easy-popup-theme="right-side">
+    <div data-easy-popup="demo-1" data-easy-popup-title="Demo 1" data-easy-popup-theme="right-side"
+         data-easy-popup-click-outside-to-close="false">
         <h2>Demo 1</h2>
         <p>Click here to <a href="#demo-2">open popup 2</a>.</p>
         <p>

diff --git a/src/easy-popup.css b/src/easy-popup.css
@@ -1,5 +1,5 @@
 /*!
- * Easy Popup v0.0.4
+ * Easy Popup v0.0.5
  * https://github.com/viivue/easy-popup
  */
 /* master */