Refactoring: move all code files into a src directory

src/UI/Image/SlideShow.ts

@@ -0,0 +1,48 @@
+import { Store } from "../../Logic/UIEventSource"
+import BaseUIElement from "../BaseUIElement"
+import { Utils } from "../../Utils"
+import Combine from "../Base/Combine"
+
+export class SlideShow extends BaseUIElement {
+    private readonly embeddedElements: Store<BaseUIElement[]>
+
+    constructor(embeddedElements: Store<BaseUIElement[]>) {
+        super()
+        this.embeddedElements = embeddedElements
+        this.SetStyle("scroll-snap-type: x mandatory; overflow-x: auto")
+    }
+
+    protected InnerConstructElement(): HTMLElement {
+        const el = document.createElement("div")
+        el.style.minWidth = "min-content"
+        el.style.display = "flex"
+        el.style.justifyContent = "center"
+        this.embeddedElements.addCallbackAndRun((elements) => {
+            if (elements.length > 1) {
+                el.style.justifyContent = "unset"
+            }
+
+            while (el.firstChild) {
+                el.removeChild(el.lastChild)
+            }
+
+            elements = Utils.NoNull(elements).map((el) =>
+                new Combine([el])
+                    .SetClass("block relative ml-1 bg-gray-200 m-1 rounded slideshow-item")
+                    .SetStyle(
+                        "min-width: 150px; width: max-content; height: var(--image-carousel-height);max-height: var(--image-carousel-height);scroll-snap-align: start;"
+                    )
+            )
+
+            for (const element of elements ?? []) {
+                el.appendChild(element.ConstructElement())
+            }
+        })
+
+        const wrapper = document.createElement("div")
+        wrapper.style.maxWidth = "100%"
+        wrapper.style.overflowX = "auto"
+        wrapper.appendChild(el)
+        return wrapper
+    }
+}