whirled_peas 0.5.0 → 0.6.0

data/lib/whirled_peas/graphics/debugger.rb

@@ -17,7 +17,16 @@ module WhirledPeas
         info << "#{indent + '  '}- Dimensions(#{dimensions})"
         info << "#{indent + '  '}- Settings"
         info << Settings::Debugger.new(painter.settings).debug(indent + '    ')
-        if painter.is_a?(ContainerPainter)
+        if painter.is_a?(TextPainter)
+          content = if painter.content.length > 1
+            '<multiline>'
+          elsif painter.content.first.length > 12
+            "#{painter.content.first[0..9]}...".inspect
+          else
+            painter.content.first.inspect
+          end
+          info << "#{indent + '  '}- Content(value=#{content})"
+        elsif painter.is_a?(ContainerPainter)
           info << "#{indent + '  '}- Children"
           info += painter.each_child.map { |c| Debugger.new(c).debug(indent + '    ') }
         end

data/lib/whirled_peas/graphics/grid_painter.rb

@@ -8,8 +8,7 @@ module WhirledPeas
         super
         return unless canvas.writable?
         each_child.with_index do |child, index|
-          col_index = index % dimensions.num_cols
-          row_index = index / dimensions.num_cols
+          col_index, row_index = grid_cell(index)
           content_left = coords(canvas).content_left(col_index)
           if settings.align_center?
             content_left += (dimensions.content_width - child.dimensions.outer_width) / 2
@@ -50,6 +49,19 @@ module WhirledPeas
           )
         end
       end
+
+      private
+
+      def grid_cell(index)
+        if settings.horizontal_flow?
+          col_index, row_index = [index % dimensions.num_cols, index / dimensions.num_cols]
+          col_index = dimensions.num_cols - col_index - 1 if settings.reverse_flow?
+        else
+          col_index, row_index = [index / dimensions.num_cols, index % dimensions.num_cols]
+          row_index = dimensions.num_rows - row_index - 1 if settings.reverse_flow?
+        end
+        [col_index, row_index]
+      end
     end
     private_constant :BoxPainter
   end

data/lib/whirled_peas/graphics/mock_screen.rb

@@ -3,7 +3,7 @@ require_relative 'renderer'
 module WhirledPeas
   module Graphics
     class MockScreen
-      def initialize(width, height)
+      def initialize(width:, height:)
         @width = width
         @height = height
       end

data/lib/whirled_peas/graphics/painter.rb

@@ -3,8 +3,7 @@ module WhirledPeas
     class Painter
       attr_reader :name, :settings
 
-      def initialize(element, settings, name)
-        @element = element
+      def initialize(name, settings)
         @settings = settings
         @name = name
       end
@@ -14,10 +13,6 @@ module WhirledPeas
 
       def dimensions
       end
-
-      private
-
-      attr_reader :element
     end
     private_constant :Painter
   end

data/lib/whirled_peas/graphics/renderer.rb

@@ -1,21 +1,8 @@
-require 'whirled_peas/template/box_element'
-require 'whirled_peas/template/container'
-require 'whirled_peas/template/grid_element'
-require 'whirled_peas/template/text_element'
-
-require_relative 'box_painter'
 require_relative 'canvas'
-require_relative 'grid_painter'
-require_relative 'text_painter'
 
 module WhirledPeas
   module Graphics
     class Renderer
-      PAINTERS = {
-        Template::BoxElement => BoxPainter,
-        Template::GridElement => GridPainter,
-        Template::TextElement => TextPainter
-      }
       def initialize(template, width, height)
         @template = template
         @width = width
@@ -23,27 +10,12 @@ module WhirledPeas
       end
 
       def paint(&block)
-        painter.paint(Canvas.new(0, 0, width, height, 0, 0), &block)
-      end
-
-      def painter
-        build(template)
+        template.paint(Canvas.new(0, 0, width, height, 0, 0), &block)
       end
 
       private
 
       attr_reader :template, :width, :height
-
-      def build(element)
-        unless PAINTERS.key?(element.class)
-          raise ArgumentError, "Unable to render #{element.class}"
-        end
-        painter = PAINTERS[element.class].new(element, element.settings, element.name)
-        if element.is_a?(Template::Container)
-          element.each_child { |child| painter.add_child(build(child)) }
-        end
-        painter
-      end
     end
   end
 end

data/lib/whirled_peas/graphics/screen.rb

@@ -12,12 +12,17 @@ module WhirledPeas
         [width || 0, height || 0]
       end
 
-      def initialize(output=STDOUT)
+      def initialize(width: nil, height: nil, output: STDOUT)
         @output = output
         @terminal = HighLine.new.terminal
         @strokes = []
-        refresh_size!
-        Signal.trap('SIGWINCH', proc { self.refresh_size! })
+        if width && height
+          @width = width
+          @height = height
+        else
+          refresh_size!
+          Signal.trap('SIGWINCH', proc { self.refresh_size! })
+        end
       end
 
       def paint(template)

data/lib/whirled_peas/graphics/text_painter.rb

@@ -7,6 +7,8 @@ require_relative 'text_dimensions'
 module WhirledPeas
   module Graphics
     class TextPainter < Painter
+      attr_reader :content
+
       def paint(canvas, &block)
         return unless canvas.writable?
         formatting = [*settings.color, *settings.bg_color]
@@ -23,13 +25,13 @@ module WhirledPeas
         TextDimensions.new(content)
       end
 
-      def content
-        if settings.title_font
+      def content=(content)
+        @content = if settings.title_font
           Utils::TitleFont.to_s(
-            element.content, settings.title_font
+            content, settings.title_font
           ).split("\n")
         else
-          element.content.split("\n")
+          content.split("\n")
         end
       end
     end

data/lib/whirled_peas/settings/container_settings.rb

@@ -4,6 +4,7 @@ require_relative 'element_settings'
 require_relative 'margin'
 require_relative 'padding'
 require_relative 'position'
+require_relative 'scrollbar'
 
 module WhirledPeas
   module Settings
@@ -112,6 +113,16 @@ module WhirledPeas
         @_position || Position.new
       end
 
+      def set_scrollbar(horiz: nil, vert: nil)
+        @_scrollbar = Scrollbar.new unless @_scrollbar
+        @_scrollbar.horiz = horiz unless horiz.nil?
+        @_scrollbar.vert = vert unless vert.nil?
+      end
+
+      def scrollbar
+        @_scrollbar || Scrollbar.new
+      end
+
       def inherit(parent)
         super
         return unless parent.is_a?(ContainerSettings)

data/lib/whirled_peas/settings/debugger.rb

@@ -3,6 +3,7 @@ require_relative 'container_settings'
 require_relative 'margin'
 require_relative 'padding'
 require_relative 'position'
+require_relative 'scrollbar'
 
 module WhirledPeas
   module Settings
@@ -41,6 +42,8 @@ module WhirledPeas
           border_value(value)
         when Padding
           padding_value(value)
+        when Scrollbar
+          scrollbar_value(value)
         else
           value.inspect
         end
@@ -82,6 +85,12 @@ module WhirledPeas
         return if values == ''
         "Padding(#{values})"
       end
+
+      def scrollbar_value(scrollbar)
+        values = non_defaults(scrollbar, Scrollbar.new, %i[horiz? vert?])
+        return if values == ''
+        "Scrollbar(#{values})"
+      end
     end
   end
 end

data/lib/whirled_peas/settings/grid_settings.rb

@@ -6,6 +6,10 @@ module WhirledPeas
   module Settings
     class GridSettings < ContainerSettings
       attr_accessor :num_cols
+
+      def set_scrollbar(*)
+        raise NotImplemented, 'Grids do not currently support scrollbars'
+      end
     end
   end
 end

data/lib/whirled_peas/settings/scrollbar.rb

@@ -0,0 +1,15 @@
+module WhirledPeas
+  module Settings
+    class Scrollbar
+      attr_writer :horiz, :vert
+
+      def horiz?
+        @horiz == true
+      end
+
+      def vert?
+        @vert == true
+      end
+    end
+  end
+end

data/lib/whirled_peas/version.rb

@@ -1,3 +1,3 @@
 module WhirledPeas
-  VERSION = '0.5.0'
+  VERSION = '0.6.0'
 end

data/screen_test/rendered/elements/box.frame

@@ -1 +1 @@
-[?25lTOP LEFTBOTTOM LEFT TOP RIGHT    BOTTOM RIGHT[?25h
+[?25lTOP LEFTBOTTOM LEFT TOP RIGHT    BOTTOM RIGHT[?25h

data/screen_test/rendered/elements/grid.frame

@@ -1 +1 @@
-[?25l┏━━━━━━┳━━━━━━┳━━━━━━┓┃      ┃      ┃      ┃┣━━━━━━╋━━━━━━╋━━━━━━┫┃      ┃      ┃      ┃┣━━━━━━╋━━━━━━╋━━━━━━┫┃      ┃      ┃      ┃┗━━━━━━┻━━━━━━┻━━━━━━┛Item 0Item 1Item 2Item 3Item 4Item 5Item 6[?25h
+[?25l┏━━━━━━┳━━━━━━┳━━━━━━┓┃      ┃      ┃      ┃┣━━━━━━╋━━━━━━╋━━━━━━┫┃      ┃      ┃      ┃┣━━━━━━╋━━━━━━╋━━━━━━┫┃      ┃      ┃      ┃┗━━━━━━┻━━━━━━┻━━━━━━┛Item 0Item 1Item 2Item 3Item 4Item 5Item 6[?25h

data/screen_test/rendered/elements/screen_overflow.frame

@@ -0,0 +1 @@
+[?25l--------------------------------------------------------------------------------[?25h

data/screen_test/rendered/elements/text.frame

@@ -1 +1 @@
-[?25lHello, World![?25h
+[?25lHello, World![?25h

data/screen_test/rendered/elements/text_multiline.frame

@@ -1 +1 @@
-[?25lLine 1Line 2Line 3[?25h
+[?25lLine 1Line 2Line 3[?25h

data/screen_test/rendered/settings/align/box.frame

@@ -1 +1 @@
-[?25l┏━━━━━━━━━━━━━━━━━━━━━━┓┃                      ┃┃                      ┃┗━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned boxdefault┏━━━━━━━━━━━━━━━━━━━━━━┓┃                      ┃┃                      ┃┗━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned boxleft┏━━━━━━━━━━━━━━━━━━━━━━┓┃                      ┃┃                      ┃┗━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned boxcenter┏━━━━━━━━━━━━━━━━━━━━━━┓┃                      ┃┃                      ┃┗━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned boxright[?25h
+[?25l┏━━━━━━━━━━━━━━━━━━━━━━┓┃                      ┃┃                      ┃┗━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned boxdefault┏━━━━━━━━━━━━━━━━━━━━━━┓┃                      ┃┃                      ┃┗━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned boxleft┏━━━━━━━━━━━━━━━━━━━━━━┓┃                      ┃┃                      ┃┗━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned boxcenter┏━━━━━━━━━━━━━━━━━━━━━━┓┃                      ┃┃                      ┃┗━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned boxright[?25h

data/screen_test/rendered/settings/align/box.rb

@@ -3,16 +3,20 @@ require 'whirled_peas'
 class TemplateFactory
   def build(*)
     WhirledPeas.template do |composer|
-      [nil, :left, :center, :right].each do |align|
-        composer.add_box("Alignment-#{align || :default}") do |composer, settings|
-          settings.flow = :t2b
-          settings.full_border
-          settings.align = align
-          # Keep the title long so grids below will be wide enough to use the
-          # alignment attribute. Don't rely on the `width` attribute to keep
-          # `align` isolated in this test.
-          composer.add_text('Title') { 'This is an aligned box' }
-          composer.add_text('Content') { align || :default }
+      composer.add_grid do |composer, settings|
+        settings.num_cols = 2
+
+        [nil, :left, :center, :right].each do |align|
+          composer.add_box("Alignment-#{align || :default}") do |composer, settings|
+            settings.flow = :t2b
+            settings.full_border
+            settings.align = align
+            # Keep the title long so grids below will be wide enough to use the
+            # alignment attribute. Don't rely on the `width` attribute to keep
+            # `align` isolated in this test.
+            composer.add_text('Title') { 'This is an aligned box' }
+            composer.add_text('Content') { align || :default }
+          end
         end
       end
     end

data/screen_test/rendered/settings/align/children_center.frame

@@ -1 +1 @@
-[?25l┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┃                                                  ┃┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛Thing 1Thing 2[?25h
+[?25l┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┃                                                  ┃┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛Thing 1Thing 2[?25h

data/screen_test/rendered/settings/align/children_left.frame

@@ -1 +1 @@
-[?25l┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┃                                                  ┃┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛Thing 1Thing 2[?25h
+[?25l┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┃                                                  ┃┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛Thing 1Thing 2[?25h

data/screen_test/rendered/settings/align/children_right.frame

@@ -1 +1 @@
-[?25l┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┃                                                  ┃┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛Thing 1Thing 2[?25h
+[?25l┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┃                                                  ┃┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛Thing 1Thing 2[?25h

data/screen_test/rendered/settings/align/grid.frame

@@ -1 +1 @@
-[?25l┏━━━━━━━━━━━━━━━━━━━━━━━┓┃                       ┃┣━━━━━━━━━━━━━━━━━━━━━━━┫┃                       ┃┗━━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned griddefault┏━━━━━━━━━━━━━━━━━━━━━━━┓┃                       ┃┣━━━━━━━━━━━━━━━━━━━━━━━┫┃                       ┃┗━━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned gridleft┏━━━━━━━━━━━━━━━━━━━━━━━┓┃                       ┃┣━━━━━━━━━━━━━━━━━━━━━━━┫┃                       ┃┗━━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned gridcenter┏━━━━━━━━━━━━━━━━━━━━━━━┓┃                       ┃┣━━━━━━━━━━━━━━━━━━━━━━━┫┃                       ┃┗━━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned gridright[?25h
+[?25l┏━━━━━━━━━━━━━━━━━━━━━━━┓┃                       ┃┣━━━━━━━━━━━━━━━━━━━━━━━┫┃                       ┃┗━━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned griddefault┏━━━━━━━━━━━━━━━━━━━━━━━┓┃                       ┃┣━━━━━━━━━━━━━━━━━━━━━━━┫┃                       ┃┗━━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned gridleft┏━━━━━━━━━━━━━━━━━━━━━━━┓┃                       ┃┣━━━━━━━━━━━━━━━━━━━━━━━┫┃                       ┃┗━━━━━━━━━━━━━━━━━━━━━━━┛This is an aligned gridcenter┏━━━━┃    ┣━━━━┃    ┗━━━━This[?25h

data/screen_test/rendered/settings/ansi/bold.frame

@@ -1 +1 @@
-[?25lThis is boldThis is not bold[?25h
+[?25lThis is boldThis is not bold[?25h

data/screen_test/rendered/settings/ansi/color.frame

@@ -1 +1 @@
-[?25lBLACK on WHITEGRAY on BRIGHT_REDRED on BRIGHT_GREENGREEN on BRIGHT_YELLOWYELLOW on BRIGHT_BLUEBLUE on BRIGHT_MAGENTAMAGENTA on BRIGHT_CYANCYAN on BRIGHT_WHITEWHITE on BLACKBRIGHT_RED on GRAYBRIGHT_GREEN on REDBRIGHT_YELLOW on GREENBRIGHT_BLUE on YELLOWBRIGHT_MAGENTA on BLUEBRIGHT_CYAN on MAGENTABRIGHT_WHITE on CYAN[?25h
+[?25lBLACK on WHITEGRAY on BRIGHT_REDRED on BRIGHT_GREENGREEN on BRIGHT_YELLOWYELLOW on BRIGHT_BLUEBLUE on BRIGHT_MAGENTAMAGENTA on BRIGHT_CYANCYAN on BRIGHT_WHITEWHITE on BLACKBRIGHT_RED on GRAYBRIGHT_GREEN on REDBRIGHT_YELLOW on GREENBRIGHT_BLUE on YELLOWBRIGHT_MAGENTA on BLUEBRIGHT_CYAN on MAGENTABRIGHT_WHITE on CYAN[?25h

data/screen_test/rendered/settings/ansi/underline.frame

@@ -1 +1 @@
-[?25lThis is underlinedThis is not underlined[?25h
+[?25lThis is underlinedThis is not underlined[?25h

data/screen_test/rendered/settings/border.frame

@@ -1 +1 @@
-[?25l╔══╦══╦══╗║  ║  ║  ║╠══╬══╬══╣║  ║  ║  ║╠══╬══╬══╣║  ║  ║  ║╠══╬══╬══╣║  ║  ║  ║╚══╩══╩══╝01234567891011[?25h
+[?25l╔══╦══╦══╗║  ║  ║  ║╠══╬══╬══╣║  ║  ║  ║╠══╬══╬══╣║  ║  ║  ║╠══╬══╬══╣║  ║  ║  ║╚══╩══╩══╝01234567891011[?25h

data/screen_test/rendered/settings/flow/box_b2t.frame

@@ -0,0 +1 @@
+[?25l┏━━━━━━━━━━━━━━━━━━━━━━━┓┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┗━━━━━━━━━━━━━━━━━━━━━━━┛┏━━━━━━━━━┓┃         ┃┗━━━━━━━━━┛3. NARROW┏━━━━━━━━━━━━━━━━━━━━━┓┃                     ┃┗━━━━━━━━━━━━━━━━━━━━━┛2. WIDE┏━━━━━━━━━━━━━━━┓┃               ┃┗━━━━━━━━━━━━━━━┛1. MEDIUM[?25h

data/screen_test/rendered/settings/flow/box_b2t.rb

@@ -0,0 +1,24 @@
+require 'whirled_peas'
+
+class TemplateFactory
+  def build(*)
+    WhirledPeas.template do |composer, settings|
+      settings.flow = :b2t
+      settings.full_border
+      composer.add_box('Medium') do |composer, settings|
+        settings.full_border
+        settings.set_padding(left:  3, right: 3)
+        '1. MEDIUM'
+      end
+      composer.add_box('Wide') do |composer, settings|
+        settings.full_border
+        settings.set_padding(left:  7, right: 7)
+        '2. WIDE'
+      end
+      composer.add_box('Narrow') do |composer, settings|
+        settings.full_border
+        '3. NARROW'
+      end
+    end
+  end
+end

data/screen_test/rendered/settings/flow/{l2r.frame → box_l2r.frame}

@@ -1 +1 @@
-[?25l┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛┏━━━━━━━━━┓┃         ┃┃         ┃┃         ┃┃         ┃┃         ┃┗━━━━━━━━━┛1. MEDIUM┏━━━━━━━┓┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┗━━━━━━━┛2. TALL┏━━━━━━━━┓┃        ┃┗━━━━━━━━┛3. SHORT[?25h
+[?25l┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛┏━━━━━━━━━┓┃         ┃┃         ┃┃         ┃┃         ┃┃         ┃┗━━━━━━━━━┛1. MEDIUM┏━━━━━━━┓┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┗━━━━━━━┛2. TALL┏━━━━━━━━┓┃        ┃┗━━━━━━━━┛3. SHORT[?25h

data/screen_test/rendered/settings/flow/box_r2l.frame

@@ -0,0 +1 @@
+[?25l┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┃                              ┃┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛┏━━━━━━━━┓┃        ┃┗━━━━━━━━┛3. SHORT┏━━━━━━━┓┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┃       ┃┗━━━━━━━┛2. TALL┏━━━━━━━━━┓┃         ┃┃         ┃┃         ┃┃         ┃┃         ┃┗━━━━━━━━━┛1. MEDIUM[?25h

data/screen_test/rendered/settings/flow/box_r2l.rb

@@ -0,0 +1,24 @@
+require 'whirled_peas'
+
+class TemplateFactory
+  def build(*)
+    WhirledPeas.template do |composer, settings|
+      settings.flow = :r2l
+      settings.full_border
+      composer.add_box('Medium') do |composer, settings|
+        settings.set_padding(top: 2, bottom: 2)
+        settings.full_border
+        '1. MEDIUM'
+      end
+      composer.add_box('Tall') do |composer, settings|
+        settings.set_padding(top: 4, bottom: 4)
+        settings.full_border
+        '2. TALL'
+      end
+      composer.add_box('Short') do |composer, settings|
+        settings.full_border
+        '3. SHORT'
+      end
+    end
+  end
+end

data/screen_test/rendered/settings/flow/{t2b.frame → box_t2b.frame}

@@ -1 +1 @@
-[?25l┏━━━━━━━━━━━━━━━━━━━━━━━┓┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┗━━━━━━━━━━━━━━━━━━━━━━━┛┏━━━━━━━━━━━━━━━┓┃               ┃┗━━━━━━━━━━━━━━━┛1. MEDIUM┏━━━━━━━━━━━━━━━━━━━━━┓┃                     ┃┗━━━━━━━━━━━━━━━━━━━━━┛2. WIDE┏━━━━━━━━━┓┃         ┃┗━━━━━━━━━┛3. NARROW[?25h
+[?25l┏━━━━━━━━━━━━━━━━━━━━━━━┓┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┃                       ┃┗━━━━━━━━━━━━━━━━━━━━━━━┛┏━━━━━━━━━━━━━━━┓┃               ┃┗━━━━━━━━━━━━━━━┛1. MEDIUM┏━━━━━━━━━━━━━━━━━━━━━┓┃                     ┃┗━━━━━━━━━━━━━━━━━━━━━┛2. WIDE┏━━━━━━━━━┓┃         ┃┗━━━━━━━━━┛3. NARROW[?25h

data/screen_test/rendered/settings/flow/grid_b2t.frame

@@ -0,0 +1 @@
+[?25l┏━━┳━━┳━━┳━━┓┃  ┃  ┃  ┃  ┃┣━━╋━━╋━━╋━━┫┃  ┃  ┃  ┃  ┃┣━━╋━━╋━━╋━━┫┃  ┃  ┃  ┃  ┃┣━━╋━━╋━━╋━━┫┃  ┃  ┃  ┃  ┃┗━━┻━━┻━━┻━━┛1234567891011121314[?25h

data/screen_test/rendered/settings/flow/grid_b2t.rb

@@ -0,0 +1,14 @@
+require 'whirled_peas'
+
+class TemplateFactory
+  def build(*)
+    WhirledPeas.template do |composer|
+      composer.add_grid do |_, settings|
+        settings.flow = :b2t
+        settings.full_border
+        settings.num_cols = 4
+        14.times.map { |i| i + 1 }
+      end
+    end
+  end
+end

data/screen_test/rendered/settings/flow/grid_l2r.frame

@@ -0,0 +1 @@
+[?25l┏━━┳━━┳━━┳━━┓┃  ┃  ┃  ┃  ┃┣━━╋━━╋━━╋━━┫┃  ┃  ┃  ┃  ┃┣━━╋━━╋━━╋━━┫┃  ┃  ┃  ┃  ┃┣━━╋━━╋━━╋━━┫┃  ┃  ┃  ┃  ┃┗━━┻━━┻━━┻━━┛1234567891011121314[?25h