bs5 0.0.18 → 0.0.19

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7e7ed0ecd3b82a680eae723045c2c24020920a4942b4dfa5460951042be2a5c1
-  data.tar.gz: 4217f3cd7e572d702deb22988f772c0653da8709c39c8a2bff3796747990a4b0
+  metadata.gz: 2ffee97d6c26146be217198ac6cd314e3f03bcf8c883bdfee1ffc0c9cabc6aa2
+  data.tar.gz: 3cba5aa8ad8ff0994637535a48b7610a6cf0ba39d9c7f9e5b0551fedc02af77e
 SHA512:
-  metadata.gz: 3e520e4f93b185a7aa46cba4bf5c43b24655c03b8d75576eca3edf2b6740e0384caff3b413e9a3b18abadfda4edf1464be4ea4fb21eb66a67617b0f5268ed49c
-  data.tar.gz: 38fd799067d2148b0cd44f323dc41d0a4130771edc2e8de6fade8af6aaab4f2a19c22d5dba6abc77f84d1189a9e6f5529c471f903796f07dc47cc40dab769b2a
+  metadata.gz: 4dcef8bb95173c07b12af9a568e57d2602de1b420fe030e301ae68ca10ec8a9324c773953e02a950fc5cec1ebe2d560ba8a3b32a95aceb27a0aa0f36aa756f84
+  data.tar.gz: ec6e86d8e3149a3730ed4d9c9dcd8eb16226ecd422effd72ef0bd2052d42fd78997db598c2045dbba48856f2ce3ccf937bfa764bf4fb02ee74b91e5e6eb1f7e1

data/app/components/bs5/accordion_component.html.erb

@@ -17,7 +17,7 @@
           data-bs-parent="#<%= id %>"
         >
           <div class="accordion-body">
-            <%= item.content %>
+            <%= item %>
           </div>
         </div>
       </div>

data/app/components/bs5/accordion_component.rb

@@ -3,9 +3,9 @@
 module Bs5
   class AccordionComponent < ViewComponent::Base
     include ComponentsHelper
-    include ViewComponent::Slotable
+    include ViewComponent::SlotableV2
 
-    with_slot :item, collection: true, class_name: 'Item'
+    renders_many :items, 'ItemComponent'
 
     def initialize(flush: false)
       @flush = flush
@@ -25,7 +25,7 @@ module Bs5
       class_names.join(' ')
     end
 
-    class Item < ViewComponent::Slot
+    class ItemComponent < ViewComponent::Base
       attr_reader :title
 
       def initialize(title:, collapsed: true)
@@ -33,6 +33,10 @@ module Bs5
         @collapsed = collapsed
       end
 
+      def call
+        content
+      end
+
       def id
         object_id
       end

data/app/components/bs5/breadcrumb_component.html.erb

@@ -2,7 +2,7 @@
   <nav aria-label="breadcrumb">
     <ol class="breadcrumb">
       <% items.each do |item| %>
-        <li class="breadcrumb-item <%= item == items.last ? 'active' : '' %>" <%= item == items.last ? 'aria-current=page' : '' %>><%= item.content %></li>
+        <li class="breadcrumb-item <%= item == items.last ? 'active' : '' %>" <%= item == items.last ? 'aria-current=page' : '' %>><%= item %></li>
       <% end %>
     </ol>
   </nav>

data/app/components/bs5/breadcrumb_component.rb

@@ -2,11 +2,14 @@
 
 module Bs5
   class BreadcrumbComponent < ViewComponent::Base
-    include ViewComponent::Slotable
+    include ViewComponent::SlotableV2
 
-    with_slot :item, collection: true, class_name: 'Item'
+    renders_many :items, 'ItemComponent'
 
-    class Item < ViewComponent::Slot
+    class ItemComponent < ViewComponent::Base
+      def call
+        content
+      end
     end
   end
 end

data/app/components/bs5/list_group_component.html.erb

@@ -2,14 +2,14 @@
   <% if actionables? %>
     <div class="<%= component_class %>">
       <% items.each do |item| %>
-        <%= item.decorated_content %>
+        <%= item %>
       <% end %>
     </div>
   <% else %>
     <ul class="<%= component_class %>">
       <% items.each do |item| %>
         <%= tag.li(**item.options) do %>
-          <%= item.content %>
+          <%= item %>
         <% end %>
       <% end %>
     </ul>

data/app/components/bs5/list_group_component.rb

@@ -6,9 +6,9 @@ module Bs5
     CLASS_NAME_FLUSH = "#{CLASS_NAME_BASE}-flush"
     CLASS_NAME_HORIZONTAL = "#{CLASS_NAME_BASE}-horizontal"
 
-    include ViewComponent::Slotable
+    include ViewComponent::SlotableV2
 
-    with_slot :item, collection: true, class_name: 'Item'
+    renders_many :items, 'Item'
 
     def initialize(flush: false, horizontal: false)
       @flush = flush
@@ -22,7 +22,10 @@ module Bs5
     end
 
     def actionables?
-      items.any?(&:actionable?)
+      items.any? do |item|
+        elements = Nokogiri::HTML::DocumentFragment.parse(item.to_s).elements
+        elements.one? && elements.first.name.in?(%w[a button label])
+      end
     end
 
     def horizontal?
@@ -48,7 +51,7 @@ module Bs5
       class_names.join('-')
     end
 
-    class Item < ViewComponent::Slot
+    class Item < ViewComponent::Base
       CLASS_NAME_BASE = 'list-group-item'
       CLASS_NAME_ACTION = "#{CLASS_NAME_BASE}-action"
 
@@ -64,6 +67,10 @@ module Bs5
         set_attributes
       end
 
+      def call
+        actionable? ? decorated_content : content
+      end
+
       def actionable?
         !!actionable_element
       end

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

@@ -1,11 +1,11 @@
-<%= bs5_accordion do |accordion| %>
-  <% accordion.slot(:item, title: 'Accordion Item #1', collapsed: false) do %>
+<%= bs5_accordion do |a| %>
+  <% a.item(title: 'Accordion Item #1', collapsed: false) do %>
     <strong>This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
   <% end %>
-  <% accordion.slot(:item, title: 'Accordion Item #2') do %>
+  <% a.item(title: 'Accordion Item #2') do %>
     <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
   <% end %>
-  <% accordion.slot(:item, title: 'Accordion Item #3') do %>
+  <% a.item(title: 'Accordion Item #3') do %>
     <strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
   <% end %>
 <%- end %>

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

@@ -1,11 +1,11 @@
-<%= bs5_accordion(flush: true) do |accordion| %>
-  <% accordion.slot(:item, title: 'Accordion Item #1') do %>
+<%= bs5_accordion(flush: true) do |a| %>
+  <% a.item(title: 'Accordion Item #1') do %>
     Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
   <% end %>
-  <% accordion.slot(:item, title: 'Accordion Item #2') do %>
+  <% a.item(title: 'Accordion Item #2') do %>
     Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
   <% end %>
-  <% accordion.slot(:item, title: 'Accordion Item #3') do %>
+  <% a.item(title: 'Accordion Item #3') do %>
     Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
   <% end %>
 <%- end %>

data/app/views/bs5/examples/badge/default/_example.html.erb

@@ -1,2 +1,3 @@
 <h2>Example</h2>
-<%= bs5_example(snippet: 'badge/default/snippet') %>
+<%= bs5_example(snippet: 'badge/default/snippet') %>
+<%= bs5_example(snippet: 'badge/default/button') %>

data/app/views/bs5/examples/badge/default/button.html.erb

@@ -0,0 +1,3 @@
+<%= bs5_button_tag(type: 'button') do %>
+  Notifications <%= bs5_badge(text: '4', style: :secondary) %>
+<% end %>

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

@@ -1,14 +1,14 @@
-<%= bs5_breadcrumb do |breadcrumb| %>
-  <% breadcrumb.slot(:item) do %>Home<% end %>
+<%= bs5_breadcrumb do |b| %>
+  <% b.item do %>Home<% end %>
 <%- end %>
 
-<%= bs5_breadcrumb do |breadcrumb| %>
-  <% breadcrumb.slot(:item) do %><a href="#">Home</a><% end %>
-  <% breadcrumb.slot(:item) do %>Library<% end %>
+<%= bs5_breadcrumb do |b| %>
+  <% b.item do %><a href="#">Home</a><% end %>
+  <% b.item do %>Library<% end %>
 <%- end %>
 
-<%= bs5_breadcrumb do |breadcrumb| %>
-  <% breadcrumb.slot(:item) do %><a href="#">Home</a><% end %>
-  <% breadcrumb.slot(:item) do %><a href="#">Library</a><% end %>
-  <% breadcrumb.slot(:item) do %>Data<% end %>
+<%= bs5_breadcrumb do |b| %>
+  <% b.item do %><a href="#">Home</a><% end %>
+  <% b.item do %><a href="#">Library</a><% end %>
+  <% b.item do %>Data<% end %>
 <%- end %>

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

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

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

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

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

@@ -1,7 +1,7 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item, active: 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(active: 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/checkboxes_and_radios/default.html.erb

@@ -1,21 +1,21 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= check_box_tag nil, nil, false, class: 'form-check-input mr-1', aria: { label: '...' } %>
     Cras justo odio
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= check_box_tag nil, nil, false, class: 'form-check-input mr-1', aria: { label: '...' } %>
     Dapibus ac facilisis in
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= check_box_tag nil, nil, false, class: 'form-check-input mr-1', aria: { label: '...' } %>
     Morbi leo risus
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= check_box_tag nil, nil, false, class: 'form-check-input mr-1', aria: { label: '...' } %>
     Porta ac consectetur ac
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= check_box_tag nil, nil, false, class: 'form-check-input mr-1', aria: { label: '...' } %>
     Vestibulum at eros
   <% end %>

data/app/views/bs5/examples/list_group/checkboxes_and_radios/with_labels.html.erb

@@ -1,29 +1,29 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= label_tag do %>
       <%= check_box_tag nil, nil, false, class: 'form-check-input mr-1', aria: { label: '...' } %>
       Cras justo odio
     <% end %>
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= label_tag do %>
       <%= check_box_tag nil, nil, false, class: 'form-check-input mr-1', aria: { label: '...' } %>
       Dapibus ac facilisis in
     <% end %>
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= label_tag do %>
       <%= check_box_tag nil, nil, false, class: 'form-check-input mr-1', aria: { label: '...' } %>
       Morbi leo risus
     <% end %>
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= label_tag do %>
       <%= check_box_tag nil, nil, false, class: 'form-check-input mr-1', aria: { label: '...' } %>
       Porta ac consectetur ac
     <% end %>
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= label_tag do %>
       <%= check_box_tag nil, nil, false, class: 'form-check-input mr-1', aria: { label: '...' } %>
       Vestibulum at eros

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

@@ -1,5 +1,5 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item, active: true) do %>
+  <% lg.item(active: true) do %>
     <%= link_to '#' do %>
       <div class="d-flex w-100 justify-content-between">
         <h5 class="mb-1">List group item heading</h5>
@@ -9,7 +9,7 @@
       <small>Donec id elit non mi porta.</small>
     <% end %>
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= link_to '#' do %>
       <div class="d-flex w-100 justify-content-between">
         <h5 class="mb-1">List group item heading</h5>
@@ -19,7 +19,7 @@
       <small class="text-muted">Donec id elit non mi porta.</small>
     <% end %>
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= link_to '#' do %>
       <div class="d-flex w-100 justify-content-between">
         <h5 class="mb-1">List group item heading</h5>

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(style: :primary) do %><%= link_to 'A simple primary list group item', '#' %><% end %>
+  <% lg.item(style: :secondary) do %><%= link_to 'A simple secondary list group item', '#' %><% end %>
+  <% lg.item(style: :success) do %><%= link_to 'A simple success list group item', '#' %><% end %>
+  <% lg.item(style: :danger) do %><%= link_to 'A simple danger list group item', '#' %><% end %>
+  <% lg.item(style: :warning) do %><%= link_to 'A simple warning list group item', '#' %><% end %>
+  <% lg.item(style: :info) do %><%= link_to 'A simple info list group item', '#' %><% end %>
+  <% lg.item(style: :light) do %><%= link_to 'A simple light list group item', '#' %><% end %>
+  <% lg.item(style: :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(style: :primary) do %>A simple primary list group item<% end %>
+  <% lg.item(style: :secondary) do %>A simple secondary list group item<% end %>
+  <% lg.item(style: :success) do %>A simple success list group item<% end %>
+  <% lg.item(style: :danger) do %>A simple danger list group item<% end %>
+  <% lg.item(style: :warning) do %>A simple warning list group item<% end %>
+  <% lg.item(style: :info) do %>A simple info list group item<% end %>
+  <% lg.item(style: :light) do %>A simple light list group item<% end %>
+  <% lg.item(style: :dark) do %>A simple dark list group item<% end %>
 <%- end %>

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

@@ -1,13 +1,13 @@
 <%= 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) %>
   <% 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) %>
   <% 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) %>
   <% end %>

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

@@ -13,17 +13,17 @@
       <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('tooltips'))) do %><%= link_to 'Tooltips', pages_path('tooltips') %><% end %>
           <%- end %>
         </div>
       </div>

data/lib/bs5/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bs5
 version: !ruby/object:Gem::Version
-  version: 0.0.18
+  version: 0.0.19
 platform: ruby
 authors:
 - Patrick Baselier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-12-11 00:00:00.000000000 Z
+date: 2020-12-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: nokogiri
@@ -59,61 +59,61 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 3.25.0
 - !ruby/object:Gem::Dependency
-  name: rubocop-rails
+  name: view_component
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.8'
+        version: 2.23.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.8'
+        version: 2.23.0
 - !ruby/object:Gem::Dependency
-  name: view_component
+  name: capybara
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.22.0
-  type: :runtime
+        version: '3.33'
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.22.0
+        version: '3.33'
 - !ruby/object:Gem::Dependency
-  name: capybara
+  name: rspec-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.33'
+        version: 4.0.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.33'
+        version: 4.0.1
 - !ruby/object:Gem::Dependency
-  name: rspec-rails
+  name: rubocop-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.0.1
+        version: '2.8'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.0.1
+        version: '2.8'
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -183,6 +183,7 @@ files:
 - app/views/bs5/examples/alert/style/_example.html.erb
 - app/views/bs5/examples/alert/style/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