Allow layout items to be sized with width/height (temporary implementation?)

Author: TheHorscht

changelog.txt

@@ -1,3 +1,8 @@
+v0.1.3:
+- Fix element not found error
+- Remove unit testing files from release
+- Implemented universal selector *
+
 v0.1.2:
 - Entire area of buttons is now clickable, including the padding
 - Slider can now be bound to values on subtables (one.two.three)

elements/Layout.lua

@@ -61,6 +61,8 @@ function Layout:_GetInnerAndOuterDimensions(gui, data_context)
       local child_width, child_height = child:GetDimensions(gui, data_context)
       local child_total_width = child_width + child.style.margin_left + child.style.margin_right
       local child_total_height = child_height + child.style.margin_top + child.style.margin_bottom
+      child_total_width = math.max(child_total_width, child.style.width or 0)
+      child_total_height = math.max(child_total_height, child.style.height or 0)
       if self.style.direction == "horizontal" then
         inner_width = inner_width + child_total_width
         inner_height = math.max(inner_height, child_total_height)
@@ -130,6 +132,8 @@ function Layout:Render(gui, new_id, data_context, layout)
       local child_width, child_height = child:GetDimensions(gui, data_context)
       local child_total_width = child_width + child.style.margin_left + child.style.margin_right
       local child_total_height = child_height + child.style.margin_top + child.style.margin_bottom
+      child_total_width = math.max(child_total_width, child.style.width or 0)
+      child_total_height = math.max(child_total_height, child.style.height or 0)
       if self.attr.debug then
         -- Content
         local x, y = self:GetPositionForWidget(child, child_width, child_height)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ezgui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "You make an XML file that contains your GUI definition, just like single file components in Vue.js.\r A root Layout element is mandatory.\r ```xml\r <Layout>\r   <Button @click=\"a_method('with a string arg')\">Click me!</Button>\r   <Text forEach=\"element in collection\">{{ element }}</Text>\r </Layout>\r <Style>\r Layout {\r   direction: vertical;\r   padding: 2;\r }\r Layout > Button {\r   margin: [button_margin]; // Can also databind to CSS properties!\r }\r </Style>\r ```\r Then in your init.lua you can render this GUI:\r ```lua\r -- Dofiling EZGUI.lua returns a table with an init function that you need to call and pass in the path to the library, which in turn will return a render function you can call to render a GUI\r local render_gui = dofile_once(\"mods/your_mod_id/lib/EZGUI/EZGUI.lua\").init(\"mods/your_mod_id/lib/EZGUI\")\r -- This is the data context table, here lives your data that you can bind to\r local data = {\r   collection = { \"Bloo\", \"Blaa\", \"Blee\" },\r   button_margin = 5,\r   -- Methods defined here can be used in @click, arg1 is the data_context itself, arg2 the element that was clicked, arg3 the first custom arg\r   a_method = function(data, element, arg1)\r     print(arg1)\r   end,\r }",
   "main": "build.js",
   "directories": {