avalynx-modal 1.0.0 → 1.0.1

package/README.md

@@ -42,8 +42,8 @@ Replace `path/to/avalynx-modal.js` and `path/to/avalynx-modal.css` with the actu
 AvalynxModal is also available via [jsDelivr](https://www.jsdelivr.com/). You can include it in your project like this:
 
 ```html
-<link href="https://cdn.jsdelivr.net/npm/avalynx-modal@1.0.0/dist/css/avalynx-modal.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/avalynx-modal@1.0.0/dist/js/avalynx-modal.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/avalynx-modal@1.0.1/dist/css/avalynx-modal.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/avalynx-modal@1.0.1/dist/js/avalynx-modal.js"></script>
 ```
 
 Make sure to also include Bootstrap's JS/CSS in your project to ensure AvalynxModal displays correctly.

package/dist/css/avalynx-modal.css

@@ -3,7 +3,7 @@
  *
  * AvalynxModal is a simple modal system for web applications with fullscreen support. Based on Bootstrap >=5.3 without any framework dependencies.
  *
- * @version 1.0.0
+ * @version 1.0.1
  * @license MIT
  * @author https://github.com/avalynx/avalynx-modal/graphs/contributors
  * @website https://github.com/avalynx/

package/dist/js/avalynx-modal.esm.js

@@ -3,7 +3,7 @@
  *
  * AvalynxModal is a simple modal system for web applications with fullscreen support. Based on Bootstrap >=5.3 without any framework dependencies.
  *
- * @version 1.0.0
+ * @version 1.0.1
  * @license MIT
  * @author https://github.com/avalynx/avalynx-modal/graphs/contributors
  * @website https://github.com/avalynx/
@@ -36,6 +36,9 @@ import * as bootstrap from 'bootstrap';
 export class AvalynxModal {
     constructor(id, options = {}, language = {}) {
         this.id = id;
+        if (options === null || typeof options !== 'object') {
+            options = {};
+        }
         this.options = {
             modalFullscreen: false,
             title: '',
@@ -55,6 +58,9 @@ export class AvalynxModal {
             onModalClosed: null,
             ...options
         };
+        if (language === null || typeof language !== 'object') {
+            language = {};
+        }
         this.language = {
             ...language
         };
@@ -134,7 +140,9 @@ export class AvalynxModal {
     async fetchData(url, isHtml) {
         if (this.options.loader === null) {
             const overlay = document.getElementById(`${this.id}-overlay`);
-            overlay.style.display = 'flex';
+            if (overlay) {
+                overlay.style.display = 'flex';
+            }
         } else {
             this.options.loader.load = true;
         }
@@ -196,7 +204,7 @@ export class AvalynxModal {
 
     setTitle(content, isHtml = this.options.titleIsHtml) {
         const modalTitleElement = this.modal.querySelector('.modal-title');
-        if (this.options.titleIsHtml) {
+        if (isHtml) {
             modalTitleElement.innerHTML = content;
         } else {
             modalTitleElement.innerText = content;
@@ -205,7 +213,7 @@ export class AvalynxModal {
 
     setBody(content, isHtml = this.options.bodyIsHtml) {
         const modalBodyElement = this.modal.querySelector('.modal-body');
-        if (this.options.bodyIsHtml) {
+        if (isHtml) {
             modalBodyElement.innerHTML = content;
         } else {
             modalBodyElement.innerText = content;
@@ -265,3 +273,7 @@ export class AvalynxModal {
         }
     }
 }
+
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = AvalynxModal
+}

package/dist/js/avalynx-modal.js

@@ -3,7 +3,7 @@
  *
  * AvalynxModal is a simple modal system for web applications with fullscreen support. Based on Bootstrap >=5.3 without any framework dependencies.
  *
- * @version 1.0.0
+ * @version 1.0.1
  * @license MIT
  * @author https://github.com/avalynx/avalynx-modal/graphs/contributors
  * @website https://github.com/avalynx/
@@ -34,6 +34,9 @@
 class AvalynxModal {
     constructor(id, options = {}, language = {}) {
         this.id = id;
+        if (options === null || typeof options !== 'object') {
+            options = {};
+        }
         this.options = {
             modalFullscreen: false,
             title: '',
@@ -53,6 +56,9 @@ class AvalynxModal {
             onModalClosed: null,
             ...options
         };
+        if (language === null || typeof language !== 'object') {
+            language = {};
+        }
         this.language = {
             ...language
         };
@@ -132,7 +138,9 @@ class AvalynxModal {
     async fetchData(url, isHtml) {
         if (this.options.loader === null) {
             const overlay = document.getElementById(`${this.id}-overlay`);
-            overlay.style.display = 'flex';
+            if (overlay) {
+                overlay.style.display = 'flex';
+            }
         } else {
             this.options.loader.load = true;
         }
@@ -194,7 +202,7 @@ class AvalynxModal {
 
     setTitle(content, isHtml = this.options.titleIsHtml) {
         const modalTitleElement = this.modal.querySelector('.modal-title');
-        if (this.options.titleIsHtml) {
+        if (isHtml) {
             modalTitleElement.innerHTML = content;
         } else {
             modalTitleElement.innerText = content;
@@ -203,7 +211,7 @@ class AvalynxModal {
 
     setBody(content, isHtml = this.options.bodyIsHtml) {
         const modalBodyElement = this.modal.querySelector('.modal-body');
-        if (this.options.bodyIsHtml) {
+        if (isHtml) {
             modalBodyElement.innerHTML = content;
         } else {
             modalBodyElement.innerText = content;
@@ -263,3 +271,7 @@ class AvalynxModal {
         }
     }
 }
+
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = AvalynxModal
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "avalynx-modal",
   "title": "AvalynxModal",
   "description": "AvalynxModal is a simple modal system for web applications with fullscreen support. Based on Bootstrap >=5.3 without any framework dependencies.",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "license": "MIT",
   "main": "dist/js/avalynx-modal.js",
   "module": "dist/js/avalynx-modal.esm.js",