misc cleanup

luigi/widget/slider.lua

@@ -1,45 +1,34 @@
 return function (self)
 
     self.value = 0.5
+    self.flow = 'x' -- TODO: support vertical slider
+
+    local spacer = self:addChild()
+
+    local thumb = self:addChild {
+        type = 'button',
+        align = 'middle center',
+        width = 0,
+        margin = 0,
+    }
+
+    local function unpress ()
+        thumb.pressed = false
+    end
+
+    thumb:onPressStart(unpress)
+    thumb:onPressEnter(unpress)
 
     self:onPressDrag(function (event)
         local x1, y1, x2, y2 = self:getRectangle(true, true)
         self.value = (event.x - x1) / (x2 - x1)
         if self.value < 0 then self.value = 0 end
         if self.value > 1 then self.value = 1 end
+        self:reflow()
     end)
 
-    self:onDisplay(function (event)
+    self:onReshape(function (event)
         local x1, y1, x2, y2 = self:getRectangle(true, true)
-        local padding = self.padding or 0
-
-        local sx1 = math.floor(x1 + self.value * (x2 - x1) - padding) + 0.5
-        local sy1 = math.floor(y1 + padding) + 0.5
-        local sx2 = padding * 2
-        local sy2 = y2 - y1 - padding
-
-        love.graphics.push('all')
-
-        love.graphics.setColor(self.outline)
-
-        love.graphics.rectangle('fill',
-            x1,
-            y1 + ((y2 - y1) / 2),
-            x2 - x1,
-            padding
-        )
-
-        love.graphics.setColor(self.background)
-
-        love.graphics.rectangle('fill', sx1, sy1, sx2, sy2)
-
-        love.graphics.setColor(self.outline)
-
-        love.graphics.rectangle('line', sx1, sy1, sx2, sy2)
-
-        love.graphics.pop()
-
-        return false
+        spacer.width = self.value * (x2 - x1 - thumb:getWidth())
     end)
-
 end

luigi/widget/stepper.lua

@@ -1,9 +1,9 @@
 return function (self)
 
-    self.flow = 'x'
     self.index = 1
+    self.flow = 'x' -- TODO: support vertical stepper
 
-    local left = self:addChild {
+    local decrement = self:addChild {
         type = 'button',
         text = '<',
         align = 'middle center',
@@ -15,7 +15,7 @@ return function (self)
         margin = 0,
     }
 
-    local right = self:addChild {
+    local increment = self:addChild {
         type = 'button',
         text = '>',
         align = 'middle center',
@@ -23,8 +23,8 @@ return function (self)
     }
 
     self:onReshape(function (event)
-        left.width = left:getHeight()
-        right.width = right:getHeight()
+        decrement.width = decrement:getHeight()
+        increment.width = increment:getHeight()
     end)
 
     local function updateValue ()
@@ -34,7 +34,7 @@ return function (self)
         view.text = option.text
     end
 
-    left:onPress(function (event)
+    decrement:onPress(function (event)
         if not self.options then return end
         self.index = self.index - 1
         if self.index < 1 then
@@ -43,7 +43,7 @@ return function (self)
         updateValue()
     end)
 
-    right:onPress(function (event)
+    increment:onPress(function (event)
         if not self.options then return end
         self.index = self.index + 1
         if self.index > #self.options then