bh 6.0.0 → 6.1.0

data/spec/shared/button_helper.rb

@@ -1,52 +0,0 @@
-shared_examples_for 'the button helper' do
-  all_tests_pass_with 'no button options'
-  all_tests_pass_with 'extra button options'
-  all_tests_pass_with 'the :context button option'
-  all_tests_pass_with 'the :size button option'
-  all_tests_pass_with 'the :layout button option'
-end
-
-#--
-
-shared_examples_for 'no button options' do
-  specify 'sets the class to "btn btn-default"' do
-    html = '<button class="btn btn-default">content</button>'
-    expect(:button).to generate html
-  end
-end
-
-
-shared_examples_for 'extra button options' do
-  specify 'passes the options to the wrapping <button>' do
-    options = {class: 'important', data: {value: 1}, id: 'my-button'}
-    html = '<button class="important btn btn-default" data-value="1" id="my-button">content</button>'
-    expect(button: options).to generate html
-  end
-end
-
-shared_examples_for 'the :context button option' do
-  Bh::Button.contexts.each do |context, context_class|
-    specify %Q{set to :#{context}, adds the class "#{context_class}"} do
-      html = %Q{<button class="btn #{context_class}">content</button>}
-      expect(button: {context: context}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :size button option' do
-  Bh::Button.sizes.each do |size, size_class|
-    specify %Q{set to :#{size}, adds the class "#{size_class}"} do
-      html = %Q{<button class="btn btn-default #{size_class}">content</button>}
-      expect(button: {size: size}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :layout button option' do
-  Bh::Button.layouts.each do |layout, layout_class|
-    specify %Q{set to :#{layout}, adds the class "#{layout_class}"} do
-      html = %Q{<button class="btn btn-default #{layout_class}">content</button>}
-      expect(button: {layout: layout}).to generate html
-    end
-  end
-end

data/spec/shared/button_to_helper.rb

@@ -1,51 +0,0 @@
-shared_examples_for 'the button_to helper' do
-  all_tests_pass_with 'the :context button_to option'
-  all_tests_pass_with 'the :size button_to option'
-  all_tests_pass_with 'the :layout button_to option'
-  all_tests_pass_with 'the button wrapped in navbar'
-  all_tests_pass_with 'the button wrapped in nav'
-end
-
-#--
-
-shared_examples_for 'the :context button_to option' do
-  Bh::Button.contexts.each do |context, context_class|
-    specify %Q{set to :#{context}, adds the class "#{context_class}"} do
-      html = %r{<(input|button).+class="btn #{context_class}"}
-      expect(button_to: {context: context}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :size button_to option' do
-  Bh::Button.sizes.each do |size, size_class|
-    specify %Q{set to :#{size}, adds the class "#{size_class}"} do
-      html = %r{<(input|button).+class="btn btn-default #{size_class}"}
-      expect(button_to: {size: size}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :layout button_to option' do
-  Bh::Button.layouts.each do |layout, layout_class|
-    specify %Q{set to :#{layout}, adds the class "#{layout_class}"} do
-      html = %r{<(input|button).+class="btn btn-default #{layout_class}"}
-      expect(button_to: {layout: layout}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the button wrapped in navbar' do
-  specify 'adds the "navbar-form" class to the form' do
-    html = %r{^<form.+class="navbar-form"}
-    bh.navbar { expect(button_to: {context: :default}).to generate html }
-  end
-end
-
-
-shared_examples_for 'the button wrapped in nav' do
-  specify 'surrounds the form in a <li> item' do
-    html = %r{^<li><form.+?</form></li>}
-    bh.nav { expect(:button_to).to generate html }
-  end
-end

data/spec/shared/cdn_helper.rb

@@ -1,36 +0,0 @@
-shared_examples_for 'the bootstrap_css helper' do
-  it { expect(:bootstrap_css).to link_to_existing_file }
-end
-
-shared_examples_for 'the bootstrap_theme_css helper' do
-  it { expect(:bootstrap_theme_css).to link_to_existing_file }
-end
-
-shared_examples_for 'the bootstrap_js helper' do
-  it { expect(:bootstrap_js).to link_to_existing_file }
-end
-
-shared_examples_for 'the font_awesome_css helper' do
-  it { expect(:font_awesome_css).to link_to_existing_file }
-end
-
-#--
-
-RSpec::Matchers.define :link_to_existing_file do
-  match do |helper|
-    require 'open-uri'
-    open_uri_options = {ssl_verify_mode: OpenSSL::SSL::VERIFY_NONE}
-
-    # via HTTP
-    open bh.send(helper, scheme: :http), open_uri_options
-
-    # via HTTPS
-    open bh.send(helper, scheme: :https), open_uri_options
-
-    # non-minified
-    open bh.send(helper, scheme: :http, minified: false), open_uri_options
-
-    # legacy version
-    open bh.send(helper, scheme: :http, version: '3.1.0'), open_uri_options
-  end
-end

data/spec/shared/dropdown_helper.rb

@@ -1,112 +0,0 @@
-shared_examples_for 'the dropdown helper' do
-  all_tests_pass_with 'no dropdown options'
-  all_tests_pass_with 'the :id dropdown option'
-  all_tests_pass_with 'the :context dropdown option'
-  all_tests_pass_with 'the :size dropdown option'
-  all_tests_pass_with 'the :layout dropdown option'
-  all_tests_pass_with 'the :groupable dropdown option'
-  all_tests_pass_with 'the :direction dropdown option'
-  all_tests_pass_with 'the :align dropdown option'
-  all_tests_pass_with 'the :split dropdown option'
-  all_tests_pass_with 'the button: :class dropdown option'
-end
-
-#--
-
-shared_examples_for 'no dropdown options' do
-  specify 'displays a button with the caption and the caret to toggle a menu' do
-    html = <<-EOT.strip_heredoc.strip
-      <div class="btn-group">
-        <button class="dropdown-toggle btn btn-default" type="button" id="(.+)" data-toggle="dropdown">
-          caption
-          <span class=\"caret\"><\/span>
-        <\/button>
-        <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"\\1\">
-          content
-        <\/ul>
-      <\/div>
-    EOT
-    expect(:dropdown).to generate %r{#{html}}
-  end
-end
-
-shared_examples_for 'the :id dropdown option' do
-  specify 'uses the ID to connect button and ul' do
-    id = 'my-modal'
-    expect(dropdown: {id: id}).to generate %r{<button.+id="#{id}".*>}
-    expect(dropdown: {id: id}).to generate %r{<ul.+aria-labelledby="#{id}".*>}
-  end
-end
-
-shared_examples_for 'the :context dropdown option' do
-  Bh::Button.contexts.each do |context, context_class|
-    specify %Q{set to :#{context}, adds the class "#{context_class}"} do
-      html = %r{<button class="dropdown-toggle btn #{context_class}"}
-      expect(dropdown: {context: context}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :size dropdown option' do
-  Bh::Button.sizes.each do |size, size_class|
-    specify %Q{set to :#{size}, adds the class "#{size_class}"} do
-      html = %r{<button class="dropdown-toggle btn btn-default #{size_class}"}
-      expect(dropdown: {size: size}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :layout dropdown option' do
-  Bh::Button.layouts.each do |layout, layout_class|
-    specify %Q{set to :#{layout}, adds the class "#{layout_class}"} do
-      html = %r{<button class="dropdown-toggle btn btn-default #{layout_class}"}
-      expect(dropdown: {layout: layout}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :groupable dropdown option' do
-  Bh::Dropdown.groupables.each do |groupable, groupable_class|
-    specify %Q{set to :#{groupable}, adds the class "#{groupable_class}"} do
-      html = %r{^<div class="#{groupable_class}">}
-      expect(dropdown: {groupable: groupable}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :direction dropdown option' do
-  Bh::Dropdown.directions.each do |direction, direction_class|
-    specify %Q{set to :#{direction}, adds the class "#{direction_class}"} do
-      html = %r{^<div class="btn-group #{direction_class}">}
-      expect(dropdown: {direction: direction}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :align dropdown option' do
-  Bh::Dropdown.aligns.each do |align, align_class|
-    specify %Q{set to :#{align}, adds the class "#{align_class}"} do
-      html = %r{<ul class="dropdown-menu #{align_class}" role="menu"}
-      expect(dropdown: {align: align}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :split dropdown option' do
-  html = %r{<button type="button" class="btn btn-default">caption</button>}
-
-  specify %Q{set to truthy, splits the caption and the caret} do
-    expect(dropdown: {split: true}).to generate html
-  end
-
-  specify %Q{set to falsey, does not split the caption and the caret} do
-    expect(dropdown: {split: false}).not_to generate html
-  end
-end
-
-shared_examples_for 'the button: :class dropdown option' do
-  specify 'appends the class to the modal button' do
-    html = %r{<button class="dropdown-toggle important btn btn-default"}
-    expect(dropdown: {button: {class: 'important'}}).to generate html
-  end
-end

data/spec/shared/glyphicon_helper.rb

@@ -1,21 +0,0 @@
-shared_examples_for 'the glyphicon helper' do
-  all_tests_pass_with 'no glyphicon options'
-  all_tests_pass_with 'extra glyphicon options'
-end
-
-#--
-
-shared_examples_for 'no glyphicon options' do
-  specify 'creates a <span> with an icon' do
-    html = '<span class="glyphicon glyphicon-zoom-in"></span>'
-    expect(:glyphicon).to generate html
-  end
-end
-
-shared_examples_for 'extra glyphicon options' do
-  specify 'passes the options to the <span>' do
-    options = {class: 'important', data: {value: 1}, id: 'my-glyphicon'}
-    html = '<span class="important glyphicon glyphicon-zoom-in" data-value="1" id="my-glyphicon"></span>'
-    expect(glyphicon: options).to generate html
-  end
-end

data/spec/shared/horizontal_helper.rb

@@ -1,37 +0,0 @@
-shared_examples_for 'the horizontal helper' do
-  all_tests_pass_with 'the horizontal not wrapped in navbar'
-  all_tests_pass_with 'no horizontal options'
-  all_tests_pass_with 'extra horizontal options (except :id)'
-  all_tests_pass_with 'the horizontal wrapped in a navbar with :id'
-end
-
-#--
-
-shared_examples_for 'the horizontal not wrapped in navbar' do
-  specify 'returns nil' do
-    expect(:horizontal).to generate nil
-  end
-end
-
-shared_examples_for 'no horizontal options' do
-  specify 'creates a <div class="collpase navbar-collapse"> element' do
-    html = %r{<div class="collapse navbar-collapse" id=".+">content</div>}
-    bh.navbar { expect(:horizontal).to generate html }
-  end
-end
-
-shared_examples_for 'extra horizontal options (except :id)' do
-  specify 'passes the options to the <div> element' do
-    options = {class: 'important', data: {value: 1}}
-    html = %r{<div class="important collapse navbar-collapse" data-value="1"}
-    bh.navbar { expect(horizontal: options).to generate html }
-  end
-end
-
-shared_examples_for 'the horizontal wrapped in a navbar with :id' do
-  it 'uses the id from the navbar' do
-    id = 'my-navbar'
-    html = %r{<div class="collapse navbar-collapse" id="my-navbar">content</div>}
-    bh.navbar(id: id) { expect(:horizontal).to generate html}
-  end
-end

data/spec/shared/icon_helper.rb

@@ -1,31 +0,0 @@
-shared_examples_for 'the icon helper' do
-  all_tests_pass_with 'no icon options'
-  all_tests_pass_with 'extra icon options'
-  all_tests_pass_with 'the :library icon option'
-end
-
-#--
-
-shared_examples_for 'no icon options' do
-  specify 'creates a <span> with an icon' do
-    html = '<span class="glyphicon glyphicon-zoom-in"></span>'
-    expect(:icon).to generate html
-  end
-end
-
-shared_examples_for 'extra icon options' do
-  specify 'passes the options to the <span>' do
-    options = {class: 'important', data: {value: 1}, id: 'my-icon'}
-    html = '<span class="important glyphicon glyphicon-zoom-in" data-value="1" id="my-icon"></span>'
-    expect(icon: options).to generate html
-  end
-end
-
-shared_examples_for 'the :library icon option' do
-  Bh::Icon.libraries.each do |library, library_class|
-    specify %Q{set to :#{library}, adds the class "#{library_class}"} do
-      html = %Q{<span class="#{library_class} #{library_class}-zoom-in"></span>}
-      expect(icon: {library: library}).to generate html
-    end
-  end
-end

data/spec/shared/link_to_helper.rb

@@ -1,84 +0,0 @@
-shared_examples_for 'the link_to helper' do
-  all_tests_pass_with 'no link_to options'
-  all_tests_pass_with 'extra link_to options'
-  all_tests_pass_with 'the link wrapped in alert_box'
-  all_tests_pass_with 'the link wrapped in dropdown'
-  all_tests_pass_with 'the link wrapped in nav'
-  all_tests_pass_with 'the link wrapped in vertical'
-  all_tests_pass_with 'the link including unsafe Javascript'
-  all_tests_pass_with 'the link including safe HTML content'
-end
-
-#--
-
-shared_examples_for 'no link_to options' do
-  specify 'matches the behavior of the framework-defined link_to' do
-    html = '<a href="/">content</a>'
-    expect(:link_to).to generate html
-  end
-end
-
-shared_examples_for 'extra link_to options' do
-  specify 'passes the options to the <a>' do
-    options = {class: 'important', data: {value: 1}, id: 'my-link'}
-    html = %r{^<a.+class="important" data-value="1".+id="my-link".*>content</a>$}
-    expect(link_to: options).to generate html
-  end
-end
-
-shared_examples_for 'the link wrapped in alert_box' do
-  specify 'adds the "alert-link" class to the link' do
-    html = %r{^<a.+class="alert-link".*>content</a>$}
-    bh.alert_box { expect(:link_to).to generate html }
-  end
-end
-
-shared_examples_for 'the link wrapped in dropdown' do
-  specify 'surrounds the link in a <li> and adds role and tabindex' do
-    html = %r{<li role="presentation"><a.+role="menuitem" tabindex="-1".*>content</a></li>}
-    bh.dropdown('') { expect(:link_to).to generate html }
-  end
-end
-
-shared_examples_for 'the link wrapped in nav' do
-  specify 'surrounds the link in a <li> item' do
-    html = '<li><a href="/">content</a></li>'
-    bh.nav { expect(:link_to).to generate html }
-  end
-
-  describe 'if the link is to the current page' do
-    before { allow_any_instance_of(Bh::LinkTo).to receive(:current_page?).and_return true }
-
-    specify 'surrounds the link in a <li class="active"> item' do
-      html = '<li class="active"><a href="/">content</a></li>'
-      bh.nav { expect(:link_to).to generate html }
-    end
-  end
-end
-
-shared_examples_for 'the link wrapped in vertical' do
-  specify 'adds the "navbar-brand" class to the link' do
-    html = %r{^<a.+class="navbar-brand".*>content</a>$}
-    bh.navbar(id: 'id') do
-      bh.vertical { expect(:link_to).to generate html }
-    end
-  end
-end
-
-shared_examples_for 'the link including unsafe Javascript' do
-  specify 'uses the original link_to helper which escapes the link' do
-    expect(link_to: :xss_script).not_to generate %r{<script>}
-    bh.alert_box { expect(link_to: :xss_script).not_to generate %r{<script>} }
-    bh.dropdown('') { expect(link_to: :xss_script).not_to generate %r{<script>} }
-    bh.nav { expect(link_to: :xss_script).not_to generate %r{<script>} }
-    bh.navbar(id: 'id') do
-      bh.vertical { expect(link_to: :xss_script).not_to generate %r{<script>} }
-    end
-  end
-end
-
-shared_examples_for 'the link including safe HTML content' do
-  specify 'does not escape the HTML content' do
-    expect(link_to: :safe_html).to generate %r{<hr />}
-  end
-end

data/spec/shared/modal_helper.rb

@@ -1,104 +0,0 @@
-shared_examples_for 'the modal helper' do
-  all_tests_pass_with 'no modal options'
-  all_tests_pass_with 'the :id modal option'
-  all_tests_pass_with 'the :body modal option'
-  all_tests_pass_with 'the :title modal option'
-  all_tests_pass_with 'the :size modal option'
-  all_tests_pass_with 'the button: :caption modal option'
-  all_tests_pass_with 'the button: :context modal option'
-  all_tests_pass_with 'the button: :size modal option'
-  all_tests_pass_with 'the button: :class modal option'
-end
-
-#--
-
-shared_examples_for 'no modal options' do
-  specify 'sets the role and the class to "modal", uses a generated ID and uses "Modal" as the title and caption' do
-    html = <<-EOT.strip_heredoc.strip
-      <button class="btn btn-default" data-toggle="modal" data-target="#(.+)">Modal<\/button>
-      <div class="modal fade" id="\\1" tabindex="-1" role="dialog" aria-labelledby="label-\\1" aria-hidden="true">
-        <div class="modal-dialog">
-          <div class="modal-content">
-            <div class="modal-header">
-              <button type="button" class="close" data-dismiss="modal">
-                <span aria-hidden="true">&times;<\/span><span class="sr-only">Close<\/span>
-              <\/button>
-              <h4 class="modal-title" id="label-\\1">Modal<\/h4>
-            <\/div>
-            (<div class=\"modal-body\">)*content(</div>)*
-          <\/div>
-        <\/div>
-      <\/div>
-    EOT
-    expect(:modal).to generate %r{#{html}}
-  end
-end
-
-shared_examples_for 'the :id modal option' do
-  specify 'uses the ID to connect button and modal' do
-    id = 'my-modal'
-    expect(modal: {id: id}).to generate %r{<button.+data-target="##{id}">Modal<\/button>}
-    expect(modal: {id: id}).to generate %r{<div.+id="#{id}".+aria-labelledby="label-#{id}".+>}
-    expect(modal: {id: id}).to generate %r{<h4.+id="label-#{id}">Modal<\/h4>}
-  end
-end
-
-shared_examples_for 'the :body modal option' do
-  let(:html) { %r{<div class="modal-body">Body</div>} }
-
-  specify 'given either a content or a block, is ignored' do
-    expect(modal: {body: 'Body'}).not_to generate html
-  end
-
-  specify 'given neither content nor a block, it is displayed as the content' do
-    expect(bh.modal(body: 'Body')).to match html
-  end
-end
-
-shared_examples_for 'the :title modal option' do
-  specify 'sets the modal title to the given value' do
-    html = %r{<h4 class="modal-title".+>Title</h4>}
-    expect(modal: {title: 'Title'}).to generate html
-  end
-end
-
-shared_examples_for 'the :size modal option'do
-  Bh::Modal.dialog_sizes.each do |size, size_class|
-    specify %Q{set to :#{size}, adds the class "#{size_class}"}  do
-      html = %r{<div class="modal-dialog #{size_class}">}
-      expect(modal: {size: size}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the button: :caption modal option' do
-  specify 'sets the button caption to the given value' do
-    html = %r{<button.+>Click me</button>}
-    expect(modal: {button: {caption: 'Click me'}}).to generate html
-  end
-end
-
-shared_examples_for 'the button: :context modal option' do
-  Bh::Button.contexts.each do |context, context_class|
-    specify %Q{set to :#{context}, adds the class "#{context_class}"} do
-      html = %r{<button class="btn #{context_class}"}
-      expect(modal: {button: {context: context}}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the button: :size modal option' do
-  Bh::Button.sizes.each do |size, size_class|
-    specify %Q{set to :#{size}, adds the class "#{size_class}"} do
-      html = %r{<button class="btn btn-default #{size_class}"}
-      expect(modal: {button: {size: size}}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the button: :class modal option' do
-  specify 'appends the class to the modal button' do
-    html = %r{<button class="important btn btn-default"}
-    expect(modal: {button: {class: 'important'}}).to generate html
-  end
-end

data/spec/shared/nav_helper.rb

@@ -1,49 +0,0 @@
-shared_examples_for 'the nav helper' do
-  all_tests_pass_with 'no nav options'
-  all_tests_pass_with 'extra nav options'
-  all_tests_pass_with 'the :as nav option'
-  all_tests_pass_with 'the :layout nav option'
-  all_tests_pass_with 'the nav wrapped in navbar'
-end
-
-#--
-
-shared_examples_for 'no nav options' do
-  specify 'creates a <ul> element with the "tablist" role' do
-    html = '<ul class="nav nav-tabs" role="tablist">content</ul>'
-    expect(:nav).to generate html
-  end
-end
-
-shared_examples_for 'extra nav options' do
-  specify 'passes the options to the <ul> element' do
-    options = {class: 'important', data: {value: 1}, id: 'my-alert'}
-    html = '<ul class="important nav nav-tabs" data-value="1" id="my-alert" role="tablist">content</ul>'
-    expect(nav: options).to generate html
-  end
-end
-
-shared_examples_for 'the :as nav option' do
-  Bh::Nav.styles.each do |style, style_class|
-    specify %Q{set to :#{context}, sets the class "#{style_class}"} do
-      html = %r{<ul class="nav #{style_class}"}
-      expect(nav: {as: style}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :layout nav option' do
-  Bh::Nav.layouts.each do |layout, layout_class|
-    specify %Q{set to :#{layout}, adds the class "#{layout_class}"} do
-      html = %r{<ul class="nav nav-tabs #{layout_class}"}
-      expect(nav: {layout: layout}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the nav wrapped in navbar' do
-  specify 'creates a <ul> element with the "navbar-nav" class' do
-    html = '<ul class="nav navbar-nav">content</ul>'
-    bh.navbar { expect(:nav).to generate html }
-  end
-end

data/spec/shared/navbar_helper.rb

@@ -1,63 +0,0 @@
-shared_examples_for 'the navbar helper' do
-  all_tests_pass_with 'no navbar options'
-  all_tests_pass_with 'the :fluid navbar option'
-  all_tests_pass_with 'the :inverted navbar option'
-  all_tests_pass_with 'the :position navbar option'
-  all_tests_pass_with 'the :padding navbar option'
-end
-
-#--
-
-shared_examples_for 'no navbar options' do
-  specify 'creates a <nav> element with a nested container' do
-    html = <<-EOT.strip_heredoc.strip
-      <nav class="navbar navbar-default" role="navigation">
-        <div class="container">
-          content
-        </div>
-      </nav>
-    EOT
-    expect(:navbar).to generate html
-  end
-end
-
-shared_examples_for 'the :fluid navbar option' do
-  Bh::Navbar.layouts.each do |value, fluid_class|
-    specify %Q{set to #{value}, sets the class "#{fluid_class}"} do
-      html = %r{<div class="#{fluid_class}">}
-      expect(navbar: {fluid: value}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :inverted navbar option' do
-  Bh::Navbar.styles.each do |value, inverted_class|
-    specify %Q{set to #{value}, sets the class "#{inverted_class}"} do
-      html = %r{<nav class="navbar #{inverted_class}"}
-      expect(navbar: {inverted: value}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :position navbar option' do
-  Bh::Navbar.positions.each do |position, position_class|
-    specify %Q{set to #{position}, sets the class "#{position_class}"} do
-      html = %r{<nav class="navbar navbar-default #{position_class}"}
-      expect(navbar: {position: position}).to generate html
-    end
-  end
-end
-
-shared_examples_for 'the :padding navbar option' do
-  [:top, :bottom].each do |position|
-    specify %Q{set to a value, uses that value for #{position} position} do
-      html = %r{<style>body {padding-#{position}: 100px}</style>}m
-      expect(navbar: {position: position, padding: 100}).to generate html
-    end
-
-    specify %Q{not set, uses a default value of 70px for #{position} position} do
-      html = %r{<style>body {padding-#{position}: 70px}</style>}m
-      expect(navbar: {position: position}).to generate html
-    end
-  end
-end