bs5 0.0.24 → 0.0.29

data/app/views/bs5/examples/progress/backgrounds/snippet1.html.erb

@@ -0,0 +1,13 @@
+<div class="mb-3">
+  <%= bs5_progress(25, color: :success) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(50, color: :info) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(75, color: :warning) %>
+</div>
+
+<%= bs5_progress(100, color: :danger) %>

data/app/views/bs5/examples/progress/examples/snippet1.html.erb

@@ -0,0 +1,17 @@
+<div class="mb-3">
+  <%= bs5_progress(0) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(25) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(50) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(75) %>
+</div>
+
+<%= bs5_progress(100) %>

data/app/views/bs5/examples/progress/labels/snippet1.html.erb

@@ -0,0 +1,5 @@
+<div class="mb-3">
+  <%= bs5_progress(25, label: true) %>
+</div>
+
+<%= bs5_progress(50, label: "Woah, we're half way there.") %>

data/app/views/bs5/examples/progress/multiple_bars/snippet1.html.erb

@@ -0,0 +1,5 @@
+<%= bs5_progress do |p| %>
+  <%= p.bar(15) %>
+  <%= p.bar(30, color: :success) %>
+  <%= p.bar(20, color: :info) %>
+<% end %>

data/app/views/bs5/examples/progress/striped/snippet1.html.erb

@@ -0,0 +1,13 @@
+<div class="mb-3">
+  <%= bs5_progress(25, striped: true, color: :success) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(50, striped: true, color: :info) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(75, striped: true, color: :warning) %>
+</div>
+
+<%= bs5_progress(100, striped: true, color: :danger) %>

data/app/views/bs5/examples/toasts/color_schemes/_example.html.erb

@@ -0,0 +1,2 @@
+<h2>Color schemes</h2>
+<%= bs5_example(snippet: 'toasts/color_schemes/snippet') %>

data/app/views/bs5/examples/toasts/color_schemes/snippet.html.erb

@@ -0,0 +1,33 @@
+<%= bs5_toast_container do %>
+  <%= bs5_toast(color: :primary, class: 'd-flex align-items-center') do |t| %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+
+  <%= bs5_toast(color: :secondary, class: 'd-flex align-items-center') do |t| %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+
+  <%= bs5_toast(color: :success, class: 'd-flex align-items-center') do |t| %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+
+  <%= bs5_toast(color: :danger, class: 'd-flex align-items-center') do |t| %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+
+  <%= bs5_toast(color: :warning, class: 'd-flex align-items-center') do |t| %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+
+  <%= bs5_toast(color: :info, class: 'd-flex align-items-center') do |t| %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+
+  <%= bs5_toast(color: :light, class: 'd-flex align-items-center') do |t| %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+
+  <%= bs5_toast(color: :dark, class: 'd-flex align-items-center') do |t| %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+<% end %>

data/app/views/bs5/examples/toasts/custom_content/_example.html.erb

@@ -0,0 +1,3 @@
+<h2>Custom content</h2>
+<%= bs5_example(snippet: 'toasts/custom_content/snippet1') %>
+<%= bs5_example(snippet: 'toasts/custom_content/snippet2') %>

data/app/views/bs5/examples/toasts/custom_content/snippet1.html.erb

@@ -0,0 +1,3 @@
+<%= bs5_toast(class: 'd-flex align-items-center') do |t| %>
+  <%= t.body do %>Hello, world! This is a toast message.<% end %>
+<% end %>

data/app/views/bs5/examples/toasts/custom_content/snippet2.html.erb

@@ -0,0 +1,9 @@
+<%= bs5_toast(close_button: false) do |t| %>
+  <%= t.body do %>
+    Hello, world! This is a toast message.
+    <div class="mt-2 pt-2 border-top">
+      <%= bs5_button_tag('Take action', color: :primary, size: :small) %>
+      <%= bs5_button_tag('Close', color: :secondary, size: :small, dismiss: :toast) %>
+    </div>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,2 @@
+<h2>Default</h2>
+<%= bs5_example(snippet: 'toasts/default/snippet') %>

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

@@ -0,0 +1,17 @@
+<%= bs5_toast do |t| %>
+  <%= t.header do %>
+    <svg
+      class="bd-placeholder-img rounded me-2"
+      width="20"
+      height="20"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      focusable="false"
+    >
+      <rect width="100%" height="100%" fill="#007aff"></rect>
+    </svg>
+    <strong class="me-auto">Bootstrap</strong>
+    <small>11 mins ago</small>
+  <% end %>
+  <%= t.body { "Hello, world! This is a toast message." } %>
+<% end %>

data/app/views/bs5/examples/toasts/js_options/_example.html.erb

@@ -0,0 +1,2 @@
+<h2>Options</h2>
+<%= bs5_example(snippet: 'toasts/js_options/snippet') %>

data/app/views/bs5/examples/toasts/js_options/snippet.html.erb

@@ -0,0 +1,23 @@
+<%= bs5_toast_container do %>
+  <%= bs5_toast(autohide: true, delay: 10_000, animation: false) do |t| %>
+    <%= t.header do %>
+      <svg
+        class="bd-placeholder-img rounded me-2"
+        width="20"
+        height="20"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-hidden="true"
+        focusable="false"
+      >
+        <rect width="100%" height="100%" fill="#007aff"></rect>
+      </svg>
+      <strong class="me-auto">Bootstrap</strong>
+      <small>11 mins ago</small>
+    <% end %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+
+  <%= bs5_toast(close_button: false, autohide: true, delay: 11_000) do |t| %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+<% end %>

data/app/views/bs5/examples/toasts/placement/_example.html.erb

@@ -0,0 +1,3 @@
+<h2>Placement</h2>
+<%= bs5_example(snippet: 'toasts/placement/snippet1') %>
+<%= bs5_example(snippet: 'toasts/placement/snippet2') %>

data/app/views/bs5/examples/toasts/placement/snippet1.html.erb

@@ -0,0 +1,44 @@
+<div
+  aria-live="polite"
+  aria-atomic="true"
+  class="position-relative"
+  style="min-height: 240px"
+>
+  <%= bs5_toast_container(class: 'position-absolute top-0 end-0') do %>
+    <%= bs5_toast do |t| %>
+      <%= t.header do %>
+        <svg
+          class="bd-placeholder-img rounded me-2"
+          width="20"
+          height="20"
+          xmlns="http://www.w3.org/2000/svg"
+          aria-hidden="true"
+          focusable="false"
+        >
+          <rect width="100%" height="100%" fill="#007aff"></rect>
+        </svg>
+        <strong class="me-auto">Bootstrap</strong>
+        <small>just now</small>
+      <% end %>
+      <%= t.body do %>See? Just like this.<% end %>
+    <% end %>
+
+    <%= bs5_toast do |t| %>
+      <%= t.header do %>
+        <svg
+          class="bd-placeholder-img rounded me-2"
+          width="20"
+          height="20"
+          xmlns="http://www.w3.org/2000/svg"
+          aria-hidden="true"
+          focusable="false"
+        >
+          <rect width="100%" height="100%" fill="#007aff"></rect>
+        </svg>
+        <strong class="me-auto">Bootstrap</strong>
+        <small>2 seconds ago</small>
+      <% end %>
+      <%= t.body do %>Heads up, toasts will stack automatically<% end %>
+    <% end %>
+  <% end %>
+</div>

data/app/views/bs5/examples/toasts/placement/snippet2.html.erb

@@ -0,0 +1,24 @@
+<div
+  aria-live="polite"
+  aria-atomic="true"
+  class="d-flex justify-content-center align-items-center w-100"
+  style="min-height: 240px"
+>
+  <%= bs5_toast do |t| %>
+    <%= t.header do %>
+      <svg
+        class="bd-placeholder-img rounded me-2"
+        width="20"
+        height="20"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-hidden="true"
+        focusable="false"
+      >
+        <rect width="100%" height="100%" fill="#007aff"></rect>
+      </svg>
+      <strong class="me-auto">Bootstrap</strong>
+      <small>11 mins ago</small>
+    <% end %>
+    <%= t.body do %>Hello, world! This is a toast message.<% end %>
+  <% end %>
+</div>

data/app/views/bs5/examples/toasts/stacking/_example.html.erb

@@ -0,0 +1,2 @@
+<h2>Stacking</h2>
+<%= bs5_example(snippet: 'toasts/stacking/snippet') %>

data/app/views/bs5/examples/toasts/stacking/snippet.html.erb

@@ -0,0 +1,37 @@
+<%= bs5_toast_container do %>
+  <%= bs5_toast do |t| %>
+    <%= t.header do %>
+      <svg
+        class="bd-placeholder-img rounded me-2"
+        width="20"
+        height="20"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-hidden="true"
+        focusable="false"
+      >
+        <rect width="100%" height="100%" fill="#007aff"></rect>
+      </svg>
+      <strong class="me-auto">Bootstrap</strong>
+      <small>just now</small>
+    <% end %>
+    <%= t.body do %>See? Just like this.<% end %>
+  <% end %>
+
+  <%= bs5_toast do |t| %>
+    <%= t.header do %>
+      <svg
+        class="bd-placeholder-img rounded me-2"
+        width="20"
+        height="20"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-hidden="true"
+        focusable="false"
+      >
+        <rect width="100%" height="100%" fill="#007aff"></rect>
+      </svg>
+      <strong class="me-auto">Bootstrap</strong>
+      <small>2 seconds ago</small>
+    <% end %>
+    <%= t.body do %>Heads up, toasts will stack automatically<% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,3 @@
+<h1>Carousel</h1>
+<%= render 'bs5/examples/carousel/examples' %>
+<%= render 'bs5/examples/carousel/dark_variant' %>

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

@@ -0,0 +1,10 @@
+<h1>Dropdowns</h1>
+<h2>Examples</h2>
+<%= render 'bs5/examples/dropdowns/single/example' %>
+<%= render 'bs5/examples/dropdowns/split/example' %>
+<%= render 'bs5/examples/dropdowns/sizing/example' %>
+<%= render 'bs5/examples/dropdowns/dark/example' %>
+<%= render 'bs5/examples/dropdowns/directions/example' %>
+<%= render 'bs5/examples/dropdowns/menu_items/example' %>
+<%= render 'bs5/examples/dropdowns/menu_alignment/example' %>
+<%= render 'bs5/examples/dropdowns/menu_content/example' %>

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

@@ -0,0 +1,4 @@
+<h1>Modal</h1>
+<%= render 'bs5/examples/modal/examples' %>
+<%= render 'bs5/examples/modal/optional_sizes' %>
+<%= render 'bs5/examples/modal/fullscreen' %>

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

@@ -0,0 +1,7 @@
+<h1>Progress</h1>
+<%= render 'bs5/examples/progress/examples' %>
+<%= render 'bs5/examples/progress/labels' %>
+<%= render 'bs5/examples/progress/backgrounds' %>
+<%= render 'bs5/examples/progress/multiple_bars' %>
+<%= render 'bs5/examples/progress/striped' %>
+<%= render 'bs5/examples/progress/animated' %>

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

@@ -0,0 +1,7 @@
+<h1>Toasts</h1>
+<%= render 'bs5/examples/toasts/default/example' %>
+<%= render 'bs5/examples/toasts/stacking/example' %>
+<%= render 'bs5/examples/toasts/custom_content/example' %>
+<%= render 'bs5/examples/toasts/color_schemes/example' %>
+<%= render 'bs5/examples/toasts/placement/example' %>
+<%= render 'bs5/examples/toasts/js_options/example' %>

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

@@ -21,10 +21,15 @@
             <% 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('carousel'))) do %><%= link_to 'Carousel', pages_path('carousel') %><% end %>
             <% lg.item(active: current_page?(pages_path('collapse'))) do %><%= link_to 'Collapse', pages_path('collapse') %><% end %>
+            <% lg.item(active: current_page?(pages_path('dropdowns'))) do %><%= link_to 'Dropdowns', pages_path('dropdowns') %><% 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('modal'))) do %><%= link_to 'Modal', pages_path('modal') %><% end %>
             <% lg.item(active: current_page?(pages_path('popovers'))) do %><%= link_to 'Popovers', pages_path('popovers') %><% end %>
+            <% lg.item(active: current_page?(pages_path('progress'))) do %><%= link_to 'Progress', pages_path('progress') %><% end %>
             <% lg.item(active: current_page?(pages_path('spinners'))) do %><%= link_to 'Spinners', pages_path('spinners') %><% end %>
+            <% lg.item(active: current_page?(pages_path('toasts'))) do %><%= link_to 'Toasts', pages_path('toasts') %><% end %>
             <% lg.item(active: current_page?(pages_path('tooltips'))) do %><%= link_to 'Tooltips', pages_path('tooltips') %><% end %>
           <%- end %>
         </div>

data/lib/bs5/version.rb

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

data/lib/generators/bs5/install/templates/bs5.js

@@ -1,24 +1,35 @@
 import * as bootstrap from "bootstrap";
 
-function tooltipify() {
-  const tooltipTriggerList = [].slice.call(
-    document.querySelectorAll('[data-bs-toggle="tooltip"]')
-  );
-  tooltipTriggerList.map(function (tooltipTriggerEl) {
-    return new bootstrap.Tooltip(tooltipTriggerEl);
-  });
+function popoverify() {
+  document
+    .querySelectorAll('[data-bs-toggle="popover"]')
+    .forEach(function (popoverTriggerEl) {
+      new bootstrap.Popover(popoverTriggerEl);
+    });
 }
 
-function popoverify() {
-  const popoverTriggerList = [].slice.call(
-    document.querySelectorAll('[data-bs-toggle="popover"]')
-  );
-  popoverTriggerList.map(function (popoverTriggerEl) {
-    return new bootstrap.Popover(popoverTriggerEl);
+function toastify() {
+  document.querySelectorAll(".toast").forEach(function (toastNode) {
+    let autohide = new RegExp("true", "i").test(
+      toastNode.dataset["bsAutohide"] || "false"
+    );
+    let toast = new bootstrap.Toast(toastNode, {
+      autohide,
+    });
+    toast.show();
   });
 }
 
+function tooltipify() {
+  document
+    .querySelectorAll('[data-bs-toggle="tooltip"]')
+    .forEach(function (tooltipTriggerEl) {
+      new bootstrap.Tooltip(tooltipTriggerEl);
+    });
+}
+
 export function start() {
   popoverify();
+  toastify();
   tooltipify();
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bs5
 version: !ruby/object:Gem::Version
-  version: 0.0.24
+  version: 0.0.29
 platform: ruby
 authors:
 - Patrick Baselier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-12-16 00:00:00.000000000 Z
+date: 2020-12-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: nokogiri
@@ -141,14 +141,46 @@ files:
 - app/components/bs5/button_to_component.rb
 - app/components/bs5/button_toolbar_component.html.erb
 - app/components/bs5/button_toolbar_component.rb
+- app/components/bs5/carousel/caption_component.html.erb
+- app/components/bs5/carousel/caption_component.rb
+- app/components/bs5/carousel/item_component.html.erb
+- app/components/bs5/carousel/item_component.rb
+- app/components/bs5/carousel_component.html.erb
+- app/components/bs5/carousel_component.rb
 - app/components/bs5/close_button_component.html.erb
 - app/components/bs5/close_button_component.rb
+- app/components/bs5/dropdown/item_component.html.erb
+- app/components/bs5/dropdown/item_component.rb
+- app/components/bs5/dropdown_component.html.erb
+- app/components/bs5/dropdown_component.rb
 - app/components/bs5/example_component.html.erb
 - app/components/bs5/example_component.rb
 - app/components/bs5/list_group_component.html.erb
 - app/components/bs5/list_group_component.rb
+- app/components/bs5/modal/body_component.html.erb
+- app/components/bs5/modal/body_component.rb
+- app/components/bs5/modal/controller_component.html.erb
+- app/components/bs5/modal/controller_component.rb
+- app/components/bs5/modal/footer_component.html.erb
+- app/components/bs5/modal/footer_component.rb
+- app/components/bs5/modal/header_component.html.erb
+- app/components/bs5/modal/header_component.rb
+- app/components/bs5/modal_component.html.erb
+- app/components/bs5/modal_component.rb
+- app/components/bs5/progress/bar_component.html.erb
+- app/components/bs5/progress/bar_component.rb
+- app/components/bs5/progress_component.html.erb
+- app/components/bs5/progress_component.rb
 - app/components/bs5/spinner_component.html.erb
 - app/components/bs5/spinner_component.rb
+- app/components/bs5/toast/body_component.html.erb
+- app/components/bs5/toast/body_component.rb
+- app/components/bs5/toast/header_component.html.erb
+- app/components/bs5/toast/header_component.rb
+- app/components/bs5/toast_component.html.erb
+- app/components/bs5/toast_component.rb
+- app/components/bs5/toast_container_component.html.erb
+- app/components/bs5/toast_container_component.rb
 - app/controllers/bs5/application_controller.rb
 - app/controllers/bs5/pages_controller.rb
 - app/helpers/bs5/application_helper.rb
@@ -207,6 +239,15 @@ files:
 - app/views/bs5/examples/buttons/button_tag/toggle_states/snippet.html.erb
 - app/views/bs5/examples/buttons/button_to/default/_example.html.erb
 - app/views/bs5/examples/buttons/button_to/default/snippet.html.erb
+- app/views/bs5/examples/carousel/_dark_variant.html.erb
+- app/views/bs5/examples/carousel/_examples.html.erb
+- app/views/bs5/examples/carousel/dark_variant/snippet1.html.erb
+- app/views/bs5/examples/carousel/examples/snippet1.html.erb
+- app/views/bs5/examples/carousel/examples/snippet2.html.erb
+- app/views/bs5/examples/carousel/examples/snippet3.html.erb
+- app/views/bs5/examples/carousel/examples/snippet4.html.erb
+- app/views/bs5/examples/carousel/examples/snippet5.html.erb
+- app/views/bs5/examples/carousel/examples/snippet6.html.erb
 - app/views/bs5/examples/close_button/default/_example.html.erb
 - app/views/bs5/examples/close_button/default/snippet.html.erb
 - app/views/bs5/examples/close_button/disabled/_example.html.erb
@@ -216,6 +257,36 @@ files:
 - app/views/bs5/examples/collapse/default/_example.html.erb
 - app/views/bs5/examples/collapse/default/multiple_targets.html.erb
 - app/views/bs5/examples/collapse/default/snippet.html.erb
+- app/views/bs5/examples/dropdowns/dark/_example.html.erb
+- app/views/bs5/examples/dropdowns/dark/snippet.html.erb
+- app/views/bs5/examples/dropdowns/directions/_example.html.erb
+- app/views/bs5/examples/dropdowns/directions/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/directions/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/directions/snippet3.html.erb
+- app/views/bs5/examples/dropdowns/menu_alignment/_example.html.erb
+- app/views/bs5/examples/dropdowns/menu_alignment/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/menu_alignment/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/menu_alignment/snippet3.html.erb
+- app/views/bs5/examples/dropdowns/menu_content/_example.html.erb
+- app/views/bs5/examples/dropdowns/menu_content/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/menu_content/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/menu_content/snippet3.html.erb
+- app/views/bs5/examples/dropdowns/menu_content/snippet4.html.erb
+- app/views/bs5/examples/dropdowns/menu_items/_example.html.erb
+- app/views/bs5/examples/dropdowns/menu_items/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/menu_items/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/menu_items/snippet3.html.erb
+- app/views/bs5/examples/dropdowns/menu_items/snippet4.html.erb
+- app/views/bs5/examples/dropdowns/single/_example.html.erb
+- app/views/bs5/examples/dropdowns/single/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/single/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/single/snippet3.html.erb
+- app/views/bs5/examples/dropdowns/sizing/_example.html.erb
+- app/views/bs5/examples/dropdowns/sizing/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/sizing/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/split/_example.html.erb
+- app/views/bs5/examples/dropdowns/split/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/split/snippet2.html.erb
 - app/views/bs5/examples/list_group/actionable/_example.html.erb
 - app/views/bs5/examples/list_group/actionable/button.html.erb
 - app/views/bs5/examples/list_group/actionable/snippet.html.erb
@@ -239,6 +310,15 @@ files:
 - app/views/bs5/examples/list_group/style/default.html.erb
 - app/views/bs5/examples/list_group/with_badges/_example.html.erb
 - app/views/bs5/examples/list_group/with_badges/default.html.erb
+- app/views/bs5/examples/modal/_examples.html.erb
+- app/views/bs5/examples/modal/_fullscreen.html.erb
+- app/views/bs5/examples/modal/_optional_sizes.html.erb
+- app/views/bs5/examples/modal/examples/snippet1.html.erb
+- app/views/bs5/examples/modal/examples/snippet2.html.erb
+- app/views/bs5/examples/modal/examples/snippet3.html.erb
+- app/views/bs5/examples/modal/examples/snippet4.html.erb
+- app/views/bs5/examples/modal/fullscreen/snippet1.html.erb
+- app/views/bs5/examples/modal/optional_sizes/snippet1.html.erb
 - app/views/bs5/examples/popovers/default/_example.html.erb
 - app/views/bs5/examples/popovers/default/snippet.html.erb
 - app/views/bs5/examples/popovers/disabled_elements/_example.html.erb
@@ -247,6 +327,18 @@ 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/progress/_animated.html.erb
+- app/views/bs5/examples/progress/_backgrounds.html.erb
+- app/views/bs5/examples/progress/_examples.html.erb
+- app/views/bs5/examples/progress/_labels.html.erb
+- app/views/bs5/examples/progress/_multiple_bars.html.erb
+- app/views/bs5/examples/progress/_striped.html.erb
+- app/views/bs5/examples/progress/animated/snippet1.html.erb
+- app/views/bs5/examples/progress/backgrounds/snippet1.html.erb
+- app/views/bs5/examples/progress/examples/snippet1.html.erb
+- app/views/bs5/examples/progress/labels/snippet1.html.erb
+- app/views/bs5/examples/progress/multiple_bars/snippet1.html.erb
+- app/views/bs5/examples/progress/striped/snippet1.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
@@ -265,6 +357,20 @@ files:
 - 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/toasts/color_schemes/_example.html.erb
+- app/views/bs5/examples/toasts/color_schemes/snippet.html.erb
+- app/views/bs5/examples/toasts/custom_content/_example.html.erb
+- app/views/bs5/examples/toasts/custom_content/snippet1.html.erb
+- app/views/bs5/examples/toasts/custom_content/snippet2.html.erb
+- app/views/bs5/examples/toasts/default/_example.html.erb
+- app/views/bs5/examples/toasts/default/snippet.html.erb
+- app/views/bs5/examples/toasts/js_options/_example.html.erb
+- app/views/bs5/examples/toasts/js_options/snippet.html.erb
+- app/views/bs5/examples/toasts/placement/_example.html.erb
+- app/views/bs5/examples/toasts/placement/snippet1.html.erb
+- app/views/bs5/examples/toasts/placement/snippet2.html.erb
+- app/views/bs5/examples/toasts/stacking/_example.html.erb
+- app/views/bs5/examples/toasts/stacking/snippet.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
@@ -275,11 +381,16 @@ files:
 - app/views/bs5/pages/breadcrumb.html.erb
 - app/views/bs5/pages/button_group.html.erb
 - app/views/bs5/pages/buttons.html.erb
+- app/views/bs5/pages/carousel.html.erb
 - app/views/bs5/pages/close_button.html.erb
 - app/views/bs5/pages/collapse.html.erb
+- app/views/bs5/pages/dropdowns.html.erb
 - app/views/bs5/pages/list_group.html.erb
+- app/views/bs5/pages/modal.html.erb
 - app/views/bs5/pages/popovers.html.erb
+- app/views/bs5/pages/progress.html.erb
 - app/views/bs5/pages/spinners.html.erb
+- app/views/bs5/pages/toasts.html.erb
 - app/views/bs5/pages/tooltips.html.erb
 - app/views/layouts/bs5/application.html.erb
 - app/views/layouts/bs5/pages.html.erb