- Created Plugin loading system

- Added lazy loading system for elements (optional feature)
- Improved rendering performance
- Added ID system which is separated from Eement Names
- Added Focussystem for container
- Improved container performance by only rendering and handling events from visible childrens instead of all
- Added label and input
- Added animation and xml

src/elements/BaseElement.lua

@@ -1,4 +1,5 @@
 local PropertySystem = require("propertySystem")
+local uuid = require("/libraries/utils").uuid
 
 --- The base class for all UI elements in Basalt
 --- @class BaseElement : PropertySystem
@@ -7,45 +8,28 @@ BaseElement.__index = BaseElement
 BaseElement._events = {}
 
 --- @property type string BaseElement The type identifier of the element
-BaseElement.defineProperty(BaseElement, "type", {default = "BaseElement", type = "string"})
+BaseElement.defineProperty(BaseElement, "type", {default = {"BaseElement"}, type = "string", setter=function(self, value)
+    if type(value) == "string" then
+        table.insert(self._values.type, 1, value)
+        return self._values.type
+    end
+    return value
+end, getter = function(self, _, index)
+    if index~= nil and index < 1 then
+        return self._values.type
+    end
+    return self._values.type[index or 1]
+end})
+
+--- @property id string BaseElement The unique identifier for the element
+BaseElement.defineProperty(BaseElement, "id", {default = "", type = "string", readonly = true})
+
+--- @property name string BaseElement The name of the element
+BaseElement.defineProperty(BaseElement, "name", {default = "", type = "string"})
 
 --- @property eventCallbacks table {} Table containing all registered event callbacks
 BaseElement.defineProperty(BaseElement, "eventCallbacks", {default = {}, type = "table"})
 
---- Creates a new BaseElement instance
---- @param id string The unique identifier for this element
---- @param basalt table The basalt instance
---- @return table The newly created BaseElement instance
---- @usage local element = BaseElement.new("myId", basalt)
-function BaseElement.new(id, basalt)
-    local self = setmetatable({}, BaseElement):__init()
-    self:init(id, basalt)
-    self.set("type", "BaseElement")
-    return self
-end
-
---- Initializes the BaseElement instance
---- @param id string The unique identifier for this element
---- @param basalt table The basalt instance
---- @return table self The initialized instance
-function BaseElement:init(id, basalt)
-    self.id = id
-    self.basalt = basalt
-    self._registeredEvents = {}
-    if BaseElement._events then
-        for event in pairs(BaseElement._events) do
-            self._registeredEvents[event] = true
-            local handlerName = "on" .. event:gsub("_(%l)", function(c)
-                return c:upper()
-            end):gsub("^%l", string.upper)
-            self[handlerName] = function(self, ...)
-                self:registerCallback(event, ...)
-            end
-        end
-    end
-    return self
-end
-
 --- Registers an event that this class can listen to
 --- @param class table The class to add the event to
 --- @param eventName string The name of the event to register
@@ -57,6 +41,57 @@ function BaseElement.listenTo(class, eventName)
     class._events[eventName] = true
 end
 
+--- Creates a new BaseElement instance
+--- @param props table The properties to initialize the element with
+--- @param basalt table The basalt instance
+--- @return table The newly created BaseElement instance
+--- @usage local element = BaseElement.new("myId", basalt)
+function BaseElement.new(props, basalt)
+    local self = setmetatable({}, BaseElement):__init()
+    self:init(props, basalt)
+    return self
+end
+
+--- Initializes the BaseElement instance
+--- @param props table The properties to initialize the element with
+--- @param basalt table The basalt instance
+--- @return table self The initialized instance
+function BaseElement:init(props, basalt)
+    if(type(props) == "table")then
+        for k,v in pairs(props)do
+            self[k] = v
+        end
+    end
+    self._values.id = uuid()
+    self.basalt = basalt
+    self._registeredEvents = {}
+    if BaseElement._events then
+        for event in pairs(BaseElement._events) do
+            self._registeredEvents[event] = true
+            local handlerName = "on" .. event:gsub("_(%l)", function(c)
+                return c:upper()
+            end):gsub("^%l", string.upper)
+            self[handlerName] = function(self, ...)
+                self:registerCallback(event, ...)
+                return self
+            end
+        end
+    end
+    return self
+end
+
+--- Checks if the element is a specific type
+--- @param type string The type to check for
+--- @return boolean Whether the element is of the specified type
+function BaseElement:isType(type)
+    for _, t in ipairs(self._values.type) do
+        if t == type then
+            return true
+        end
+    end
+    return false
+end
+
 --- Enables or disables event listening for a specific event
 --- @param eventName string The name of the event to listen for
 --- @param enable? boolean Whether to enable or disable the event (default: true)
@@ -113,6 +148,25 @@ function BaseElement:fireEvent(event, ...)
     return self
 end
 
+--- Handles all events
+--- @param event string The event to handle
+--- @vararg any The arguments for the event
+--- @return boolean? handled Whether the event was handled
+function BaseElement:dispatchEvent(event, ...)
+    if self[event] then
+        return self[event](self, ...)
+    end
+    return self:handleEvent(event, ...)
+end
+
+--- The default event handler for all events
+--- @param event string The event to handle
+--- @vararg any The arguments for the event
+--- @return boolean? handled Whether the event was handled
+function BaseElement:handleEvent(event, ...)
+    return true
+end
+
 --- Requests a render update for this element
 --- @usage element:updateRender()
 function BaseElement:updateRender()