bs5 0.0.18 → 0.0.23

data/app/views/bs5/examples/list_group/default/snippet.html.erb

@@ -1,7 +1,7 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
-  <% lg.slot(:item) do %>Porta ac consectetur ac<% end %>
-  <% lg.slot(:item) do %>Vestibulum at eros<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
+  <% lg.item do %>Porta ac consectetur ac<% end %>
+  <% lg.item do %>Vestibulum at eros<% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/disabled/snippet.html.erb

@@ -1,7 +1,7 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item, disabled: true) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
-  <% lg.slot(:item) do %>Porta ac consectetur ac<% end %>
-  <% lg.slot(:item) do %>Vestibulum at eros<% end %>
+  <% lg.item(disabled: true) do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
+  <% lg.item do %>Porta ac consectetur ac<% end %>
+  <% lg.item do %>Vestibulum at eros<% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/flush/snippet.html.erb

@@ -1,7 +1,7 @@
 <%= bs5_list_group(flush: true) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
-  <% lg.slot(:item) do %>Porta ac consectetur ac<% end %>
-  <% lg.slot(:item) do %>Vestibulum at eros<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
+  <% lg.item do %>Porta ac consectetur ac<% end %>
+  <% lg.item do %>Vestibulum at eros<% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/horizontal/snippet.html.erb

@@ -1,30 +1,30 @@
 <%= bs5_list_group(horizontal: true) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>
 <%= bs5_list_group(horizontal: :sm) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>
 <%= bs5_list_group(horizontal: :md) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>
 <%= bs5_list_group(horizontal: :lg) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>
 <%= bs5_list_group(horizontal: :xl) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>
 <%= bs5_list_group(horizontal: :xxl) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/style/actionable.html.erb

@@ -1,11 +1,11 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item) do %><%= link_to 'Dapibus ac facilisis in', '#' %><% end %>
-  <% lg.slot(:item, style: :primary) do %><%= link_to 'A simple primary list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :secondary) do %><%= link_to 'A simple secondary list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :success) do %><%= link_to 'A simple success list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :danger) do %><%= link_to 'A simple danger list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :warning) do %><%= link_to 'A simple warning list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :info) do %><%= link_to 'A simple info list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :light) do %><%= link_to 'A simple light list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :dark) do %><%= link_to 'A simple dark list group item', '#' %><% end %>
+  <% lg.item do %><%= link_to 'Dapibus ac facilisis in', '#' %><% end %>
+  <% lg.item(color: :primary) do %><%= link_to 'A simple primary list group item', '#' %><% end %>
+  <% lg.item(color: :secondary) do %><%= link_to 'A simple secondary list group item', '#' %><% end %>
+  <% lg.item(color: :success) do %><%= link_to 'A simple success list group item', '#' %><% end %>
+  <% lg.item(color: :danger) do %><%= link_to 'A simple danger list group item', '#' %><% end %>
+  <% lg.item(color: :warning) do %><%= link_to 'A simple warning list group item', '#' %><% end %>
+  <% lg.item(color: :info) do %><%= link_to 'A simple info list group item', '#' %><% end %>
+  <% lg.item(color: :light) do %><%= link_to 'A simple light list group item', '#' %><% end %>
+  <% lg.item(color: :dark) do %><%= link_to 'A simple dark list group item', '#' %><% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/style/default.html.erb

@@ -1,11 +1,11 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item, style: :primary) do %>A simple primary list group item<% end %>
-  <% lg.slot(:item, style: :secondary) do %>A simple secondary list group item<% end %>
-  <% lg.slot(:item, style: :success) do %>A simple success list group item<% end %>
-  <% lg.slot(:item, style: :danger) do %>A simple danger list group item<% end %>
-  <% lg.slot(:item, style: :warning) do %>A simple warning list group item<% end %>
-  <% lg.slot(:item, style: :info) do %>A simple info list group item<% end %>
-  <% lg.slot(:item, style: :light) do %>A simple light list group item<% end %>
-  <% lg.slot(:item, style: :dark) do %>A simple dark list group item<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item(color: :primary) do %>A simple primary list group item<% end %>
+  <% lg.item(color: :secondary) do %>A simple secondary list group item<% end %>
+  <% lg.item(color: :success) do %>A simple success list group item<% end %>
+  <% lg.item(color: :danger) do %>A simple danger list group item<% end %>
+  <% lg.item(color: :warning) do %>A simple warning list group item<% end %>
+  <% lg.item(color: :info) do %>A simple info list group item<% end %>
+  <% lg.item(color: :light) do %>A simple light list group item<% end %>
+  <% lg.item(color: :dark) do %>A simple dark list group item<% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/with_badges/default.html.erb

@@ -1,14 +1,14 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item, class: 'd-flex justify-content-between align-items-center') do %>
+  <% lg.item(class: 'd-flex justify-content-between align-items-center') do %>
     Cras justo odio
-    <%= bs5_badge(text: 14, style: :primary, pill: true) %>
+    <%= bs5_badge(text: 14, color: :primary, pill: true) %>
   <% end %>
-  <% lg.slot(:item, class: 'd-flex justify-content-between align-items-center') do %>
+  <% lg.item(class: 'd-flex justify-content-between align-items-center') do %>
     Dapibus ac facilisis in
-    <%= bs5_badge(text: 2, style: :primary, pill: true) %>
+    <%= bs5_badge(text: 2, color: :primary, pill: true) %>
   <% end %>
-  <% lg.slot(:item, class: 'd-flex justify-content-between align-items-center') do %>
+  <% lg.item(class: 'd-flex justify-content-between align-items-center') do %>
     Morbi leo risus
-    <%= bs5_badge(text: 1, style: :primary, pill: true) %>
+    <%= bs5_badge(text: 1, color: :primary, pill: true) %>
   <% end %>
 <%- end %>

data/app/views/bs5/examples/popovers/default/snippet.html.erb

@@ -1 +1 @@
-<%= bs5_button_tag('Click to toggle popover', bs5_popover(title: 'Popover title', content: "And here's some amazing content. It's very engaging. Right?").merge(type: 'button', style: :danger, size: :large)) %>
+<%= bs5_button_tag('Click to toggle popover', bs5_popover(title: 'Popover title', content: "And here's some amazing content. It's very engaging. Right?").merge(type: 'button', color: :danger, size: :large)) %>

data/app/views/bs5/examples/popovers/four_directions/snippet.html.erb

@@ -1,7 +1,7 @@
-<%= bs5_button_tag('Popover on top', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :top).merge(type: 'button', style: :secondary)) %>
+<%= bs5_button_tag('Popover on top', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :top).merge(type: 'button', color: :secondary)) %>
 
-<%= bs5_button_tag('Popover on right', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :right).merge(type: 'button', style: :secondary)) %>
+<%= bs5_button_tag('Popover on right', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :right).merge(type: 'button', color: :secondary)) %>
 
-<%= bs5_button_tag('Popover on bottom', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :bottom).merge(type: 'button', style: :secondary)) %>
+<%= bs5_button_tag('Popover on bottom', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :bottom).merge(type: 'button', color: :secondary)) %>
 
-<%= bs5_button_tag('Popover on left', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :left).merge(type: 'button', style: :secondary)) %>
+<%= bs5_button_tag('Popover on left', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :left).merge(type: 'button', color: :secondary)) %>

data/app/views/bs5/examples/spinners/border/_example.html.erb

@@ -0,0 +1,2 @@
+<h2>Border spinner</h2>
+<%= bs5_example(snippet: 'spinners/border/snippet') %>

data/app/views/bs5/examples/spinners/border/snippet.html.erb

@@ -0,0 +1 @@
+<%= bs5_spinner(text: 'Loading...') %>

data/app/views/bs5/examples/spinners/buttons/_example.html.erb

@@ -0,0 +1,2 @@
+<h2>Buttons</h2>
+<%= bs5_example(snippet: 'spinners/buttons/snippet') %>

data/app/views/bs5/examples/spinners/buttons/snippet.html.erb

@@ -0,0 +1,15 @@
+<%= bs5_button_tag(disabled: true) do %>
+  <%= bs5_spinner(text: 'Loading...', size: :small) %>
+<% end %>
+
+<%= bs5_button_tag(disabled: true) do %>
+  <%= bs5_spinner(size: :small) %> Loading...
+<% end %>
+
+<%= bs5_button_tag(disabled: true) do %>
+  <%= bs5_spinner(text: 'Loading...', grow: true, size: :small) %>
+<% end %>
+
+<%= bs5_button_tag(disabled: true) do %>
+  <%= bs5_spinner(grow: true,  size: :small) %> Loading...
+<% end %>

data/app/views/bs5/examples/spinners/colors/_example.html.erb

@@ -0,0 +1,2 @@
+<h2>Colors</h2>
+<%= bs5_example(snippet: 'spinners/colors/snippet') %>

data/app/views/bs5/examples/spinners/colors/snippet.html.erb

@@ -0,0 +1,16 @@
+<%= bs5_spinner(text: 'Loading...', color: :primary) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :secondary) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :success) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :danger) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :warning) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :info) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :light) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :dark) %>
+

data/app/views/bs5/examples/spinners/growing/_example.html.erb

@@ -0,0 +1,3 @@
+<h2>Growing spinner</h2>
+<%= bs5_example(snippet: 'spinners/growing/snippet') %>
+<%= bs5_example(snippet: 'spinners/growing/colors') %>

data/app/views/bs5/examples/spinners/growing/colors.html.erb

@@ -0,0 +1,16 @@
+<%= bs5_spinner(text: 'Loading...', color: :primary, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :secondary, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :success, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :danger, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :warning, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :info, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :light, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :dark, grow: true) %>
+

data/app/views/bs5/examples/spinners/growing/snippet.html.erb

@@ -0,0 +1 @@
+<%= bs5_spinner(text: 'Loading...', grow: true) %>

data/app/views/bs5/examples/spinners/options/_example.html.erb

@@ -0,0 +1,10 @@
+<h2>Alignment</h2>
+<h3>Margin</h3>
+<%= bs5_example(snippet: 'spinners/options/margin') %>
+<h3>Placement</h3>
+<h4>Flex</h4>
+<%= bs5_example(snippet: 'spinners/options/placement_flex1') %>
+<%= bs5_example(snippet: 'spinners/options/placement_flex2') %>
+<h4>Floats</h4>
+<%= bs5_example(snippet: 'spinners/options/floats') %>
+<%= bs5_example(snippet: 'spinners/options/text_align') %>

data/app/views/bs5/examples/spinners/options/floats.html.erb

@@ -0,0 +1,3 @@
+<div class="clearfix">
+  <%= bs5_spinner(class: 'float-end', text: 'Loading...') %>
+</div>

data/app/views/bs5/examples/spinners/options/margin.html.erb

@@ -0,0 +1 @@
+<%= bs5_spinner(text: 'Loading...', class: 'm-5') %>

data/app/views/bs5/examples/spinners/options/placement_flex1.html.erb

@@ -0,0 +1,3 @@
+<div class="d-flex justify-content-center">
+  <%= bs5_spinner(text: 'Loading...') %>
+</div>

data/app/views/bs5/examples/spinners/options/placement_flex2.html.erb

@@ -0,0 +1,4 @@
+<div class="d-flex align-items-center">
+  <strong>Loading...</strong>
+  <%= bs5_spinner(class: 'ms-auto', aria: { hidden: true }) %>
+</div>

data/app/views/bs5/examples/spinners/options/text_align.html.erb

@@ -0,0 +1,3 @@
+<div class="text-center">
+  <%= bs5_spinner(text: 'Loading...') %>
+</div>

data/app/views/bs5/examples/spinners/size/_example.html.erb

@@ -0,0 +1,3 @@
+<h2>Size</h2>
+<%= bs5_example(snippet: 'spinners/size/size1') %>
+<%= bs5_example(snippet: 'spinners/size/size2') %>

data/app/views/bs5/examples/spinners/size/size1.html.erb

@@ -0,0 +1,7 @@
+<%= bs5_spinner(text: 'Loading...', size: :small) %>
+
+<%= bs5_spinner(text: 'Loading...', size: :large) %>
+
+<%= bs5_spinner(text: 'Loading...', size: :small, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', size: :large, grow: true) %>

data/app/views/bs5/examples/spinners/size/size2.html.erb

@@ -0,0 +1,3 @@
+<%= bs5_spinner(text: 'Loading...', style: 'width: 3rem; height: 3rem;') %>
+
+<%= bs5_spinner(text: 'Loading...', grow: true, style: 'width: 3rem; height: 3rem;') %>

data/app/views/bs5/examples/tooltips/default/buttons.html.erb

@@ -1,9 +1,9 @@
-<%= bs5_button_tag('Tooltip on top', bs5_tooltip('Tooltip on top', placement: :top).merge(style: :secondary)) %>
+<%= bs5_button_tag('Tooltip on top', bs5_tooltip('Tooltip on top', placement: :top).merge(color: :secondary)) %>
 
-<%= bs5_button_tag('Tooltip on right', bs5_tooltip('Tooltip on right', placement: :right).merge(style: :secondary)) %>
+<%= bs5_button_tag('Tooltip on right', bs5_tooltip('Tooltip on right', placement: :right).merge(color: :secondary)) %>
 
-<%= bs5_button_tag('Tooltip on bottom', bs5_tooltip('Tooltip on bottom', placement: :bottom).merge(style: :secondary)) %>
+<%= bs5_button_tag('Tooltip on bottom', bs5_tooltip('Tooltip on bottom', placement: :bottom).merge(color: :secondary)) %>
 
-<%= bs5_button_tag('Tooltip on left', bs5_tooltip('Tooltip on left', placement: :left).merge(style: :secondary)) %>
+<%= bs5_button_tag('Tooltip on left', bs5_tooltip('Tooltip on left', placement: :left).merge(color: :secondary)) %>
 
-<%= bs5_button_tag('Tooltip with HTML', bs5_tooltip('<em>Tooltip</em> <u>with</u> <b>HTML</b>', html: :true).merge(style: :secondary)) %>
+<%= bs5_button_tag('Tooltip with HTML', bs5_tooltip('<em>Tooltip</em> <u>with</u> <b>HTML</b>', html: :true).merge(color: :secondary)) %>

data/app/views/bs5/pages/alert.html.erb

@@ -1,5 +1,5 @@
 <h1 id='alert'>Alert</h1>
 <%= render 'bs5/examples/alert/default/example' %>
-<%= render 'bs5/examples/alert/style/example' %>
+<%= render 'bs5/examples/alert/color/example' %>
 <%= render 'bs5/examples/alert/additional_content/example' %>
 <%= render 'bs5/examples/alert/dismissable/example' %>

data/app/views/bs5/pages/badge.html.erb

@@ -1,4 +1,4 @@
 <h1 id='badge'>Badge</h1>
 <%= render 'bs5/examples/badge/default/example' %>
-<%= render 'bs5/examples/badge/style/example' %>
+<%= render 'bs5/examples/badge/color/example' %>
 <%= render 'bs5/examples/badge/pill/example' %>

data/app/views/bs5/pages/spinners.html.erb

@@ -0,0 +1,7 @@
+<h1>Spinners</h1>
+<%= render 'bs5/examples/spinners/border/example' %>
+<%= render 'bs5/examples/spinners/colors/example' %>
+<%= render 'bs5/examples/spinners/growing/example' %>
+<%= render 'bs5/examples/spinners/options/example' %>
+<%= render 'bs5/examples/spinners/size/example' %>
+<%= render 'bs5/examples/spinners/buttons/example' %>

data/app/views/layouts/bs5/pages.html.erb

@@ -4,6 +4,7 @@
   <title>Bs5</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+  <%= javascript_include_tag 'bs5/application', 'data-turbolinks-track': 'reload' %>
   <%= stylesheet_pack_tag 'styles', media: 'all', 'data-turbolinks-track': 'reload' %>
   <style><%= Rouge::Themes::Github.render(scope: '.highlight') %></style>
 </head>
@@ -13,17 +14,18 @@
       <div class="col">
         <div class="sticky-top">
           <%= bs5_list_group(flush: true) do |lg| %>
-            <% lg.slot(:item, active: current_page?(pages_path('accordion'))) do %><%= link_to 'Accordion', pages_path('accordion') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('alert'))) do %><%= link_to 'Alert', pages_path('alert') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('badge'))) do %><%= link_to 'Badge', pages_path('badge') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('breadcrumb'))) do %><%= link_to 'Breadcrumb', pages_path('breadcrumb') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('buttons'))) do %><%= link_to 'Buttons', pages_path('buttons') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('button_group'))) do %><%= link_to 'Button group', pages_path('button_group') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('close_button'))) do %><%= link_to 'Close button', pages_path('close_button') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('collapse'))) do %><%= link_to 'Collapse', pages_path('collapse') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('list_group'))) do %><%= link_to 'List group', pages_path('list_group') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('popovers'))) do %><%= link_to 'Popovers', pages_path('popovers') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('tooltips'))) do %><%= link_to 'Tooltips', pages_path('tooltips') %><% end %>
+            <% lg.item(active: current_page?(pages_path('accordion'))) do %><%= link_to 'Accordion', pages_path('accordion') %><% end %>
+            <% lg.item(active: current_page?(pages_path('alert'))) do %><%= link_to 'Alert', pages_path('alert') %><% end %>
+            <% lg.item(active: current_page?(pages_path('badge'))) do %><%= link_to 'Badge', pages_path('badge') %><% end %>
+            <% lg.item(active: current_page?(pages_path('breadcrumb'))) do %><%= link_to 'Breadcrumb', pages_path('breadcrumb') %><% end %>
+            <% lg.item(active: current_page?(pages_path('buttons'))) do %><%= link_to 'Buttons', pages_path('buttons') %><% end %>
+            <% lg.item(active: current_page?(pages_path('button_group'))) do %><%= link_to 'Button group', pages_path('button_group') %><% end %>
+            <% lg.item(active: current_page?(pages_path('close_button'))) do %><%= link_to 'Close button', pages_path('close_button') %><% end %>
+            <% lg.item(active: current_page?(pages_path('collapse'))) do %><%= link_to 'Collapse', pages_path('collapse') %><% end %>
+            <% lg.item(active: current_page?(pages_path('list_group'))) do %><%= link_to 'List group', pages_path('list_group') %><% end %>
+            <% lg.item(active: current_page?(pages_path('popovers'))) do %><%= link_to 'Popovers', pages_path('popovers') %><% end %>
+            <% lg.item(active: current_page?(pages_path('spinners'))) do %><%= link_to 'Spinners', pages_path('spinners') %><% end %>
+            <% lg.item(active: current_page?(pages_path('tooltips'))) do %><%= link_to 'Tooltips', pages_path('tooltips') %><% end %>
           <%- end %>
         </div>
       </div>

data/lib/bs5/engine.rb

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 require 'view_component/engine'
+require 'sprockets/railtie'
 module Bs5
   class Engine < ::Rails::Engine
     isolate_namespace Bs5
@@ -9,5 +10,10 @@ module Bs5
     config.before_configuration do |app|
       app.config.view_component.preview_paths << "#{Bs5::Engine.root}/spec/components/previews"
     end
+
+    initializer 'bs5.assets.precompile' do |app|
+      app.config.assets.paths << Rails.root.join('app/assets/javascripts')
+      app.config.assets.precompile << 'bs5/application.js'
+    end
   end
 end

data/lib/bs5/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Bs5
-  VERSION = '0.0.18'
+  VERSION = '0.0.23'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bs5
 version: !ruby/object:Gem::Version
-  version: 0.0.18
+  version: 0.0.23
 platform: ruby
 authors:
 - Patrick Baselier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-12-11 00:00:00.000000000 Z
+date: 2020-12-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: nokogiri
@@ -58,34 +58,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 3.25.0
-- !ruby/object:Gem::Dependency
-  name: rubocop-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.8'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.8'
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.22.0
+        version: 2.23.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.22.0
+        version: 2.23.0
 - !ruby/object:Gem::Dependency
   name: capybara
   requirement: !ruby/object:Gem::Requirement
@@ -139,6 +125,7 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/bs5_manifest.js
+- app/assets/javascripts/bs5/application.js
 - app/assets/stylesheets/bs5/application.css
 - app/components/bs5/accordion_component.html.erb
 - app/components/bs5/accordion_component.rb
@@ -160,6 +147,8 @@ files:
 - app/components/bs5/example_component.rb
 - app/components/bs5/list_group_component.html.erb
 - app/components/bs5/list_group_component.rb
+- app/components/bs5/spinner_component.html.erb
+- app/components/bs5/spinner_component.rb
 - app/controllers/bs5/application_controller.rb
 - app/controllers/bs5/pages_controller.rb
 - app/helpers/bs5/application_helper.rb
@@ -176,18 +165,19 @@ files:
 - app/views/bs5/examples/accordion/flush/snippet.html.erb
 - app/views/bs5/examples/alert/additional_content/_example.html.erb
 - app/views/bs5/examples/alert/additional_content/snippet.html.erb
+- app/views/bs5/examples/alert/color/_example.html.erb
+- app/views/bs5/examples/alert/color/snippet.html.erb
 - app/views/bs5/examples/alert/default/_example.html.erb
 - app/views/bs5/examples/alert/default/snippet.html.erb
 - app/views/bs5/examples/alert/dismissable/_example.html.erb
 - app/views/bs5/examples/alert/dismissable/snippet.html.erb
-- app/views/bs5/examples/alert/style/_example.html.erb
-- app/views/bs5/examples/alert/style/snippet.html.erb
+- app/views/bs5/examples/badge/color/_example.html.erb
+- app/views/bs5/examples/badge/color/snippet.html.erb
 - app/views/bs5/examples/badge/default/_example.html.erb
+- app/views/bs5/examples/badge/default/button.html.erb
 - app/views/bs5/examples/badge/default/snippet.html.erb
 - app/views/bs5/examples/badge/pill/_example.html.erb
 - app/views/bs5/examples/badge/pill/snippet.html.erb
-- app/views/bs5/examples/badge/style/_example.html.erb
-- app/views/bs5/examples/badge/style/snippet.html.erb
 - app/views/bs5/examples/breadcrumb/default/_example.html.erb
 - app/views/bs5/examples/breadcrumb/default/snippet.html.erb
 - app/views/bs5/examples/button_group/button_toolbar/_example.html.erb
@@ -257,6 +247,24 @@ files:
 - app/views/bs5/examples/popovers/dismissable_on_next_click/snippet.html.erb
 - app/views/bs5/examples/popovers/four_directions/_example.html.erb
 - app/views/bs5/examples/popovers/four_directions/snippet.html.erb
+- app/views/bs5/examples/spinners/border/_example.html.erb
+- app/views/bs5/examples/spinners/border/snippet.html.erb
+- app/views/bs5/examples/spinners/buttons/_example.html.erb
+- app/views/bs5/examples/spinners/buttons/snippet.html.erb
+- app/views/bs5/examples/spinners/colors/_example.html.erb
+- app/views/bs5/examples/spinners/colors/snippet.html.erb
+- app/views/bs5/examples/spinners/growing/_example.html.erb
+- app/views/bs5/examples/spinners/growing/colors.html.erb
+- app/views/bs5/examples/spinners/growing/snippet.html.erb
+- app/views/bs5/examples/spinners/options/_example.html.erb
+- app/views/bs5/examples/spinners/options/floats.html.erb
+- app/views/bs5/examples/spinners/options/margin.html.erb
+- app/views/bs5/examples/spinners/options/placement_flex1.html.erb
+- app/views/bs5/examples/spinners/options/placement_flex2.html.erb
+- app/views/bs5/examples/spinners/options/text_align.html.erb
+- app/views/bs5/examples/spinners/size/_example.html.erb
+- app/views/bs5/examples/spinners/size/size1.html.erb
+- app/views/bs5/examples/spinners/size/size2.html.erb
 - app/views/bs5/examples/tooltips/default/_example.html.erb
 - app/views/bs5/examples/tooltips/default/buttons.html.erb
 - app/views/bs5/examples/tooltips/default/disabled_elements.html.erb
@@ -271,6 +279,7 @@ files:
 - app/views/bs5/pages/collapse.html.erb
 - app/views/bs5/pages/list_group.html.erb
 - app/views/bs5/pages/popovers.html.erb
+- app/views/bs5/pages/spinners.html.erb
 - app/views/bs5/pages/tooltips.html.erb
 - app/views/layouts/bs5/application.html.erb
 - app/views/layouts/bs5/pages.html.erb