More refactoring and fixes

UI/Input/FixedInputElement.ts

@@ -1,44 +1,46 @@
 import {InputElement} from "./InputElement";
-import {UIElement} from "../UIElement";
-import {FixedUiElement} from "../Base/FixedUiElement";
 import {UIEventSource} from "../../Logic/UIEventSource";
+import Translations from "../i18n/Translations";
+import BaseUIElement from "../BaseUIElement";
 
 export class FixedInputElement<T> extends InputElement<T> {
-    private readonly rendering: UIElement;
     private readonly value: UIEventSource<T>;
     public readonly IsSelected : UIEventSource<boolean> = new UIEventSource<boolean>(false);
     private readonly _comparator: (t0: T, t1: T) => boolean;
 
-    constructor(rendering: UIElement | string, 
+    private readonly _el : HTMLElement;
+    
+    constructor(rendering: BaseUIElement | string, 
                 value: T,
                 comparator: ((t0: T, t1: T) => boolean ) = undefined) {
-        super(undefined);
+        super();
         this._comparator = comparator ?? ((t0, t1) => t0 == t1);
         this.value = new UIEventSource<T>(value);
-        this.rendering = typeof (rendering) === 'string' ? new FixedUiElement(rendering) : rendering;
-        const self = this;
+
+        const selected = this.IsSelected;
+        this._el = document.createElement("span")
+        this._el.addEventListener("mouseout", () => selected.setData(false))
+        const e = Translations.W(rendering)?.ConstructElement()
+        if(e){
+            this._el.appendChild( e)
+        }
+        
         this.onClick(() => {
-            self.IsSelected.setData(true)
+            selected.setData(true)
         })
     }
 
+    protected InnerConstructElement(): HTMLElement {
+        return undefined;
+    }
+
     GetValue(): UIEventSource<T> {
         return this.value;
     }
-    InnerRender(): string {
-        return this.rendering.Render();
-    }
 
     IsValid(t: T): boolean {
         return this._comparator(t, this.value.data);
     }
 
-    protected InnerUpdate(htmlElement: HTMLElement) {
-        super.InnerUpdate(htmlElement);
-        const self = this;
-        htmlElement.addEventListener("mouseout", () => self.IsSelected.setData(false))
-
-    }
-
 
 }