2 ani în urmă · 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>