express_ui 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3c57edd31d21ddeded92aa73ec66676670fc786f
-  data.tar.gz: 1185774f28e3c1773b4cc6f9723cfa1a8f1478ee
+  metadata.gz: 501cb78ab946ee9fc1321df247a4fa0b38aa3e67
+  data.tar.gz: 99ec2242c3f07d855b58c0d58046810d269d5cf3
 SHA512:
-  metadata.gz: 5aebcbede99c1274940e1593968e5cc2a4430362c55960784283bbf32294f8b469e7ef4a992115a17ac6fe5482af8473df1686fb4ae62b038c8640e72fafc45e
-  data.tar.gz: 3faa6d913b9ca45f0d2152997d4198990bc6a974198b7f2fd73fb5d68e4e18e70396ebb9815ac00103cdbd26efa993118752bcd9046c2ad55f98bf9f25a32d0a
+  metadata.gz: a582262e21cb1bcb3d164cd716b4ea2c5fc8e50d84337c79595f58ffc3dee0ada49b9dbb7de7863389e789563fa02a282c66888ac6c855cae1c215451f28b656
+  data.tar.gz: 80b7f360a378a63be7cbb6f5033f7fd491dab13357490628af6464481045def6e439dda8e4bf75ff2463a9983c97312a072decf1659d043e43d88908730ee47f

data/app/assets/stylesheets/express_ui/atoms/_headings.sass

@@ -11,7 +11,7 @@
   @include font-size(16px, 16px)
 
 @mixin h5
-  @include font-size(14px, 14px)
+  @include font-size(13px, 13px)
 
 @mixin h6
   @include font-size(12px, 12px)

data/app/assets/stylesheets/express_ui/molecules/_lists.sass

@@ -14,6 +14,12 @@ ul, ol
 ul
   list-style: none
 
+.ae-list-bullet
+  list-style: circle
+
+  li
+    margin-left: 1em
+
 .ae-list-inline
   li
     display: block
@@ -35,6 +41,28 @@ ul
     display: block
     clear: both
 
+dl
+  margin-bottom: 1em
+
+  dt, dd
+    vertical-align: top
+    padding:
+      top: 0.5em
+      bottom: 0.5em
+  dt
+    border-bottom: 1px solid $border-light
+    color: $heading-color
+
+.ae-dl-inline
+  dt, dd
+    display: inline-block
+    border-bottom: 0
+
+  dt
+    width: 30%
+
+  dd
+    width: 65%
 
 .ae-list-media
   figure

data/app/assets/stylesheets/express_ui/molecules/_nav.sass

@@ -1,4 +1,6 @@
 nav
+  @include font-size(18px, 14px)
+
   a:link, a:visited
     text-decoration: none
     display: block

data/app/assets/stylesheets/express_ui/organisms/_header.sass

@@ -32,7 +32,7 @@ header
     top: 0
     left: 0
     right: 0
-    z-index: 2
+    z-index: 99
 
     & + .ae-container
       margin-top: ($header-max-height/2.75)

data/app/assets/stylesheets/express_ui/organisms/_sidebar.sass

@@ -33,6 +33,22 @@
   padding-left: $container-padding
   padding-right: $container-padding
 
+  .ui-resizable-handle
+    cursor: col-resize
+    @include box-shadow(inset, 0, 3px, 3px, $border-light)
+
+    &:before
+      content: " "
+      position: absolute
+      top: 45%
+      height: 15px
+      width: 2px
+      z-index: 99999
+      background: $border-light
+      left: 8px
+      @include box-shadow(3px, 0, 0, $border-light)
+      @include border-radius(2px)
+
 .ae-sidebar
   word-wrap: inherit
   overflow-y: scroll

data/app/assets/stylesheets/express_ui/styleguide.sass

@@ -6,9 +6,11 @@ header
 
 .content
 
-  h2, h3, h4
+  h2
     @include heading($border-light, uppercase)
 
+  h3, h4
+    @include heading(transparent, none)
 
 .ae-anchor
   @include font-size(10px, 10px)

data/app/assets/stylesheets/express_ui/templates/_content_sidebar.sass

@@ -21,7 +21,7 @@
   max-width: 100%
 
   .ae-sidebar-left
-    height: auto
+    height: 100%
     overflow: visible
 
   .ae-content

data/app/assets/stylesheets/express_ui/templates/_master_detail.sass

@@ -14,7 +14,7 @@
   max-width: 100%
 
   .ae-sidebar-left
-    height: auto
+    height: 100%
     overflow: visible
 
   .ae-sidebar-right
@@ -27,6 +27,10 @@
     padding: $container-padding $container-padding*4
     width: $container
 
+  .ae-code-block
+    @include tablet
+      width: auto
+
 .ae-template-master-detail-fixed
   @include sidebar-right(30%)
   @include sidebar-fixed(15%)
@@ -48,3 +52,7 @@
   .ae-content
     position: absolute
     padding: $container-padding $container-padding*4
+
+  .ae-code-block
+    @include tablet
+      width: auto

data/app/components/code_demo.rb

@@ -22,7 +22,7 @@ class CodeDemo < ExpressTemplates::Components::Container
 
     div(id: 'output', class: 'ae-tab-content'){
       div(class: 'demo-container'){
-        eval block.call.html_safe
+        # eval block.call.html_safe
       }
     }
   }

data/app/components/component_docitem.rb

@@ -0,0 +1,104 @@
+class ComponentDocitem < ExpressTemplates::Container
+
+  prepends -> {
+    h3(style: 'text-transform: none') { component_class.to_s.demodulize }
+
+    h5 "General Information"
+
+    table {
+      tbody {  
+        tr {
+          th(width: "25%", style: "text-transform: none") { "Builder Method" }
+          td { 
+            code "#{builder_method}()"
+          }
+        }
+        tr {
+          th(width: "25%", style: "text-transform: none") { "Module" }
+          td { component_class.to_s.split("::")[0..-2].join("::") }
+        }
+        tr {
+          th(width: "25%", style: "text-transform: none") { "Ancestors" }
+          td { express_ancestors.join("<br>").html_safe }
+        }
+        tr {
+          th(width: "25%", style: "text-transform: none") { "Capabilities" }
+          td { express_capabilities.join("<br>").html_safe }
+        }
+      }
+    }
+
+    if component_class.respond_to?(:supported_options)
+      h5 "Supported Options"
+
+      table {
+        thead {
+          th { "option" }
+          th { "type" }
+          th { "default" }
+          th { "Description" }
+        }
+        tbody {
+          component_class.supported_options.each do |option, config|
+            tr {
+              td(width: "25%", style: "text-transform: none") {
+                code {
+                  option.inspect
+                }
+              }
+              td {
+                pre {
+                  option_types(config[:type])
+                }
+              }
+              td {
+                pre {
+                  config[:default]
+                }
+              }
+              td { 
+                config[:description]
+              }
+            }
+          end
+        }
+      }
+
+
+    end
+  }
+
+  def component_class
+    ET::Components::Registry[builder_method]
+  end
+
+  def express_ancestors
+    (component_class.ancestors - [component_class])
+      .select { |c| c.to_s.match(/Express/) && 
+                    !c.to_s.match(/Capabilities/) }
+  end
+
+  def express_capabilities
+    (component_class.ancestors - [component_class])
+      .map(&:to_s)
+      .select { |c| c.match /Capabilities/ }
+      .map(&:demodulize)
+  end
+
+  def builder_method
+    config[:id].to_s
+  end
+
+  def option_types(types)
+    case
+    when types.kind_of?(Hash)
+      types.keys.map(&:inspect).join(', ')
+    when config[:type].kind_of?(Array)
+      types.map(&:inspect).join(', ')
+    else
+      types.inspect
+    end
+  end
+
+
+end

data/app/components/component_example.rb

@@ -0,0 +1,63 @@
+class ComponentExample < ExpressTemplates::Component
+
+  tag :section
+
+  has_option :expected_output, "The markup that the example is expected to produce."
+
+  contains -> {
+    div(class: 'ae-demo-container') {
+      ul(class: 'ae-tabs') {
+        li(class: 'ae-tab active-tab', 'data-tab' => input_id){
+          "Code"
+        }
+        li(class: 'ae-tab', 'data-tab' => output_id){
+          "Output"
+        }
+        li(class: 'ae-tab', 'data-tab' => expected_id,
+                            :only_when => config[:expected_output]){
+          "Expected Output"
+        }
+      }
+
+      div(id: input_id, class: 'ae-tab-content active-tab'){
+        highlight_code_block {
+          partial_body
+        }
+      }
+
+      div(id: output_id, class: 'ae-tab-content'){
+        div(class: 'demo-container'){
+          render partial: example_partial_name
+        }
+      }
+
+      div(id: expected_id, class: 'ae-tab-content',
+                           only_when: config[:expected_output]){
+        div(class: 'demo-container'){
+          highlight_code_block {
+            config[:expected_output]
+          }
+        }
+      }
+    }
+  }
+
+  def input_id; "input_#{example_partial_name}"; end
+  def output_id; "output_#{example_partial_name}"; end
+  def expected_id; "expected_#{example_partial_name}"; end
+
+  def example_partial_name
+    s = component_name.dup
+    s << "_#{config[:example_name]}" if config[:example_name]
+    s
+  end
+
+  def partial_body
+    location = File.dirname(__FILE__)
+    File.read(File.join(location, '..', 'views', 'express_ui', 'uicomponents', "_#{example_partial_name}.html.et"))
+  end
+
+  def component_name
+    config[:id].to_s
+  end
+end

data/app/components/express_ui/unordered_list.rb

@@ -0,0 +1,15 @@
+module ExpressUi
+  class UnorderedList < ExpressTemplates::Container
+
+    tag :ul
+
+    contains -> (&block) {
+      collection.each do |item|
+        assigns[:item] = item
+        li {
+          block.call()
+        }
+      end
+    }
+  end
+end

data/app/controllers/express_ui/uicomponents_controller.rb

@@ -4,6 +4,10 @@ module ExpressUi
   class UicomponentsController < ApplicationController
     layout "express_ui/styleguide"
 
+    before_action :load_collection
+
+    helper_method :render_to_string
+
     def index
     end
 
@@ -22,5 +26,12 @@ module ExpressUi
     def full_width
     end
 
+    private
+    def load_collection
+      @collection = ["one", "two", "three"]
+    end
+    def collection
+      @collection
+    end
   end
 end

data/app/views/express_ui/molecules/_lists.html.et

@@ -0,0 +1,65 @@
+h4 { 'Definition List' }
+
+h5 { 'Inline List' }
+
+code_demo {
+  %Q{
+      dl(class: 'ae-dl-inline' ) {
+        dt { 'Term' }
+        dd { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
+      }
+  }
+}
+
+h5 { 'Horizontal List' }
+
+code_demo {
+  %Q{
+    dl {
+      dt { 'Term' }
+      dd { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
+    }
+  }
+}
+
+
+h4 { 'Ordered List' }
+
+code_demo {
+  %Q{
+    ol  {
+      li { 'Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
+      li { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. ' }
+    }
+  }
+}
+
+h4 { 'Undordered List' }
+
+code_demo {
+  %Q{
+    ul(class: 'ae-list-bullet') {
+      li { 'Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
+      li { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. ' }
+    }
+  }
+}
+
+
+h4 { 'Inline Ordered/Undordered List' }
+
+code_demo {
+  %Q{
+    ul(class: 'ae-list-inline') {
+      li { 'Duis placerat leo massa' }
+      li { 'Lorem ipsum dolor sit amet' }
+    }
+
+    ol(class: 'ae-list-inline') {
+      li { 'Duis placerat leo massa' }
+      li { 'Lorem ipsum dolor sit amet' }
+    }
+  }
+}
+
+

data/app/views/express_ui/styleguide/index.html.erb

@@ -49,7 +49,9 @@
         <li><h3>Form Groups</h3>
           <%= render "express_ui/molecules/form_groups" %>
         </li>
-        <li><h3>Lists</h3></li>
+        <li><h3>Lists</h3>
+          <%= render "express_ui/molecules/lists" %>
+        </li>
         <li><h3>Nav</h3>
           <%= render "express_ui/molecules/nav" %>
         </li>

data/app/views/express_ui/templates/master_detail_fixed.html.erb

@@ -31,6 +31,12 @@
     <%= "</div>" %>
     <%= "<footer></footer>" %>
     <% end %>
+
+    <div class="ae-btn-group ae-btn-group-left">
+    <%= link_to '&laquo; Back'.html_safe, styleguide_path, class: 'ae-btn ae-btn-primary ae-btn-md' %>
+    </div>
+
+
     </div>
   </div>
 </div>

data/app/views/express_ui/uicomponents/_lists.html.et

@@ -1,3 +1,23 @@
+component_docitem(:unordered_list) {
+  component_example(:unordered_list,
+    expected_output: <<-HTML
+  <ul class="unordered-list" id="people">
+    <li>
+      <strong>Foo</strong>
+    </li>
+    <li>
+      <strong>Foo</strong>
+    </li>
+    <li>
+      <strong>Foo</strong>
+    </li>
+  </ul>
+              HTML
+  )
+}
+
+
+
 h3 { 'definition_list()' }
 
 section {

data/app/views/express_ui/uicomponents/_table.html.et

@@ -1,29 +1,11 @@
-h3 { 'smart_table'}
 section {
-
   code_demo {
     %Q{
-      smart_table(
-        columns: {
-          "Column 1"  => "Column 2"
-        }
-      )
+      table()
     }
   }
 }
 
-h3 { 'definition_table()' }
-
-section {
-  code_demo {
-    %Q{
-      definition_table()
-    }
-  }
-}
-
-
-
 
 
 

data/app/views/express_ui/uicomponents/_unordered_list.html.et

@@ -0,0 +1,3 @@
+unordered_list(:people) {
+  strong { 'Foo' }
+}

data/app/views/express_ui/uicomponents/index.html.et

@@ -1,55 +1,57 @@
-<%= render "express_ui/shared/header" %>
-<div class="ae-template-content-sidebar-fixed">
-  <%= render "express_ui/shared/sidebar_left" %>
+render "express_ui/shared/header"
+div(class: "ae-template-content-sidebar-fixed") {
+  render "express_ui/shared/sidebar_left"
 
-  <div class="ae-content content">
-    <%= render "express_ui/shared/search_box" %>
+  div(class: "ae-content content") {
+    render "express_ui/shared/search_box"
 
-    <h1>UI Components</h1>
+    h1 "UI Components"
 
-    <div class="js-anchorific-content">
-      <h2>Buttons</h2>
+    div(class: "js-anchorific-content") {
 
-      <%= render "express_ui/uicomponents/buttons" %>
+      h2 "Lists" 
+      render "express_ui/uicomponents/lists"
 
-      <h2>Forms</h2>
-      <%= render "express_ui/uicomponents/forms" %>
-      <h2>Flash Messages</h2>
-      <%= render "express_ui/uicomponents/flash_message" %>
 
-      <h2>Heading</h2>
-      <%= render "express_ui/uicomponents/heading" %>
+# <!--       <h2>Buttons</h2>
 
-      <h2>Icons</h2>
-      <%= render "express_ui/uicomponents/icons" %>
+#       render "express_ui/uicomponents/buttons"
 
-      <h2>Layout</h2>
-      <%= render "express_ui/uicomponents/layout" %>
+#       <h2>Forms</h2>
+#       render "express_ui/uicomponents/forms"
+#       <h2>Flash Messages</h2>
+#       render "express_ui/uicomponents/flash_message"
 
-      <h2>Lists</h2>
-      <%= render "express_ui/uicomponents/lists" %>
+#       <h2>Heading</h2>
+#       render "express_ui/uicomponents/heading"
 
-      <h2>Nav</h2>
-      <%= render "express_ui/uicomponents/nav" %>
+#       <h2>Icons</h2>
+#       render "express_ui/uicomponents/icons"
 
-      <h2>Panel</h2>
-      <%= render "express_ui/uicomponents/panel" %>
+#       <h2>Layout</h2>
+#       render "express_ui/uicomponents/layout"
 
-      <h2>Popup</h2>
-      <%= render "express_ui/uicomponents/popup" %>
+#       <h2>Nav</h2>
+#       render "express_ui/uicomponents/nav"
 
-      <h2>Tables</h2>
-      <%= render "express_ui/uicomponents/table" %>
-      <h2>Widget Box</h2>
+#       <h2>Panel</h2>
+#       render "express_ui/uicomponents/panel"
 
-      <%= render "express_ui/uicomponents/widget_box" %>
+#       <h2>Popup</h2>
+#       render "express_ui/uicomponents/popup"
 
-      <h2>Templates</h2>
-      <%= render "express_ui/templates/templates" %>
+#       <h2>Tables</h2>
+#       render "express_ui/uicomponents/table"
+#       <h2>Widget Box</h2>
 
-      <h2>Pages</h2>
-      <%= render "express_ui/uicomponents/pages" %>
+#       render "express_ui/uicomponents/widget_box"
 
-    </div>
-  </div>
-</div>
+#       <h2>Templates</h2>
+#       render "express_ui/templates/templates"
+
+#       <h2>Pages</h2>
+#       render "express_ui/uicomponents/pages"
+#  -->
+    }
+  }
+}

data/lib/express_ui/engine.rb

@@ -1,8 +1,10 @@
 require 'express_templates'
 
-components = Dir.glob(File.join(File.dirname(__FILE__), '..', '..', 'app', 'components', '**', '*.rb'))
-components.sort!
-components.each {|component| require component }
+# components = Dir.glob(File.join(File.dirname(__FILE__), '..', '..', 'app', 'components', '**', '*.rb'))
+# components.sort!
+# components.each {|component| require_dependency component }
+
+require 'pry'
 
 module ExpressUi
   class Engine < ::Rails::Engine
@@ -29,6 +31,16 @@ module ExpressUi
 
       )
 
+      # Load all component definitions.
+      Dir.glob(File.expand_path('../../../app/components/**/*.rb', __FILE__)).each do |component_file|
+        component_name = File.basename(component_file).split('.').first
+        part_to_remove = File.expand_path('../../../app/components/',__FILE__)
+        relative_path = File.dirname(component_file).gsub(part_to_remove, '')
+        pathified_name = File.join(relative_path, component_name) 
+        # use rails autoloader
+        pathified_name.classify.constantize
+      end
+
     end
 
   end

data/lib/express_ui/version.rb

@@ -1,3 +1,3 @@
 module ExpressUi
-  VERSION = '0.1.1'
+  VERSION = '0.1.2'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: express_ui
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Steven Talcott Smith
@@ -18,70 +18,84 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.11.16
+        version: 0.11.17
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.11.16
+        version: 0.11.17
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '5.0'
 - !ruby/object:Gem::Dependency
   name: sass-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: jquery-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: font-awesome-sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '4.7'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '4.7'
+- !ruby/object:Gem::Dependency
+  name: pry
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 description: User interface library for AppExpress components (https://appexpress.io)
 email:
 - steve@aelogica.com
@@ -91,6 +105,9 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- MIT-LICENSE
+- README.md
+- Rakefile
 - app/assets/images/appexpress/express_admin.svg
 - app/assets/images/appexpress/express_api.svg
 - app/assets/images/appexpress/express_auth.svg
@@ -136,6 +153,9 @@ files:
 - app/assets/stylesheets/express_ui/templates/_half_width.sass
 - app/assets/stylesheets/express_ui/templates/_master_detail.sass
 - app/components/code_demo.rb
+- app/components/component_docitem.rb
+- app/components/component_example.rb
+- app/components/express_ui/unordered_list.rb
 - app/controllers/express_ui/about_controller.rb
 - app/controllers/express_ui/application_controller.rb
 - app/controllers/express_ui/pages_controller.rb
@@ -164,6 +184,7 @@ files:
 - app/views/express_ui/molecules/_forms_checkbox.html.erb
 - app/views/express_ui/molecules/_forms_radio.html.erb
 - app/views/express_ui/molecules/_forms_select.html.erb
+- app/views/express_ui/molecules/_lists.html.et
 - app/views/express_ui/molecules/_nav.html.erb
 - app/views/express_ui/molecules/_nav_mega_menu.html.erb
 - app/views/express_ui/molecules/_table.html.erb
@@ -201,6 +222,7 @@ files:
 - app/views/express_ui/uicomponents/_register.html.erb
 - app/views/express_ui/uicomponents/_sidebar.html.et
 - app/views/express_ui/uicomponents/_table.html.et
+- app/views/express_ui/uicomponents/_unordered_list.html.et
 - app/views/express_ui/uicomponents/_widget_box.html.et
 - app/views/express_ui/uicomponents/index.html.et
 - app/views/layouts/express_ui/_head.html.erb
@@ -212,16 +234,13 @@ files:
 - app/views/layouts/express_ui/master_detail_fixed.html.erb
 - app/views/layouts/express_ui/styleguide.html.erb
 - config/routes.rb
+- lib/express_ui.rb
 - lib/express_ui/engine.rb
 - lib/express_ui/version.rb
-- lib/express_ui.rb
 - lib/tasks/express_ui_tasks.rake
 - vendor/assets/javascripts/anchorific.js
 - vendor/assets/javascripts/resizable.js
 - vendor/assets/stylesheets/resizable.css
-- MIT-LICENSE
-- Rakefile
-- README.md
 homepage: https://github.com/aelogica/express-gems/express_ui
 licenses:
 - MIT
@@ -232,17 +251,17 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.14.1
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: User interface library for AppExpress components