added loader screen

dist/assets/a-doc-editor.css

@@ -172,3 +172,19 @@
     border-radius: 5px;
     /* Set border radius */
 }
+
+.full-screen-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100vh;
+    width: 100vw;
+    background-color: rgba(0, 0, 0, 0.7); /* Optional background color */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    font-size: xx-large;
+}
+
+

dist/assets/a-doc-editor.js

@@ -22,6 +22,7 @@ var ADocEditor = function (customConfig) {
     var fontFamilyDropdown = null
     var fontList = []
     var fontSize;
+    var fullScreenLoadingOverlay;
 
     var defaultConfig = {
         element: "",
@@ -210,6 +211,10 @@ var ADocEditor = function (customConfig) {
 
             fontSize = container.querySelector('[adc-action="font-size-set"]') 
 
+            fullScreenLoadingOverlay = document.createElement('div')
+            fullScreenLoadingOverlay.innerText = 'Loading...'
+            fullScreenLoadingOverlay.setAttribute('class', 'full-screen-overlay')
+
 
             bindGlobalEvents()
 
@@ -705,7 +710,7 @@ var ADocEditor = function (customConfig) {
 
     async function generatePDF(file) {
 
-
+        showLoader()
 
 
         let embededFonts = {}
@@ -807,6 +812,7 @@ var ADocEditor = function (customConfig) {
         downloadLink.style.display = "none"; // Keep it hidden
         downloadLink.click()
         document.body.removeChild(downloadLink)
+        hideLoader()
     }
 
     function addFonts(paths, name) {
@@ -931,6 +937,21 @@ var ADocEditor = function (customConfig) {
         })
 
     }
+    function showLoader(){
+        container.append(fullScreenLoadingOverlay)
+        fullScreenLoadingOverlay.addEventListener('mousedown', preventEvents, true)
+        fullScreenLoadingOverlay.addEventListener('keydown', preventEvents, true)
+    }
+    function hideLoader(){
+        fullScreenLoadingOverlay.removeEventListener('mousedown', preventEvents, true)
+        fullScreenLoadingOverlay.removeEventListener('keydown', preventEvents, true)
+        fullScreenLoadingOverlay.remove()
+
+    }
+    function preventEvents(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
 
     inititalize(customConfig)
     function destory() {