z index windowing

FlexLove.lua

@@ -62,7 +62,7 @@ function Color:toRGBA()
   return self.r, self.g, self.b, self.a
 end
 
-local enums
+local enums = {}
 
 --- @enum TextAlign
 enums.TextAlign = {
@@ -127,6 +127,11 @@ function Gui.resize()
 end
 
 function Gui.draw()
+   -- Sort windows by z-index before drawing
+   table.sort(Gui.topWindows, function(a, b)
+     return a.zIndex < b.zIndex
+   end)
+   
    for _, win in ipairs(Gui.topWindows) do
      win:draw()
    end
@@ -222,6 +227,7 @@ local FONT_CACHE = {}
 ---@field alignItems AlignItems -- default: start
 ---@field alignContent AlignContent -- default: start
 ---@field textSize number?
+---@field zIndex number -- default: 0
 local Window = {}
 Window.__index = Window
 
@@ -245,6 +251,7 @@ Window.__index = Window
 ---@field justifyContent JustifyContent? -- default: FLEX_START
 ---@field alignItems AlignItems? -- default: STRETCH
 ---@field alignContent AlignContent? -- default: STRETCH
+---@field zIndex number? -- default: 0
 local WindowProps = {}
 
 ---@param props WindowProps
@@ -318,6 +325,8 @@ function Window.new(props)
 local gw, gh = love.window.getMode()
    self.prevGameSize = { width = gw, height = gh }
    
+   self.zIndex = props.zIndex or 0
+
    if not props.parent then
      table.insert(Gui.topWindows, self)
    end
@@ -621,6 +630,7 @@ end
 ---@field _touchPressed boolean
 ---@field positioning Positioning --default: ABSOLUTE (checks parent first)
 ---@field textSize number?
+---@field zIndex number -- default: 0
 local Button = {}
 Button.__index = Button
 
@@ -674,6 +684,8 @@ function Button.new(props)
 
 self.positioning = props.positioning or props.parent.positioning
    
+   self.zIndex = props.zIndex or 0
+
    self.callback = props.callback or function() end
    self._pressed = false
    self._touchPressed = false
@@ -829,4 +841,4 @@ end
 
 Gui.Button = Button
 Gui.Window = Window
-return Gui, Color, enums
+return { GUI = Gui, Color = Color, enums = enums }