feat(lazy): created to handle lazy loading

EnvelopeGenerator.Web/Views/Shared/_Layout.cshtml

@@ -50,6 +50,7 @@
     <script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
     <script src="~/lib/sweetalert2/sweetalert2.min.js"></script>
     <script src="~/lib/alertifyjs/alertify.min.js"></script>
+    <script src="~/js/lazy.min.js" asp-append-version="true"></script>
     <script src="~/js/ui.min.js" asp-append-version="true"></script>
     <script src="~/js/annotation.js" asp-append-version="true"></script>
     <script src="~/js/network.min.js" asp-append-version="true"></script>

EnvelopeGenerator.Web/bundleconfig.json

@@ -5,6 +5,12 @@
       "wwwroot/js/app.js"
     ]
   },
+  {
+    "outputFileName": "wwwroot/js/lazy.min.js",
+    "inputFiles": [
+      "wwwroot/js/lazy.js"
+    ]
+  },
   {
     "outputFileName": "wwwroot/js/api-service.min.js",
     "inputFiles": [

EnvelopeGenerator.Web/wwwroot/js/api-service.js

@@ -20,7 +20,7 @@ const url = {
 
   get envKey() {
     if (!this.__envKey) {
-      this.__envKey = 
+      this.__envKey =
         typeof envKey !== "undefined"
           ? envKey
           : document.querySelector('meta[name="env-key"]').getAttribute('content');

EnvelopeGenerator.Web/wwwroot/js/lazy.js

@@ -0,0 +1,22 @@
+class Lazy {
+  #factory;
+  #initialized = false;
+  #value;
+
+  constructor(factory) {
+    this.#factory = factory;
+  }
+
+  get initialized() {
+    return this.#initialized;
+  }
+
+  get value() {
+    if (!this.#initialized) {
+      this.#initialized = true;
+      this.#value = this.#factory();
+      this.#factory = null;
+    }
+    return this.#value;
+  }
+}

EnvelopeGenerator.Web/wwwroot/js/lazy.min.js

@@ -0,0 +1 @@
+class Lazy{#factory;#initialized=false;#value;constructor(n){this.#factory=n}get initialized(){return this.#initialized}get value(){return this.#initialized||(this.#initialized=!0,this.#value=this.#factory(),this.#factory=null),this.#value}}