Merge branch 'main' of https://github.com/coreui/coreui-free-bootstrap-admin-template

# Conflicts:
#	src/views/notifications/alerts.html
#	src/views/notifications/badge.html
#	src/views/notifications/modals.html
#	src/views/notifications/toasts.html

Author: mrholek

src/views/notifications/alerts.html

@@ -300,7 +300,7 @@
                   <p class="text-medium-emphasis small">Bootstrap alert is prepared for any length of text, as well as an optional close button. For a styling, use one of the <strong>required</strong> contextual classes (e.g.,<code>.alert-success</code>).</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-386" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-925" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -310,7 +310,7 @@
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-386">
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-925">
                         <div class="alert alert-primary" role="alert">This is a primary alert—check it out!</div>
                         <div class="alert alert-secondary" role="alert">This is a secondary alert—check it out!</div>
                         <div class="alert alert-success" role="alert">This is a success alert—check it out!</div>
@@ -332,7 +332,7 @@
                   <p class="text-medium-emphasis small">Use the <code>.alert-link</code> utility class to immediately give matching colored links inside any alert.</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-890" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-695" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -342,7 +342,7 @@
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-890">
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-695">
                         <div class="alert alert-primary" role="alert">This is a primary alert with <a class="alert-link" href="#">an example link</a>. Give it a click if you like.</div>
                         <div class="alert alert-secondary" role="alert">This is a secondary alert with <a class="alert-link" href="#">an example link</a>. Give it a click if you like.</div>
                         <div class="alert alert-success" role="alert">This is a success alert with <a class="alert-link" href="#">an example link</a>. Give it a click if you like.</div>
@@ -368,7 +368,7 @@
                   <p class="text-medium-emphasis small">Alert can also incorporate supplementary HTML elements like heading, paragraph, and divider.</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-486" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-154" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -378,7 +378,7 @@
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-486">
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-154">
                         <div class="alert alert-success" role="alert">
                           <h4 class="alert-heading">Well done!</h4>
                           <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
@@ -399,7 +399,7 @@ <h4 class="alert-heading">Well done!</h4>
                   <p class="text-medium-emphasis small">Using the JavaScript plugin, it’s possible to remove any alert.</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-962" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-812" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -409,7 +409,7 @@ <h4 class="alert-heading">Well done!</h4>
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-962">
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-812">
                         <div class="alert alert-warning alert-dismissible fade show" role="alert">
                           <div class="fw-semibold">Holy guacamole!</div> You should check in on some of those fields below.
                           <button class="btn-close" type="button" data-coreui-dismiss="alert" aria-label="Close"></button>
@@ -432,7 +432,7 @@ <h4 class="alert-heading">Well done!</h4>
     <!-- CoreUI and necessary plugins-->
     <script src="node_modules/@coreui/coreui/dist/js/coreui.bundle.min.js"></script>
     <script src="node_modules/simplebar/dist/simplebar.min.js"></script>
-    <script>
+    <script> 
     </script>
   </body>
-</html>
+</html>

src/views/notifications/badge.html

@@ -300,7 +300,7 @@
                   <p class="text-medium-emphasis small">Bootstrap badge scale to suit the size of the parent element by using relative font sizing and <code>em</code> units.</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-319" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-1041" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -310,7 +310,7 @@
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-319">
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-1041">
                         <h1>Example heading<span class="badge bg-secondary">New</span></h1>
                         <h2>Example heading<span class="badge bg-secondary">New</span></h2>
                         <h3>Example heading<span class="badge bg-secondary">New</span></h3>
@@ -323,7 +323,7 @@ <h6>Example heading<span class="badge bg-secondary">New</span></h6>
                   <p class="text-medium-emphasis small">Badges can be used as part of links or buttons to provide a counter.</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-958" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-1072" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -333,7 +333,7 @@ <h6>Example heading<span class="badge bg-secondary">New</span></h6>
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-958">
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-1072">
                         <button class="btn btn-primary" type="button">Notifications<span class="badge bg-secondary">4</span></button>
                       </div>
                     </div>
@@ -348,7 +348,7 @@ <h6>Example heading<span class="badge bg-secondary">New</span></h6>
                   <p class="text-medium-emphasis small">Add any of the below-mentioned classes to modify the presentation of a badge. Please note that when using Bootstrap’s default <code>.bg-light</code>, you’ll likely need a text color utility like <code>.text-dark</code> for proper styling. This is because background utilities do not set anything but <code>background-color</code>.</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-129" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-736" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -358,7 +358,7 @@ <h6>Example heading<span class="badge bg-secondary">New</span></h6>
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-129"><span class="badge me-1 bg-primary">Primary</span>
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-736"><span class="badge me-1 bg-primary">Primary</span>
 <span class="badge me-1 bg-secondary">Secondary</span>
 <span class="badge me-1 bg-success">Success</span>
 <span class="badge me-1 bg-danger">Danger</span>
@@ -377,7 +377,7 @@ <h6>Example heading<span class="badge bg-secondary">New</span></h6>
                   <p class="text-medium-emphasis small">Apply the <code>.rounded-pill</code> modifier class to make badges rounded.</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-997" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-83" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -387,7 +387,7 @@ <h6>Example heading<span class="badge bg-secondary">New</span></h6>
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-997"><span class="badge me-1 rounded-pill bg-primary">Primary</span>
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-83"><span class="badge me-1 rounded-pill bg-primary">Primary</span>
 <span class="badge me-1 rounded-pill bg-secondary">Secondary</span>
 <span class="badge me-1 rounded-pill bg-success">Success</span>
 <span class="badge me-1 rounded-pill bg-danger">Danger</span>
@@ -413,7 +413,7 @@ <h6>Example heading<span class="badge bg-secondary">New</span></h6>
     <!-- CoreUI and necessary plugins-->
     <script src="node_modules/@coreui/coreui/dist/js/coreui.bundle.min.js"></script>
     <script src="node_modules/simplebar/dist/simplebar.min.js"></script>
-    <script>
+    <script> 
     </script>
   </body>
-</html>
+</html>