2 år sedan · 3d69d27396
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,15 @@
 
				 All notable changes to this project will be documented in this file.
			
 
				 
			
 
				 
			
 
				+## `1.0.0-beta19` - 2023-05-15
			
 
				+
			
 
				+- Add customizable Star Ratings component using `star-rating.js` library (#1571)
			
 
				+- Add new "Filled" section to Icons page (#1574)
			
 
				+- Fix form controls bugs in dark mode (#1573)
			
 
				+- Fix text color in dark version of navbar (#1569)
			
 
				+- Changelog update
			
 
				+
			
 
				+
			
 
				 ## `1.0.0-beta18` - 2023-05-14
			
 
				 
			
 
				 - new page: Cookie banner
			
--- a/demo/accordion.html
+++ b/demo/accordion.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Accordion - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -659,7 +663,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -680,7 +684,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -692,7 +696,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/activity.html
+++ b/demo/activity.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Activity - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -861,7 +865,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -882,7 +886,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -894,7 +898,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/auth-lock.html
+++ b/demo/auth-lock.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body  class=" d-flex flex-column">
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page page-center">
			
 
				       <div class="container container-tight py-4">
			
 
				         <div class="text-center mb-4">
			
@@ -62,7 +62,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/badges.html
+++ b/demo/badges.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Badges - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -759,7 +763,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -780,7 +784,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -792,7 +796,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/blank.html
+++ b/demo/blank.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -608,7 +612,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -629,7 +633,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -641,7 +645,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/buttons.html
+++ b/demo/buttons.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1408,7 +1412,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1429,7 +1433,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -1441,7 +1445,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/card-actions.html
+++ b/demo/card-actions.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Card actions - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -807,7 +811,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -828,7 +832,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -840,7 +844,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/cards-masonry.html
+++ b/demo/cards-masonry.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Cards Masonry - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -747,7 +751,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -768,7 +772,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -781,7 +785,7 @@
 
				     <!-- Libs JS -->
			
 
				     <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/cards.html
+++ b/demo/cards.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1325,7 +1329,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1346,7 +1350,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -1358,7 +1362,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/carousel.html
+++ b/demo/carousel.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -907,7 +911,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -928,7 +932,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -940,7 +944,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/changelog.html
+++ b/demo/changelog.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Changelog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -593,31 +597,43 @@
 
				                     <h1>Changelog</h1>
			
 
				                     <div class="mb-4">
			
 
				                       <h2 class="mb-2">
			
 
				-                        <span>1.0.0</span> –
			
 
				-                        <small>March 01, 2023</small>
			
 
				+                        <span>1.0.0-beta19</span> –
			
 
				+                        <small>May 15, 2023</small>
			
 
				+                      </h2>
			
 
				+                      <ul>
			
 
				+                        <li>Add customizable Star Ratings component using <code class="language-plaintext highlighter-rouge">star-rating.js</code> library (<a href="https://github.com/tabler/tabler/issues/1571" target="_blank" rel="noopener">#1571</a>)</li>
			
 
				+                        <li>Add new “Filled” section to Icons page (<a href="https://github.com/tabler/tabler/issues/1574" target="_blank" rel="noopener">#1574</a>)</li>
			
 
				+                        <li>Fix form controls bugs in dark mode (<a href="https://github.com/tabler/tabler/issues/1573" target="_blank" rel="noopener">#1573</a>)</li>
			
 
				+                        <li>Fix text color in dark version of navbar (<a href="https://github.com/tabler/tabler/issues/1569" target="_blank" rel="noopener">#1569</a>)</li>
			
 
				+                        <li>Changelog update</li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="mb-4">
			
 
				+                      <h2 class="mb-2">
			
 
				+                        <span>1.0.0-beta18</span> –
			
 
				+                        <small>May 14, 2023</small>
			
 
				                       </h2>
			
 
				-                      <p class="strong">Version 1.0 of Tabler! 😍🤩</p>
			
 
				                       <ul>
			
 
				                         <li>new page: Cookie banner</li>
			
 
				-                        <li>update icons to v2.7.0</li>
			
 
				-                        <li>optimise images with <code class="language-plaintext highlighter-rouge">calibre/image-actions</code></li>
			
 
				-                        <li>new docs</li>
			
 
				-                        <li>spacers unify</li>
			
 
				-                        <li>fix non full width selects <a href="https://github.com/tabler/tabler/issues/1392" target="_blank" rel="noopener">#1392</a></li>
			
 
				-                        <li>fix bootstrap imports (<a href="https://github.com/tabler/tabler/issues/1477" target="_blank" rel="noopener">#1477</a>)</li>
			
 
				-                        <li>update dependencies</li>
			
 
				-                        <li>images optimization</li>
			
 
				-                        <li>flags border fix</li>
			
 
				-                        <li>fix color variables</li>
			
 
				-                        <li>scss build fix</li>
			
 
				-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1440" target="_blank" rel="noopener">#1440</a>: more symmetry between modals and cards</li>
			
 
				-                        <li>dropdown shadow fix, colors fix</li>
			
 
				-                        <li>feat: dark mode lite colors improvement</li>
			
 
				-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1464" target="_blank" rel="noopener">#1464</a>: avatars overlap transparently</li>
			
 
				-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1426" target="_blank" rel="noopener">#1426</a>: TinyMCE drop down icon list transparent</li>
			
 
				-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1453" target="_blank" rel="noopener">#1453</a>: Term of service page is truncated</li>
			
 
				-                        <li>added epayco Latin America payment gateway</li>
			
 
				-                        <li>add canonical urls</li>
			
 
				+                        <li>Unify dark mode with latest Bootstrap API and improve dark mode elements (<a href="https://github.com/tabler/tabler/issues/1561" target="_blank" rel="noopener">#1561</a>)</li>
			
 
				+                        <li>Update Tabler Icons to version 2.18 with 18 new icons added (<a href="https://github.com/tabler/tabler/issues/1560" target="_blank" rel="noopener">#1560</a>)</li>
			
 
				+                        <li>Switch from <code class="language-plaintext highlighter-rouge">npm</code> to <code class="language-plaintext highlighter-rouge">pnpm</code> for faster package installation (<a href="https://github.com/tabler/tabler/issues/1559" target="_blank" rel="noopener">#1559</a>)</li>
			
 
				+                        <li>Add Prettier to project for consistent code formatting (<a href="https://github.com/tabler/tabler/issues/1558" target="_blank" rel="noopener">#1558</a>)</li>
			
 
				+                        <li>Update required Node.js version to 18 and add <code class="language-plaintext highlighter-rouge">.nvmrc</code> file (<a href="https://github.com/tabler/tabler/issues/1555" target="_blank" rel="noopener">#1555</a>)</li>
			
 
				+                        <li>Add All Contributions package to project for easy contribution tracking (<a href="https://github.com/tabler/tabler/issues/1556" target="_blank" rel="noopener">#1556</a>)</li>
			
 
				+                        <li>Add support for changeset tool for more efficient and organized code changes (<a href="https://github.com/tabler/tabler/issues/1553" target="_blank" rel="noopener">#1553</a>)</li>
			
 
				+                        <li>Fix bug where <code class="language-plaintext highlighter-rouge">border-1</code>, <code class="language-plaintext highlighter-rouge">border-2</code>, etc don’t work (<a href="https://github.com/tabler/tabler/issues/1526" target="_blank" rel="noopener">#1526</a>)</li>
			
 
				+                        <li>Fix indeterminate input background color (<a href="https://github.com/tabler/tabler/issues/1536" target="_blank" rel="noopener">#1536</a>)</li>
			
 
				+                        <li>Update Bootstrap to <code class="language-plaintext highlighter-rouge">5.3.0-alpha3</code> (<a href="https://github.com/tabler/tabler/issues/1543" target="_blank" rel="noopener">#1543</a>)</li>
			
 
				+                        <li><code class="language-plaintext highlighter-rouge">tom-select</code> dark mode styling fixes</li>
			
 
				+                        <li>Advanced udage of <code class="language-plaintext highlighter-rouge">tom-select</code> (<a href="https://github.com/tabler/tabler/issues/1480" target="_blank" rel="noopener">#1480</a>)</li>
			
 
				+                        <li>Fix Dropdown menu in rtl mode (<a href="https://github.com/tabler/tabler/issues/801" target="_blank" rel="noopener">#801</a>)</li>
			
 
				+                        <li>Fix <code class="language-plaintext highlighter-rouge">tom-select</code> dropdown will be shaded in table-responsive (<a href="https://github.com/tabler/tabler/issues/1409" target="_blank" rel="noopener">#1409</a>)</li>
			
 
				+                        <li>Remove overflow scroll from body</li>
			
 
				+                        <li>Fix avatars overlap transparently (<a href="https://github.com/tabler/tabler/issues/1464" target="_blank" rel="noopener">#1464</a>)</li>
			
 
				+                        <li>Fix TinyMCE dropdown icon list transparent (<a href="https://github.com/tabler/tabler/issues/1426" target="_blank" rel="noopener">#1426</a>)</li>
			
 
				+                        <li>Dark mode lite colors improvement</li>
			
 
				+                        <li>Fix non full width selects (<a href="https://github.com/tabler/tabler/issues/1392" target="_blank" rel="noopener">#1392</a>)</li>
			
 
				                       </ul>
			
 
				                     </div>
			
 
				                     <div class="mb-4">
			
@@ -951,7 +967,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -972,7 +988,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -984,7 +1000,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/charts.html
+++ b/demo/charts.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -836,7 +840,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -857,7 +861,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -868,10 +872,10 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/colors.html
+++ b/demo/colors.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Colors - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -905,7 +909,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -926,7 +930,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -938,7 +942,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/cookie-banner.html
+++ b/demo/cookie-banner.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Cookie banner - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -626,7 +630,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -647,7 +651,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -659,7 +663,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/datagrid.html
+++ b/demo/datagrid.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Data grid - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -693,7 +697,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -714,7 +718,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -726,7 +730,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/datatables.html
+++ b/demo/datatables.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Datatables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -926,7 +930,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -947,7 +951,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -958,10 +962,10 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/list.js/dist/list.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/list.js/dist/list.min.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       document.addEventListener("DOMContentLoaded", function() {
			
 
				       const list = new List('table-default', {
			
--- a/demo/dist/css/demo.css
+++ b/demo/dist/css/demo.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/demo.min.css
+++ b/demo/dist/css/demo.min.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/demo.rtl.css
+++ b/demo/dist/css/demo.rtl.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/demo.rtl.min.css
+++ b/demo/dist/css/demo.rtl.min.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-flags.css
+++ b/demo/dist/css/tabler-flags.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-flags.min.css
+++ b/demo/dist/css/tabler-flags.min.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-flags.rtl.css
+++ b/demo/dist/css/tabler-flags.rtl.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-flags.rtl.min.css
+++ b/demo/dist/css/tabler-flags.rtl.min.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-payments.css
+++ b/demo/dist/css/tabler-payments.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-payments.min.css
+++ b/demo/dist/css/tabler-payments.min.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-payments.rtl.css
+++ b/demo/dist/css/tabler-payments.rtl.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-payments.rtl.min.css
+++ b/demo/dist/css/tabler-payments.rtl.min.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-social.css
+++ b/demo/dist/css/tabler-social.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-social.min.css
+++ b/demo/dist/css/tabler-social.min.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-social.rtl.css
+++ b/demo/dist/css/tabler-social.rtl.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-social.rtl.min.css
+++ b/demo/dist/css/tabler-social.rtl.min.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/css/tabler-vendors.css
+++ b/demo/dist/css/tabler-vendors.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -1418,4 +1418,21 @@ body {
 
				 .tox .tox-toolbar-overlord,
			
 
				 .tox:not(.tox-tinymce-inline) .tox-editor-header {
			
 
				   background: transparent !important;
			
 
				+}
			
 
				+
			
 
				+:root {
			
 
				+  --gl-star-size: auto;
			
 
				+  --gl-star-color: var(--tblr-yellow);
			
 
				+  --gl-star-color-inactive: var(--tblr-border-color);
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] svg {
			
 
				+  width: var(--tblr-icon-size, --gl-star-size);
			
 
				+  height: var(--tblr-icon-size, --gl-star-size);
			
 
				+}
			
 
				+[data-star-rating] :not(.gl-active) > .gl-star-full {
			
 
				+  color: var(--gl-star-color-inactive) !important;
			
 
				+}
			
 
				+[data-star-rating] .gl-active > .gl-star-full {
			
 
				+  color: var(--gl-star-color);
			
 
				 }
			
--- a/demo/dist/css/tabler-vendors.min.css
+++ b/demo/dist/css/tabler-vendors.min.css
--- a/demo/dist/css/tabler-vendors.rtl.css
+++ b/demo/dist/css/tabler-vendors.rtl.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -1418,4 +1418,21 @@ body {
 
				 .tox .tox-toolbar-overlord,
			
 
				 .tox:not(.tox-tinymce-inline) .tox-editor-header {
			
 
				   background: transparent !important;
			
 
				+}
			
 
				+
			
 
				+:root {
			
 
				+  --gl-star-size: auto;
			
 
				+  --gl-star-color: var(--tblr-yellow);
			
 
				+  --gl-star-color-inactive: var(--tblr-border-color);
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] svg {
			
 
				+  width: var(--tblr-icon-size, --gl-star-size);
			
 
				+  height: var(--tblr-icon-size, --gl-star-size);
			
 
				+}
			
 
				+[data-star-rating] :not(.gl-active) > .gl-star-full {
			
 
				+  color: var(--gl-star-color-inactive) !important;
			
 
				+}
			
 
				+[data-star-rating] .gl-active > .gl-star-full {
			
 
				+  color: var(--gl-star-color);
			
 
				 }
			
--- a/demo/dist/css/tabler-vendors.rtl.min.css
+++ b/demo/dist/css/tabler-vendors.rtl.min.css
--- a/demo/dist/css/tabler.css
+++ b/demo/dist/css/tabler.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -3341,7 +3341,7 @@ textarea.form-control-lg {
 
				   color: var(--tblr-muted);
			
 
				   text-align: center;
			
 
				   white-space: nowrap;
			
 
				-  background-color: #fcfdfe;
			
 
				+  background-color: var(--tblr-bg-surface-secondary);
			
 
				   border: var(--tblr-border-width) solid var(--tblr-border-color);
			
 
				   border-radius: var(--tblr-border-radius);
			
 
				 }
			
@@ -16003,7 +16003,7 @@ Navbar
 
				   --tblr-navbar-border-width: var(--tblr-border-width);
			
 
				   --tblr-navbar-active-border-color: var(--tblr-primary);
			
 
				   --tblr-navbar-active-bg: rgba(0, 0, 0, 0.06);
			
 
				-  --tblr-navbar-color: inherit;
			
 
				+  --tblr-navbar-color: var(--tblr-body-color);
			
 
				   --tblr-navbar-border-color: var(--tblr-border-color);
			
 
				   align-items: stretch;
			
 
				   min-height: 3.5rem;
			
@@ -21092,7 +21092,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y > :not(template):not(:first-child) {
			
 
				   padding-top: 1rem !important;
			
@@ -21102,7 +21102,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x > :not(template) ~ :not(template) {
			
 
				-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x > :not(template):not(:first-child) {
			
 
				   padding-left: 1rem !important;
			
@@ -21112,7 +21112,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-0 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-0 > :not(template):not(:first-child) {
			
 
				   padding-top: 0 !important;
			
@@ -21122,7 +21122,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-0 > :not(template) ~ :not(template) {
			
 
				-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-0 > :not(template):not(:first-child) {
			
 
				   padding-left: 0 !important;
			
@@ -21132,7 +21132,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-1 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-1 > :not(template):not(:first-child) {
			
 
				   padding-top: 0.25rem !important;
			
@@ -21142,7 +21142,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-1 > :not(template) ~ :not(template) {
			
 
				-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-1 > :not(template):not(:first-child) {
			
 
				   padding-left: 0.25rem !important;
			
@@ -21152,7 +21152,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-2 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-2 > :not(template):not(:first-child) {
			
 
				   padding-top: 0.5rem !important;
			
@@ -21162,7 +21162,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-2 > :not(template) ~ :not(template) {
			
 
				-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-2 > :not(template):not(:first-child) {
			
 
				   padding-left: 0.5rem !important;
			
@@ -21172,7 +21172,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-3 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-3 > :not(template):not(:first-child) {
			
 
				   padding-top: 1rem !important;
			
@@ -21182,7 +21182,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-3 > :not(template) ~ :not(template) {
			
 
				-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-3 > :not(template):not(:first-child) {
			
 
				   padding-left: 1rem !important;
			
@@ -21192,7 +21192,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-4 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-4 > :not(template):not(:first-child) {
			
 
				   padding-top: 1.5rem !important;
			
@@ -21202,7 +21202,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-4 > :not(template) ~ :not(template) {
			
 
				-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-4 > :not(template):not(:first-child) {
			
 
				   padding-left: 1.5rem !important;
			
@@ -21212,7 +21212,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-5 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-5 > :not(template):not(:first-child) {
			
 
				   padding-top: 2rem !important;
			
@@ -21222,7 +21222,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-5 > :not(template) ~ :not(template) {
			
 
				-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-5 > :not(template):not(:first-child) {
			
 
				   padding-left: 2rem !important;
			
@@ -21232,7 +21232,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-6 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-6 > :not(template):not(:first-child) {
			
 
				   padding-top: 3rem !important;
			
@@ -21242,7 +21242,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-6 > :not(template) ~ :not(template) {
			
 
				-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-6 > :not(template):not(:first-child) {
			
 
				   padding-left: 3rem !important;
			
@@ -21252,7 +21252,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-7 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-7 > :not(template):not(:first-child) {
			
 
				   padding-top: 5rem !important;
			
@@ -21262,7 +21262,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-7 > :not(template) ~ :not(template) {
			
 
				-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-7 > :not(template):not(:first-child) {
			
 
				   padding-left: 5rem !important;
			
@@ -21272,7 +21272,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-8 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-8 > :not(template):not(:first-child) {
			
 
				   padding-top: 8rem !important;
			
@@ -21282,7 +21282,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-8 > :not(template) ~ :not(template) {
			
 
				-  border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-8 > :not(template):not(:first-child) {
			
 
				   padding-left: 8rem !important;
			
@@ -23771,6 +23771,9 @@ a.step-item:hover {
 
				   }
			
 
				 }
			
 
				 
			
 
				+/**
			
 
				+Table sort
			
 
				+ */
			
 
				 .table-sort {
			
 
				   font: inherit;
			
 
				   color: inherit;
			
@@ -23793,22 +23796,24 @@ a.step-item:hover {
 
				 .table-sort:hover, .table-sort.asc, .table-sort.desc {
			
 
				   color: var(--tblr-body-color);
			
 
				 }
			
 
				-.table-sort:after, .table-sort.asc:after, .table-sort.desc:after {
			
 
				+.table-sort:after {
			
 
				   content: "";
			
 
				   display: inline-flex;
			
 
				   width: 1rem;
			
 
				   height: 1rem;
			
 
				   vertical-align: bottom;
			
 
				-  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>") no-repeat center;
			
 
				-  opacity: 0.2;
			
 
				+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
			
 
				+          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
			
 
				+  background: currentColor;
			
 
				+  margin-left: 0.25rem;
			
 
				 }
			
 
				 .table-sort.asc:after {
			
 
				-  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>") no-repeat center;
			
 
				-  opacity: 1;
			
 
				+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
			
 
				+          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
			
 
				 }
			
 
				 .table-sort.desc:after {
			
 
				-  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>") no-repeat center;
			
 
				-  opacity: 1;
			
 
				+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
			
 
				+          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
			
 
				 }
			
 
				 
			
 
				 .table-borderless thead th {
			
--- a/demo/dist/css/tabler.min.css
+++ b/demo/dist/css/tabler.min.css
--- a/demo/dist/css/tabler.rtl.css
+++ b/demo/dist/css/tabler.rtl.css
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -3339,7 +3339,7 @@ textarea.form-control-lg {
 
				   color: var(--tblr-muted);
			
 
				   text-align: center;
			
 
				   white-space: nowrap;
			
 
				-  background-color: #fcfdfe;
			
 
				+  background-color: var(--tblr-bg-surface-secondary);
			
 
				   border: var(--tblr-border-width) solid var(--tblr-border-color);
			
 
				   border-radius: var(--tblr-border-radius);
			
 
				 }
			
@@ -15968,7 +15968,7 @@ Navbar
 
				   --tblr-navbar-border-width: var(--tblr-border-width);
			
 
				   --tblr-navbar-active-border-color: var(--tblr-primary);
			
 
				   --tblr-navbar-active-bg: rgba(0, 0, 0, 0.06);
			
 
				-  --tblr-navbar-color: inherit;
			
 
				+  --tblr-navbar-color: var(--tblr-body-color);
			
 
				   --tblr-navbar-border-color: var(--tblr-border-color);
			
 
				   align-items: stretch;
			
 
				   min-height: 3.5rem;
			
@@ -21056,7 +21056,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y > :not(template):not(:first-child) {
			
 
				   padding-top: 1rem !important;
			
@@ -21066,7 +21066,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x > :not(template) ~ :not(template) {
			
 
				-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x > :not(template):not(:first-child) {
			
 
				   padding-right: 1rem !important;
			
@@ -21076,7 +21076,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-0 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-0 > :not(template):not(:first-child) {
			
 
				   padding-top: 0 !important;
			
@@ -21086,7 +21086,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-0 > :not(template) ~ :not(template) {
			
 
				-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-0 > :not(template):not(:first-child) {
			
 
				   padding-right: 0 !important;
			
@@ -21096,7 +21096,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-1 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-1 > :not(template):not(:first-child) {
			
 
				   padding-top: 0.25rem !important;
			
@@ -21106,7 +21106,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-1 > :not(template) ~ :not(template) {
			
 
				-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-1 > :not(template):not(:first-child) {
			
 
				   padding-right: 0.25rem !important;
			
@@ -21116,7 +21116,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-2 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-2 > :not(template):not(:first-child) {
			
 
				   padding-top: 0.5rem !important;
			
@@ -21126,7 +21126,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-2 > :not(template) ~ :not(template) {
			
 
				-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-2 > :not(template):not(:first-child) {
			
 
				   padding-right: 0.5rem !important;
			
@@ -21136,7 +21136,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-3 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-3 > :not(template):not(:first-child) {
			
 
				   padding-top: 1rem !important;
			
@@ -21146,7 +21146,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-3 > :not(template) ~ :not(template) {
			
 
				-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-3 > :not(template):not(:first-child) {
			
 
				   padding-right: 1rem !important;
			
@@ -21156,7 +21156,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-4 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-4 > :not(template):not(:first-child) {
			
 
				   padding-top: 1.5rem !important;
			
@@ -21166,7 +21166,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-4 > :not(template) ~ :not(template) {
			
 
				-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-4 > :not(template):not(:first-child) {
			
 
				   padding-right: 1.5rem !important;
			
@@ -21176,7 +21176,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-5 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-5 > :not(template):not(:first-child) {
			
 
				   padding-top: 2rem !important;
			
@@ -21186,7 +21186,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-5 > :not(template) ~ :not(template) {
			
 
				-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-5 > :not(template):not(:first-child) {
			
 
				   padding-right: 2rem !important;
			
@@ -21196,7 +21196,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-6 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-6 > :not(template):not(:first-child) {
			
 
				   padding-top: 3rem !important;
			
@@ -21206,7 +21206,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-6 > :not(template) ~ :not(template) {
			
 
				-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-6 > :not(template):not(:first-child) {
			
 
				   padding-right: 3rem !important;
			
@@ -21216,7 +21216,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-7 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-7 > :not(template):not(:first-child) {
			
 
				   padding-top: 5rem !important;
			
@@ -21226,7 +21226,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-7 > :not(template) ~ :not(template) {
			
 
				-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-7 > :not(template):not(:first-child) {
			
 
				   padding-right: 5rem !important;
			
@@ -21236,7 +21236,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-y-8 > :not(template) ~ :not(template) {
			
 
				-  border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-y-8 > :not(template):not(:first-child) {
			
 
				   padding-top: 8rem !important;
			
@@ -21246,7 +21246,7 @@ Card list group
 
				 }
			
 
				 
			
 
				 .divide-x-8 > :not(template) ~ :not(template) {
			
 
				-  border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
			
 
				+  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
			
 
				 }
			
 
				 .divide-x-8 > :not(template):not(:first-child) {
			
 
				   padding-right: 8rem !important;
			
@@ -23735,6 +23735,9 @@ a.step-item:hover {
 
				   }
			
 
				 }
			
 
				 
			
 
				+/**
			
 
				+Table sort
			
 
				+ */
			
 
				 .table-sort {
			
 
				   font: inherit;
			
 
				   color: inherit;
			
@@ -23757,22 +23760,24 @@ a.step-item:hover {
 
				 .table-sort:hover, .table-sort.asc, .table-sort.desc {
			
 
				   color: var(--tblr-body-color);
			
 
				 }
			
 
				-.table-sort:after, .table-sort.asc:after, .table-sort.desc:after {
			
 
				+.table-sort:after {
			
 
				   content: "";
			
 
				   display: inline-flex;
			
 
				   width: 1rem;
			
 
				   height: 1rem;
			
 
				   vertical-align: bottom;
			
 
				-  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>") no-repeat center;
			
 
				-  opacity: 0.2;
			
 
				+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
			
 
				+          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
			
 
				+  background: currentColor;
			
 
				+  margin-right: 0.25rem;
			
 
				 }
			
 
				 .table-sort.asc:after {
			
 
				-  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>") no-repeat center;
			
 
				-  opacity: 1;
			
 
				+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
			
 
				+          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
			
 
				 }
			
 
				 .table-sort.desc:after {
			
 
				-  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>") no-repeat center;
			
 
				-  opacity: 1;
			
 
				+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
			
 
				+          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
			
 
				 }
			
 
				 
			
 
				 .table-borderless thead th {
			
--- a/demo/dist/css/tabler.rtl.min.css
+++ b/demo/dist/css/tabler.rtl.min.css
--- a/demo/dist/js/demo-theme.js
+++ b/demo/dist/js/demo-theme.js
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/js/demo-theme.min.js
+++ b/demo/dist/js/demo-theme.min.js
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/js/demo.js
+++ b/demo/dist/js/demo.js
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/js/demo.min.js
+++ b/demo/dist/js/demo.min.js
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/js/tabler.esm.js
+++ b/demo/dist/js/tabler.esm.js
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/js/tabler.esm.min.js
+++ b/demo/dist/js/tabler.esm.min.js
--- a/demo/dist/js/tabler.js
+++ b/demo/dist/js/tabler.js
@@ -1,6 +1,6 @@
 
				 /*!
			
 
				-* Tabler v1.0.0-beta18 (https://tabler.io)
			
 
				-* @version 1.0.0-beta18
			
 
				+* Tabler v1.0.0-beta19 (https://tabler.io)
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
--- a/demo/dist/js/tabler.min.js
+++ b/demo/dist/js/tabler.min.js
--- a/demo/dist/libs/star-rating.js/dist/star-rating.cjs.js
+++ b/demo/dist/libs/star-rating.js/dist/star-rating.cjs.js
@@ -0,0 +1,481 @@
 
				+'use strict';
			
 
				+
			
 
				+function _classCallCheck(instance, Constructor) {
			
 
				+  if (!(instance instanceof Constructor)) {
			
 
				+    throw new TypeError("Cannot call a class as a function");
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function _defineProperties(target, props) {
			
 
				+  for (var i = 0; i < props.length; i++) {
			
 
				+    var descriptor = props[i];
			
 
				+    descriptor.enumerable = descriptor.enumerable || false;
			
 
				+    descriptor.configurable = true;
			
 
				+    if ("value" in descriptor) descriptor.writable = true;
			
 
				+    Object.defineProperty(target, descriptor.key, descriptor);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function _createClass(Constructor, protoProps, staticProps) {
			
 
				+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
			
 
				+  if (staticProps) _defineProperties(Constructor, staticProps);
			
 
				+  return Constructor;
			
 
				+}
			
 
				+
			
 
				+var defaults = {
			
 
				+  classNames: {
			
 
				+    active: 'gl-active',
			
 
				+    base: 'gl-star-rating',
			
 
				+    selected: 'gl-selected'
			
 
				+  },
			
 
				+  clearable: true,
			
 
				+  maxStars: 10,
			
 
				+  prebuilt: false,
			
 
				+  stars: null,
			
 
				+  tooltip: 'Select a Rating'
			
 
				+};
			
 
				+
			
 
				+var addRemoveClass = function addRemoveClass(el, bool, className) {
			
 
				+  el.classList[bool ? 'add' : 'remove'](className);
			
 
				+};
			
 
				+var createSpanEl = function createSpanEl(attributes) {
			
 
				+  var el = document.createElement('span');
			
 
				+  attributes = attributes || {};
			
 
				+
			
 
				+  for (var key in attributes) {
			
 
				+    el.setAttribute(key, attributes[key]);
			
 
				+  }
			
 
				+
			
 
				+  return el;
			
 
				+};
			
 
				+var inRange = function inRange(value, min, max) {
			
 
				+  return /^\d+$/.test(value) && min <= value && value <= max;
			
 
				+};
			
 
				+var insertSpanEl = function insertSpanEl(el, after, attributes) {
			
 
				+  var newEl = createSpanEl(attributes);
			
 
				+  el.parentNode.insertBefore(newEl, after ? el.nextSibling : el);
			
 
				+  return newEl;
			
 
				+};
			
 
				+var merge = function merge() {
			
 
				+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
			
 
				+    args[_key] = arguments[_key];
			
 
				+  }
			
 
				+
			
 
				+  // adapted from https://github.com/firstandthird/aug
			
 
				+  var results = {};
			
 
				+  args.forEach(function (prop) {
			
 
				+    Object.keys(prop || {}).forEach(function (propName) {
			
 
				+      if (args[0][propName] === undefined) return; // restrict keys to the defaults
			
 
				+
			
 
				+      var propValue = prop[propName];
			
 
				+
			
 
				+      if (type(propValue) === 'Object' && type(results[propName]) === 'Object') {
			
 
				+        results[propName] = merge(results[propName], propValue);
			
 
				+        return;
			
 
				+      }
			
 
				+
			
 
				+      results[propName] = propValue;
			
 
				+    });
			
 
				+  });
			
 
				+  return results;
			
 
				+};
			
 
				+var type = function type(value) {
			
 
				+  return {}.toString.call(value).slice(8, -1);
			
 
				+};
			
 
				+var values = function values(selectEl) {
			
 
				+  var values = [];
			
 
				+  [].forEach.call(selectEl.options, function (el) {
			
 
				+    var value = parseInt(el.value, 10) || 0;
			
 
				+
			
 
				+    if (value > 0) {
			
 
				+      values.push({
			
 
				+        index: el.index,
			
 
				+        text: el.text,
			
 
				+        value: value
			
 
				+      });
			
 
				+    }
			
 
				+  });
			
 
				+  return values.sort(function (a, b) {
			
 
				+    return a.value - b.value;
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+var Widget = /*#__PURE__*/function () {
			
 
				+  function Widget(el, props) {
			
 
				+    _classCallCheck(this, Widget);
			
 
				+
			
 
				+    // (HTMLElement, object):void
			
 
				+    this.direction = window.getComputedStyle(el, null).getPropertyValue('direction');
			
 
				+    this.el = el;
			
 
				+    this.events = {
			
 
				+      change: this.onChange.bind(this),
			
 
				+      keydown: this.onKeyDown.bind(this),
			
 
				+      mousedown: this.onPointerDown.bind(this),
			
 
				+      mouseleave: this.onPointerLeave.bind(this),
			
 
				+      mousemove: this.onPointerMove.bind(this),
			
 
				+      reset: this.onReset.bind(this),
			
 
				+      touchend: this.onPointerDown.bind(this),
			
 
				+      touchmove: this.onPointerMove.bind(this)
			
 
				+    };
			
 
				+    this.indexActive = null; // the active span index
			
 
				+
			
 
				+    this.indexSelected = null; // the selected span index
			
 
				+
			
 
				+    this.props = props;
			
 
				+    this.tick = null;
			
 
				+    this.ticking = false;
			
 
				+    this.values = values(el);
			
 
				+    this.widgetEl = null;
			
 
				+
			
 
				+    if (this.el.widget) {
			
 
				+      this.el.widget.destroy(); // remove any stale event listeners
			
 
				+    }
			
 
				+
			
 
				+    if (inRange(this.values.length, 1, this.props.maxStars)) {
			
 
				+      this.build();
			
 
				+    } else {
			
 
				+      this.destroy();
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  _createClass(Widget, [{
			
 
				+    key: "build",
			
 
				+    value: function build() {
			
 
				+      // ():void
			
 
				+      this.destroy();
			
 
				+      this.buildWidget();
			
 
				+      this.selectValue(this.indexSelected = this.selected(), false); // set the initial value but do not trigger change event
			
 
				+
			
 
				+      this.handleEvents('add');
			
 
				+      this.el.widget = this; // store a reference to this widget on the SELECT so that we can remove stale event listeners
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "buildWidget",
			
 
				+    value: function buildWidget() {
			
 
				+      var _this = this;
			
 
				+
			
 
				+      // ():void
			
 
				+      var parentEl, widgetEl;
			
 
				+
			
 
				+      if (this.props.prebuilt) {
			
 
				+        parentEl = this.el.parentNode;
			
 
				+        widgetEl = parentEl.querySelector('.' + this.props.classNames.base + '--stars');
			
 
				+      } else {
			
 
				+        parentEl = insertSpanEl(this.el, false, {
			
 
				+          "class": this.props.classNames.base
			
 
				+        });
			
 
				+        parentEl.appendChild(this.el);
			
 
				+        widgetEl = insertSpanEl(this.el, true, {
			
 
				+          "class": this.props.classNames.base + '--stars'
			
 
				+        });
			
 
				+        this.values.forEach(function (item, index) {
			
 
				+          var el = createSpanEl({
			
 
				+            'data-index': index,
			
 
				+            'data-value': item.value
			
 
				+          });
			
 
				+
			
 
				+          if ('function' === typeof _this.props.stars) {
			
 
				+            _this.props.stars.call(_this, el, item, index);
			
 
				+          }
			
 
				+
			
 
				+          [].forEach.call(el.children, function (el) {
			
 
				+            return el.style.pointerEvents = 'none';
			
 
				+          });
			
 
				+          widgetEl.innerHTML += el.outerHTML;
			
 
				+        });
			
 
				+      }
			
 
				+
			
 
				+      parentEl.dataset.starRating = '';
			
 
				+      parentEl.classList.add(this.props.classNames.base + '--' + this.direction);
			
 
				+
			
 
				+      if (this.props.tooltip) {
			
 
				+        widgetEl.setAttribute('role', 'tooltip');
			
 
				+      }
			
 
				+
			
 
				+      this.widgetEl = widgetEl;
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "changeIndexTo",
			
 
				+    value: function changeIndexTo(index, force) {
			
 
				+      var _this2 = this;
			
 
				+
			
 
				+      // (int):void
			
 
				+      if (this.indexActive !== index || force) {
			
 
				+        [].forEach.call(this.widgetEl.children, function (el, i) {
			
 
				+          // i starts at zero
			
 
				+          addRemoveClass(el, i <= index, _this2.props.classNames.active);
			
 
				+          addRemoveClass(el, i === _this2.indexSelected, _this2.props.classNames.selected);
			
 
				+        });
			
 
				+        this.widgetEl.setAttribute('data-rating', index + 1);
			
 
				+
			
 
				+        if ('function' !== typeof this.props.stars && !this.props.prebuilt) {
			
 
				+          // @v3 compat
			
 
				+          this.widgetEl.classList.remove('s' + 10 * (this.indexActive + 1));
			
 
				+          this.widgetEl.classList.add('s' + 10 * (index + 1));
			
 
				+        }
			
 
				+
			
 
				+        if (this.props.tooltip) {
			
 
				+          var _this$values$index;
			
 
				+
			
 
				+          var label = index < 0 ? this.props.tooltip : (_this$values$index = this.values[index]) === null || _this$values$index === void 0 ? void 0 : _this$values$index.text;
			
 
				+          this.widgetEl.setAttribute('aria-label', label);
			
 
				+        }
			
 
				+
			
 
				+        this.indexActive = index;
			
 
				+      }
			
 
				+
			
 
				+      this.ticking = false;
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "destroy",
			
 
				+    value: function destroy() {
			
 
				+      // ():void
			
 
				+      this.indexActive = null; // the active span index
			
 
				+
			
 
				+      this.indexSelected = this.selected(); // the selected span index
			
 
				+
			
 
				+      var parentEl = this.el.parentNode;
			
 
				+
			
 
				+      if (parentEl.classList.contains(this.props.classNames.base)) {
			
 
				+        if (this.props.prebuilt) {
			
 
				+          this.widgetEl = parentEl.querySelector('.' + this.props.classNames.base + '--stars');
			
 
				+          parentEl.classList.remove(this.props.classNames.base + '--' + this.direction);
			
 
				+          delete parentEl.dataset.starRating;
			
 
				+        } else {
			
 
				+          parentEl.parentNode.replaceChild(this.el, parentEl);
			
 
				+        }
			
 
				+
			
 
				+        this.handleEvents('remove');
			
 
				+      }
			
 
				+
			
 
				+      delete this.el.widget; // remove the widget reference
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "eventListener",
			
 
				+    value: function eventListener(el, action, events, items) {
			
 
				+      var _this3 = this;
			
 
				+
			
 
				+      // (HTMLElement, string, array, object):void
			
 
				+      events.forEach(function (ev) {
			
 
				+        return el[action + 'EventListener'](ev, _this3.events[ev], items || false);
			
 
				+      });
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "handleEvents",
			
 
				+    value: function handleEvents(action) {
			
 
				+      // (string):void
			
 
				+      var formEl = this.el.closest('form');
			
 
				+
			
 
				+      if (formEl && formEl.tagName === 'FORM') {
			
 
				+        this.eventListener(formEl, action, ['reset']);
			
 
				+      }
			
 
				+
			
 
				+      this.eventListener(this.el, action, ['change']); // always trigger the change event, even when SELECT is disabled
			
 
				+
			
 
				+      if ('add' === action && this.el.disabled) return;
			
 
				+      this.eventListener(this.el, action, ['keydown']);
			
 
				+      this.eventListener(this.widgetEl, action, ['mousedown', 'mouseleave', 'mousemove', 'touchend', 'touchmove'],  false);
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "indexFromEvent",
			
 
				+    value: function indexFromEvent(ev) {
			
 
				+      var _ev$touches, _ev$changedTouches;
			
 
				+
			
 
				+      // (MouseEvent|TouchEvent):void
			
 
				+      var origin = ((_ev$touches = ev.touches) === null || _ev$touches === void 0 ? void 0 : _ev$touches[0]) || ((_ev$changedTouches = ev.changedTouches) === null || _ev$changedTouches === void 0 ? void 0 : _ev$changedTouches[0]) || ev;
			
 
				+      var el = document.elementFromPoint(origin.clientX, origin.clientY);
			
 
				+
			
 
				+      if (el.parentNode === this.widgetEl) {
			
 
				+        return [].slice.call(el.parentNode.children).indexOf(el);
			
 
				+      }
			
 
				+
			
 
				+      return this.indexActive;
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onChange",
			
 
				+    value: function onChange() {
			
 
				+      // ():void
			
 
				+      this.changeIndexTo(this.selected(), true);
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onKeyDown",
			
 
				+    value: function onKeyDown(ev) {
			
 
				+      // (KeyboardEvent):void
			
 
				+      var key = ev.key.slice(5);
			
 
				+      if (!~['Left', 'Right'].indexOf(key)) return;
			
 
				+      ev.preventDefault();
			
 
				+      var increment = key === 'Left' ? -1 : 1;
			
 
				+
			
 
				+      if (this.direction === 'rtl') {
			
 
				+        increment *= -1;
			
 
				+      }
			
 
				+
			
 
				+      var maxIndex = this.values.length - 1;
			
 
				+      var minIndex = -1;
			
 
				+      var index = Math.min(Math.max(this.selected() + increment, minIndex), maxIndex);
			
 
				+      this.selectValue(index, true); // trigger change event
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onPointerDown",
			
 
				+    value: function onPointerDown(ev) {
			
 
				+      // (MouseEvent|TouchEvent):void
			
 
				+      ev.preventDefault(); // this.el.focus(); // highlight the rating field
			
 
				+
			
 
				+      var index = this.indexFromEvent(ev);
			
 
				+
			
 
				+      if (this.props.clearable && index === this.indexSelected) {
			
 
				+        index = -1; // remove the value
			
 
				+      }
			
 
				+
			
 
				+      this.selectValue(index, true); // trigger change event
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onPointerLeave",
			
 
				+    value: function onPointerLeave(ev) {
			
 
				+      var _this4 = this;
			
 
				+
			
 
				+      // (MouseEvent):void
			
 
				+      ev.preventDefault();
			
 
				+      cancelAnimationFrame(this.tick);
			
 
				+      requestAnimationFrame(function () {
			
 
				+        return _this4.changeIndexTo(_this4.indexSelected);
			
 
				+      });
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onPointerMove",
			
 
				+    value: function onPointerMove(ev) {
			
 
				+      var _this5 = this;
			
 
				+
			
 
				+      // (MouseEvent|TouchEvent):void
			
 
				+      ev.preventDefault();
			
 
				+
			
 
				+      if (!this.ticking) {
			
 
				+        this.tick = requestAnimationFrame(function () {
			
 
				+          return _this5.changeIndexTo(_this5.indexFromEvent(ev));
			
 
				+        });
			
 
				+        this.ticking = true;
			
 
				+      }
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onReset",
			
 
				+    value: function onReset() {
			
 
				+      var _this$el$querySelecto;
			
 
				+
			
 
				+      // ():void
			
 
				+      var index = this.valueIndex((_this$el$querySelecto = this.el.querySelector('[selected]')) === null || _this$el$querySelecto === void 0 ? void 0 : _this$el$querySelecto.value);
			
 
				+      this.selectValue(index || -1, false); // do not trigger change event
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "selected",
			
 
				+    value: function selected() {
			
 
				+      // ():int
			
 
				+      return this.valueIndex(this.el.value); // get the selected span index
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "selectValue",
			
 
				+    value: function selectValue(index, triggerChangeEvent) {
			
 
				+      var _this$values$index2;
			
 
				+
			
 
				+      // (int, bool):void
			
 
				+      this.el.value = ((_this$values$index2 = this.values[index]) === null || _this$values$index2 === void 0 ? void 0 : _this$values$index2.value) || ''; // first set the new value
			
 
				+
			
 
				+      this.indexSelected = this.selected(); // get the actual index from the selected value
			
 
				+
			
 
				+      if (false === triggerChangeEvent) {
			
 
				+        this.changeIndexTo(this.selected(), true);
			
 
				+      } else {
			
 
				+        this.el.dispatchEvent(new Event('change'));
			
 
				+      }
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "valueIndex",
			
 
				+    value: function valueIndex(value) {
			
 
				+      return this.values.findIndex(function (val) {
			
 
				+        return val.value === +value;
			
 
				+      });
			
 
				+    }
			
 
				+  }]);
			
 
				+
			
 
				+  return Widget;
			
 
				+}();
			
 
				+
			
 
				+var StarRating = /*#__PURE__*/function () {
			
 
				+  function StarRating(selector, props) {
			
 
				+    _classCallCheck(this, StarRating);
			
 
				+
			
 
				+    // (HTMLSelectElement|NodeList|string, object):void
			
 
				+    this.destroy = this.destroy.bind(this);
			
 
				+    this.props = props;
			
 
				+    this.rebuild = this.rebuild.bind(this);
			
 
				+    this.selector = selector;
			
 
				+    this.widgets = [];
			
 
				+    this.build();
			
 
				+  }
			
 
				+
			
 
				+  _createClass(StarRating, [{
			
 
				+    key: "build",
			
 
				+    value: function build() {
			
 
				+      var _this = this;
			
 
				+
			
 
				+      // (HTMLSelectElement|NodeList|string, object):void
			
 
				+      this.queryElements(this.selector).forEach(function (el) {
			
 
				+        var options = merge(defaults, _this.props, JSON.parse(el.getAttribute('data-options')));
			
 
				+
			
 
				+        if ('SELECT' === el.tagName && !el.widget) {
			
 
				+          // check for an existing Widget reference
			
 
				+          if (!options.prebuilt && el.parentNode.classList.contains(options.classNames.base)) {
			
 
				+            _this.unwrap(el);
			
 
				+          }
			
 
				+
			
 
				+          _this.widgets.push(new Widget(el, options));
			
 
				+        }
			
 
				+      });
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "destroy",
			
 
				+    value: function destroy() {
			
 
				+      // ():void
			
 
				+      this.widgets.forEach(function (widget) {
			
 
				+        return widget.destroy();
			
 
				+      });
			
 
				+      this.widgets = [];
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "queryElements",
			
 
				+    value: function queryElements(selector) {
			
 
				+      // (HTMLSelectElement|NodeList|string):array
			
 
				+      if ('HTMLSelectElement' === type(selector)) {
			
 
				+        return [selector];
			
 
				+      }
			
 
				+
			
 
				+      if ('NodeList' === type(selector)) {
			
 
				+        return [].slice.call(selector);
			
 
				+      }
			
 
				+
			
 
				+      if ('String' === type(selector)) {
			
 
				+        return [].slice.call(document.querySelectorAll(selector));
			
 
				+      }
			
 
				+
			
 
				+      return [];
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "rebuild",
			
 
				+    value: function rebuild() {
			
 
				+      // ():void
			
 
				+      this.destroy();
			
 
				+      this.build();
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "unwrap",
			
 
				+    value: function unwrap(el) {
			
 
				+      var removeEl = el.parentNode;
			
 
				+      var parentEl = removeEl.parentNode;
			
 
				+      parentEl.insertBefore(el, removeEl);
			
 
				+      parentEl.removeChild(removeEl);
			
 
				+    }
			
 
				+  }]);
			
 
				+
			
 
				+  return StarRating;
			
 
				+}();
			
 
				+
			
 
				+module.exports = StarRating;
			
--- a/demo/dist/libs/star-rating.js/dist/star-rating.css
+++ b/demo/dist/libs/star-rating.js/dist/star-rating.css
@@ -0,0 +1,220 @@
 
				+:root {
			
 
				+    --gl-star-color: #fdd835;
			
 
				+    --gl-star-color-inactive: #dcdce6;
			
 
				+    --gl-star-empty: url('../img/star-empty.svg');
			
 
				+    --gl-star-full: url('../img/star-full.svg');
			
 
				+    --gl-star-size: 24px;
			
 
				+    --gl-tooltip-border-radius: 4px;
			
 
				+    --gl-tooltip-font-size: 0.875rem;
			
 
				+    --gl-tooltip-font-weight: 400;
			
 
				+    --gl-tooltip-line-height: 1;
			
 
				+    --gl-tooltip-margin: 12px;
			
 
				+    --gl-tooltip-padding: .5em 1em;
			
 
				+    --gl-tooltip-size: 6px;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] > select {
			
 
				+    -webkit-clip-path: circle(1px at 0 0) !important;
			
 
				+            clip-path: circle(1px at 0 0) !important;
			
 
				+    clip: rect(1px, 1px, 1px, 1px) !important;
			
 
				+    height: 1px !important;
			
 
				+    margin: 0 !important;
			
 
				+    overflow: hidden !important;
			
 
				+    padding: 0 !important;
			
 
				+    position: absolute !important;
			
 
				+    top: 0 !important;
			
 
				+    visibility: visible !important;
			
 
				+    white-space: nowrap !important;
			
 
				+    width: 1px !important;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] > select {
			
 
				+    -webkit-appearance:  none;
			
 
				+       -moz-appearance:  none;
			
 
				+            appearance:  none;
			
 
				+    pointer-events: none;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] > select::before,
			
 
				+[data-star-rating] > select::after {
			
 
				+    display: none !important;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating].gl-star-rating--ltr > select {
			
 
				+    left: 0 !important;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating].gl-star-rating--rtl > select {
			
 
				+    right: 0 !important;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] {
			
 
				+    align-items: center;
			
 
				+    display: flex;
			
 
				+    position: relative;
			
 
				+}
			
 
				+
			
 
				+.gl-star-rating:not([data-star-rating]) .gl-star-rating--stars {
			
 
				+    display: none;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] .gl-star-rating--stars {
			
 
				+    align-items: center;
			
 
				+    cursor: pointer;
			
 
				+    display: flex;
			
 
				+    position: relative;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] > select:focus + .gl-star-rating--stars span:first-child::before {
			
 
				+    box-shadow: 0 0 0 3px -moz-mac-focusring;
			
 
				+    box-shadow: 0 0 0 3px -webkit-focus-ring-color;
			
 
				+    box-shadow: 0 0 0 3px Highlight;
			
 
				+    content: '';
			
 
				+    display: block;
			
 
				+    height: 100%;
			
 
				+    outline: 1px solid transparent;
			
 
				+    pointer-events: none;
			
 
				+    position: absolute;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] select[disabled] + .gl-star-rating--stars {
			
 
				+    cursor: default;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] .gl-star-rating--stars > span {
			
 
				+    display: flex;
			
 
				+    height: 24px;
			
 
				+    height: 24px;
			
 
				+    height: var(--gl-star-size);
			
 
				+    margin: 0;
			
 
				+    width: 24px;
			
 
				+    width: 24px;
			
 
				+    width: var(--gl-star-size);
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] .gl-star-rating--stars[aria-label]::before,
			
 
				+[data-star-rating] .gl-star-rating--stars[aria-label]::after {
			
 
				+    -webkit-backface-visibility: hidden;
			
 
				+            backface-visibility: hidden;
			
 
				+    bottom: auto;
			
 
				+    box-sizing: border-box;
			
 
				+    left: 100%;
			
 
				+    pointer-events: none;
			
 
				+    position: absolute;
			
 
				+    top: 50%;
			
 
				+    opacity: .9;
			
 
				+    transform-origin: top;
			
 
				+    transform: translate3d(0,-50%,0);
			
 
				+    white-space: nowrap;
			
 
				+    z-index: 10;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] .gl-star-rating--stars[aria-label]::before {
			
 
				+    background-size: 100% auto !important;
			
 
				+    background-position: 50% !important;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] .gl-star-rating--stars[aria-label]::before {
			
 
				+    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 31"%3E%3Cpath fill="%23111" d="M12.002 31C12.002 25 0 19.838 0 15.5 0 11.24 12 6 12 0l.002 31z"/%3E%3C/svg%3E') no-repeat;
			
 
				+    content: '';
			
 
				+    height: 18px;
			
 
				+    margin-bottom: 0;
			
 
				+    margin-left: 6px;
			
 
				+    margin-left: 6px;
			
 
				+    margin-left: var(--gl-tooltip-size);
			
 
				+    width: 6px;
			
 
				+    width: 6px;
			
 
				+    width: var(--gl-tooltip-size);
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] .gl-star-rating--stars[aria-label]::after {
			
 
				+    background: #111;
			
 
				+    border-radius: 4px;
			
 
				+    border-radius: 4px;
			
 
				+    border-radius: var(--gl-tooltip-border-radius);
			
 
				+    color: #fff;
			
 
				+    content: attr(aria-label);
			
 
				+    font-size: 0.875rem;
			
 
				+    font-size: 0.875rem;
			
 
				+    font-size: var(--gl-tooltip-font-size);
			
 
				+    font-weight: normal;
			
 
				+    margin-left: 12px;
			
 
				+    margin-left: 12px;
			
 
				+    margin-left: var(--gl-tooltip-margin);
			
 
				+    padding: .5em 1em;
			
 
				+    padding: .5em 1em;
			
 
				+    padding: var(--gl-tooltip-padding);
			
 
				+    text-transform: none;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::before,
			
 
				+[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::after {
			
 
				+    left: auto;
			
 
				+    right: 100%;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::before {
			
 
				+    transform: scaleX(-1) translate3d(0,-50%,0);
			
 
				+    margin-left: 0;
			
 
				+    margin-right: 6px;
			
 
				+    margin-right: 6px;
			
 
				+    margin-right: var(--gl-tooltip-size);
			
 
				+}
			
 
				+
			
 
				+[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::after {
			
 
				+    margin-left: 0;
			
 
				+    margin-right: 12px;
			
 
				+    margin-right: 12px;
			
 
				+    margin-right: var(--gl-tooltip-margin);
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] svg {
			
 
				+    height: 100%;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] .gl-star-half {
			
 
				+    fill: none;
			
 
				+    stroke: none;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] .gl-star-full {
			
 
				+    fill: #dcdce6;
			
 
				+    fill: #dcdce6;
			
 
				+    fill: var(--gl-star-color-inactive);
			
 
				+    stroke: #dcdce6;
			
 
				+    stroke: #dcdce6;
			
 
				+    stroke: var(--gl-star-color-inactive);
			
 
				+    transition: fill 0.15s ease-in-out, stroke 0.15s ease-in-out;
			
 
				+}
			
 
				+
			
 
				+[data-star-rating] .gl-active .gl-star-full {
			
 
				+    fill: #fdd835;
			
 
				+    fill: #fdd835;
			
 
				+    fill: var(--gl-star-color);
			
 
				+    stroke: #fdd835;
			
 
				+    stroke: #fdd835;
			
 
				+    stroke: var(--gl-star-color);
			
 
				+}
			
 
				+
			
 
				+/* Compatibilty with v3 */
			
 
				+
			
 
				+.gl-star-rating--stars[class*=" s"] > span {
			
 
				+    background-image: url('../img/star-empty.svg') !important;
			
 
				+    background-image: url('../img/star-empty.svg') !important;
			
 
				+    background-image: var(--gl-star-empty) !important;
			
 
				+}
			
 
				+
			
 
				+.gl-star-rating--stars[class*=" s"] > span {
			
 
				+    background-position: center;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-size: 90%;
			
 
				+}
			
 
				+
			
 
				+.gl-star-rating--stars[class*=" s"] > span.gl-active,
			
 
				+.gl-star-rating--stars[class*=" s"] > span.gl-active.gl-selected {
			
 
				+    background-image: url('../img/star-full.svg') !important;
			
 
				+    background-image: url('../img/star-full.svg') !important;
			
 
				+    background-image: var(--gl-star-full) !important;
			
 
				+}
			
--- a/demo/dist/libs/star-rating.js/dist/star-rating.esm.js
+++ b/demo/dist/libs/star-rating.js/dist/star-rating.esm.js
@@ -0,0 +1,479 @@
 
				+function _classCallCheck(instance, Constructor) {
			
 
				+  if (!(instance instanceof Constructor)) {
			
 
				+    throw new TypeError("Cannot call a class as a function");
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function _defineProperties(target, props) {
			
 
				+  for (var i = 0; i < props.length; i++) {
			
 
				+    var descriptor = props[i];
			
 
				+    descriptor.enumerable = descriptor.enumerable || false;
			
 
				+    descriptor.configurable = true;
			
 
				+    if ("value" in descriptor) descriptor.writable = true;
			
 
				+    Object.defineProperty(target, descriptor.key, descriptor);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function _createClass(Constructor, protoProps, staticProps) {
			
 
				+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
			
 
				+  if (staticProps) _defineProperties(Constructor, staticProps);
			
 
				+  return Constructor;
			
 
				+}
			
 
				+
			
 
				+var defaults = {
			
 
				+  classNames: {
			
 
				+    active: 'gl-active',
			
 
				+    base: 'gl-star-rating',
			
 
				+    selected: 'gl-selected'
			
 
				+  },
			
 
				+  clearable: true,
			
 
				+  maxStars: 10,
			
 
				+  prebuilt: false,
			
 
				+  stars: null,
			
 
				+  tooltip: 'Select a Rating'
			
 
				+};
			
 
				+
			
 
				+var addRemoveClass = function addRemoveClass(el, bool, className) {
			
 
				+  el.classList[bool ? 'add' : 'remove'](className);
			
 
				+};
			
 
				+var createSpanEl = function createSpanEl(attributes) {
			
 
				+  var el = document.createElement('span');
			
 
				+  attributes = attributes || {};
			
 
				+
			
 
				+  for (var key in attributes) {
			
 
				+    el.setAttribute(key, attributes[key]);
			
 
				+  }
			
 
				+
			
 
				+  return el;
			
 
				+};
			
 
				+var inRange = function inRange(value, min, max) {
			
 
				+  return /^\d+$/.test(value) && min <= value && value <= max;
			
 
				+};
			
 
				+var insertSpanEl = function insertSpanEl(el, after, attributes) {
			
 
				+  var newEl = createSpanEl(attributes);
			
 
				+  el.parentNode.insertBefore(newEl, after ? el.nextSibling : el);
			
 
				+  return newEl;
			
 
				+};
			
 
				+var merge = function merge() {
			
 
				+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
			
 
				+    args[_key] = arguments[_key];
			
 
				+  }
			
 
				+
			
 
				+  // adapted from https://github.com/firstandthird/aug
			
 
				+  var results = {};
			
 
				+  args.forEach(function (prop) {
			
 
				+    Object.keys(prop || {}).forEach(function (propName) {
			
 
				+      if (args[0][propName] === undefined) return; // restrict keys to the defaults
			
 
				+
			
 
				+      var propValue = prop[propName];
			
 
				+
			
 
				+      if (type(propValue) === 'Object' && type(results[propName]) === 'Object') {
			
 
				+        results[propName] = merge(results[propName], propValue);
			
 
				+        return;
			
 
				+      }
			
 
				+
			
 
				+      results[propName] = propValue;
			
 
				+    });
			
 
				+  });
			
 
				+  return results;
			
 
				+};
			
 
				+var type = function type(value) {
			
 
				+  return {}.toString.call(value).slice(8, -1);
			
 
				+};
			
 
				+var values = function values(selectEl) {
			
 
				+  var values = [];
			
 
				+  [].forEach.call(selectEl.options, function (el) {
			
 
				+    var value = parseInt(el.value, 10) || 0;
			
 
				+
			
 
				+    if (value > 0) {
			
 
				+      values.push({
			
 
				+        index: el.index,
			
 
				+        text: el.text,
			
 
				+        value: value
			
 
				+      });
			
 
				+    }
			
 
				+  });
			
 
				+  return values.sort(function (a, b) {
			
 
				+    return a.value - b.value;
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+var Widget = /*#__PURE__*/function () {
			
 
				+  function Widget(el, props) {
			
 
				+    _classCallCheck(this, Widget);
			
 
				+
			
 
				+    // (HTMLElement, object):void
			
 
				+    this.direction = window.getComputedStyle(el, null).getPropertyValue('direction');
			
 
				+    this.el = el;
			
 
				+    this.events = {
			
 
				+      change: this.onChange.bind(this),
			
 
				+      keydown: this.onKeyDown.bind(this),
			
 
				+      mousedown: this.onPointerDown.bind(this),
			
 
				+      mouseleave: this.onPointerLeave.bind(this),
			
 
				+      mousemove: this.onPointerMove.bind(this),
			
 
				+      reset: this.onReset.bind(this),
			
 
				+      touchend: this.onPointerDown.bind(this),
			
 
				+      touchmove: this.onPointerMove.bind(this)
			
 
				+    };
			
 
				+    this.indexActive = null; // the active span index
			
 
				+
			
 
				+    this.indexSelected = null; // the selected span index
			
 
				+
			
 
				+    this.props = props;
			
 
				+    this.tick = null;
			
 
				+    this.ticking = false;
			
 
				+    this.values = values(el);
			
 
				+    this.widgetEl = null;
			
 
				+
			
 
				+    if (this.el.widget) {
			
 
				+      this.el.widget.destroy(); // remove any stale event listeners
			
 
				+    }
			
 
				+
			
 
				+    if (inRange(this.values.length, 1, this.props.maxStars)) {
			
 
				+      this.build();
			
 
				+    } else {
			
 
				+      this.destroy();
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  _createClass(Widget, [{
			
 
				+    key: "build",
			
 
				+    value: function build() {
			
 
				+      // ():void
			
 
				+      this.destroy();
			
 
				+      this.buildWidget();
			
 
				+      this.selectValue(this.indexSelected = this.selected(), false); // set the initial value but do not trigger change event
			
 
				+
			
 
				+      this.handleEvents('add');
			
 
				+      this.el.widget = this; // store a reference to this widget on the SELECT so that we can remove stale event listeners
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "buildWidget",
			
 
				+    value: function buildWidget() {
			
 
				+      var _this = this;
			
 
				+
			
 
				+      // ():void
			
 
				+      var parentEl, widgetEl;
			
 
				+
			
 
				+      if (this.props.prebuilt) {
			
 
				+        parentEl = this.el.parentNode;
			
 
				+        widgetEl = parentEl.querySelector('.' + this.props.classNames.base + '--stars');
			
 
				+      } else {
			
 
				+        parentEl = insertSpanEl(this.el, false, {
			
 
				+          "class": this.props.classNames.base
			
 
				+        });
			
 
				+        parentEl.appendChild(this.el);
			
 
				+        widgetEl = insertSpanEl(this.el, true, {
			
 
				+          "class": this.props.classNames.base + '--stars'
			
 
				+        });
			
 
				+        this.values.forEach(function (item, index) {
			
 
				+          var el = createSpanEl({
			
 
				+            'data-index': index,
			
 
				+            'data-value': item.value
			
 
				+          });
			
 
				+
			
 
				+          if ('function' === typeof _this.props.stars) {
			
 
				+            _this.props.stars.call(_this, el, item, index);
			
 
				+          }
			
 
				+
			
 
				+          [].forEach.call(el.children, function (el) {
			
 
				+            return el.style.pointerEvents = 'none';
			
 
				+          });
			
 
				+          widgetEl.innerHTML += el.outerHTML;
			
 
				+        });
			
 
				+      }
			
 
				+
			
 
				+      parentEl.dataset.starRating = '';
			
 
				+      parentEl.classList.add(this.props.classNames.base + '--' + this.direction);
			
 
				+
			
 
				+      if (this.props.tooltip) {
			
 
				+        widgetEl.setAttribute('role', 'tooltip');
			
 
				+      }
			
 
				+
			
 
				+      this.widgetEl = widgetEl;
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "changeIndexTo",
			
 
				+    value: function changeIndexTo(index, force) {
			
 
				+      var _this2 = this;
			
 
				+
			
 
				+      // (int):void
			
 
				+      if (this.indexActive !== index || force) {
			
 
				+        [].forEach.call(this.widgetEl.children, function (el, i) {
			
 
				+          // i starts at zero
			
 
				+          addRemoveClass(el, i <= index, _this2.props.classNames.active);
			
 
				+          addRemoveClass(el, i === _this2.indexSelected, _this2.props.classNames.selected);
			
 
				+        });
			
 
				+        this.widgetEl.setAttribute('data-rating', index + 1);
			
 
				+
			
 
				+        if ('function' !== typeof this.props.stars && !this.props.prebuilt) {
			
 
				+          // @v3 compat
			
 
				+          this.widgetEl.classList.remove('s' + 10 * (this.indexActive + 1));
			
 
				+          this.widgetEl.classList.add('s' + 10 * (index + 1));
			
 
				+        }
			
 
				+
			
 
				+        if (this.props.tooltip) {
			
 
				+          var _this$values$index;
			
 
				+
			
 
				+          var label = index < 0 ? this.props.tooltip : (_this$values$index = this.values[index]) === null || _this$values$index === void 0 ? void 0 : _this$values$index.text;
			
 
				+          this.widgetEl.setAttribute('aria-label', label);
			
 
				+        }
			
 
				+
			
 
				+        this.indexActive = index;
			
 
				+      }
			
 
				+
			
 
				+      this.ticking = false;
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "destroy",
			
 
				+    value: function destroy() {
			
 
				+      // ():void
			
 
				+      this.indexActive = null; // the active span index
			
 
				+
			
 
				+      this.indexSelected = this.selected(); // the selected span index
			
 
				+
			
 
				+      var parentEl = this.el.parentNode;
			
 
				+
			
 
				+      if (parentEl.classList.contains(this.props.classNames.base)) {
			
 
				+        if (this.props.prebuilt) {
			
 
				+          this.widgetEl = parentEl.querySelector('.' + this.props.classNames.base + '--stars');
			
 
				+          parentEl.classList.remove(this.props.classNames.base + '--' + this.direction);
			
 
				+          delete parentEl.dataset.starRating;
			
 
				+        } else {
			
 
				+          parentEl.parentNode.replaceChild(this.el, parentEl);
			
 
				+        }
			
 
				+
			
 
				+        this.handleEvents('remove');
			
 
				+      }
			
 
				+
			
 
				+      delete this.el.widget; // remove the widget reference
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "eventListener",
			
 
				+    value: function eventListener(el, action, events, items) {
			
 
				+      var _this3 = this;
			
 
				+
			
 
				+      // (HTMLElement, string, array, object):void
			
 
				+      events.forEach(function (ev) {
			
 
				+        return el[action + 'EventListener'](ev, _this3.events[ev], items || false);
			
 
				+      });
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "handleEvents",
			
 
				+    value: function handleEvents(action) {
			
 
				+      // (string):void
			
 
				+      var formEl = this.el.closest('form');
			
 
				+
			
 
				+      if (formEl && formEl.tagName === 'FORM') {
			
 
				+        this.eventListener(formEl, action, ['reset']);
			
 
				+      }
			
 
				+
			
 
				+      this.eventListener(this.el, action, ['change']); // always trigger the change event, even when SELECT is disabled
			
 
				+
			
 
				+      if ('add' === action && this.el.disabled) return;
			
 
				+      this.eventListener(this.el, action, ['keydown']);
			
 
				+      this.eventListener(this.widgetEl, action, ['mousedown', 'mouseleave', 'mousemove', 'touchend', 'touchmove'],  false);
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "indexFromEvent",
			
 
				+    value: function indexFromEvent(ev) {
			
 
				+      var _ev$touches, _ev$changedTouches;
			
 
				+
			
 
				+      // (MouseEvent|TouchEvent):void
			
 
				+      var origin = ((_ev$touches = ev.touches) === null || _ev$touches === void 0 ? void 0 : _ev$touches[0]) || ((_ev$changedTouches = ev.changedTouches) === null || _ev$changedTouches === void 0 ? void 0 : _ev$changedTouches[0]) || ev;
			
 
				+      var el = document.elementFromPoint(origin.clientX, origin.clientY);
			
 
				+
			
 
				+      if (el.parentNode === this.widgetEl) {
			
 
				+        return [].slice.call(el.parentNode.children).indexOf(el);
			
 
				+      }
			
 
				+
			
 
				+      return this.indexActive;
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onChange",
			
 
				+    value: function onChange() {
			
 
				+      // ():void
			
 
				+      this.changeIndexTo(this.selected(), true);
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onKeyDown",
			
 
				+    value: function onKeyDown(ev) {
			
 
				+      // (KeyboardEvent):void
			
 
				+      var key = ev.key.slice(5);
			
 
				+      if (!~['Left', 'Right'].indexOf(key)) return;
			
 
				+      ev.preventDefault();
			
 
				+      var increment = key === 'Left' ? -1 : 1;
			
 
				+
			
 
				+      if (this.direction === 'rtl') {
			
 
				+        increment *= -1;
			
 
				+      }
			
 
				+
			
 
				+      var maxIndex = this.values.length - 1;
			
 
				+      var minIndex = -1;
			
 
				+      var index = Math.min(Math.max(this.selected() + increment, minIndex), maxIndex);
			
 
				+      this.selectValue(index, true); // trigger change event
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onPointerDown",
			
 
				+    value: function onPointerDown(ev) {
			
 
				+      // (MouseEvent|TouchEvent):void
			
 
				+      ev.preventDefault(); // this.el.focus(); // highlight the rating field
			
 
				+
			
 
				+      var index = this.indexFromEvent(ev);
			
 
				+
			
 
				+      if (this.props.clearable && index === this.indexSelected) {
			
 
				+        index = -1; // remove the value
			
 
				+      }
			
 
				+
			
 
				+      this.selectValue(index, true); // trigger change event
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onPointerLeave",
			
 
				+    value: function onPointerLeave(ev) {
			
 
				+      var _this4 = this;
			
 
				+
			
 
				+      // (MouseEvent):void
			
 
				+      ev.preventDefault();
			
 
				+      cancelAnimationFrame(this.tick);
			
 
				+      requestAnimationFrame(function () {
			
 
				+        return _this4.changeIndexTo(_this4.indexSelected);
			
 
				+      });
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onPointerMove",
			
 
				+    value: function onPointerMove(ev) {
			
 
				+      var _this5 = this;
			
 
				+
			
 
				+      // (MouseEvent|TouchEvent):void
			
 
				+      ev.preventDefault();
			
 
				+
			
 
				+      if (!this.ticking) {
			
 
				+        this.tick = requestAnimationFrame(function () {
			
 
				+          return _this5.changeIndexTo(_this5.indexFromEvent(ev));
			
 
				+        });
			
 
				+        this.ticking = true;
			
 
				+      }
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "onReset",
			
 
				+    value: function onReset() {
			
 
				+      var _this$el$querySelecto;
			
 
				+
			
 
				+      // ():void
			
 
				+      var index = this.valueIndex((_this$el$querySelecto = this.el.querySelector('[selected]')) === null || _this$el$querySelecto === void 0 ? void 0 : _this$el$querySelecto.value);
			
 
				+      this.selectValue(index || -1, false); // do not trigger change event
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "selected",
			
 
				+    value: function selected() {
			
 
				+      // ():int
			
 
				+      return this.valueIndex(this.el.value); // get the selected span index
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "selectValue",
			
 
				+    value: function selectValue(index, triggerChangeEvent) {
			
 
				+      var _this$values$index2;
			
 
				+
			
 
				+      // (int, bool):void
			
 
				+      this.el.value = ((_this$values$index2 = this.values[index]) === null || _this$values$index2 === void 0 ? void 0 : _this$values$index2.value) || ''; // first set the new value
			
 
				+
			
 
				+      this.indexSelected = this.selected(); // get the actual index from the selected value
			
 
				+
			
 
				+      if (false === triggerChangeEvent) {
			
 
				+        this.changeIndexTo(this.selected(), true);
			
 
				+      } else {
			
 
				+        this.el.dispatchEvent(new Event('change'));
			
 
				+      }
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "valueIndex",
			
 
				+    value: function valueIndex(value) {
			
 
				+      return this.values.findIndex(function (val) {
			
 
				+        return val.value === +value;
			
 
				+      });
			
 
				+    }
			
 
				+  }]);
			
 
				+
			
 
				+  return Widget;
			
 
				+}();
			
 
				+
			
 
				+var StarRating = /*#__PURE__*/function () {
			
 
				+  function StarRating(selector, props) {
			
 
				+    _classCallCheck(this, StarRating);
			
 
				+
			
 
				+    // (HTMLSelectElement|NodeList|string, object):void
			
 
				+    this.destroy = this.destroy.bind(this);
			
 
				+    this.props = props;
			
 
				+    this.rebuild = this.rebuild.bind(this);
			
 
				+    this.selector = selector;
			
 
				+    this.widgets = [];
			
 
				+    this.build();
			
 
				+  }
			
 
				+
			
 
				+  _createClass(StarRating, [{
			
 
				+    key: "build",
			
 
				+    value: function build() {
			
 
				+      var _this = this;
			
 
				+
			
 
				+      // (HTMLSelectElement|NodeList|string, object):void
			
 
				+      this.queryElements(this.selector).forEach(function (el) {
			
 
				+        var options = merge(defaults, _this.props, JSON.parse(el.getAttribute('data-options')));
			
 
				+
			
 
				+        if ('SELECT' === el.tagName && !el.widget) {
			
 
				+          // check for an existing Widget reference
			
 
				+          if (!options.prebuilt && el.parentNode.classList.contains(options.classNames.base)) {
			
 
				+            _this.unwrap(el);
			
 
				+          }
			
 
				+
			
 
				+          _this.widgets.push(new Widget(el, options));
			
 
				+        }
			
 
				+      });
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "destroy",
			
 
				+    value: function destroy() {
			
 
				+      // ():void
			
 
				+      this.widgets.forEach(function (widget) {
			
 
				+        return widget.destroy();
			
 
				+      });
			
 
				+      this.widgets = [];
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "queryElements",
			
 
				+    value: function queryElements(selector) {
			
 
				+      // (HTMLSelectElement|NodeList|string):array
			
 
				+      if ('HTMLSelectElement' === type(selector)) {
			
 
				+        return [selector];
			
 
				+      }
			
 
				+
			
 
				+      if ('NodeList' === type(selector)) {
			
 
				+        return [].slice.call(selector);
			
 
				+      }
			
 
				+
			
 
				+      if ('String' === type(selector)) {
			
 
				+        return [].slice.call(document.querySelectorAll(selector));
			
 
				+      }
			
 
				+
			
 
				+      return [];
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "rebuild",
			
 
				+    value: function rebuild() {
			
 
				+      // ():void
			
 
				+      this.destroy();
			
 
				+      this.build();
			
 
				+    }
			
 
				+  }, {
			
 
				+    key: "unwrap",
			
 
				+    value: function unwrap(el) {
			
 
				+      var removeEl = el.parentNode;
			
 
				+      var parentEl = removeEl.parentNode;
			
 
				+      parentEl.insertBefore(el, removeEl);
			
 
				+      parentEl.removeChild(removeEl);
			
 
				+    }
			
 
				+  }]);
			
 
				+
			
 
				+  return StarRating;
			
 
				+}();
			
 
				+
			
 
				+export default StarRating;
			
--- a/demo/dist/libs/star-rating.js/dist/star-rating.esm.min.js
+++ b/demo/dist/libs/star-rating.js/dist/star-rating.esm.min.js
--- a/demo/dist/libs/star-rating.js/dist/star-rating.js
+++ b/demo/dist/libs/star-rating.js/dist/star-rating.js
@@ -0,0 +1,491 @@
 
				+/**!
			
 
				+ * Star Rating
			
 
				+ * @version: 4.3.0
			
 
				+ * @author: Paul Ryley (http://geminilabs.io)
			
 
				+ * @url: https://github.com/pryley/star-rating.js
			
 
				+ * @license: MIT
			
 
				+ */
			
 
				+var StarRating = (function () {
			
 
				+  'use strict';
			
 
				+
			
 
				+  function _classCallCheck(instance, Constructor) {
			
 
				+    if (!(instance instanceof Constructor)) {
			
 
				+      throw new TypeError("Cannot call a class as a function");
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  function _defineProperties(target, props) {
			
 
				+    for (var i = 0; i < props.length; i++) {
			
 
				+      var descriptor = props[i];
			
 
				+      descriptor.enumerable = descriptor.enumerable || false;
			
 
				+      descriptor.configurable = true;
			
 
				+      if ("value" in descriptor) descriptor.writable = true;
			
 
				+      Object.defineProperty(target, descriptor.key, descriptor);
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  function _createClass(Constructor, protoProps, staticProps) {
			
 
				+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
			
 
				+    if (staticProps) _defineProperties(Constructor, staticProps);
			
 
				+    return Constructor;
			
 
				+  }
			
 
				+
			
 
				+  var defaults = {
			
 
				+    classNames: {
			
 
				+      active: 'gl-active',
			
 
				+      base: 'gl-star-rating',
			
 
				+      selected: 'gl-selected'
			
 
				+    },
			
 
				+    clearable: true,
			
 
				+    maxStars: 10,
			
 
				+    prebuilt: false,
			
 
				+    stars: null,
			
 
				+    tooltip: 'Select a Rating'
			
 
				+  };
			
 
				+
			
 
				+  var addRemoveClass = function addRemoveClass(el, bool, className) {
			
 
				+    el.classList[bool ? 'add' : 'remove'](className);
			
 
				+  };
			
 
				+  var createSpanEl = function createSpanEl(attributes) {
			
 
				+    var el = document.createElement('span');
			
 
				+    attributes = attributes || {};
			
 
				+
			
 
				+    for (var key in attributes) {
			
 
				+      el.setAttribute(key, attributes[key]);
			
 
				+    }
			
 
				+
			
 
				+    return el;
			
 
				+  };
			
 
				+  var inRange = function inRange(value, min, max) {
			
 
				+    return /^\d+$/.test(value) && min <= value && value <= max;
			
 
				+  };
			
 
				+  var insertSpanEl = function insertSpanEl(el, after, attributes) {
			
 
				+    var newEl = createSpanEl(attributes);
			
 
				+    el.parentNode.insertBefore(newEl, after ? el.nextSibling : el);
			
 
				+    return newEl;
			
 
				+  };
			
 
				+  var merge = function merge() {
			
 
				+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
			
 
				+      args[_key] = arguments[_key];
			
 
				+    }
			
 
				+
			
 
				+    // adapted from https://github.com/firstandthird/aug
			
 
				+    var results = {};
			
 
				+    args.forEach(function (prop) {
			
 
				+      Object.keys(prop || {}).forEach(function (propName) {
			
 
				+        if (args[0][propName] === undefined) return; // restrict keys to the defaults
			
 
				+
			
 
				+        var propValue = prop[propName];
			
 
				+
			
 
				+        if (type(propValue) === 'Object' && type(results[propName]) === 'Object') {
			
 
				+          results[propName] = merge(results[propName], propValue);
			
 
				+          return;
			
 
				+        }
			
 
				+
			
 
				+        results[propName] = propValue;
			
 
				+      });
			
 
				+    });
			
 
				+    return results;
			
 
				+  };
			
 
				+  var type = function type(value) {
			
 
				+    return {}.toString.call(value).slice(8, -1);
			
 
				+  };
			
 
				+  var values = function values(selectEl) {
			
 
				+    var values = [];
			
 
				+    [].forEach.call(selectEl.options, function (el) {
			
 
				+      var value = parseInt(el.value, 10) || 0;
			
 
				+
			
 
				+      if (value > 0) {
			
 
				+        values.push({
			
 
				+          index: el.index,
			
 
				+          text: el.text,
			
 
				+          value: value
			
 
				+        });
			
 
				+      }
			
 
				+    });
			
 
				+    return values.sort(function (a, b) {
			
 
				+      return a.value - b.value;
			
 
				+    });
			
 
				+  };
			
 
				+
			
 
				+  var Widget = /*#__PURE__*/function () {
			
 
				+    function Widget(el, props) {
			
 
				+      _classCallCheck(this, Widget);
			
 
				+
			
 
				+      // (HTMLElement, object):void
			
 
				+      this.direction = window.getComputedStyle(el, null).getPropertyValue('direction');
			
 
				+      this.el = el;
			
 
				+      this.events = {
			
 
				+        change: this.onChange.bind(this),
			
 
				+        keydown: this.onKeyDown.bind(this),
			
 
				+        mousedown: this.onPointerDown.bind(this),
			
 
				+        mouseleave: this.onPointerLeave.bind(this),
			
 
				+        mousemove: this.onPointerMove.bind(this),
			
 
				+        reset: this.onReset.bind(this),
			
 
				+        touchend: this.onPointerDown.bind(this),
			
 
				+        touchmove: this.onPointerMove.bind(this)
			
 
				+      };
			
 
				+      this.indexActive = null; // the active span index
			
 
				+
			
 
				+      this.indexSelected = null; // the selected span index
			
 
				+
			
 
				+      this.props = props;
			
 
				+      this.tick = null;
			
 
				+      this.ticking = false;
			
 
				+      this.values = values(el);
			
 
				+      this.widgetEl = null;
			
 
				+
			
 
				+      if (this.el.widget) {
			
 
				+        this.el.widget.destroy(); // remove any stale event listeners
			
 
				+      }
			
 
				+
			
 
				+      if (inRange(this.values.length, 1, this.props.maxStars)) {
			
 
				+        this.build();
			
 
				+      } else {
			
 
				+        this.destroy();
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    _createClass(Widget, [{
			
 
				+      key: "build",
			
 
				+      value: function build() {
			
 
				+        // ():void
			
 
				+        this.destroy();
			
 
				+        this.buildWidget();
			
 
				+        this.selectValue(this.indexSelected = this.selected(), false); // set the initial value but do not trigger change event
			
 
				+
			
 
				+        this.handleEvents('add');
			
 
				+        this.el.widget = this; // store a reference to this widget on the SELECT so that we can remove stale event listeners
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "buildWidget",
			
 
				+      value: function buildWidget() {
			
 
				+        var _this = this;
			
 
				+
			
 
				+        // ():void
			
 
				+        var parentEl, widgetEl;
			
 
				+
			
 
				+        if (this.props.prebuilt) {
			
 
				+          parentEl = this.el.parentNode;
			
 
				+          widgetEl = parentEl.querySelector('.' + this.props.classNames.base + '--stars');
			
 
				+        } else {
			
 
				+          parentEl = insertSpanEl(this.el, false, {
			
 
				+            "class": this.props.classNames.base
			
 
				+          });
			
 
				+          parentEl.appendChild(this.el);
			
 
				+          widgetEl = insertSpanEl(this.el, true, {
			
 
				+            "class": this.props.classNames.base + '--stars'
			
 
				+          });
			
 
				+          this.values.forEach(function (item, index) {
			
 
				+            var el = createSpanEl({
			
 
				+              'data-index': index,
			
 
				+              'data-value': item.value
			
 
				+            });
			
 
				+
			
 
				+            if ('function' === typeof _this.props.stars) {
			
 
				+              _this.props.stars.call(_this, el, item, index);
			
 
				+            }
			
 
				+
			
 
				+            [].forEach.call(el.children, function (el) {
			
 
				+              return el.style.pointerEvents = 'none';
			
 
				+            });
			
 
				+            widgetEl.innerHTML += el.outerHTML;
			
 
				+          });
			
 
				+        }
			
 
				+
			
 
				+        parentEl.dataset.starRating = '';
			
 
				+        parentEl.classList.add(this.props.classNames.base + '--' + this.direction);
			
 
				+
			
 
				+        if (this.props.tooltip) {
			
 
				+          widgetEl.setAttribute('role', 'tooltip');
			
 
				+        }
			
 
				+
			
 
				+        this.widgetEl = widgetEl;
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "changeIndexTo",
			
 
				+      value: function changeIndexTo(index, force) {
			
 
				+        var _this2 = this;
			
 
				+
			
 
				+        // (int):void
			
 
				+        if (this.indexActive !== index || force) {
			
 
				+          [].forEach.call(this.widgetEl.children, function (el, i) {
			
 
				+            // i starts at zero
			
 
				+            addRemoveClass(el, i <= index, _this2.props.classNames.active);
			
 
				+            addRemoveClass(el, i === _this2.indexSelected, _this2.props.classNames.selected);
			
 
				+          });
			
 
				+          this.widgetEl.setAttribute('data-rating', index + 1);
			
 
				+
			
 
				+          if ('function' !== typeof this.props.stars && !this.props.prebuilt) {
			
 
				+            // @v3 compat
			
 
				+            this.widgetEl.classList.remove('s' + 10 * (this.indexActive + 1));
			
 
				+            this.widgetEl.classList.add('s' + 10 * (index + 1));
			
 
				+          }
			
 
				+
			
 
				+          if (this.props.tooltip) {
			
 
				+            var _this$values$index;
			
 
				+
			
 
				+            var label = index < 0 ? this.props.tooltip : (_this$values$index = this.values[index]) === null || _this$values$index === void 0 ? void 0 : _this$values$index.text;
			
 
				+            this.widgetEl.setAttribute('aria-label', label);
			
 
				+          }
			
 
				+
			
 
				+          this.indexActive = index;
			
 
				+        }
			
 
				+
			
 
				+        this.ticking = false;
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "destroy",
			
 
				+      value: function destroy() {
			
 
				+        // ():void
			
 
				+        this.indexActive = null; // the active span index
			
 
				+
			
 
				+        this.indexSelected = this.selected(); // the selected span index
			
 
				+
			
 
				+        var parentEl = this.el.parentNode;
			
 
				+
			
 
				+        if (parentEl.classList.contains(this.props.classNames.base)) {
			
 
				+          if (this.props.prebuilt) {
			
 
				+            this.widgetEl = parentEl.querySelector('.' + this.props.classNames.base + '--stars');
			
 
				+            parentEl.classList.remove(this.props.classNames.base + '--' + this.direction);
			
 
				+            delete parentEl.dataset.starRating;
			
 
				+          } else {
			
 
				+            parentEl.parentNode.replaceChild(this.el, parentEl);
			
 
				+          }
			
 
				+
			
 
				+          this.handleEvents('remove');
			
 
				+        }
			
 
				+
			
 
				+        delete this.el.widget; // remove the widget reference
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "eventListener",
			
 
				+      value: function eventListener(el, action, events, items) {
			
 
				+        var _this3 = this;
			
 
				+
			
 
				+        // (HTMLElement, string, array, object):void
			
 
				+        events.forEach(function (ev) {
			
 
				+          return el[action + 'EventListener'](ev, _this3.events[ev], items || false);
			
 
				+        });
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "handleEvents",
			
 
				+      value: function handleEvents(action) {
			
 
				+        // (string):void
			
 
				+        var formEl = this.el.closest('form');
			
 
				+
			
 
				+        if (formEl && formEl.tagName === 'FORM') {
			
 
				+          this.eventListener(formEl, action, ['reset']);
			
 
				+        }
			
 
				+
			
 
				+        this.eventListener(this.el, action, ['change']); // always trigger the change event, even when SELECT is disabled
			
 
				+
			
 
				+        if ('add' === action && this.el.disabled) return;
			
 
				+        this.eventListener(this.el, action, ['keydown']);
			
 
				+        this.eventListener(this.widgetEl, action, ['mousedown', 'mouseleave', 'mousemove', 'touchend', 'touchmove'],  false);
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "indexFromEvent",
			
 
				+      value: function indexFromEvent(ev) {
			
 
				+        var _ev$touches, _ev$changedTouches;
			
 
				+
			
 
				+        // (MouseEvent|TouchEvent):void
			
 
				+        var origin = ((_ev$touches = ev.touches) === null || _ev$touches === void 0 ? void 0 : _ev$touches[0]) || ((_ev$changedTouches = ev.changedTouches) === null || _ev$changedTouches === void 0 ? void 0 : _ev$changedTouches[0]) || ev;
			
 
				+        var el = document.elementFromPoint(origin.clientX, origin.clientY);
			
 
				+
			
 
				+        if (el.parentNode === this.widgetEl) {
			
 
				+          return [].slice.call(el.parentNode.children).indexOf(el);
			
 
				+        }
			
 
				+
			
 
				+        return this.indexActive;
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "onChange",
			
 
				+      value: function onChange() {
			
 
				+        // ():void
			
 
				+        this.changeIndexTo(this.selected(), true);
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "onKeyDown",
			
 
				+      value: function onKeyDown(ev) {
			
 
				+        // (KeyboardEvent):void
			
 
				+        var key = ev.key.slice(5);
			
 
				+        if (!~['Left', 'Right'].indexOf(key)) return;
			
 
				+        ev.preventDefault();
			
 
				+        var increment = key === 'Left' ? -1 : 1;
			
 
				+
			
 
				+        if (this.direction === 'rtl') {
			
 
				+          increment *= -1;
			
 
				+        }
			
 
				+
			
 
				+        var maxIndex = this.values.length - 1;
			
 
				+        var minIndex = -1;
			
 
				+        var index = Math.min(Math.max(this.selected() + increment, minIndex), maxIndex);
			
 
				+        this.selectValue(index, true); // trigger change event
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "onPointerDown",
			
 
				+      value: function onPointerDown(ev) {
			
 
				+        // (MouseEvent|TouchEvent):void
			
 
				+        ev.preventDefault(); // this.el.focus(); // highlight the rating field
			
 
				+
			
 
				+        var index = this.indexFromEvent(ev);
			
 
				+
			
 
				+        if (this.props.clearable && index === this.indexSelected) {
			
 
				+          index = -1; // remove the value
			
 
				+        }
			
 
				+
			
 
				+        this.selectValue(index, true); // trigger change event
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "onPointerLeave",
			
 
				+      value: function onPointerLeave(ev) {
			
 
				+        var _this4 = this;
			
 
				+
			
 
				+        // (MouseEvent):void
			
 
				+        ev.preventDefault();
			
 
				+        cancelAnimationFrame(this.tick);
			
 
				+        requestAnimationFrame(function () {
			
 
				+          return _this4.changeIndexTo(_this4.indexSelected);
			
 
				+        });
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "onPointerMove",
			
 
				+      value: function onPointerMove(ev) {
			
 
				+        var _this5 = this;
			
 
				+
			
 
				+        // (MouseEvent|TouchEvent):void
			
 
				+        ev.preventDefault();
			
 
				+
			
 
				+        if (!this.ticking) {
			
 
				+          this.tick = requestAnimationFrame(function () {
			
 
				+            return _this5.changeIndexTo(_this5.indexFromEvent(ev));
			
 
				+          });
			
 
				+          this.ticking = true;
			
 
				+        }
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "onReset",
			
 
				+      value: function onReset() {
			
 
				+        var _this$el$querySelecto;
			
 
				+
			
 
				+        // ():void
			
 
				+        var index = this.valueIndex((_this$el$querySelecto = this.el.querySelector('[selected]')) === null || _this$el$querySelecto === void 0 ? void 0 : _this$el$querySelecto.value);
			
 
				+        this.selectValue(index || -1, false); // do not trigger change event
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "selected",
			
 
				+      value: function selected() {
			
 
				+        // ():int
			
 
				+        return this.valueIndex(this.el.value); // get the selected span index
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "selectValue",
			
 
				+      value: function selectValue(index, triggerChangeEvent) {
			
 
				+        var _this$values$index2;
			
 
				+
			
 
				+        // (int, bool):void
			
 
				+        this.el.value = ((_this$values$index2 = this.values[index]) === null || _this$values$index2 === void 0 ? void 0 : _this$values$index2.value) || ''; // first set the new value
			
 
				+
			
 
				+        this.indexSelected = this.selected(); // get the actual index from the selected value
			
 
				+
			
 
				+        if (false === triggerChangeEvent) {
			
 
				+          this.changeIndexTo(this.selected(), true);
			
 
				+        } else {
			
 
				+          this.el.dispatchEvent(new Event('change'));
			
 
				+        }
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "valueIndex",
			
 
				+      value: function valueIndex(value) {
			
 
				+        return this.values.findIndex(function (val) {
			
 
				+          return val.value === +value;
			
 
				+        });
			
 
				+      }
			
 
				+    }]);
			
 
				+
			
 
				+    return Widget;
			
 
				+  }();
			
 
				+
			
 
				+  var StarRating = /*#__PURE__*/function () {
			
 
				+    function StarRating(selector, props) {
			
 
				+      _classCallCheck(this, StarRating);
			
 
				+
			
 
				+      // (HTMLSelectElement|NodeList|string, object):void
			
 
				+      this.destroy = this.destroy.bind(this);
			
 
				+      this.props = props;
			
 
				+      this.rebuild = this.rebuild.bind(this);
			
 
				+      this.selector = selector;
			
 
				+      this.widgets = [];
			
 
				+      this.build();
			
 
				+    }
			
 
				+
			
 
				+    _createClass(StarRating, [{
			
 
				+      key: "build",
			
 
				+      value: function build() {
			
 
				+        var _this = this;
			
 
				+
			
 
				+        // (HTMLSelectElement|NodeList|string, object):void
			
 
				+        this.queryElements(this.selector).forEach(function (el) {
			
 
				+          var options = merge(defaults, _this.props, JSON.parse(el.getAttribute('data-options')));
			
 
				+
			
 
				+          if ('SELECT' === el.tagName && !el.widget) {
			
 
				+            // check for an existing Widget reference
			
 
				+            if (!options.prebuilt && el.parentNode.classList.contains(options.classNames.base)) {
			
 
				+              _this.unwrap(el);
			
 
				+            }
			
 
				+
			
 
				+            _this.widgets.push(new Widget(el, options));
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "destroy",
			
 
				+      value: function destroy() {
			
 
				+        // ():void
			
 
				+        this.widgets.forEach(function (widget) {
			
 
				+          return widget.destroy();
			
 
				+        });
			
 
				+        this.widgets = [];
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "queryElements",
			
 
				+      value: function queryElements(selector) {
			
 
				+        // (HTMLSelectElement|NodeList|string):array
			
 
				+        if ('HTMLSelectElement' === type(selector)) {
			
 
				+          return [selector];
			
 
				+        }
			
 
				+
			
 
				+        if ('NodeList' === type(selector)) {
			
 
				+          return [].slice.call(selector);
			
 
				+        }
			
 
				+
			
 
				+        if ('String' === type(selector)) {
			
 
				+          return [].slice.call(document.querySelectorAll(selector));
			
 
				+        }
			
 
				+
			
 
				+        return [];
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "rebuild",
			
 
				+      value: function rebuild() {
			
 
				+        // ():void
			
 
				+        this.destroy();
			
 
				+        this.build();
			
 
				+      }
			
 
				+    }, {
			
 
				+      key: "unwrap",
			
 
				+      value: function unwrap(el) {
			
 
				+        var removeEl = el.parentNode;
			
 
				+        var parentEl = removeEl.parentNode;
			
 
				+        parentEl.insertBefore(el, removeEl);
			
 
				+        parentEl.removeChild(removeEl);
			
 
				+      }
			
 
				+    }]);
			
 
				+
			
 
				+    return StarRating;
			
 
				+  }();
			
 
				+
			
 
				+  return StarRating;
			
 
				+
			
 
				+}());
			
--- a/demo/dist/libs/star-rating.js/dist/star-rating.min.css
+++ b/demo/dist/libs/star-rating.js/dist/star-rating.min.css
--- a/demo/dist/libs/star-rating.js/dist/star-rating.min.js
+++ b/demo/dist/libs/star-rating.js/dist/star-rating.min.js
--- a/demo/dropdowns.html
+++ b/demo/dropdowns.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dropdowns - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -843,7 +847,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -864,7 +868,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -876,7 +880,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/dropzone.html
+++ b/demo/dropzone.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,12 +14,12 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dropzone - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/libs/dropzone/dist/dropzone.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/libs/dropzone/dist/dropzone.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -31,7 +31,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -279,6 +279,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -648,7 +652,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -669,7 +673,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -680,10 +684,10 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/dropzone/dist/dropzone-min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/dropzone/dist/dropzone-min.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function() {
			
--- a/demo/empty.html
+++ b/demo/empty.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Empty page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -606,7 +610,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -627,7 +631,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -639,7 +643,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/error-404.html
+++ b/demo/error-404.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Page 404 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body  class=" border-top-wide border-primary d-flex flex-column">
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page page-center">
			
 
				       <div class="container-tight py-4">
			
 
				         <div class="empty">
			
@@ -51,7 +51,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/error-500.html
+++ b/demo/error-500.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Page 500 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body  class=" border-top-wide border-primary d-flex flex-column">
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page page-center">
			
 
				       <div class="container-tight py-4">
			
 
				         <div class="empty">
			
@@ -51,7 +51,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/error-maintenance.html
+++ b/demo/error-maintenance.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Maintenance mode - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body  class=" border-top-wide border-primary d-flex flex-column">
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page page-center">
			
 
				       <div class="container-tight py-4">
			
 
				         <div class="empty">
			
@@ -52,7 +52,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/faq.html
+++ b/demo/faq.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -766,7 +770,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -787,7 +791,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -799,7 +803,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/forgot-password.html
+++ b/demo/forgot-password.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body  class=" d-flex flex-column">
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page page-center">
			
 
				       <div class="container container-tight py-4">
			
 
				         <div class="text-center mb-4">
			
@@ -60,7 +60,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/form-elements.html
+++ b/demo/form-elements.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Form elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -2662,7 +2666,7 @@ But that's the difference in our opinions.</textarea>
 
				           <div class="row text-center align-items-center flex-row-reverse">
			
 
				             <div class="col-lg-auto ms-lg-auto">
			
 
				               <ul class="list-inline list-inline-dots mb-0">
			
 
				-                <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                 <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                 <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                 <li class="list-inline-item">
			
@@ -2683,7 +2687,7 @@ But that's the difference in our opinions.</textarea>
 
				                 </li>
			
 
				                 <li class="list-inline-item">
			
 
				                   <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                    v1.0.0-beta18
			
 
				+                    v1.0.0-beta19
			
 
				                   </a>
			
 
				                 </li>
			
 
				               </ul>
			
@@ -2694,12 +2698,12 @@ But that's the difference in our opinions.</textarea>
 
				     </div>
			
 
				   </div>
			
 
				   <!-- Libs JS -->
			
 
				-  <script src="./dist/libs/nouislider/dist/nouislider.min.js?1684072869" defer></script>
			
 
				-  <script src="./dist/libs/litepicker/dist/litepicker.js?1684072869" defer></script>
			
 
				-  <script src="./dist/libs/tom-select/dist/js/tom-select.base.min.js?1684072869" defer></script>
			
 
				+  <script src="./dist/libs/nouislider/dist/nouislider.min.js?1684106062" defer></script>
			
 
				+  <script src="./dist/libs/litepicker/dist/litepicker.js?1684106062" defer></script>
			
 
				+  <script src="./dist/libs/tom-select/dist/js/tom-select.base.min.js?1684106062" defer></script>
			
 
				   <!-- Tabler Core -->
			
 
				-  <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-  <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+  <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+  <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   <script>
			
 
				     // @formatter:off
			
 
				     document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/gallery.html
+++ b/demo/gallery.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Gallery - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -961,7 +965,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -982,7 +986,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -994,7 +998,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/icons.html
+++ b/demo/icons.html
--- a/demo/index.html
+++ b/demo/index.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1964,7 +1968,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1985,7 +1989,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2098,13 +2102,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/inline-player.html
+++ b/demo/inline-player.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,12 +14,12 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Inline Player - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/libs/plyr/dist/plyr.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/libs/plyr/dist/plyr.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -31,7 +31,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -279,6 +279,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -624,7 +628,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -645,7 +649,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -656,10 +660,10 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/plyr/dist/plyr.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/plyr/dist/plyr.min.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/invoice.html
+++ b/demo/invoice.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Invoice - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -705,7 +709,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -726,7 +730,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -738,7 +742,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/job-listing.html
+++ b/demo/job-listing.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Search for Jobs - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1169,7 +1173,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1190,7 +1194,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -1202,7 +1206,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/layout-boxed.html
+++ b/demo/layout-boxed.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body  class=" layout-boxed">
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1964,7 +1968,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1985,7 +1989,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2098,13 +2102,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-combo.html
+++ b/demo/layout-combo.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Sidebar -->
			
 
				       <aside class="navbar navbar-vertical navbar-expand-lg" data-bs-theme="dark">
			
@@ -273,6 +273,10 @@
 
				                         Steps
			
 
				                         <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                       </a>
			
 
				+                      <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                        Stars rating
			
 
				+                        <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                      </a>
			
 
				                       <a class="dropdown-item" href="./tabs.html">
			
 
				                         Tabs
			
 
				                       </a>
			
@@ -2083,7 +2087,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -2104,7 +2108,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2217,13 +2221,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-condensed.html
+++ b/demo/layout-condensed.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -260,6 +260,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1935,7 +1939,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1956,7 +1960,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2069,13 +2073,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-fluid-vertical.html
+++ b/demo/layout-fluid-vertical.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body  class=" layout-fluid">
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Sidebar -->
			
 
				       <aside class="navbar navbar-vertical navbar-expand-lg" data-bs-theme="dark">
			
@@ -273,6 +273,10 @@
 
				                         Steps
			
 
				                         <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                       </a>
			
 
				+                      <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                        Stars rating
			
 
				+                        <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                      </a>
			
 
				                       <a class="dropdown-item" href="./tabs.html">
			
 
				                         Tabs
			
 
				                       </a>
			
@@ -1947,7 +1951,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1968,7 +1972,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2081,13 +2085,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-fluid.html
+++ b/demo/layout-fluid.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body  class=" layout-fluid">
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1964,7 +1968,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1985,7 +1989,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2098,13 +2102,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-horizontal.html
+++ b/demo/layout-horizontal.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1964,7 +1968,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1985,7 +1989,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2098,13 +2102,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-navbar-dark.html
+++ b/demo/layout-navbar-dark.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none"  data-bs-theme="dark">
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1964,7 +1968,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1985,7 +1989,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2098,13 +2102,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-navbar-overlap.html
+++ b/demo/layout-navbar-overlap.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md navbar-overlap d-print-none"  data-bs-theme="dark">
			
@@ -260,6 +260,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1935,7 +1939,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1956,7 +1960,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2069,13 +2073,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-navbar-sticky.html
+++ b/demo/layout-navbar-sticky.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <div class="sticky-top">
			
@@ -279,6 +279,10 @@
 
				                             Steps
			
 
				                             <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                           </a>
			
 
				+                          <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                            Stars rating
			
 
				+                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                          </a>
			
 
				                           <a class="dropdown-item" href="./tabs.html">
			
 
				                             Tabs
			
 
				                           </a>
			
@@ -1966,7 +1970,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1987,7 +1991,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2100,13 +2104,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-rtl.html
+++ b/demo/layout-rtl.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>RTL mode - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.rtl.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.rtl.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.rtl.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.rtl.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.rtl.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.rtl.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.rtl.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.rtl.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.rtl.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.rtl.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1964,7 +1968,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1985,7 +1989,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2098,13 +2102,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-vertical-right.html
+++ b/demo/layout-vertical-right.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Sidebar -->
			
 
				       <aside class="navbar navbar-vertical navbar-right navbar-expand-lg">
			
@@ -273,6 +273,10 @@
 
				                         Steps
			
 
				                         <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                       </a>
			
 
				+                      <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                        Stars rating
			
 
				+                        <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                      </a>
			
 
				                       <a class="dropdown-item" href="./tabs.html">
			
 
				                         Tabs
			
 
				                       </a>
			
@@ -1947,7 +1951,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1968,7 +1972,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2081,13 +2085,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-vertical-transparent.html
+++ b/demo/layout-vertical-transparent.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Sidebar -->
			
 
				       <aside class="navbar navbar-vertical navbar-expand-lg navbar-transparent">
			
@@ -273,6 +273,10 @@
 
				                         Steps
			
 
				                         <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                       </a>
			
 
				+                      <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                        Stars rating
			
 
				+                        <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                      </a>
			
 
				                       <a class="dropdown-item" href="./tabs.html">
			
 
				                         Tabs
			
 
				                       </a>
			
@@ -1947,7 +1951,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1968,7 +1972,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2081,13 +2085,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/layout-vertical.html
+++ b/demo/layout-vertical.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Sidebar -->
			
 
				       <aside class="navbar navbar-vertical navbar-expand-lg" data-bs-theme="dark">
			
@@ -273,6 +273,10 @@
 
				                         Steps
			
 
				                         <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                       </a>
			
 
				+                      <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                        Stars rating
			
 
				+                        <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                      </a>
			
 
				                       <a class="dropdown-item" href="./tabs.html">
			
 
				                         Tabs
			
 
				                       </a>
			
@@ -1947,7 +1951,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1968,7 +1972,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2081,13 +2085,13 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function () {
			
--- a/demo/license.html
+++ b/demo/license.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>License - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -694,7 +698,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -715,7 +719,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -727,7 +731,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/lightbox.html
+++ b/demo/lightbox.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Lightbox - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -997,7 +1001,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1018,7 +1022,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -1029,9 +1033,9 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/fslightbox/index.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/fslightbox/index.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/lists.html
+++ b/demo/lists.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Lists - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -2843,7 +2847,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -2864,7 +2868,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -2876,7 +2880,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/logs.html
+++ b/demo/logs.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Logs - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -627,7 +631,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -648,7 +652,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -660,7 +664,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/map-fullsize.html
+++ b/demo/map-fullsize.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Sidebar -->
			
 
				       <aside class="navbar navbar-vertical navbar-expand-lg">
			
@@ -273,6 +273,10 @@
 
				                         Steps
			
 
				                         <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                       </a>
			
 
				+                      <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                        Stars rating
			
 
				+                        <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                      </a>
			
 
				                       <a class="dropdown-item" href="./tabs.html">
			
 
				                         Tabs
			
 
				                       </a>
			
@@ -575,7 +579,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -596,7 +600,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -609,8 +613,8 @@
 
				     <!-- Libs JS -->
			
 
				     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAr5mRB4U1KRkVznIrDWEvZjroYcD202DI" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       let map;
			
--- a/demo/maps-vector.html
+++ b/demo/maps-vector.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Vector Maps - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -643,7 +647,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -664,7 +668,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -675,12 +679,12 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684072869" defer></script>
			
 
				-    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script>
			
 
				+    <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:on
			
 
				       document.addEventListener("DOMContentLoaded", function() {
			
--- a/demo/maps.html
+++ b/demo/maps.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -15,11 +15,11 @@
 
				     <title>Maps - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				     <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -31,7 +31,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -279,6 +279,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -650,7 +654,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -671,7 +675,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -684,8 +688,8 @@
 
				     <!-- Libs JS -->
			
 
				     <script src="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.js" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				     <script>
			
 
				       // @formatter:off
			
 
				       document.addEventListener("DOMContentLoaded", function() {
			
--- a/demo/markdown.html
+++ b/demo/markdown.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Markdown - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -733,7 +737,7 @@ line 3 of code
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -754,7 +758,7 @@ line 3 of code
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -766,7 +770,7 @@ line 3 of code
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/modals.html
+++ b/demo/modals.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Modals - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -638,7 +642,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -659,7 +663,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -1046,7 +1050,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/music.html
+++ b/demo/music.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Music components - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1304,7 +1308,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1325,7 +1329,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -1337,7 +1341,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/navigation.html
+++ b/demo/navigation.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Navigation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -1936,7 +1940,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -1957,7 +1961,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -1969,7 +1973,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/offcanvas.html
+++ b/demo/offcanvas.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Offcanvas - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -685,7 +689,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -706,7 +710,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -718,7 +722,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/page-loader.html
+++ b/demo/page-loader.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body  class=" d-flex flex-column">
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page page-center">
			
 
				       <div class="container container-slim py-4">
			
 
				         <div class="text-center">
			
@@ -46,7 +46,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/pagination.html
+++ b/demo/pagination.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Pagination - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -672,7 +676,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -693,7 +697,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -705,7 +709,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/photogrid.html
+++ b/demo/photogrid.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Photogrid - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -707,7 +711,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -728,7 +732,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -739,9 +743,9 @@
 
				       </div>
			
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				-    <script src="./dist/libs/fslightbox/index.js?1684072869" defer></script>
			
 
				+    <script src="./dist/libs/fslightbox/index.js?1684106062" defer></script>
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/demo/placeholder.html
+++ b/demo/placeholder.html
@@ -1,7 +1,7 @@
 
				 <!doctype html>
			
 
				 <!--
			
 
				 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
			
 
				-* @version 1.0.0-beta18
			
 
				+* @version 1.0.0-beta19
			
 
				 * @link https://tabler.io
			
 
				 * Copyright 2018-2023 The Tabler Authors
			
 
				 * Copyright 2018-2023 codecalm.net Paweł Kuna
			
@@ -14,11 +14,11 @@
 
				     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
			
 
				     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
			
 
				     <!-- CSS files -->
			
 
				-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
			
 
				-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet"/>
			
 
				+    <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet"/>
			
 
				     <style>
			
 
				       @import url('https://rsms.me/inter/inter.css');
			
 
				       :root {
			
@@ -30,7 +30,7 @@
 
				     </style>
			
 
				   </head>
			
 
				   <body >
			
 
				-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
			
 
				+    <script src="./dist/js/demo-theme.min.js?1684106062"></script>
			
 
				     <div class="page">
			
 
				       <!-- Navbar -->
			
 
				       <header class="navbar navbar-expand-md d-print-none" >
			
@@ -278,6 +278,10 @@
 
				                           Steps
			
 
				                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				                         </a>
			
 
				+                        <a class="dropdown-item" href="./stars-rating.html">
			
 
				+                          Stars rating
			
 
				+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
			
 
				+                        </a>
			
 
				                         <a class="dropdown-item" href="./tabs.html">
			
 
				                           Tabs
			
 
				                         </a>
			
@@ -806,7 +810,7 @@
 
				             <div class="row text-center align-items-center flex-row-reverse">
			
 
				               <div class="col-lg-auto ms-lg-auto">
			
 
				                 <ul class="list-inline list-inline-dots mb-0">
			
 
				-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
			
 
				+                  <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
			
 
				                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
			
 
				                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
			
 
				                   <li class="list-inline-item">
			
@@ -827,7 +831,7 @@
 
				                   </li>
			
 
				                   <li class="list-inline-item">
			
 
				                     <a href="./changelog.html" class="link-secondary" rel="noopener">
			
 
				-                      v1.0.0-beta18
			
 
				+                      v1.0.0-beta19
			
 
				                     </a>
			
 
				                   </li>
			
 
				                 </ul>
			
@@ -839,7 +843,7 @@
 
				     </div>
			
 
				     <!-- Libs JS -->
			
 
				     <!-- Tabler Core -->
			
 
				-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
			
 
				-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
			
 
				+    <script src="./dist/js/tabler.min.js?1684106062" defer></script>
			
 
				+    <script src="./dist/js/demo.min.js?1684106062" defer></script>
			
 
				   </body>
			
 
				 </html>