Make question generation laze, huge performance boost

UI/Base/Lazy.ts

@@ -0,0 +1,16 @@
+import BaseUIElement from "../BaseUIElement";
+
+export default class Lazy extends BaseUIElement{
+    private readonly _f: () => BaseUIElement;
+    
+    constructor(f: () => BaseUIElement) {
+        super();
+        this._f = f;
+    }
+    
+    protected InnerConstructElement(): HTMLElement {
+        // The caching of the BaseUIElement will guarantee that _f will only be called once
+        return this._f().ConstructElement();
+    }
+    
+}

UI/Popup/EditableTagRendering.ts

@@ -9,6 +9,7 @@ import Toggle from "../Input/Toggle";
 import BaseUIElement from "../BaseUIElement";
 import TagRenderingConfig from "../../Models/ThemeConfig/TagRenderingConfig";
 import {Unit} from "../../Models/Unit";
+import Lazy from "../Base/Lazy";
 
 export default class EditableTagRendering extends Toggle {
 
@@ -44,14 +45,14 @@ export default class EditableTagRendering extends Toggle {
                         editMode.setData(false)
                     });
 
-            const question = new TagRenderingQuestion(tags, configuration,
+            const question = new Lazy(() => new TagRenderingQuestion(tags, configuration,
                 {
                     units: units,
                     cancelButton: cancelbutton,
                     afterSave: () => {
                         editMode.setData(false)
                     }
-                })
+                }))
 
 
             rendering = new Toggle(