Home Explore Help
Sign In
html-themes
/
tabler.tabler
mirror of https://github.com/tabler/tabler.git
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

Release 1.0.0-beta18

codecalm 2 years ago
parent
75619ddf72
commit
966d75903d
100 changed files with 4357 additions and 4596 deletions
Split View Show Diff Stats
  1. 27 23
      demo/accordion.html
  2. 27 23
      demo/activity.html
  3. 9 9
      demo/auth-lock.html
  4. 27 23
      demo/badges.html
  5. 27 23
      demo/blank.html
  6. 31 27
      demo/buttons.html
  7. 29 25
      demo/card-actions.html
  8. 27 23
      demo/cards-masonry.html
  9. 30 26
      demo/cards.html
  10. 27 23
      demo/carousel.html
  11. 375 701
      demo/changelog.html
  12. 28 24
      demo/charts.html
  13. 27 23
      demo/colors.html
  14. 136 483
      demo/cookie-banner.html
  15. 27 23
      demo/datagrid.html
  16. 28 24
      demo/datatables.html
  17. 13 43
      demo/dist/css/demo.css
  18. 2 2
      demo/dist/css/demo.min.css
  19. 13 43
      demo/dist/css/demo.rtl.css
  20. 2 2
      demo/dist/css/demo.rtl.min.css
  21. 5 3
      demo/dist/css/tabler-flags.css
  22. 2 2
      demo/dist/css/tabler-flags.min.css
  23. 5 3
      demo/dist/css/tabler-flags.rtl.css
  24. 2 2
      demo/dist/css/tabler-flags.rtl.min.css
  25. 5 2
      demo/dist/css/tabler-payments.css
  26. 2 2
      demo/dist/css/tabler-payments.min.css
  27. 4 2
      demo/dist/css/tabler-payments.rtl.css
  28. 2 2
      demo/dist/css/tabler-payments.rtl.min.css
  29. 10 0
      demo/dist/css/tabler-social.css
  30. 8 0
      demo/dist/css/tabler-social.min.css
  31. 10 0
      demo/dist/css/tabler-social.rtl.css
  32. 8 0
      demo/dist/css/tabler-social.rtl.min.css
  33. 97 38
      demo/dist/css/tabler-vendors.css
  34. 2 2
      demo/dist/css/tabler-vendors.min.css
  35. 97 38
      demo/dist/css/tabler-vendors.rtl.css
  36. 2 2
      demo/dist/css/tabler-vendors.rtl.min.css
  37. 384 222
      demo/dist/css/tabler.css
  38. 2 2
      demo/dist/css/tabler.min.css
  39. 384 222
      demo/dist/css/tabler.rtl.css
  40. 2 2
      demo/dist/css/tabler.rtl.min.css
  41. 9 6
      demo/dist/js/demo-theme.js
  42. 3 3
      demo/dist/js/demo-theme.min.js
  43. 16 16
      demo/dist/js/demo.js
  44. 2 2
      demo/dist/js/demo.min.js
  45. 2 2
      demo/dist/js/tabler.esm.js
  46. 2 2
      demo/dist/js/tabler.esm.min.js
  47. 2 2
      demo/dist/js/tabler.js
  48. 2 2
      demo/dist/js/tabler.min.js
  49. 0 0
      demo/dist/libs/apexcharts/dist/apexcharts.amd.js
  50. 2 2
      demo/dist/libs/apexcharts/dist/apexcharts.common.js
  51. 2 2
      demo/dist/libs/apexcharts/dist/apexcharts.esm.js
  52. 391 293
      demo/dist/libs/apexcharts/dist/apexcharts.js
  53. 2 2
      demo/dist/libs/apexcharts/dist/apexcharts.min.js
  54. 228 228
      demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.js
  55. 0 0
      demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.js.map
  56. 2 2
      demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js
  57. 0 0
      demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js.map
  58. 196 195
      demo/dist/libs/bootstrap/dist/js/bootstrap.esm.js
  59. 0 0
      demo/dist/libs/bootstrap/dist/js/bootstrap.esm.js.map
  60. 2 2
      demo/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js
  61. 0 0
      demo/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js.map
  62. 197 196
      demo/dist/libs/bootstrap/dist/js/bootstrap.js
  63. 0 0
      demo/dist/libs/bootstrap/dist/js/bootstrap.js.map
  64. 2 2
      demo/dist/libs/bootstrap/dist/js/bootstrap.min.js
  65. 0 0
      demo/dist/libs/bootstrap/dist/js/bootstrap.min.js.map
  66. 8 3
      demo/dist/libs/countup.js/dist/countUp.d.ts
  67. 26 8
      demo/dist/libs/countup.js/dist/countUp.js
  68. 0 0
      demo/dist/libs/countup.js/dist/countUp.min.js
  69. 0 293
      demo/dist/libs/countup.js/dist/countUp.umd.js
  70. 0 0
      demo/dist/libs/countup.js/dist/countUp.withPolyfill.min.js
  71. 26 0
      demo/dist/libs/countup.js/dist/requestAnimationFrame.polyfill.js
  72. 39 33
      demo/dist/libs/fslightbox/README.md
  73. 0 0
      demo/dist/libs/fslightbox/index.js
  74. 0 1
      demo/dist/libs/fslightbox/jest-setup.js
  75. 10 44
      demo/dist/libs/fslightbox/package.json
  76. 171 300
      demo/dist/libs/jsvectormap/dist/js/jsvectormap.js
  77. 0 0
      demo/dist/libs/jsvectormap/dist/js/jsvectormap.min.js
  78. 2 0
      demo/dist/libs/nouislider/dist/nouislider.d.ts
  79. 28 0
      demo/dist/libs/nouislider/dist/nouislider.js
  80. 0 0
      demo/dist/libs/nouislider/dist/nouislider.min.js
  81. 0 0
      demo/dist/libs/nouislider/dist/nouislider.min.mjs
  82. 28 0
      demo/dist/libs/nouislider/dist/nouislider.mjs
  83. 0 0
      demo/dist/libs/plyr/dist/plyr.css
  84. 204 198
      demo/dist/libs/plyr/dist/plyr.js
  85. 0 0
      demo/dist/libs/plyr/dist/plyr.min.js
  86. 0 0
      demo/dist/libs/plyr/dist/plyr.min.js.map
  87. 0 0
      demo/dist/libs/plyr/dist/plyr.min.mjs
  88. 0 0
      demo/dist/libs/plyr/dist/plyr.min.mjs.map
  89. 204 198
      demo/dist/libs/plyr/dist/plyr.mjs
  90. 204 198
      demo/dist/libs/plyr/dist/plyr.polyfilled.js
  91. 0 0
      demo/dist/libs/plyr/dist/plyr.polyfilled.min.js
  92. 0 0
      demo/dist/libs/plyr/dist/plyr.polyfilled.min.js.map
  93. 0 0
      demo/dist/libs/plyr/dist/plyr.polyfilled.min.mjs
  94. 0 0
      demo/dist/libs/plyr/dist/plyr.polyfilled.min.mjs.map
  95. 204 198
      demo/dist/libs/plyr/dist/plyr.polyfilled.mjs
  96. 112 0
      demo/dist/libs/tinymce/CHANGELOG.md
  97. 1 1
      demo/dist/libs/tinymce/composer.json
  98. 4 0
      demo/dist/libs/tinymce/icons/default/icons.js
  99. 0 0
      demo/dist/libs/tinymce/icons/default/icons.min.js
  100. 79 23
      demo/dist/libs/tinymce/models/dom/model.js

+ 27 - 23
demo/accordion.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item active" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -655,7 +659,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -676,7 +680,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -688,7 +692,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 27 - 23
demo/activity.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item active" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -857,7 +861,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -878,7 +882,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -890,7 +894,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 9 - 9
demo/auth-lock.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <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?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></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?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 27 - 23
demo/badges.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -755,7 +759,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -776,7 +780,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -788,7 +792,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 27 - 23
demo/blank.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -604,7 +608,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -625,7 +629,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -637,7 +641,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 31 - 27
demo/buttons.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -1244,7 +1248,7 @@
 
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
 
                         <a href="#" class="btn btn-instagram w-100 btn-icon" aria-label="Instagram">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/brand-instagram -->
 
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M16.5 7.5l0 0" /></svg>
 
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M16.5 7.5l0 .01" /></svg>
 
                         </a>
 
                       </div>
 
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
 
@@ -1274,7 +1278,7 @@
 
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
 
                         <a href="#" class="btn btn-bitbucket w-100 btn-icon" aria-label="Bitbucket">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/brand-bitbucket -->
 
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.648 4a0.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a0.644 .644 0 0 0 .642 -.539l3.35 -14.71a0.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
 
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.648 4a.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a.644 .644 0 0 0 .642 -.539l3.35 -14.71a.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
 
                         </a>
 
                       </div>
 
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
 
@@ -1346,7 +1350,7 @@
 
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
 
                         <a href="#" class="btn btn-instagram w-100">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/brand-instagram -->
 
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M16.5 7.5l0 0" /></svg>
 
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M16.5 7.5l0 .01" /></svg>
 
                           Instagram
 
                         </a>
 
                       </div>
 
@@ -1381,7 +1385,7 @@
 
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
 
                         <a href="#" class="btn btn-bitbucket w-100">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/brand-bitbucket -->
 
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.648 4a0.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a0.644 .644 0 0 0 .642 -.539l3.35 -14.71a0.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
 
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.648 4a.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a.644 .644 0 0 0 .642 -.539l3.35 -14.71a.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
 
                           Bitbucket
 
                         </a>
 
                       </div>
 
@@ -1404,7 +1408,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -1425,7 +1429,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -1437,7 +1441,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 29 - 25
demo/card-actions.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -640,7 +644,7 @@
 
                       </a>
 
                       <a href="#" class="btn">
 
                         <!-- Download SVG icon from http://tabler-icons.io/i/mail -->
 
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" /><path d="M3 7l9 6l9 -6" /></svg>
 
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" /><path d="M3 7l9 6l9 -6" /></svg>
 
                         Email
 
                       </a>
 
                     </div>
 
@@ -675,7 +679,7 @@
 
                       </a>
 
                       <a href="#" class="btn">
 
                         <!-- Download SVG icon from http://tabler-icons.io/i/mail -->
 
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" /><path d="M3 7l9 6l9 -6" /></svg>
 
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" /><path d="M3 7l9 6l9 -6" /></svg>
 
                         Email
 
                       </a>
 
                     </div>
 
@@ -803,7 +807,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -824,7 +828,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -836,7 +840,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 27 - 23
demo/cards-masonry.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -743,7 +747,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -764,7 +768,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -777,7 +781,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?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 30 - 26
demo/cards.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -673,7 +677,7 @@
 
                   <div class="card-stamp">
 
                     <div class="card-stamp-icon bg-yellow">
 
                       <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                     </div>
 
                   </div>
 
                   <div class="card-body">
 
@@ -956,7 +960,7 @@
 
                       <li class="nav-item ms-auto">
 
                         <a class="nav-link" href="#">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/settings -->
 
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /></svg>
 
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>
 
                         </a>
 
                       </li>
 
                     </ul>
 
@@ -991,7 +995,7 @@
 
                       <li class="nav-item ms-auto">
 
                         <a class="nav-link" href="#">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/settings -->
 
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /></svg>
 
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>
 
                         </a>
 
                       </li>
 
                     </ul>
 
@@ -1321,7 +1325,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -1342,7 +1346,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -1354,7 +1358,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 27 - 23
demo/carousel.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -903,7 +907,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -924,7 +928,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -936,7 +940,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

File diff suppressed because it is too large
+ 375 - 701
demo/changelog.html


+ 28 - 24
demo/charts.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item active" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -832,7 +836,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -853,7 +857,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -864,10 +868,10 @@
 
       </div>
 
     </div>
 
     <!-- Libs JS -->
 
-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1674944402" defer></script>
 
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684072869" defer></script>
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
     <script>
 
       // @formatter:off
 
       document.addEventListener("DOMContentLoaded", function () {

+ 27 - 23
demo/colors.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -901,7 +905,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -922,7 +926,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -934,7 +938,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 136 - 483
demo/docs/autosize.html → demo/cookie-banner.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
@@ -12,13 +12,13 @@
 
     <meta charset="utf-8"/>
 
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
 
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
 
-    <title>Autosize - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
 
+    <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?1674944402" rel="stylesheet"/>
 
-    <link href="../dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="../dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="../dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="../dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,17 +30,17 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="../dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
           </button>
 
           <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
 
-            <a href="..">
 
-              <img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
 
+            <a href=".">
 
+              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
 
             </a>
 
           </h1>
 
           <div class="navbar-nav flex-row order-md-last">
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -156,7 +156,7 @@
 
             </div>
 
             <div class="nav-item dropdown">
 
               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
 
-                <span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
 
+                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
 
                 <div class="d-none d-xl-block ps-2">
 
                   <div>Paweł Kuna</div>
 
                   <div class="mt-1 small text-muted">UI Designer</div>
 
@@ -164,11 +164,11 @@
 
               </a>
 
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
 
                 <a href="#" class="dropdown-item">Status</a>
 
-                <a href="../profile.html" class="dropdown-item">Profile</a>
 
+                <a href="./profile.html" class="dropdown-item">Profile</a>
 
                 <a href="#" class="dropdown-item">Feedback</a>
 
                 <div class="dropdown-divider"></div>
 
-                <a href="../settings.html" class="dropdown-item">Settings</a>
 
-                <a href="../sign-in.html" class="dropdown-item">Logout</a>
 
+                <a href="./settings.html" class="dropdown-item">Settings</a>
 
+                <a href="./sign-in.html" class="dropdown-item">Logout</a>
 
               </div>
 
             </div>
 
           </div>
 
@@ -176,11 +176,11 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
-                  <a class="nav-link" href="../" >
 
+                  <a class="nav-link" href="./" >
 
                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
 
                     </span>
 
@@ -201,20 +201,17 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="../empty.html">
 
-                          Empty page
 
-                        </a>
 
-                        <a class="dropdown-item" href="../accordion.html">
 
+                        <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
-                        <a class="dropdown-item" href="../blank.html">
 
+                        <a class="dropdown-item" href="./blank.html">
 
                           Blank page
 
                         </a>
 
-                        <a class="dropdown-item" href="../badges.html">
 
+                        <a class="dropdown-item" href="./badges.html">
 
                           Badges
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../buttons.html">
 
+                        <a class="dropdown-item" href="./buttons.html">
 
                           Buttons
 
                         </a>
 
                         <div class="dropend">
 
@@ -223,99 +220,99 @@
 
                             <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                           </a>
 
                           <div class="dropdown-menu">
 
-                            <a href="../cards.html" class="dropdown-item">
 
+                            <a href="./cards.html" class="dropdown-item">
 
                               Sample cards
 
                             </a>
 
-                            <a href="../card-actions.html" class="dropdown-item">
 
+                            <a href="./card-actions.html" class="dropdown-item">
 
                               Card actions
 
                               <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                             </a>
 
-                            <a href="../cards-masonry.html" class="dropdown-item">
 
+                            <a href="./cards-masonry.html" class="dropdown-item">
 
                               Cards Masonry
 
                             </a>
 
                           </div>
 
                         </div>
 
-                        <a class="dropdown-item" href="../colors.html">
 
+                        <a class="dropdown-item" href="./colors.html">
 
                           Colors
 
                         </a>
 
-                        <a class="dropdown-item" href="../datagrid.html">
 
+                        <a class="dropdown-item" href="./datagrid.html">
 
                           Data grid
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../datatables.html">
 
+                        <a class="dropdown-item" href="./datatables.html">
 
                           Datatables
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../dropdowns.html">
 
+                        <a class="dropdown-item" href="./dropdowns.html">
 
                           Dropdowns
 
                         </a>
 
-                        <a class="dropdown-item" href="../modals.html">
 
+                        <a class="dropdown-item" href="./modals.html">
 
                           Modals
 
                         </a>
 
-                        <a class="dropdown-item" href="../maps.html">
 
+                        <a class="dropdown-item" href="./maps.html">
 
                           Maps
 
                         </a>
 
-                        <a class="dropdown-item" href="../map-fullsize.html">
 
+                        <a class="dropdown-item" href="./map-fullsize.html">
 
                           Map fullsize
 
                         </a>
 
-                        <a class="dropdown-item" href="../maps-vector.html">
 
+                        <a class="dropdown-item" href="./maps-vector.html">
 
                           Vector maps
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../navigation.html">
 
+                        <a class="dropdown-item" href="./navigation.html">
 
                           Navigation
 
                         </a>
 
-                        <a class="dropdown-item" href="../charts.html">
 
+                        <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="../pagination.html">
 
+                        <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
-                        <a class="dropdown-item" href="../placeholder.html">
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
-                        <a class="dropdown-item" href="../steps.html">
 
+                        <a class="dropdown-item" href="./steps.html">
 
                           Steps
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../tabs.html">
 
+                        <a class="dropdown-item" href="./tabs.html">
 
                           Tabs
 
                         </a>
 
-                        <a class="dropdown-item" href="../tables.html">
 
+                        <a class="dropdown-item" href="./tables.html">
 
                           Tables
 
                         </a>
 
-                        <a class="dropdown-item" href="../carousel.html">
 
+                        <a class="dropdown-item" href="./carousel.html">
 
                           Carousel
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../lists.html">
 
+                        <a class="dropdown-item" href="./lists.html">
 
                           Lists
 
                         </a>
 
-                        <a class="dropdown-item" href="../typography.html">
 
+                        <a class="dropdown-item" href="./typography.html">
 
                           Typography
 
                         </a>
 
-                        <a class="dropdown-item" href="../offcanvas.html">
 
+                        <a class="dropdown-item" href="./offcanvas.html">
 
                           Offcanvas
 
                         </a>
 
-                        <a class="dropdown-item" href="../markdown.html">
 
+                        <a class="dropdown-item" href="./markdown.html">
 
                           Markdown
 
                         </a>
 
-                        <a class="dropdown-item" href="../dropzone.html">
 
+                        <a class="dropdown-item" href="./dropzone.html">
 
                           Dropzone
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../lightbox.html">
 
+                        <a class="dropdown-item" href="./lightbox.html">
 
                           Lightbox
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../tinymce.html">
 
+                        <a class="dropdown-item" href="./tinymce.html">
 
                           TinyMCE
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../inline-player.html">
 
+                        <a class="dropdown-item" href="./inline-player.html">
 
                           Inline player
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
@@ -324,28 +321,28 @@
 
                             Authentication
 
                           </a>
 
                           <div class="dropdown-menu">
 
-                            <a href="../sign-in.html" class="dropdown-item">
 
+                            <a href="./sign-in.html" class="dropdown-item">
 
                               Sign in
 
                             </a>
 
-                            <a href="../sign-in-link.html" class="dropdown-item">
 
+                            <a href="./sign-in-link.html" class="dropdown-item">
 
                               Sign in link
 
                             </a>
 
-                            <a href="../sign-in-illustration.html" class="dropdown-item">
 
+                            <a href="./sign-in-illustration.html" class="dropdown-item">
 
                               Sign in with illustration
 
                             </a>
 
-                            <a href="../sign-in-cover.html" class="dropdown-item">
 
+                            <a href="./sign-in-cover.html" class="dropdown-item">
 
                               Sign in with cover
 
                             </a>
 
-                            <a href="../sign-up.html" class="dropdown-item">
 
+                            <a href="./sign-up.html" class="dropdown-item">
 
                               Sign up
 
                             </a>
 
-                            <a href="../forgot-password.html" class="dropdown-item">
 
+                            <a href="./forgot-password.html" class="dropdown-item">
 
                               Forgot password
 
                             </a>
 
-                            <a href="../terms-of-service.html" class="dropdown-item">
 
+                            <a href="./terms-of-service.html" class="dropdown-item">
 
                               Terms of service
 
                             </a>
 
-                            <a href="../auth-lock.html" class="dropdown-item">
 
+                            <a href="./auth-lock.html" class="dropdown-item">
 
                               Lock screen
 
                             </a>
 
                           </div>
 
@@ -357,13 +354,13 @@
 
                             Error pages
 
                           </a>
 
                           <div class="dropdown-menu">
 
-                            <a href="../error-404.html" class="dropdown-item">
 
+                            <a href="./error-404.html" class="dropdown-item">
 
                               404 page
 
                             </a>
 
-                            <a href="../error-500.html" class="dropdown-item">
 
+                            <a href="./error-500.html" class="dropdown-item">
 
                               500 page
 
                             </a>
 
-                            <a href="../error-maintenance.html" class="dropdown-item">
 
+                            <a href="./error-maintenance.html" class="dropdown-item">
 
                               Maintenance page
 
                             </a>
 
                           </div>
 
@@ -373,7 +370,7 @@
 
                   </div>
 
                 </li>
 
                 <li class="nav-item">
 
-                  <a class="nav-link" href="../form-elements.html" >
 
+                  <a class="nav-link" href="./form-elements.html" >
 
                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
 
                     </span>
 
@@ -382,7 +379,7 @@
 
                     </span>
 
                   </a>
 
                 </li>
 
-                <li class="nav-item dropdown">
 
+                <li class="nav-item active dropdown">
 
                   <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
 
                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
 
@@ -394,73 +391,80 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="../activity.html">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item active" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
+                        <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
-                        <a class="dropdown-item" href="../gallery.html">
 
+                        <a class="dropdown-item" href="./gallery.html">
 
                           Gallery
 
                         </a>
 
-                        <a class="dropdown-item" href="../invoice.html">
 
+                        <a class="dropdown-item" href="./invoice.html">
 
                           Invoice
 
                         </a>
 
-                        <a class="dropdown-item" href="../search-results.html">
 
+                        <a class="dropdown-item" href="./search-results.html">
 
                           Search results
 
                         </a>
 
-                        <a class="dropdown-item" href="../pricing.html">
 
+                        <a class="dropdown-item" href="./pricing.html">
 
                           Pricing cards
 
                         </a>
 
-                        <a class="dropdown-item" href="../pricing-table.html">
 
+                        <a class="dropdown-item" href="./pricing-table.html">
 
                           Pricing table
 
                         </a>
 
-                        <a class="dropdown-item" href="../faq.html">
 
+                        <a class="dropdown-item" href="./faq.html">
 
                           FAQ
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../users.html">
 
+                        <a class="dropdown-item" href="./users.html">
 
                           Users
 
                         </a>
 
-                        <a class="dropdown-item" href="../license.html">
 
+                        <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
-                        <a class="dropdown-item" href="../logs.html">
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="../music.html">
 
+                        <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
-                        <a class="dropdown-item" href="../photogrid.html">
 
+                        <a class="dropdown-item" href="./photogrid.html">
 
                           Photogrid
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../tasks.html">
 
+                        <a class="dropdown-item" href="./tasks.html">
 
                           Tasks
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../uptime.html">
 
+                        <a class="dropdown-item" href="./uptime.html">
 
                           Uptime monitor
 
                         </a>
 
-                        <a class="dropdown-item" href="../widgets.html">
 
+                        <a class="dropdown-item" href="./widgets.html">
 
                           Widgets
 
                         </a>
 
-                        <a class="dropdown-item" href="../wizard.html">
 
+                        <a class="dropdown-item" href="./wizard.html">
 
                           Wizard
 
                         </a>
 
-                        <a class="dropdown-item" href="../settings.html">
 
+                        <a class="dropdown-item" href="./settings.html">
 
                           Settings
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../trial-ended.html">
 
+                        <a class="dropdown-item" href="./trial-ended.html">
 
                           Trial ended
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../job-listing.html">
 
+                        <a class="dropdown-item" href="./job-listing.html">
 
                           Job listing
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../page-loader.html">
 
+                        <a class="dropdown-item" href="./page-loader.html">
 
                           Page loader
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
@@ -480,46 +484,46 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="../layout-horizontal.html">
 
+                        <a class="dropdown-item" href="./layout-horizontal.html">
 
                           Horizontal
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-boxed.html">
 
+                        <a class="dropdown-item" href="./layout-boxed.html">
 
                           Boxed
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-vertical.html">
 
+                        <a class="dropdown-item" href="./layout-vertical.html">
 
                           Vertical
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-vertical-transparent.html">
 
+                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
 
                           Vertical transparent
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-vertical-right.html">
 
+                        <a class="dropdown-item" href="./layout-vertical-right.html">
 
                           Right vertical
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-condensed.html">
 
+                        <a class="dropdown-item" href="./layout-condensed.html">
 
                           Condensed
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-combo.html">
 
+                        <a class="dropdown-item" href="./layout-combo.html">
 
                           Combined
 
                         </a>
 
                       </div>
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="../layout-navbar-dark.html">
 
+                        <a class="dropdown-item" href="./layout-navbar-dark.html">
 
                           Navbar dark
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-navbar-sticky.html">
 
+                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
 
                           Navbar sticky
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-navbar-overlap.html">
 
+                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
 
                           Navbar overlap
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-rtl.html">
 
+                        <a class="dropdown-item" href="./layout-rtl.html">
 
                           RTL mode
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-fluid.html">
 
+                        <a class="dropdown-item" href="./layout-fluid.html">
 
                           Fluid
 
                         </a>
 
-                        <a class="dropdown-item" href="../layout-fluid-vertical.html">
 
+                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
 
                           Fluid vertical
 
                         </a>
 
                       </div>
 
@@ -527,16 +531,16 @@
 
                   </div>
 
                 </li>
 
                 <li class="nav-item">
 
-                  <a class="nav-link" href="../icons.html" >
 
+                  <a class="nav-link" href="./icons.html" >
 
                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
-                <li class="nav-item active dropdown">
 
+                <li class="nav-item dropdown">
 
                   <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
 
                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
 
@@ -546,10 +550,10 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="../docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
-                    <a class="dropdown-item" href="../changelog.html">
 
+                    <a class="dropdown-item" href="./changelog.html">
 
                       Changelog
 
                     </a>
 
                     <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
 
@@ -564,7 +568,7 @@
 
                 </li>
 
               </ul>
 
               <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
 
-                <form action="../" method="get" autocomplete="off" novalidate>
 
+                <form action="./" method="get" autocomplete="off" novalidate>
 
                   <div class="input-icon">
 
                     <span class="input-icon-addon">
 
                       <!-- Download SVG icon from http://tabler-icons.io/i/search -->
 
@@ -585,7 +589,7 @@
 
             <div class="row g-2 align-items-center">
 
               <div class="col">
 
                 <h2 class="page-title">
 
-                  Documentation
 
+                  Cookie banner
 
                 </h2>
 
               </div>
 
             </div>
 
@@ -594,373 +598,22 @@
 
         <!-- Page body -->
 
         <div class="page-body">
 
           <div class="container-xl">
 
-            <div class="row gx-lg-5">
 
-              <div class="d-none d-lg-block col-lg-3">
 
-                <ul class="nav nav-pills nav-vertical">
 
-                  <li class="nav-item">
 
-                    <a href="../docs/" class="nav-link">
 
-                      Introduction
 
-                    </a>
 
-                  </li>
 
-                  <li class="nav-item">
 
-                    <a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
 
-                      Getting started
 
-                      <span class="nav-link-toggle"></span>
 
-                    </a>
 
-                    <ul class="nav nav-pills collapse" id="menu-base">
 
-                      <li class="nav-item">
 
-                        <a href="../docs/getting-started.html" class="nav-link">
 
-                          Getting Started
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/download.html" class="nav-link">
 
-                          Download
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/browser-support.html" class="nav-link">
 
-                          Browser Support
 
-                        </a>
 
-                      </li>
 
-                    </ul>
 
-                  </li>
 
-                  <li class="nav-item">
 
-                    <a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
 
-                      Content
 
-                      <span class="nav-link-toggle"></span>
 
-                    </a>
 
-                    <ul class="nav nav-pills collapse" id="menu-content">
 
-                      <li class="nav-item">
 
-                        <a href="../docs/colors.html" class="nav-link">
 
-                          Colors
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/typography.html" class="nav-link">
 
-                          Typography
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/icons.html" class="nav-link">
 
-                          Icons
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/customize.html" class="nav-link">
 
-                          Customize Tabler
 
-                        </a>
 
-                      </li>
 
-                    </ul>
 
-                  </li>
 
-                  <li class="nav-item">
 
-                    <a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
 
-                      Layout
 
-                      <span class="nav-link-toggle"></span>
 
-                    </a>
 
-                    <ul class="nav nav-pills collapse" id="menu-layout">
 
-                      <li class="nav-item">
 
-                        <a href="../docs/page-headers.html" class="nav-link">
 
-                          Page headers
 
-                        </a>
 
-                      </li>
 
-                    </ul>
 
-                  </li>
 
-                  <li class="nav-item">
 
-                    <a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
 
-                      Form components
 
-                      <span class="nav-link-toggle"></span>
 
-                    </a>
 
-                    <ul class="nav nav-pills collapse" id="menu-forms">
 
-                      <li class="nav-item">
 
-                        <a href="../docs/form-elements.html" class="nav-link">
 
-                          Form elements
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/form-helpers.html" class="nav-link">
 
-                          Form helpers
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/form-validation.html" class="nav-link">
 
-                          Validation states
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/form-image-check.html" class="nav-link">
 
-                          Image check
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/form-color-check.html" class="nav-link">
 
-                          Color check
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/form-selectboxes.html" class="nav-link">
 
-                          Form selectboxes
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/form-fieldset.html" class="nav-link">
 
-                          Form fieldset
 
-                        </a>
 
-                      </li>
 
-                    </ul>
 
-                  </li>
 
-                  <li class="nav-item">
 
-                    <a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
 
-                      Components
 
-                      <span class="nav-link-toggle"></span>
 
-                    </a>
 
-                    <ul class="nav nav-pills collapse" id="menu-components">
 
-                      <li class="nav-item">
 
-                        <a href="../docs/alerts.html" class="nav-link">
 
-                          Alerts
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/avatars.html" class="nav-link">
 
-                          Avatars
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/badges.html" class="nav-link">
 
-                          Badges
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/breadcrumb.html" class="nav-link">
 
-                          Breadcrumb
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/buttons.html" class="nav-link">
 
-                          Buttons
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/cards.html" class="nav-link">
 
-                          Cards
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/carousel.html" class="nav-link">
 
-                          Carousel
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/datagrid.html" class="nav-link">
 
-                          Data grid
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/dropdowns.html" class="nav-link">
 
-                          Dropdowns
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/divider.html" class="nav-link">
 
-                          Divider
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/empty.html" class="nav-link">
 
-                          Empty states
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/modals.html" class="nav-link">
 
-                          Modals
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/page-headers.html" class="nav-link">
 
-                          Page headers
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/progress.html" class="nav-link">
 
-                          Progress
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/range-slider.html" class="nav-link">
 
-                          Range slider
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/ribbons.html" class="nav-link">
 
-                          Ribbons
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/placeholder.html" class="nav-link">
 
-                          Placeholder
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/spinners.html" class="nav-link">
 
-                          Spinners
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/statuses.html" class="nav-link">
 
-                          Statuses
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/steps.html" class="nav-link">
 
-                          Steps
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/switch-icon.html" class="nav-link">
 
-                          Switch icon
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/tables.html" class="nav-link">
 
-                          Tables
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/tabs.html" class="nav-link">
 
-                          Tabs
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/timelines.html" class="nav-link">
 
-                          Timelines
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/toasts.html" class="nav-link">
 
-                          Toasts
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/tracking.html" class="nav-link">
 
-                          Tracking
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/tooltips.html" class="nav-link">
 
-                          Tooltips
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/popover.html" class="nav-link">
 
-                          Popover
 
-                        </a>
 
-                      </li>
 
-                    </ul>
 
-                  </li>
 
-                  <li class="nav-item">
 
-                    <a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
 
-                      Utilities
 
-                      <span class="nav-link-toggle"></span>
 
-                    </a>
 
-                    <ul class="nav nav-pills collapse" id="menu-utils">
 
-                      <li class="nav-item">
 
-                        <a href="../docs/borders.html" class="nav-link">
 
-                          Borders
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/cursors.html" class="nav-link">
 
-                          Cursors
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/interactions.html" class="nav-link">
 
-                          Interactions
 
-                        </a>
 
-                      </li>
 
-                    </ul>
 
-                  </li>
 
-                  <li class="nav-item">
 
-                    <a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
 
-                      Plugins
 
-                      <span class="nav-link-toggle"></span>
 
-                    </a>
 
-                    <ul class="nav nav-pills collapse" id="menu-plugins">
 
-                      <li class="nav-item">
 
-                        <a href="../docs/autosize.html" class="nav-link">
 
-                          Autosize
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/input-mask.html" class="nav-link">
 
-                          Form input mask
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/flags.html" class="nav-link">
 
-                          Flags
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/payments.html" class="nav-link">
 
-                          Payments
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/charts.html" class="nav-link">
 
-                          Charts
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/dropzone.html" class="nav-link">
 
-                          Dropzone
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/inline-player.html" class="nav-link">
 
-                          Inline player
 
-                        </a>
 
-                      </li>
 
-                      <li class="nav-item">
 
-                        <a href="../docs/tinymce.html" class="nav-link">
 
-                          TinyMCE
 
-                        </a>
 
-                      </li>
 
-                    </ul>
 
-                  </li>
 
-                  <li class="nav-item">
 
-                    <a href="../changelog.html" class="nav-link">
 
-                      Changelog
 
-                      <span class="badge bg-primary-lt ms-auto">1.0.0-beta17</span>
 
-                    </a>
 
-                  </li>
 
-                </ul>
 
-              </div>
 
-              <div class="col-lg-9">
 
-                <div class="card card-lg">
 
-                  <div class="card-body">
 
-                    <div class="markdown">
 
-                      <div>
 
-                        <div class="d-flex mb-3">
 
-                          <h1 class="m-0">Autosize</h1>
 
-                        </div>
 
-                        <p class="h3 fw-normal mb-4 text-muted">The autosize element will automatically adjust the textarea height and make it easier for users to follow as they type.</p>
 
-                      </div>
 
-                      <p>To be able to use the autosize in your application you will need to install the autosize dependency with <code class="language-plaintext highlighter-rouge">npm install autosize</code>.</p>
 
-                      <h2 id="default-markup">Default markup</h2>
 
-                      <p>Add the autosize element to your input to make it automatically adjust to the length of a text as a user types it.</p>
 
-                      <div class="example no_toc_section">
 
-                        <div class="example-content">
 
-                          <label class="form-label">Autosize example</label>
 
-                          <textarea class="form-control" data-bs-toggle="autosize" placeholder="Type something…"></textarea>
 
-                        </div>
 
-                      </div>
 
-                      <div class="example-code">
 
-                        <figure class="highlight">
 
-                          <pre><code class="language-html" data-lang="html"><span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">&gt;</span>Autosize example<span class="nt">&lt;/label&gt;</span>
 
-<span class="nt">&lt;textarea</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">data-bs-toggle=</span><span class="s">"autosize"</span> <span class="na">placeholder=</span><span class="s">"Type something…"</span><span class="nt">&gt;&lt;/textarea&gt;</span></code></pre>
 
-                        </figure>
 
-                      </div>
 
+            <div class="offcanvas offcanvas-bottom h-auto show" tabindex="-1" id="offcanvasBottom" aria-modal="true" role="dialog">
 
+              <div class="offcanvas-body">
 
+                <div class="container">
 
+                  <div class="row align-items-center">
 
+                    <div class="col">
 
+                      <strong>Do you like cookies?</strong> 🍪 We use cookies to ensure you get the best experience on our website. <a href="./terms-of-service.html" target="_blank">Learn more</a>
 
+                    </div>
 
+                    <div class="col-auto">
 
+                      <button type="button" class="btn btn-primary" data-bs-dismiss="offcanvas">
 
+                        Essential Cookies Only
 
+                      </button>
 
+                    </div>
 
+                    <div class="col-auto">
 
+                      <button type="button" class="btn btn-primary" data-bs-dismiss="offcanvas">
 
+                        Allow All Cookies
 
+                      </button>
 
                     </div>
 
                   </div>
 
                 </div>
 
@@ -973,8 +626,8 @@
 
             <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="../docs/" class="link-secondary">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://tabler.io/docs" class="link-secondary">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">
 
                     <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
 
@@ -989,12 +642,12 @@
 
                 <ul class="list-inline list-inline-dots mb-0">
 
                   <li class="list-inline-item">
 
                     Copyright &copy; 2023
 
-                    <a href=".." class="link-secondary">Tabler</a>.
 
+                    <a href="." class="link-secondary">Tabler</a>.
 
                     All rights reserved.
 
                   </li>
 
                   <li class="list-inline-item">
 
-                    <a href="../changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                    <a href="./changelog.html" class="link-secondary" rel="noopener">
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -1006,7 +659,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="../dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="../dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 27 - 23
demo/datagrid.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -689,7 +693,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -710,7 +714,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -722,7 +726,7 @@
 
     </div>
 
     <!-- Libs JS -->
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
   </body>
 
 </html>

+ 28 - 24
demo/datatables.html
View File 

@@ -1,7 +1,7 @@
 
 <!doctype html>
 
 <!--
 
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
 
-* @version 1.0.0-beta17
 
+* @version 1.0.0-beta18
 
 * @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?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
 
-    <link href="./dist/css/demo.min.css?1674944402" 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"/>
 
     <style>
 
       @import url('https://rsms.me/inter/inter.css');
 
       :root {
 
@@ -30,10 +30,10 @@
 
     </style>
 
   </head>
 
   <body >
 
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
 
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
 
     <div class="page">
 
       <!-- Navbar -->
 
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
 
+      <header class="navbar navbar-expand-md d-print-none" >
 
         <div class="container-xl">
 
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
@@ -72,7 +72,7 @@
 
               <div class="nav-item dropdown d-none d-md-flex me-3">
 
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
 
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
 
                   <span class="badge bg-red"></span>
 
                 </a>
 
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
 
@@ -176,7 +176,7 @@
 
       </header>
 
       <header class="navbar-expand-md">
 
         <div class="collapse navbar-collapse" id="navbar-menu">
 
-          <div class="navbar navbar-light">
 
+          <div class="navbar">
 
             <div class="container-xl">
 
               <ul class="navbar-nav">
 
                 <li class="nav-item">
 
@@ -201,9 +201,6 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
-                        <a class="dropdown-item" href="./empty.html">
 
-                          Empty page
 
-                        </a>
 
                         <a class="dropdown-item" href="./accordion.html">
 
                           Accordion
 
                         </a>
 
@@ -268,12 +265,12 @@
 
                         <a class="dropdown-item" href="./charts.html">
 
                           Charts
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./pagination.html">
 
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
 
                           Pagination
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./placeholder.html">
 
                           Placeholder
 
                         </a>
 
@@ -394,6 +391,13 @@
 
                   <div class="dropdown-menu">
 
                     <div class="dropdown-menu-columns">
 
                       <div class="dropdown-menu-column">
 
+                        <a class="dropdown-item" href="./empty.html">
 
+                          Empty page
 
+                        </a>
 
+                        <a class="dropdown-item" href="./cookie-banner.html">
 
+                          Cookie banner
 
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
+                        </a>
 
                         <a class="dropdown-item" href="./activity.html">
 
                           Activity
 
                         </a>
 
@@ -422,12 +426,12 @@
 
                         <a class="dropdown-item" href="./license.html">
 
                           License
 
                         </a>
 
+                      </div>
 
+                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./logs.html">
 
                           Logs
 
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
 
                         </a>
 
-                      </div>
 
-                      <div class="dropdown-menu-column">
 
                         <a class="dropdown-item" href="./music.html">
 
                           Music
 
                         </a>
 
@@ -532,7 +536,7 @@
 
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
 
                     </span>
 
                     <span class="nav-link-title">
 
-                      3222 icons
 
+                      4158 icons
 
                     </span>
 
                   </a>
 
                 </li>
 
@@ -546,7 +550,7 @@
 
                     </span>
 
                   </a>
 
                   <div class="dropdown-menu">
 
-                    <a class="dropdown-item" href="./docs/">
 
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
 
                       Documentation
 
                     </a>
 
                     <a class="dropdown-item" href="./changelog.html">
 
@@ -922,7 +926,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="./docs/" class="link-secondary">Documentation</a></li>
 
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">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">
 
@@ -943,7 +947,7 @@
 
                   </li>
 
                   <li class="list-inline-item">
 
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
 
-                      v1.0.0-beta17
 
+                      v1.0.0-beta18
 
                     </a>
 
                   </li>
 
                 </ul>
 
@@ -954,10 +958,10 @@
 
       </div>
 
     </div>
 
     <!-- Libs JS -->
 
-    <script src="./dist/libs/list.js/dist/list.min.js?1674944402" defer></script>
 
+    <script src="./dist/libs/list.js/dist/list.min.js?1684072869" defer></script>
 
     <!-- Tabler Core -->
 
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
 
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
 
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
 
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
 
     <script>
 
       document.addEventListener("DOMContentLoaded", function() {
 
       const list = new List('table-default', {

+ 13 - 43
demo/dist/css/demo.css
View File 

@@ -1,11 +1,13 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
 */
 
+/* prettier-ignore */
 
+/* prettier-ignore */
 
 pre.highlight,
 
 .highlight pre {
 
   max-height: 30rem;
 
@@ -107,7 +109,7 @@ pre.highlight::-webkit-scrollbar-corner,
 
 }
 
 
 .example-bg {
 
-  background: #f1f5f9;
 
+  background: #f6f8fb;
 
 }
 
 
 .example-code {
 
@@ -140,7 +142,7 @@ pre.highlight::-webkit-scrollbar-corner,
 
 }
 
 
 .example-modal-backdrop {
 
-  background: #1d273b;
 
+  background: #182433;
 
   opacity: 0.24;
 
   position: absolute;
 
   width: 100%;
 
@@ -150,44 +152,12 @@ pre.highlight::-webkit-scrollbar-corner,
 
   border-radius: 2px 2px 0 0;
 
 }
 
 
-@media not print {
 
-  .theme-dark .example {
 
-    background-color: #1a2234;
 
-    border-color: #243049;
 
-  }
 
-  .theme-dark .example-content {
 
-    color: #f8fafc;
 
-  }
 
-  .theme-dark .example-code {
 
-    border-color: #243049;
 
-    border-top: none;
 
-  }
 
-}
 
-@media not print {
 
-  @media (prefers-color-scheme: dark) {
 
-    .theme-dark-auto .example {
 
-      background-color: #1a2234;
 
-      border-color: #243049;
 
-    }
 
-    .theme-dark-auto .example-content {
 
-      color: #f8fafc;
 
-    }
 
-    .theme-dark-auto .example-code {
 
-      border-color: #243049;
 
-      border-top: none;
 
-    }
 
-  }
 
-}
 
 .card-sponsor {
 
-  background: #dbe7f6 no-repeat center/100% 100%;
 
-  border-color: #548ed2;
 
+  background: var(--tblr-primary-lt) no-repeat center/100% 100%;
 
+  border-color: var(--tblr-primary);
 
   min-height: 316px;
 
 }
 
 
-body.no-transitions * {
 
-  transition: none !important;
 
-}
 
-
 
 .dropdown-menu-demo {
 
   display: inline-block;
 
   width: 100%;
 
@@ -290,17 +260,17 @@ body.no-transitions * {
 
   box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
 
 }
 
 .settings-scheme-light {
 
-  background: linear-gradient(135deg, #ffffff 50%, #f8fafc 50%);
 
+  background: linear-gradient(135deg, #ffffff 50%, #fcfdfe 50%);
 
 }
 
 .settings-scheme-mixed {
 
-  background-image: linear-gradient(135deg, #1d273b 50%, #fff 50%);
 
+  background-image: linear-gradient(135deg, #182433 50%, #fff 50%);
 
 }
 
 .settings-scheme-transparent {
 
-  background: #f8fafc;
 
+  background: #fcfdfe;
 
 }
 
 .settings-scheme-dark {
 
-  background: #1d273b;
 
+  background: #182433;
 
 }
 
 .settings-scheme-colored {
 
-  background-image: linear-gradient(135deg, var(--tblr-primary) 50%, #f8fafc 50%);
 
+  background-image: linear-gradient(135deg, var(--tblr-primary) 50%, #fcfdfe 50%);
 
 }

File diff suppressed because it is too large
+ 2 - 2
demo/dist/css/demo.min.css


+ 13 - 43
demo/dist/css/demo.rtl.css
View File 

@@ -1,11 +1,13 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
 */
 
+/* prettier-ignore */
 
+/* prettier-ignore */
 
 pre.highlight,
 
 .highlight pre {
 
   max-height: 30rem;
 
@@ -107,7 +109,7 @@ pre.highlight::-webkit-scrollbar-corner,
 
 }
 
 
 .example-bg {
 
-  background: #f1f5f9;
 
+  background: #f6f8fb;
 
 }
 
 
 .example-code {
 
@@ -140,7 +142,7 @@ pre.highlight::-webkit-scrollbar-corner,
 
 }
 
 
 .example-modal-backdrop {
 
-  background: #1d273b;
 
+  background: #182433;
 
   opacity: 0.24;
 
   position: absolute;
 
   width: 100%;
 
@@ -150,44 +152,12 @@ pre.highlight::-webkit-scrollbar-corner,
 
   border-radius: 2px 2px 0 0;
 
 }
 
 
-@media not print {
 
-  .theme-dark .example {
 
-    background-color: #1a2234;
 
-    border-color: #243049;
 
-  }
 
-  .theme-dark .example-content {
 
-    color: #f8fafc;
 
-  }
 
-  .theme-dark .example-code {
 
-    border-color: #243049;
 
-    border-top: none;
 
-  }
 
-}
 
-@media not print {
 
-  @media (prefers-color-scheme: dark) {
 
-    .theme-dark-auto .example {
 
-      background-color: #1a2234;
 
-      border-color: #243049;
 
-    }
 
-    .theme-dark-auto .example-content {
 
-      color: #f8fafc;
 
-    }
 
-    .theme-dark-auto .example-code {
 
-      border-color: #243049;
 
-      border-top: none;
 
-    }
 
-  }
 
-}
 
 .card-sponsor {
 
-  background: #dbe7f6 no-repeat center/100% 100%;
 
-  border-color: #548ed2;
 
+  background: var(--tblr-primary-lt) no-repeat center/100% 100%;
 
+  border-color: var(--tblr-primary);
 
   min-height: 316px;
 
 }
 
 
-body.no-transitions * {
 
-  transition: none !important;
 
-}
 
-
 
 .dropdown-menu-demo {
 
   display: inline-block;
 
   width: 100%;
 
@@ -290,17 +260,17 @@ body.no-transitions * {
 
   box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
 
 }
 
 .settings-scheme-light {
 
-  background: linear-gradient(-135deg, #ffffff 50%, #f8fafc 50%);
 
+  background: linear-gradient(-135deg, #ffffff 50%, #fcfdfe 50%);
 
 }
 
 .settings-scheme-mixed {
 
-  background-image: linear-gradient(-135deg, #1d273b 50%, #fff 50%);
 
+  background-image: linear-gradient(-135deg, #182433 50%, #fff 50%);
 
 }
 
 .settings-scheme-transparent {
 
-  background: #f8fafc;
 
+  background: #fcfdfe;
 
 }
 
 .settings-scheme-dark {
 
-  background: #1d273b;
 
+  background: #182433;
 
 }
 
 .settings-scheme-colored {
 
-  background-image: linear-gradient(-135deg, var(--tblr-primary) 50%, #f8fafc 50%);
 
+  background-image: linear-gradient(-135deg, var(--tblr-primary) 50%, #fcfdfe 50%);
 
 }

File diff suppressed because it is too large
+ 2 - 2
demo/dist/css/demo.rtl.min.css


+ 5 - 3
demo/dist/css/tabler-flags.css
View File 

@@ -1,11 +1,13 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
 */
 
+/* prettier-ignore */
 
+/* prettier-ignore */
 
 .flag {
 
   position: relative;
 
   display: inline-block;
 
@@ -15,7 +17,7 @@
 
   background-repeat: no-repeat;
 
   background-position: center;
 
   background-size: cover;
 
-  border: var(--tblr-border-size) var(--tblr-border-style) var(--tblr-border-color);
 
+  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
 
   border-radius: var(--tblr-border-radius);
 
 }

File diff suppressed because it is too large
+ 2 - 2
demo/dist/css/tabler-flags.min.css


+ 5 - 3
demo/dist/css/tabler-flags.rtl.css
View File 

@@ -1,11 +1,13 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
 */
 
+/* prettier-ignore */
 
+/* prettier-ignore */
 
 .flag {
 
   position: relative;
 
   display: inline-block;
 
@@ -15,7 +17,7 @@
 
   background-repeat: no-repeat;
 
   background-position: center;
 
   background-size: cover;
 
-  border: var(--tblr-border-size) var(--tblr-border-style) var(--tblr-border-color);
 
+  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
 
   border-radius: var(--tblr-border-radius);
 
 }

File diff suppressed because it is too large
+ 2 - 2
demo/dist/css/tabler-flags.rtl.min.css


+ 5 - 2
demo/dist/css/tabler-payments.css
View File 

@@ -1,11 +1,13 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
 */
 
+/* prettier-ignore */
 
+/* prettier-ignore */
 
 .payment {
 
   width: 3.33332rem;
 
   height: 2rem;
 
@@ -168,6 +170,7 @@
 
 .payment-provider-epayco-dark {
 
   background-image: url("../img/payments/epayco-dark.svg");
 
 }
 
+
 
 .payment-provider-eway {
 
   background-image: url("../img/payments/eway.svg");
 
 }

+ 2 - 2
demo/dist/css/tabler-payments.min.css
View File 

@@ -1,6 +1,6 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna

+ 4 - 2
demo/dist/css/tabler-payments.rtl.css
View File 

@@ -1,11 +1,13 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
 */
 
+/* prettier-ignore */
 
+/* prettier-ignore */
 
 .payment {
 
   width: 3.33332rem;
 
   height: 2rem;

+ 2 - 2
demo/dist/css/tabler-payments.rtl.min.css
View File 

@@ -1,6 +1,6 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna

+ 10 - 0
demo/dist/css/tabler-social.css
View File 

@@ -0,0 +1,10 @@
 
+/*!
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
+* @link https://tabler.io
 
+* Copyright 2018-2023 The Tabler Authors
 
+* Copyright 2018-2023 codecalm.net Paweł Kuna
 
+* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
+*/
 
+/* prettier-ignore */
 
+/* prettier-ignore */

+ 8 - 0
demo/dist/css/tabler-social.min.css
View File 

@@ -0,0 +1,8 @@
 
+/*!
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
+* @link https://tabler.io
 
+* Copyright 2018-2023 The Tabler Authors
 
+* Copyright 2018-2023 codecalm.net Paweł Kuna
 
+* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
+*/

+ 10 - 0
demo/dist/css/tabler-social.rtl.css
View File 

@@ -0,0 +1,10 @@
 
+/*!
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
+* @link https://tabler.io
 
+* Copyright 2018-2023 The Tabler Authors
 
+* Copyright 2018-2023 codecalm.net Paweł Kuna
 
+* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
+*/
 
+/* prettier-ignore */
 
+/* prettier-ignore */

+ 8 - 0
demo/dist/css/tabler-social.rtl.min.css
View File 

@@ -0,0 +1,8 @@
 
+/*!
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
+* @link https://tabler.io
 
+* Copyright 2018-2023 The Tabler Authors
 
+* Copyright 2018-2023 codecalm.net Paweł Kuna
 
+* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
+*/

+ 97 - 38
demo/dist/css/tabler-vendors.css
View File 

@@ -1,11 +1,13 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
 */
 
+/* prettier-ignore */
 
+/* prettier-ignore */
 
 /* Functional styling;
 
  * These styles are required for noUiSlider to function.
 
  * You don't need to change these rules to apply your design.
 
@@ -390,7 +392,7 @@
 
   margin: 1px 1px 0 0;
 
 }
 
 .noUi-handle.noUi-active, .noUi-handle:focus {
 
-  box-shadow: 0 0 0 1px #f1f5f9, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
+  box-shadow: 0 0 0 1px #f6f8fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
 }
 
 
 .noUi-connect {
 
@@ -532,7 +534,7 @@
 
   position: absolute;
 
   right: 0.75rem;
 
   top: 50%;
 
-  color: #1d273b;
 
+  color: #182433;
 
   opacity: 0.4;
 
   margin-top: -12px;
 
   line-height: 20px;
 
@@ -545,7 +547,7 @@
 
 .plugin-dropdown_input.focus.dropdown-active .ts-control {
 
   box-shadow: none;
 
   border: 1px solid var(--tblr-border-color);
 
-  box-shadow: inset 0 1px 2px rgba(var(--tblr-body-color-rgb), 0.075);
 
+  box-shadow: 0 0 transparent;
 
 }
 
 .plugin-dropdown_input .dropdown-input {
 
   border: 1px solid #d0d0d0;
 
@@ -559,7 +561,7 @@
 
 .plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
 
   border-color: #90b5e2;
 
   outline: 0;
 
-  box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
+  box-shadow: 0 0 transparent, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
 }
 
 .plugin-dropdown_input .items-placeholder {
 
   border: 0 none !important;
 
@@ -580,9 +582,6 @@
 
 .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
 
   color: transparent;
 
 }
 
-.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
 
-  color: transparent;
 
-}
 
 .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
 
   color: transparent;
 
 }
 
@@ -641,7 +640,7 @@
 
 }
 
 
 .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
 
-  border-left: 1px solid #e6e7e9;
 
+  border-left: 1px solid #dadfe5;
 
   margin-left: 5px;
 
 }
 
 .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
 
@@ -652,7 +651,7 @@
 
 }
 
 
 .ts-wrapper.plugin-remove_button.rtl .item .remove {
 
-  border-right: 1px solid #e6e7e9;
 
+  border-right: 1px solid #dadfe5;
 
   margin-right: 5px;
 
 }
 
 .ts-wrapper.plugin-remove_button.rtl .item.active .remove {
 
@@ -669,7 +668,7 @@
 
 .ts-dropdown,
 
 .ts-control,
 
 .ts-control input {
 
-  color: #1d273b;
 
+  color: #182433;
 
   font-family: inherit;
 
   font-size: inherit;
 
   line-height: 1.4285714286;
 
@@ -716,8 +715,8 @@
 
   margin: 0 3px 3px 0;
 
   padding: 1px 5px;
 
   background: #efefef;
 
-  color: #1d273b;
 
-  border: 0px solid #e6e7e9;
 
+  color: #182433;
 
+  border: 0px solid #dadfe5;
 
 }
 
 .ts-wrapper.multi .ts-control > div.active {
 
   background: #206bc4;
 
@@ -725,7 +724,7 @@
 
   border: 0px solid rgba(0, 0, 0, 0);
 
 }
 
 .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
 
-  color: #797979;
 
+  color: #727272;
 
   background: white;
 
   border: 0px solid white;
 
 }
 
@@ -817,7 +816,7 @@
 
   border-top: 0 none;
 
 }
 
 .ts-dropdown .optgroup-header {
 
-  color: #49566c;
 
+  color: #667382;
 
   background: var(--tblr-bg-surface);
 
   cursor: default;
 
 }
 
@@ -829,7 +828,7 @@
 
   color: inherit;
 
 }
 
 .ts-dropdown .create {
 
-  color: rgba(29, 39, 59, 0.5);
 
+  color: rgba(24, 36, 51, 0.5);
 
 }
 
 .ts-dropdown .spinner {
 
   display: inline-block;
 
@@ -908,7 +907,7 @@
 
   content: " ";
 
   display: block;
 
   height: 0;
 
-  margin: 0.5rem 0;
 
+  margin: var(--tblr-spacer) 0;
 
   overflow: hidden;
 
   border-top: 1px solid var(--tblr-border-color-translucent);
 
   margin-left: -0.75rem;
 
@@ -923,6 +922,7 @@
 
 }
 
 
 .ts-control {
 
+  box-shadow: 0 0 transparent;
 
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 
   display: flex;
 
   align-items: center;
 
@@ -938,7 +938,7 @@
 
 .focus .ts-control {
 
   border-color: #90b5e2;
 
   outline: 0;
 
-  box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
+  box-shadow: 0 0 transparent, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
 }
 
 .ts-control .item {
 
   display: flex;
 
@@ -948,7 +948,7 @@
 
 .ts-wrapper.is-invalid,
 
 .was-validated .invalid,
 
 .was-validated :invalid + .ts-wrapper {
 
-  border-color: var(--tblr-danger-text);
 
+  border-color: var(--tblr-form-invalid-color);
 
 }
 
 .ts-wrapper.is-invalid:not(.single),
 
 .was-validated .invalid:not(.single),
 
@@ -961,7 +961,7 @@
 
 .ts-wrapper.is-invalid.single,
 
 .was-validated .invalid.single,
 
 .was-validated :invalid + .ts-wrapper.single {
 
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
 
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
 
   background-position: right 0.75rem center, center right 2.25rem;
 
   background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 
   background-repeat: no-repeat;
 
@@ -969,14 +969,14 @@
 
 .ts-wrapper.is-invalid.focus .ts-control,
 
 .was-validated .invalid.focus .ts-control,
 
 .was-validated :invalid + .ts-wrapper.focus .ts-control {
 
-  border-color: var(--tblr-danger-text);
 
-  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-danger-text), 0.25);
 
+  border-color: var(--tblr-form-invalid-color);
 
+  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-form-invalid-color), 0.25);
 
 }
 
 
 .ts-wrapper.is-valid,
 
 .was-validated .valid,
 
 .was-validated :valid + .ts-wrapper {
 
-  border-color: var(--tblr-success-text);
 
+  border-color: var(--tblr-form-valid-color);
 
 }
 
 .ts-wrapper.is-valid:not(.single),
 
 .was-validated .valid:not(.single),
 
@@ -989,7 +989,7 @@
 
 .ts-wrapper.is-valid.single,
 
 .was-validated .valid.single,
 
 .was-validated :valid + .ts-wrapper.single {
 
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
 
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
 
   background-position: right 0.75rem center, center right 2.25rem;
 
   background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 
   background-repeat: no-repeat;
 
@@ -997,8 +997,8 @@
 
 .ts-wrapper.is-valid.focus .ts-control,
 
 .was-validated .valid.focus .ts-control,
 
 .was-validated :valid + .ts-wrapper.focus .ts-control {
 
-  border-color: var(--tblr-success-text);
 
-  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-success-text), 0.25);
 
+  border-color: var(--tblr-form-valid-color);
 
+  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-form-valid-color), 0.25);
 
 }
 
 
 .ts-wrapper {
 
@@ -1009,7 +1009,7 @@
 
   min-height: calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2));
 
 }
 
 .input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control {
 
-  border-radius: 2px;
 
+  border-radius: var(--tblr-border-radius-sm);
 
   font-size: 0.75rem;
 
 }
 
 .input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
 
@@ -1030,7 +1030,7 @@
 
   min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
 
 }
 
 .input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
 
-  border-radius: 8px;
 
+  border-radius: var(--tblr-border-radius-lg);
 
   font-size: 1.25rem;
 
 }
 
 
@@ -1042,7 +1042,7 @@
 
   background: none;
 
 }
 
 .ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
 
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 
   background-repeat: no-repeat;
 
   background-position: right 0.75rem center;
 
   background-size: 16px 12px;
 
@@ -1074,6 +1074,11 @@
 
   border-bottom-right-radius: 0;
 
 }
 
 
+:root {
 
+  --ts-pr-clear-button: 0rem;
 
+  --ts-pr-caret: 0rem;
 
+}
 
+
 
 .ts-input {
 
   color: inherit;
 
 }
 
@@ -1086,6 +1091,46 @@
 
   height: auto;
 
 }
 
 
+.ts-wrapper.is-invalid .ts-control, .ts-wrapper.is-valid .ts-control {
 
+  --ts-pr-clear-button: 1.5rem;
 
+}
 
+
 
+.ts-dropdown {
 
+  background: var(--tblr-bg-surface);
 
+  color: var(--tblr-body-color);
 
+  box-shadow: var(--tblr-shadow-dropdown);
 
+}
 
+.ts-dropdown .option {
 
+  padding: 0.5rem 0.75rem;
 
+}
 
+
 
+.ts-control,
 
+.ts-control input {
 
+  color: var(--tblr-body-color);
 
+}
 
+
 
+.ts-control input::-webkit-input-placeholder {
 
+  color: #929dab;
 
+}
 
+
 
+.ts-control input:-ms-input-placeholder {
 
+  color: #929dab;
 
+}
 
+
 
+.ts-control input::-ms-input-placeholder {
 
+  color: #929dab;
 
+}
 
+
 
+.ts-control input::placeholder {
 
+  color: #929dab;
 
+}
 
+
 
+.ts-wrapper.multi .ts-control > div {
 
+  background: var(--tblr-bg-surface-secondary);
 
+  border: 1px solid var(--tblr-border-color);
 
+  color: var(--tblr-body-color);
 
+}
 
+
 
 .apexcharts-tooltip {
 
   color: var(--tblr-light) !important;
 
   background: var(--tblr-bg-surface-dark) !important;
 
@@ -1115,6 +1160,22 @@
 
   height: 10px !important;
 
 }
 
 
+.apexcharts-text {
 
+  fill: var(--tblr-body-color) !important;
 
+}
 
+
 
+.apexcharts-gridline {
 
+  stroke: var(--tblr-border-color) !important;
 
+}
 
+
 
+.apexcharts-legend-text {
 
+  color: inherit !important;
 
+}
 
+
 
+.apexcharts-radialbar-area {
 
+  stroke: var(--tblr-border-color-dark) !important;
 
+}
 
+
 
 svg {
 
   touch-action: none;
 
 }
 
@@ -1241,7 +1302,7 @@ image, text, .jvm-zoomin, .jvm-zoomout {
 
   }
 
 }
 
 .jvm-tooltip {
 
-  background: #1d273b;
 
+  background: #182433;
 
   font-family: inherit;
 
   font-size: 0.75rem;
 
   box-shadow: var(--tblr-shadow-card);
 
@@ -1309,7 +1370,7 @@ image, text, .jvm-zoomin, .jvm-zoomout {
 
 
 .fslightbox-container {
 
   font-family: inherit !important;
 
-  background: rgba(29, 39, 59, 0.24) !important;
 
+  background: rgba(24, 36, 51, 0.24) !important;
 
   -webkit-backdrop-filter: blur(4px) !important;
 
           backdrop-filter: blur(4px) !important;
 
 }
 
@@ -1336,6 +1397,10 @@ body {
 
   padding: 0 0.5rem 0;
 
 }
 
 
+.tox .tox-toolbar__primary {
 
+  background: transparent !important;
 
+}
 
+
 
 .tox:not(.tox-tinymce-inline) .tox-editor-header {
 
   border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
 
   box-shadow: none !important;
 
@@ -1350,12 +1415,6 @@ body {
 
   border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
 
 }
 
 
-.tox .tox-toolbar,
 
-.tox .tox-toolbar__overflow,
 
-.tox .tox-toolbar__primary {
 
-  background: transparent !important;
 
-}
 
-
 
 .tox .tox-toolbar-overlord,
 
 .tox:not(.tox-tinymce-inline) .tox-editor-header {
 
   background: transparent !important;

File diff suppressed because it is too large
+ 2 - 2
demo/dist/css/tabler-vendors.min.css


+ 97 - 38
demo/dist/css/tabler-vendors.rtl.css
View File 

@@ -1,11 +1,13 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
 */
 
+/* prettier-ignore */
 
+/* prettier-ignore */
 
 /* Functional styling;
 
  * These styles are required for noUiSlider to function.
 
  * You don't need to change these rules to apply your design.
 
@@ -390,7 +392,7 @@
 
   margin: 1px 0 0 1px;
 
 }
 
 .noUi-handle.noUi-active, .noUi-handle:focus {
 
-  box-shadow: 0 0 0 1px #f1f5f9, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
+  box-shadow: 0 0 0 1px #f6f8fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
 }
 
 
 .noUi-connect {
 
@@ -532,7 +534,7 @@
 
   position: absolute;
 
   left: 0.75rem;
 
   top: 50%;
 
-  color: #1d273b;
 
+  color: #182433;
 
   opacity: 0.4;
 
   margin-top: -12px;
 
   line-height: 20px;
 
@@ -545,7 +547,7 @@
 
 .plugin-dropdown_input.focus.dropdown-active .ts-control {
 
   box-shadow: none;
 
   border: 1px solid var(--tblr-border-color);
 
-  box-shadow: inset 0 1px 2px rgba(var(--tblr-body-color-rgb), 0.075);
 
+  box-shadow: 0 0 transparent;
 
 }
 
 .plugin-dropdown_input .dropdown-input {
 
   border: 1px solid #d0d0d0;
 
@@ -559,7 +561,7 @@
 
 .plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
 
   border-color: #90b5e2;
 
   outline: 0;
 
-  box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
+  box-shadow: 0 0 transparent, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
 }
 
 .plugin-dropdown_input .items-placeholder {
 
   border: 0 none !important;
 
@@ -580,9 +582,6 @@
 
 .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
 
   color: transparent;
 
 }
 
-.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
 
-  color: transparent;
 
-}
 
 .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
 
   color: transparent;
 
 }
 
@@ -641,7 +640,7 @@
 
 }
 
 
 .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
 
-  border-right: 1px solid #e6e7e9;
 
+  border-right: 1px solid #dadfe5;
 
   margin-right: 5px;
 
 }
 
 .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
 
@@ -652,7 +651,7 @@
 
 }
 
 
 .ts-wrapper.plugin-remove_button.rtl .item .remove {
 
-  border-left: 1px solid #e6e7e9;
 
+  border-left: 1px solid #dadfe5;
 
   margin-left: 5px;
 
 }
 
 .ts-wrapper.plugin-remove_button.rtl .item.active .remove {
 
@@ -669,7 +668,7 @@
 
 .ts-dropdown,
 
 .ts-control,
 
 .ts-control input {
 
-  color: #1d273b;
 
+  color: #182433;
 
   font-family: inherit;
 
   font-size: inherit;
 
   line-height: 1.4285714286;
 
@@ -716,8 +715,8 @@
 
   margin: 0 0 3px 3px;
 
   padding: 1px 5px;
 
   background: #efefef;
 
-  color: #1d273b;
 
-  border: 0px solid #e6e7e9;
 
+  color: #182433;
 
+  border: 0px solid #dadfe5;
 
 }
 
 .ts-wrapper.multi .ts-control > div.active {
 
   background: #206bc4;
 
@@ -725,7 +724,7 @@
 
   border: 0px solid rgba(0, 0, 0, 0);
 
 }
 
 .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
 
-  color: #797979;
 
+  color: #727272;
 
   background: white;
 
   border: 0px solid white;
 
 }
 
@@ -817,7 +816,7 @@
 
   border-top: 0 none;
 
 }
 
 .ts-dropdown .optgroup-header {
 
-  color: #49566c;
 
+  color: #667382;
 
   background: var(--tblr-bg-surface);
 
   cursor: default;
 
 }
 
@@ -829,7 +828,7 @@
 
   color: inherit;
 
 }
 
 .ts-dropdown .create {
 
-  color: rgba(29, 39, 59, 0.5);
 
+  color: rgba(24, 36, 51, 0.5);
 
 }
 
 .ts-dropdown .spinner {
 
   display: inline-block;
 
@@ -908,7 +907,7 @@
 
   content: " ";
 
   display: block;
 
   height: 0;
 
-  margin: 0.5rem 0;
 
+  margin: var(--tblr-spacer) 0;
 
   overflow: hidden;
 
   border-top: 1px solid var(--tblr-border-color-translucent);
 
   margin-right: -0.75rem;
 
@@ -923,6 +922,7 @@
 
 }
 
 
 .ts-control {
 
+  box-shadow: 0 0 transparent;
 
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 
   display: flex;
 
   align-items: center;
 
@@ -938,7 +938,7 @@
 
 .focus .ts-control {
 
   border-color: #90b5e2;
 
   outline: 0;
 
-  box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
+  box-shadow: 0 0 transparent, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 
 }
 
 .ts-control .item {
 
   display: flex;
 
@@ -948,7 +948,7 @@
 
 .ts-wrapper.is-invalid,
 
 .was-validated .invalid,
 
 .was-validated :invalid + .ts-wrapper {
 
-  border-color: var(--tblr-danger-text);
 
+  border-color: var(--tblr-form-invalid-color);
 
 }
 
 .ts-wrapper.is-invalid:not(.single),
 
 .was-validated .invalid:not(.single),
 
@@ -961,7 +961,7 @@
 
 .ts-wrapper.is-invalid.single,
 
 .was-validated .invalid.single,
 
 .was-validated :invalid + .ts-wrapper.single {
 
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
 
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
 
   background-position: left 0.75rem center, center left 2.25rem;
 
   background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 
   background-repeat: no-repeat;
 
@@ -969,14 +969,14 @@
 
 .ts-wrapper.is-invalid.focus .ts-control,
 
 .was-validated .invalid.focus .ts-control,
 
 .was-validated :invalid + .ts-wrapper.focus .ts-control {
 
-  border-color: var(--tblr-danger-text);
 
-  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-danger-text), 0.25);
 
+  border-color: var(--tblr-form-invalid-color);
 
+  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-form-invalid-color), 0.25);
 
 }
 
 
 .ts-wrapper.is-valid,
 
 .was-validated .valid,
 
 .was-validated :valid + .ts-wrapper {
 
-  border-color: var(--tblr-success-text);
 
+  border-color: var(--tblr-form-valid-color);
 
 }
 
 .ts-wrapper.is-valid:not(.single),
 
 .was-validated .valid:not(.single),
 
@@ -989,7 +989,7 @@
 
 .ts-wrapper.is-valid.single,
 
 .was-validated .valid.single,
 
 .was-validated :valid + .ts-wrapper.single {
 
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
 
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
 
   background-position: left 0.75rem center, center left 2.25rem;
 
   background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 
   background-repeat: no-repeat;
 
@@ -997,8 +997,8 @@
 
 .ts-wrapper.is-valid.focus .ts-control,
 
 .was-validated .valid.focus .ts-control,
 
 .was-validated :valid + .ts-wrapper.focus .ts-control {
 
-  border-color: var(--tblr-success-text);
 
-  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-success-text), 0.25);
 
+  border-color: var(--tblr-form-valid-color);
 
+  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-form-valid-color), 0.25);
 
 }
 
 
 .ts-wrapper {
 
@@ -1009,7 +1009,7 @@
 
   min-height: calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2));
 
 }
 
 .input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control {
 
-  border-radius: 2px;
 
+  border-radius: var(--tblr-border-radius-sm);
 
   font-size: 0.75rem;
 
 }
 
 .input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
 
@@ -1030,7 +1030,7 @@
 
   min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
 
 }
 
 .input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
 
-  border-radius: 8px;
 
+  border-radius: var(--tblr-border-radius-lg);
 
   font-size: 1.25rem;
 
 }
 
 
@@ -1042,7 +1042,7 @@
 
   background: none;
 
 }
 
 .ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
 
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 
   background-repeat: no-repeat;
 
   background-position: left 0.75rem center;
 
   background-size: 16px 12px;
 
@@ -1074,6 +1074,11 @@
 
   border-bottom-left-radius: 0;
 
 }
 
 
+:root {
 
+  --ts-pr-clear-button: 0rem;
 
+  --ts-pr-caret: 0rem;
 
+}
 
+
 
 .ts-input {
 
   color: inherit;
 
 }
 
@@ -1086,6 +1091,46 @@
 
   height: auto;
 
 }
 
 
+.ts-wrapper.is-invalid .ts-control, .ts-wrapper.is-valid .ts-control {
 
+  --ts-pr-clear-button: 1.5rem;
 
+}
 
+
 
+.ts-dropdown {
 
+  background: var(--tblr-bg-surface);
 
+  color: var(--tblr-body-color);
 
+  box-shadow: var(--tblr-shadow-dropdown);
 
+}
 
+.ts-dropdown .option {
 
+  padding: 0.5rem 0.75rem;
 
+}
 
+
 
+.ts-control,
 
+.ts-control input {
 
+  color: var(--tblr-body-color);
 
+}
 
+
 
+.ts-control input::-webkit-input-placeholder {
 
+  color: #929dab;
 
+}
 
+
 
+.ts-control input:-ms-input-placeholder {
 
+  color: #929dab;
 
+}
 
+
 
+.ts-control input::-ms-input-placeholder {
 
+  color: #929dab;
 
+}
 
+
 
+.ts-control input::placeholder {
 
+  color: #929dab;
 
+}
 
+
 
+.ts-wrapper.multi .ts-control > div {
 
+  background: var(--tblr-bg-surface-secondary);
 
+  border: 1px solid var(--tblr-border-color);
 
+  color: var(--tblr-body-color);
 
+}
 
+
 
 .apexcharts-tooltip {
 
   color: var(--tblr-light) !important;
 
   background: var(--tblr-bg-surface-dark) !important;
 
@@ -1115,6 +1160,22 @@
 
   height: 10px !important;
 
 }
 
 
+.apexcharts-text {
 
+  fill: var(--tblr-body-color) !important;
 
+}
 
+
 
+.apexcharts-gridline {
 
+  stroke: var(--tblr-border-color) !important;
 
+}
 
+
 
+.apexcharts-legend-text {
 
+  color: inherit !important;
 
+}
 
+
 
+.apexcharts-radialbar-area {
 
+  stroke: var(--tblr-border-color-dark) !important;
 
+}
 
+
 
 svg {
 
   touch-action: none;
 
 }
 
@@ -1241,7 +1302,7 @@ image, text, .jvm-zoomin, .jvm-zoomout {
 
   }
 
 }
 
 .jvm-tooltip {
 
-  background: #1d273b;
 
+  background: #182433;
 
   font-family: inherit;
 
   font-size: 0.75rem;
 
   box-shadow: var(--tblr-shadow-card);
 
@@ -1309,7 +1370,7 @@ image, text, .jvm-zoomin, .jvm-zoomout {
 
 
 .fslightbox-container {
 
   font-family: inherit !important;
 
-  background: rgba(29, 39, 59, 0.24) !important;
 
+  background: rgba(24, 36, 51, 0.24) !important;
 
   -webkit-backdrop-filter: blur(4px) !important;
 
           backdrop-filter: blur(4px) !important;
 
 }
 
@@ -1336,6 +1397,10 @@ body {
 
   padding: 0 0.5rem 0;
 
 }
 
 
+.tox .tox-toolbar__primary {
 
+  background: transparent !important;
 
+}
 
+
 
 .tox:not(.tox-tinymce-inline) .tox-editor-header {
 
   border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
 
   box-shadow: none !important;
 
@@ -1350,12 +1415,6 @@ body {
 
   border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
 
 }
 
 
-.tox .tox-toolbar,
 
-.tox .tox-toolbar__overflow,
 
-.tox .tox-toolbar__primary {
 
-  background: transparent !important;
 
-}
 
-
 
 .tox .tox-toolbar-overlord,
 
 .tox:not(.tox-tinymce-inline) .tox-editor-header {
 
   background: transparent !important;

File diff suppressed because it is too large
+ 2 - 2
demo/dist/css/tabler-vendors.rtl.min.css


File diff suppressed because it is too large
+ 384 - 222
demo/dist/css/tabler.css


File diff suppressed because it is too large
+ 2 - 2
demo/dist/css/tabler.min.css


File diff suppressed because it is too large
+ 384 - 222
demo/dist/css/tabler.rtl.css


File diff suppressed because it is too large
+ 2 - 2
demo/dist/css/tabler.rtl.min.css


+ 9 - 6
demo/dist/js/demo-theme.js
View File 

@@ -1,6 +1,6 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
@@ -11,8 +11,8 @@
 
 	factory();
 
 })((function () { 'use strict';
 
 
-	var themeStorageKey = 'tablerTheme';
 
-	var defaultTheme = 'light';
 
+	var themeStorageKey = "tablerTheme";
 
+	var defaultTheme = "light";
 
 	var selectedTheme;
 
 	var params = new Proxy(new URLSearchParams(window.location.search), {
 
 	  get: function get(searchParams, prop) {
 
@@ -26,7 +26,10 @@
 
 	  var storedTheme = localStorage.getItem(themeStorageKey);
 
 	  selectedTheme = storedTheme ? storedTheme : defaultTheme;
 
 	}
 
-	document.body.classList.remove('theme-dark', 'theme-light');
 
-	document.body.classList.add("theme-".concat(selectedTheme));
 
+	if (selectedTheme === 'dark') {
 
+	  document.body.setAttribute("data-bs-theme", selectedTheme);
 
+	} else {
 
+	  document.body.removeAttribute("data-bs-theme");
 
+	}
 
 
 }));

+ 3 - 3
demo/dist/js/demo-theme.min.js
View File 

@@ -1,9 +1,9 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 
 */
 
-!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";var e,t="tablerTheme",n=new Proxy(new URLSearchParams(window.location.search),{get:function(e,t){return e.get(t)}});if(n.theme)localStorage.setItem(t,n.theme),e=n.theme;else{var o=localStorage.getItem(t);e=o||"light"}document.body.classList.remove("theme-dark","theme-light"),document.body.classList.add("theme-".concat(e))}));
 
+!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";var e,t="tablerTheme",a=new Proxy(new URLSearchParams(window.location.search),{get:function(e,t){return e.get(t)}});if(a.theme)localStorage.setItem(t,a.theme),e=a.theme;else{var n=localStorage.getItem(t);e=n||"light"}"dark"===e?document.body.setAttribute("data-bs-theme",e):document.body.removeAttribute("data-bs-theme")}));

+ 16 - 16
demo/dist/js/demo.js
View File 

@@ -1,6 +1,6 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna
 
@@ -62,17 +62,17 @@
 
   }
 
 
   var items = {
 
-    'menu-position': {
 
-      localStorage: 'tablerMenuPosition',
 
-      default: 'top'
 
+    "menu-position": {
 
+      localStorage: "tablerMenuPosition",
 
+      default: "top"
 
     },
 
-    'menu-behavior': {
 
-      localStorage: 'tablerMenuBehavior',
 
-      default: 'sticky'
 
+    "menu-behavior": {
 
+      localStorage: "tablerMenuBehavior",
 
+      default: "sticky"
 
     },
 
-    'container-layout': {
 
-      localStorage: 'tablerContainerLayout',
 
-      default: 'boxed'
 
+    "container-layout": {
 
+      localStorage: "tablerContainerLayout",
 
+      default: "boxed"
 
     }
 
   };
 
   var config = {};
 
@@ -85,9 +85,9 @@
 
   }
 
   var parseUrl = function parseUrl() {
 
     var search = window.location.search.substring(1);
 
-    var params = search.split('&');
 
+    var params = search.split("&");
 
     for (var i = 0; i < params.length; i++) {
 
-      var arr = params[i].split('=');
 
+      var arr = params[i].split("=");
 
       var _key = arr[0];
 
       var value = arr[1];
 
       if (!!items[_key]) {
 
@@ -116,13 +116,13 @@
 
       localStorage.setItem(_params2.localStorage, value);
 
       config[_key3] = value;
 
     }
 
-    window.dispatchEvent(new Event('resize'));
 
+    window.dispatchEvent(new Event("resize"));
 
     new bootstrap.Offcanvas(form).hide();
 
   };
 
   parseUrl();
 
-  var form = document.querySelector('#offcanvasSettings');
 
+  var form = document.querySelector("#offcanvasSettings");
 
   if (form) {
 
-    form.addEventListener('submit', function (e) {
 
+    form.addEventListener("submit", function (e) {
 
       e.preventDefault();
 
       submitForm(form);
 
     });

+ 2 - 2
demo/dist/js/demo.min.js
View File 

@@ -1,6 +1,6 @@
 
 /*!
 
-* Tabler v1.0.0-beta17 (https://tabler.io)
 
-* @version 1.0.0-beta17
 
+* Tabler v1.0.0-beta18 (https://tabler.io)
 
+* @version 1.0.0-beta18
 
 * @link https://tabler.io
 
 * Copyright 2018-2023 The Tabler Authors
 
 * Copyright 2018-2023 codecalm.net Paweł Kuna

File diff suppressed because it is too large
+ 2 - 2
demo/dist/js/tabler.esm.js


File diff suppressed because it is too large
+ 2 - 2
demo/dist/js/tabler.esm.min.js


File diff suppressed because it is too large
+ 2 - 2
demo/dist/js/tabler.js


File diff suppressed because it is too large
+ 2 - 2
demo/dist/js/tabler.min.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/apexcharts/dist/apexcharts.amd.js


File diff suppressed because it is too large
+ 2 - 2
demo/dist/libs/apexcharts/dist/apexcharts.common.js


File diff suppressed because it is too large
+ 2 - 2
demo/dist/libs/apexcharts/dist/apexcharts.esm.js


File diff suppressed because it is too large
+ 391 - 293
demo/dist/libs/apexcharts/dist/apexcharts.js


File diff suppressed because it is too large
+ 2 - 2
demo/dist/libs/apexcharts/dist/apexcharts.min.js


+ 228 - 228
demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.js
View File 

@@ -1,6 +1,6 @@
 
 /*!
 
-  * Bootstrap v5.3.0-alpha1 (https://getbootstrap.com/)
 
-  * Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 
+  * Bootstrap v5.3.0-alpha3 (https://getbootstrap.com/)
 
+  * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
   */
 
 (function (global, factory) {
 
@@ -11,7 +11,55 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/index.js
 
+   * Bootstrap dom/data.js
 
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
+   * --------------------------------------------------------------------------
 
+   */
 
+
 
+  /**
 
+   * Constants
 
+   */
 
+
 
+  const elementMap = new Map();
 
+  const Data = {
 
+    set(element, key, instance) {
 
+      if (!elementMap.has(element)) {
 
+        elementMap.set(element, new Map());
 
+      }
 
+      const instanceMap = elementMap.get(element);
 
+
 
+      // make it clear we only want one instance per element
 
+      // can be removed later when multiple key/instances are fine to be used
 
+      if (!instanceMap.has(key) && instanceMap.size !== 0) {
 
+        // eslint-disable-next-line no-console
 
+        console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`);
 
+        return;
 
+      }
 
+      instanceMap.set(key, instance);
 
+    },
 
+    get(element, key) {
 
+      if (elementMap.has(element)) {
 
+        return elementMap.get(element).get(key) || null;
 
+      }
 
+      return null;
 
+    },
 
+    remove(element, key) {
 
+      if (!elementMap.has(element)) {
 
+        return;
 
+      }
 
+      const instanceMap = elementMap.get(element);
 
+      instanceMap.delete(key);
 
+
 
+      // free up element references if there are no instances left for an element
 
+      if (instanceMap.size === 0) {
 
+        elementMap.delete(element);
 
+      }
 
+    }
 
+  };
 
+
 
+  /**
 
+   * --------------------------------------------------------------------------
 
+   * Bootstrap util/index.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -258,7 +306,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): dom/event-handler.js
 
+   * Bootstrap dom/event-handler.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -328,7 +376,7 @@
 
   }
 
   function normalizeParameters(originalTypeEvent, handler, delegationFunction) {
 
     const isDelegated = typeof handler === 'string';
 
-    // todo: tooltip passes `false` instead of selector, so we need to check
 
+    // TODO: tooltip passes `false` instead of selector, so we need to check
 
     const callable = isDelegated ? delegationFunction : handler || delegationFunction;
 
     let typeEvent = getTypeEvent(originalTypeEvent);
 
     if (!nativeEvents.has(typeEvent)) {
 
@@ -445,11 +493,10 @@
 
         nativeDispatch = !jQueryEvent.isImmediatePropagationStopped();
 
         defaultPrevented = jQueryEvent.isDefaultPrevented();
 
       }
 
-      let evt = new Event(event, {
 
+      const evt = hydrateObj(new Event(event, {
 
         bubbles,
 
         cancelable: true
 
-      });
 
-      evt = hydrateObj(evt, args);
 
+      }), args);
 
       if (defaultPrevented) {
 
         evt.preventDefault();
 
       }
 
@@ -480,55 +527,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): dom/data.js
 
-   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
-   * --------------------------------------------------------------------------
 
-   */
 
-
 
-  /**
 
-   * Constants
 
-   */
 
-
 
-  const elementMap = new Map();
 
-  const Data = {
 
-    set(element, key, instance) {
 
-      if (!elementMap.has(element)) {
 
-        elementMap.set(element, new Map());
 
-      }
 
-      const instanceMap = elementMap.get(element);
 
-
 
-      // make it clear we only want one instance per element
 
-      // can be removed later when multiple key/instances are fine to be used
 
-      if (!instanceMap.has(key) && instanceMap.size !== 0) {
 
-        // eslint-disable-next-line no-console
 
-        console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`);
 
-        return;
 
-      }
 
-      instanceMap.set(key, instance);
 
-    },
 
-    get(element, key) {
 
-      if (elementMap.has(element)) {
 
-        return elementMap.get(element).get(key) || null;
 
-      }
 
-      return null;
 
-    },
 
-    remove(element, key) {
 
-      if (!elementMap.has(element)) {
 
-        return;
 
-      }
 
-      const instanceMap = elementMap.get(element);
 
-      instanceMap.delete(key);
 
-
 
-      // free up element references if there are no instances left for an element
 
-      if (instanceMap.size === 0) {
 
-        elementMap.delete(element);
 
-      }
 
-    }
 
-  };
 
-
 
-  /**
 
-   * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): dom/manipulator.js
 
+   * Bootstrap dom/manipulator.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -585,7 +584,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/config.js
 
+   * Bootstrap util/config.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -637,7 +636,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): base-component.js
 
+   * Bootstrap base-component.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -646,7 +645,7 @@
 
    * Constants
 
    */
 
 
-  const VERSION = '5.3.0-alpha1';
 
+  const VERSION = '5.3.0-alpha2';
 
 
   /**
 
    * Class definition
 
@@ -705,7 +704,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): dom/selector-engine.js
 
+   * Bootstrap dom/selector-engine.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -793,7 +792,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/component-functions.js
 
+   * Bootstrap util/component-functions.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -817,7 +816,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): alert.js
 
+   * Bootstrap alert.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -891,7 +890,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): button.js
 
+   * Bootstrap button.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -954,7 +953,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/swipe.js
 
+   * Bootstrap util/swipe.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -1073,7 +1072,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): carousel.js
 
+   * Bootstrap carousel.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -1333,7 +1332,7 @@
 
       }
 
       if (!activeElement || !nextElement) {
 
         // Some weirdness is happening, so we bail
 
-        // todo: change tests that use empty divs to avoid this check
 
+        // TODO: change tests that use empty divs to avoid this check
 
         return;
 
       }
 
       const isCycling = Boolean(this._interval);
 
@@ -1445,7 +1444,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): collapse.js
 
+   * Bootstrap collapse.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -1839,7 +1838,7 @@
 
   function getUAString() {
 
     var uaData = navigator.userAgentData;
 
 
-    if (uaData != null && uaData.brands) {
 
+    if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
 
       return uaData.brands.map(function (item) {
 
         return item.brand + "/" + item.version;
 
       }).join(' ');
 
@@ -2158,10 +2157,9 @@
 
   // Zooming can change the DPR, but it seems to report a value that will
 
   // cleanly divide the values into the appropriate subpixels.
 
 
-  function roundOffsetsByDPR(_ref) {
 
+  function roundOffsetsByDPR(_ref, win) {
 
     var x = _ref.x,
 
         y = _ref.y;
 
-    var win = window;
 
     var dpr = win.devicePixelRatio || 1;
 
     return {
 
       x: round(x * dpr) / dpr || 0,
 
@@ -2244,7 +2242,7 @@
 
     var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
 
       x: x,
 
       y: y
 
-    }) : {
 
+    }, getWindow(popper)) : {
 
       x: x,
 
       y: y
 
     };
 
@@ -3482,49 +3480,49 @@
 
 
   const Popper = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 
     __proto__: null,
 
-    popperGenerator,
 
-    detectOverflow,
 
-    createPopperBase: createPopper$2,
 
-    createPopper,
 
-    createPopperLite: createPopper$1,
 
-    top,
 
-    bottom,
 
-    right,
 
-    left,
 
-    auto,
 
-    basePlacements,
 
-    start,
 
-    end,
 
-    clippingParents,
 
-    viewport,
 
-    popper,
 
-    reference,
 
-    variationPlacements,
 
-    placements,
 
-    beforeRead,
 
-    read,
 
-    afterRead,
 
-    beforeMain,
 
-    main,
 
     afterMain,
 
-    beforeWrite,
 
-    write,
 
+    afterRead,
 
     afterWrite,
 
-    modifierPhases,
 
     applyStyles: applyStyles$1,
 
     arrow: arrow$1,
 
+    auto,
 
+    basePlacements,
 
+    beforeMain,
 
+    beforeRead,
 
+    beforeWrite,
 
+    bottom,
 
+    clippingParents,
 
     computeStyles: computeStyles$1,
 
+    createPopper,
 
+    createPopperBase: createPopper$2,
 
+    createPopperLite: createPopper$1,
 
+    detectOverflow,
 
+    end,
 
     eventListeners,
 
     flip: flip$1,
 
     hide: hide$1,
 
+    left,
 
+    main,
 
+    modifierPhases,
 
     offset: offset$1,
 
+    placements,
 
+    popper,
 
+    popperGenerator,
 
     popperOffsets: popperOffsets$1,
 
-    preventOverflow: preventOverflow$1
 
+    preventOverflow: preventOverflow$1,
 
+    read,
 
+    reference,
 
+    right,
 
+    start,
 
+    top,
 
+    variationPlacements,
 
+    viewport,
 
+    write
 
   }, Symbol.toStringTag, { value: 'Module' }));
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): dropdown.js
 
+   * Bootstrap dropdown.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -3596,7 +3594,7 @@
 
       super(element, config);
 
       this._popper = null;
 
       this._parent = this._element.parentNode; // dropdown wrapper
 
-      // todo: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
+      // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
       this._menu = SelectorEngine.next(this._element, SELECTOR_MENU)[0] || SelectorEngine.prev(this._element, SELECTOR_MENU)[0] || SelectorEngine.findOne(SELECTOR_MENU, this._parent);
 
       this._inNavbar = this._detectNavbar();
 
     }
 
@@ -3770,7 +3768,7 @@
 
 
       // Disable Popper if we have a static display or Dropdown is in Navbar
 
       if (this._inNavbar || this._config.display === 'static') {
 
-        Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // todo:v6 remove
 
+        Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // TODO: v6 remove
 
         defaultBsPopperConfig.modifiers = [{
 
           name: 'applyStyles',
 
           enabled: false
 
@@ -3852,7 +3850,7 @@
 
       }
 
       event.preventDefault();
 
 
-      // todo: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
+      // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
       const getToggleButton = this.matches(SELECTOR_DATA_TOGGLE$3) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.next(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.findOne(SELECTOR_DATA_TOGGLE$3, event.delegateTarget.parentNode);
 
       const instance = Dropdown.getOrCreateInstance(getToggleButton);
 
       if (isUpOrDownEvent) {
 
@@ -3891,104 +3889,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/scrollBar.js
 
-   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
-   * --------------------------------------------------------------------------
 
-   */
 
-
 
-  /**
 
-   * Constants
 
-   */
 
-
 
-  const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
 
-  const SELECTOR_STICKY_CONTENT = '.sticky-top';
 
-  const PROPERTY_PADDING = 'padding-right';
 
-  const PROPERTY_MARGIN = 'margin-right';
 
-
 
-  /**
 
-   * Class definition
 
-   */
 
-
 
-  class ScrollBarHelper {
 
-    constructor() {
 
-      this._element = document.body;
 
-    }
 
-
 
-    // Public
 
-    getWidth() {
 
-      // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
 
-      const documentWidth = document.documentElement.clientWidth;
 
-      return Math.abs(window.innerWidth - documentWidth);
 
-    }
 
-    hide() {
 
-      const width = this.getWidth();
 
-      this._disableOverFlow();
 
-      // give padding to element to balance the hidden scrollbar width
 
-      this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
-      // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth
 
-      this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
-      this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width);
 
-    }
 
-    reset() {
 
-      this._resetElementAttributes(this._element, 'overflow');
 
-      this._resetElementAttributes(this._element, PROPERTY_PADDING);
 
-      this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING);
 
-      this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN);
 
-    }
 
-    isOverflowing() {
 
-      return this.getWidth() > 0;
 
-    }
 
-
 
-    // Private
 
-    _disableOverFlow() {
 
-      this._saveInitialAttribute(this._element, 'overflow');
 
-      this._element.style.overflow = 'hidden';
 
-    }
 
-    _setElementAttributes(selector, styleProperty, callback) {
 
-      const scrollbarWidth = this.getWidth();
 
-      const manipulationCallBack = element => {
 
-        if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {
 
-          return;
 
-        }
 
-        this._saveInitialAttribute(element, styleProperty);
 
-        const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty);
 
-        element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`);
 
-      };
 
-      this._applyManipulationCallback(selector, manipulationCallBack);
 
-    }
 
-    _saveInitialAttribute(element, styleProperty) {
 
-      const actualValue = element.style.getPropertyValue(styleProperty);
 
-      if (actualValue) {
 
-        Manipulator.setDataAttribute(element, styleProperty, actualValue);
 
-      }
 
-    }
 
-    _resetElementAttributes(selector, styleProperty) {
 
-      const manipulationCallBack = element => {
 
-        const value = Manipulator.getDataAttribute(element, styleProperty);
 
-        // We only want to remove the property if the value is `null`; the value can also be zero
 
-        if (value === null) {
 
-          element.style.removeProperty(styleProperty);
 
-          return;
 
-        }
 
-        Manipulator.removeDataAttribute(element, styleProperty);
 
-        element.style.setProperty(styleProperty, value);
 
-      };
 
-      this._applyManipulationCallback(selector, manipulationCallBack);
 
-    }
 
-    _applyManipulationCallback(selector, callBack) {
 
-      if (isElement$1(selector)) {
 
-        callBack(selector);
 
-        return;
 
-      }
 
-      for (const sel of SelectorEngine.find(selector, this._element)) {
 
-        callBack(sel);
 
-      }
 
-    }
 
-  }
 
-
 
-  /**
 
-   * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/backdrop.js
 
+   * Bootstrap util/backdrop.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -4112,7 +4013,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/focustrap.js
 
+   * Bootstrap util/focustrap.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -4210,7 +4111,104 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): modal.js
 
+   * Bootstrap util/scrollBar.js
 
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
+   * --------------------------------------------------------------------------
 
+   */
 
+
 
+  /**
 
+   * Constants
 
+   */
 
+
 
+  const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
 
+  const SELECTOR_STICKY_CONTENT = '.sticky-top';
 
+  const PROPERTY_PADDING = 'padding-right';
 
+  const PROPERTY_MARGIN = 'margin-right';
 
+
 
+  /**
 
+   * Class definition
 
+   */
 
+
 
+  class ScrollBarHelper {
 
+    constructor() {
 
+      this._element = document.body;
 
+    }
 
+
 
+    // Public
 
+    getWidth() {
 
+      // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
 
+      const documentWidth = document.documentElement.clientWidth;
 
+      return Math.abs(window.innerWidth - documentWidth);
 
+    }
 
+    hide() {
 
+      const width = this.getWidth();
 
+      this._disableOverFlow();
 
+      // give padding to element to balance the hidden scrollbar width
 
+      this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
+      // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth
 
+      this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
+      this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width);
 
+    }
 
+    reset() {
 
+      this._resetElementAttributes(this._element, 'overflow');
 
+      this._resetElementAttributes(this._element, PROPERTY_PADDING);
 
+      this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING);
 
+      this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN);
 
+    }
 
+    isOverflowing() {
 
+      return this.getWidth() > 0;
 
+    }
 
+
 
+    // Private
 
+    _disableOverFlow() {
 
+      this._saveInitialAttribute(this._element, 'overflow');
 
+      this._element.style.overflow = 'hidden';
 
+    }
 
+    _setElementAttributes(selector, styleProperty, callback) {
 
+      const scrollbarWidth = this.getWidth();
 
+      const manipulationCallBack = element => {
 
+        if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {
 
+          return;
 
+        }
 
+        this._saveInitialAttribute(element, styleProperty);
 
+        const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty);
 
+        element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`);
 
+      };
 
+      this._applyManipulationCallback(selector, manipulationCallBack);
 
+    }
 
+    _saveInitialAttribute(element, styleProperty) {
 
+      const actualValue = element.style.getPropertyValue(styleProperty);
 
+      if (actualValue) {
 
+        Manipulator.setDataAttribute(element, styleProperty, actualValue);
 
+      }
 
+    }
 
+    _resetElementAttributes(selector, styleProperty) {
 
+      const manipulationCallBack = element => {
 
+        const value = Manipulator.getDataAttribute(element, styleProperty);
 
+        // We only want to remove the property if the value is `null`; the value can also be zero
 
+        if (value === null) {
 
+          element.style.removeProperty(styleProperty);
 
+          return;
 
+        }
 
+        Manipulator.removeDataAttribute(element, styleProperty);
 
+        element.style.setProperty(styleProperty, value);
 
+      };
 
+      this._applyManipulationCallback(selector, manipulationCallBack);
 
+    }
 
+    _applyManipulationCallback(selector, callBack) {
 
+      if (isElement$1(selector)) {
 
+        callBack(selector);
 
+        return;
 
+      }
 
+      for (const sel of SelectorEngine.find(selector, this._element)) {
 
+        callBack(sel);
 
+      }
 
+    }
 
+  }
 
+
 
+  /**
 
+   * --------------------------------------------------------------------------
 
+   * Bootstrap modal.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -4316,9 +4314,8 @@
 
       this._queueCallback(() => this._hideModal(), this._element, this._isAnimated());
 
     }
 
     dispose() {
 
-      for (const htmlElement of [window, this._dialog]) {
 
-        EventHandler.off(htmlElement, EVENT_KEY$4);
 
-      }
 
+      EventHandler.off(window, EVENT_KEY$4);
 
+      EventHandler.off(this._dialog, EVENT_KEY$4);
 
       this._backdrop.dispose();
 
       this._focustrap.deactivate();
 
       super.dispose();
 
@@ -4373,7 +4370,6 @@
 
           return;
 
         }
 
         if (this._config.keyboard) {
 
-          event.preventDefault();
 
           this.hide();
 
           return;
 
         }
 
@@ -4516,7 +4512,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): offcanvas.js
 
+   * Bootstrap offcanvas.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -4674,11 +4670,11 @@
 
         if (event.key !== ESCAPE_KEY) {
 
           return;
 
         }
 
-        if (!this._config.keyboard) {
 
-          EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
 
+        if (this._config.keyboard) {
 
+          this.hide();
 
           return;
 
         }
 
-        this.hide();
 
+        EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
 
       });
 
     }
 
 
@@ -4746,13 +4742,12 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/sanitizer.js
 
+   * Bootstrap util/sanitizer.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
 
   const uriAttributes = new Set(['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href']);
 
-  const ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
 
 
   /**
 
    * A pattern that recognizes a commonly useful subset of URLs that are safe.
 
@@ -4779,6 +4774,9 @@
 
     // Check if a regular expression validates the attribute.
 
     return allowedAttributeList.filter(attributeRegex => attributeRegex instanceof RegExp).some(regex => regex.test(attributeName));
 
   };
 
+
 
+  // js-docs-start allow-list
 
+  const ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
 
   const DefaultAllowlist = {
 
     // Global attributes allowed on any supplied element below.
 
     '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],
 
@@ -4812,6 +4810,8 @@
 
     u: [],
 
     ul: []
 
   };
 
+  // js-docs-end allow-list
 
+
 
   function sanitizeHtml(unsafeHtml, allowList, sanitizeFunction) {
 
     if (!unsafeHtml.length) {
 
       return unsafeHtml;
 
@@ -4841,7 +4841,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/template-factory.js
 
+   * Bootstrap util/template-factory.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -4976,7 +4976,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): tooltip.js
 
+   * Bootstrap tooltip.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -5023,7 +5023,7 @@
 
     delay: 0,
 
     fallbackPlacements: ['top', 'right', 'bottom', 'left'],
 
     html: false,
 
-    offset: [0, 0],
 
+    offset: [0, 6],
 
     placement: 'top',
 
     popperConfig: null,
 
     sanitize: true,
 
@@ -5136,7 +5136,7 @@
 
         return;
 
       }
 
 
-      // todo v6 remove this OR make it optional
 
+      // TODO: v6 remove this or make it optional
 
       this._disposePopper();
 
       const tip = this._getTipElement();
 
       this._element.setAttribute('aria-describedby', tip.getAttribute('id'));
 
@@ -5222,12 +5222,12 @@
 
     _createTipElement(content) {
 
       const tip = this._getTemplateFactory(content).toHtml();
 
 
-      // todo: remove this check on v6
 
+      // TODO: remove this check in v6
 
       if (!tip) {
 
         return null;
 
       }
 
       tip.classList.remove(CLASS_NAME_FADE$2, CLASS_NAME_SHOW$2);
 
-      // todo: on v6 the following can be achieved with CSS only
 
+      // TODO: v6 the following can be achieved with CSS only
 
       tip.classList.add(`bs-${this.constructor.NAME}-auto`);
 
       const tipId = getUID(this.constructor.NAME).toString();
 
       tip.setAttribute('id', tipId);
 
@@ -5487,7 +5487,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): popover.js
 
+   * Bootstrap popover.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -5567,7 +5567,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): scrollspy.js
 
+   * Bootstrap scrollspy.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -5826,7 +5826,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): tab.js
 
+   * Bootstrap tab.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -5859,7 +5859,7 @@
 
   const SELECTOR_TAB_PANEL = '.list-group, .nav, [role="tablist"]';
 
   const SELECTOR_OUTER = '.nav-item, .list-group-item';
 
   const SELECTOR_INNER = `.nav-link${NOT_SELECTOR_DROPDOWN_TOGGLE}, .list-group-item${NOT_SELECTOR_DROPDOWN_TOGGLE}, [role="tab"]${NOT_SELECTOR_DROPDOWN_TOGGLE}`;
 
-  const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]'; // todo:v6: could be only `tab`
 
+  const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]'; // TODO: could only be `tab` in v6
 
   const SELECTOR_INNER_ELEM = `${SELECTOR_INNER}, ${SELECTOR_DATA_TOGGLE}`;
 
   const SELECTOR_DATA_TOGGLE_ACTIVE = `.${CLASS_NAME_ACTIVE}[data-bs-toggle="tab"], .${CLASS_NAME_ACTIVE}[data-bs-toggle="pill"], .${CLASS_NAME_ACTIVE}[data-bs-toggle="list"]`;
 
 
@@ -5873,7 +5873,7 @@
 
       this._parent = this._element.closest(SELECTOR_TAB_PANEL);
 
       if (!this._parent) {
 
         return;
 
-        // todo: should Throw exception on v6
 
+        // TODO: should throw exception in v6
 
         // throw new TypeError(`${element.outerHTML} has not a valid parent ${SELECTOR_INNER_ELEM}`)
 
       }
 
 
@@ -6005,7 +6005,7 @@
 
       }
 
       this._setAttributeIfNotExists(target, 'role', 'tabpanel');
 
       if (child.id) {
 
-        this._setAttributeIfNotExists(target, 'aria-labelledby', `#${child.id}`);
 
+        this._setAttributeIfNotExists(target, 'aria-labelledby', `${child.id}`);
 
       }
 
     }
 
     _toggleDropDown(element, open) {
 
@@ -6087,7 +6087,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): toast.js
 
+   * Bootstrap toast.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -6270,7 +6270,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): index.umd.js
 
+   * Bootstrap index.umd.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */

File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.js.map


File diff suppressed because it is too large
+ 2 - 2
demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js.map


+ 196 - 195
demo/dist/libs/bootstrap/dist/js/bootstrap.esm.js
View File 

@@ -1,13 +1,61 @@
 
 /*!
 
-  * Bootstrap v5.3.0-alpha1 (https://getbootstrap.com/)
 
-  * Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 
+  * Bootstrap v5.3.0-alpha3 (https://getbootstrap.com/)
 
+  * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
   */
 
 import * as Popper from '@popperjs/core';
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): util/index.js
 
+ * Bootstrap dom/data.js
 
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
+ * --------------------------------------------------------------------------
 
+ */
 
+
 
+/**
 
+ * Constants
 
+ */
 
+
 
+const elementMap = new Map();
 
+const Data = {
 
+  set(element, key, instance) {
 
+    if (!elementMap.has(element)) {
 
+      elementMap.set(element, new Map());
 
+    }
 
+    const instanceMap = elementMap.get(element);
 
+
 
+    // make it clear we only want one instance per element
 
+    // can be removed later when multiple key/instances are fine to be used
 
+    if (!instanceMap.has(key) && instanceMap.size !== 0) {
 
+      // eslint-disable-next-line no-console
 
+      console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`);
 
+      return;
 
+    }
 
+    instanceMap.set(key, instance);
 
+  },
 
+  get(element, key) {
 
+    if (elementMap.has(element)) {
 
+      return elementMap.get(element).get(key) || null;
 
+    }
 
+    return null;
 
+  },
 
+  remove(element, key) {
 
+    if (!elementMap.has(element)) {
 
+      return;
 
+    }
 
+    const instanceMap = elementMap.get(element);
 
+    instanceMap.delete(key);
 
+
 
+    // free up element references if there are no instances left for an element
 
+    if (instanceMap.size === 0) {
 
+      elementMap.delete(element);
 
+    }
 
+  }
 
+};
 
+
 
+/**
 
+ * --------------------------------------------------------------------------
 
+ * Bootstrap util/index.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -254,7 +302,7 @@ const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): dom/event-handler.js
 
+ * Bootstrap dom/event-handler.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -324,7 +372,7 @@ function findHandler(events, callable, delegationSelector = null) {
 
 }
 
 function normalizeParameters(originalTypeEvent, handler, delegationFunction) {
 
   const isDelegated = typeof handler === 'string';
 
-  // todo: tooltip passes `false` instead of selector, so we need to check
 
+  // TODO: tooltip passes `false` instead of selector, so we need to check
 
   const callable = isDelegated ? delegationFunction : handler || delegationFunction;
 
   let typeEvent = getTypeEvent(originalTypeEvent);
 
   if (!nativeEvents.has(typeEvent)) {
 
@@ -441,11 +489,10 @@ const EventHandler = {
 
       nativeDispatch = !jQueryEvent.isImmediatePropagationStopped();
 
       defaultPrevented = jQueryEvent.isDefaultPrevented();
 
     }
 
-    let evt = new Event(event, {
 
+    const evt = hydrateObj(new Event(event, {
 
       bubbles,
 
       cancelable: true
 
-    });
 
-    evt = hydrateObj(evt, args);
 
+    }), args);
 
     if (defaultPrevented) {
 
       evt.preventDefault();
 
     }
 
@@ -476,55 +523,7 @@ function hydrateObj(obj, meta = {}) {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): dom/data.js
 
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
- * --------------------------------------------------------------------------
 
- */
 
-
 
-/**
 
- * Constants
 
- */
 
-
 
-const elementMap = new Map();
 
-const Data = {
 
-  set(element, key, instance) {
 
-    if (!elementMap.has(element)) {
 
-      elementMap.set(element, new Map());
 
-    }
 
-    const instanceMap = elementMap.get(element);
 
-
 
-    // make it clear we only want one instance per element
 
-    // can be removed later when multiple key/instances are fine to be used
 
-    if (!instanceMap.has(key) && instanceMap.size !== 0) {
 
-      // eslint-disable-next-line no-console
 
-      console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`);
 
-      return;
 
-    }
 
-    instanceMap.set(key, instance);
 
-  },
 
-  get(element, key) {
 
-    if (elementMap.has(element)) {
 
-      return elementMap.get(element).get(key) || null;
 
-    }
 
-    return null;
 
-  },
 
-  remove(element, key) {
 
-    if (!elementMap.has(element)) {
 
-      return;
 
-    }
 
-    const instanceMap = elementMap.get(element);
 
-    instanceMap.delete(key);
 
-
 
-    // free up element references if there are no instances left for an element
 
-    if (instanceMap.size === 0) {
 
-      elementMap.delete(element);
 
-    }
 
-  }
 
-};
 
-
 
-/**
 
- * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): dom/manipulator.js
 
+ * Bootstrap dom/manipulator.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -581,7 +580,7 @@ const Manipulator = {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): util/config.js
 
+ * Bootstrap util/config.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -633,7 +632,7 @@ class Config {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): base-component.js
 
+ * Bootstrap base-component.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -642,7 +641,7 @@ class Config {
 
  * Constants
 
  */
 
 
-const VERSION = '5.3.0-alpha1';
 
+const VERSION = '5.3.0-alpha2';
 
 
 /**
 
  * Class definition
 
@@ -701,7 +700,7 @@ class BaseComponent extends Config {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): dom/selector-engine.js
 
+ * Bootstrap dom/selector-engine.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -789,7 +788,7 @@ const SelectorEngine = {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): util/component-functions.js
 
+ * Bootstrap util/component-functions.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -813,7 +812,7 @@ const enableDismissTrigger = (component, method = 'hide') => {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): alert.js
 
+ * Bootstrap alert.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -887,7 +886,7 @@ defineJQueryPlugin(Alert);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): button.js
 
+ * Bootstrap button.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -950,7 +949,7 @@ defineJQueryPlugin(Button);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): util/swipe.js
 
+ * Bootstrap util/swipe.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -1069,7 +1068,7 @@ class Swipe extends Config {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): carousel.js
 
+ * Bootstrap carousel.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -1329,7 +1328,7 @@ class Carousel extends BaseComponent {
 
     }
 
     if (!activeElement || !nextElement) {
 
       // Some weirdness is happening, so we bail
 
-      // todo: change tests that use empty divs to avoid this check
 
+      // TODO: change tests that use empty divs to avoid this check
 
       return;
 
     }
 
     const isCycling = Boolean(this._interval);
 
@@ -1441,7 +1440,7 @@ defineJQueryPlugin(Carousel);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): collapse.js
 
+ * Bootstrap collapse.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -1674,7 +1673,7 @@ defineJQueryPlugin(Collapse);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): dropdown.js
 
+ * Bootstrap dropdown.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -1746,7 +1745,7 @@ class Dropdown extends BaseComponent {
 
     super(element, config);
 
     this._popper = null;
 
     this._parent = this._element.parentNode; // dropdown wrapper
 
-    // todo: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
+    // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
     this._menu = SelectorEngine.next(this._element, SELECTOR_MENU)[0] || SelectorEngine.prev(this._element, SELECTOR_MENU)[0] || SelectorEngine.findOne(SELECTOR_MENU, this._parent);
 
     this._inNavbar = this._detectNavbar();
 
   }
 
@@ -1920,7 +1919,7 @@ class Dropdown extends BaseComponent {
 
 
     // Disable Popper if we have a static display or Dropdown is in Navbar
 
     if (this._inNavbar || this._config.display === 'static') {
 
-      Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // todo:v6 remove
 
+      Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // TODO: v6 remove
 
       defaultBsPopperConfig.modifiers = [{
 
         name: 'applyStyles',
 
         enabled: false
 
@@ -2002,7 +2001,7 @@ class Dropdown extends BaseComponent {
 
     }
 
     event.preventDefault();
 
 
-    // todo: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
+    // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
     const getToggleButton = this.matches(SELECTOR_DATA_TOGGLE$3) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.next(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.findOne(SELECTOR_DATA_TOGGLE$3, event.delegateTarget.parentNode);
 
     const instance = Dropdown.getOrCreateInstance(getToggleButton);
 
     if (isUpOrDownEvent) {
 
@@ -2041,104 +2040,7 @@ defineJQueryPlugin(Dropdown);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): util/scrollBar.js
 
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
- * --------------------------------------------------------------------------
 
- */
 
-
 
-/**
 
- * Constants
 
- */
 
-
 
-const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
 
-const SELECTOR_STICKY_CONTENT = '.sticky-top';
 
-const PROPERTY_PADDING = 'padding-right';
 
-const PROPERTY_MARGIN = 'margin-right';
 
-
 
-/**
 
- * Class definition
 
- */
 
-
 
-class ScrollBarHelper {
 
-  constructor() {
 
-    this._element = document.body;
 
-  }
 
-
 
-  // Public
 
-  getWidth() {
 
-    // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
 
-    const documentWidth = document.documentElement.clientWidth;
 
-    return Math.abs(window.innerWidth - documentWidth);
 
-  }
 
-  hide() {
 
-    const width = this.getWidth();
 
-    this._disableOverFlow();
 
-    // give padding to element to balance the hidden scrollbar width
 
-    this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
-    // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth
 
-    this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
-    this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width);
 
-  }
 
-  reset() {
 
-    this._resetElementAttributes(this._element, 'overflow');
 
-    this._resetElementAttributes(this._element, PROPERTY_PADDING);
 
-    this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING);
 
-    this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN);
 
-  }
 
-  isOverflowing() {
 
-    return this.getWidth() > 0;
 
-  }
 
-
 
-  // Private
 
-  _disableOverFlow() {
 
-    this._saveInitialAttribute(this._element, 'overflow');
 
-    this._element.style.overflow = 'hidden';
 
-  }
 
-  _setElementAttributes(selector, styleProperty, callback) {
 
-    const scrollbarWidth = this.getWidth();
 
-    const manipulationCallBack = element => {
 
-      if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {
 
-        return;
 
-      }
 
-      this._saveInitialAttribute(element, styleProperty);
 
-      const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty);
 
-      element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`);
 
-    };
 
-    this._applyManipulationCallback(selector, manipulationCallBack);
 
-  }
 
-  _saveInitialAttribute(element, styleProperty) {
 
-    const actualValue = element.style.getPropertyValue(styleProperty);
 
-    if (actualValue) {
 
-      Manipulator.setDataAttribute(element, styleProperty, actualValue);
 
-    }
 
-  }
 
-  _resetElementAttributes(selector, styleProperty) {
 
-    const manipulationCallBack = element => {
 
-      const value = Manipulator.getDataAttribute(element, styleProperty);
 
-      // We only want to remove the property if the value is `null`; the value can also be zero
 
-      if (value === null) {
 
-        element.style.removeProperty(styleProperty);
 
-        return;
 
-      }
 
-      Manipulator.removeDataAttribute(element, styleProperty);
 
-      element.style.setProperty(styleProperty, value);
 
-    };
 
-    this._applyManipulationCallback(selector, manipulationCallBack);
 
-  }
 
-  _applyManipulationCallback(selector, callBack) {
 
-    if (isElement(selector)) {
 
-      callBack(selector);
 
-      return;
 
-    }
 
-    for (const sel of SelectorEngine.find(selector, this._element)) {
 
-      callBack(sel);
 
-    }
 
-  }
 
-}
 
-
 
-/**
 
- * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): util/backdrop.js
 
+ * Bootstrap util/backdrop.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -2262,7 +2164,7 @@ class Backdrop extends Config {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): util/focustrap.js
 
+ * Bootstrap util/focustrap.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -2360,7 +2262,104 @@ class FocusTrap extends Config {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): modal.js
 
+ * Bootstrap util/scrollBar.js
 
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
+ * --------------------------------------------------------------------------
 
+ */
 
+
 
+/**
 
+ * Constants
 
+ */
 
+
 
+const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
 
+const SELECTOR_STICKY_CONTENT = '.sticky-top';
 
+const PROPERTY_PADDING = 'padding-right';
 
+const PROPERTY_MARGIN = 'margin-right';
 
+
 
+/**
 
+ * Class definition
 
+ */
 
+
 
+class ScrollBarHelper {
 
+  constructor() {
 
+    this._element = document.body;
 
+  }
 
+
 
+  // Public
 
+  getWidth() {
 
+    // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
 
+    const documentWidth = document.documentElement.clientWidth;
 
+    return Math.abs(window.innerWidth - documentWidth);
 
+  }
 
+  hide() {
 
+    const width = this.getWidth();
 
+    this._disableOverFlow();
 
+    // give padding to element to balance the hidden scrollbar width
 
+    this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
+    // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth
 
+    this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
+    this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width);
 
+  }
 
+  reset() {
 
+    this._resetElementAttributes(this._element, 'overflow');
 
+    this._resetElementAttributes(this._element, PROPERTY_PADDING);
 
+    this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING);
 
+    this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN);
 
+  }
 
+  isOverflowing() {
 
+    return this.getWidth() > 0;
 
+  }
 
+
 
+  // Private
 
+  _disableOverFlow() {
 
+    this._saveInitialAttribute(this._element, 'overflow');
 
+    this._element.style.overflow = 'hidden';
 
+  }
 
+  _setElementAttributes(selector, styleProperty, callback) {
 
+    const scrollbarWidth = this.getWidth();
 
+    const manipulationCallBack = element => {
 
+      if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {
 
+        return;
 
+      }
 
+      this._saveInitialAttribute(element, styleProperty);
 
+      const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty);
 
+      element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`);
 
+    };
 
+    this._applyManipulationCallback(selector, manipulationCallBack);
 
+  }
 
+  _saveInitialAttribute(element, styleProperty) {
 
+    const actualValue = element.style.getPropertyValue(styleProperty);
 
+    if (actualValue) {
 
+      Manipulator.setDataAttribute(element, styleProperty, actualValue);
 
+    }
 
+  }
 
+  _resetElementAttributes(selector, styleProperty) {
 
+    const manipulationCallBack = element => {
 
+      const value = Manipulator.getDataAttribute(element, styleProperty);
 
+      // We only want to remove the property if the value is `null`; the value can also be zero
 
+      if (value === null) {
 
+        element.style.removeProperty(styleProperty);
 
+        return;
 
+      }
 
+      Manipulator.removeDataAttribute(element, styleProperty);
 
+      element.style.setProperty(styleProperty, value);
 
+    };
 
+    this._applyManipulationCallback(selector, manipulationCallBack);
 
+  }
 
+  _applyManipulationCallback(selector, callBack) {
 
+    if (isElement(selector)) {
 
+      callBack(selector);
 
+      return;
 
+    }
 
+    for (const sel of SelectorEngine.find(selector, this._element)) {
 
+      callBack(sel);
 
+    }
 
+  }
 
+}
 
+
 
+/**
 
+ * --------------------------------------------------------------------------
 
+ * Bootstrap modal.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -2466,9 +2465,8 @@ class Modal extends BaseComponent {
 
     this._queueCallback(() => this._hideModal(), this._element, this._isAnimated());
 
   }
 
   dispose() {
 
-    for (const htmlElement of [window, this._dialog]) {
 
-      EventHandler.off(htmlElement, EVENT_KEY$4);
 
-    }
 
+    EventHandler.off(window, EVENT_KEY$4);
 
+    EventHandler.off(this._dialog, EVENT_KEY$4);
 
     this._backdrop.dispose();
 
     this._focustrap.deactivate();
 
     super.dispose();
 
@@ -2523,7 +2521,6 @@ class Modal extends BaseComponent {
 
         return;
 
       }
 
       if (this._config.keyboard) {
 
-        event.preventDefault();
 
         this.hide();
 
         return;
 
       }
 
@@ -2666,7 +2663,7 @@ defineJQueryPlugin(Modal);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): offcanvas.js
 
+ * Bootstrap offcanvas.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -2824,11 +2821,11 @@ class Offcanvas extends BaseComponent {
 
       if (event.key !== ESCAPE_KEY) {
 
         return;
 
       }
 
-      if (!this._config.keyboard) {
 
-        EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
 
+      if (this._config.keyboard) {
 
+        this.hide();
 
         return;
 
       }
 
-      this.hide();
 
+      EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
 
     });
 
   }
 
 
@@ -2896,13 +2893,12 @@ defineJQueryPlugin(Offcanvas);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): util/sanitizer.js
 
+ * Bootstrap util/sanitizer.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
 
 const uriAttributes = new Set(['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href']);
 
-const ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
 
 
 /**
 
  * A pattern that recognizes a commonly useful subset of URLs that are safe.
 
@@ -2929,6 +2925,9 @@ const allowedAttribute = (attribute, allowedAttributeList) => {
 
   // Check if a regular expression validates the attribute.
 
   return allowedAttributeList.filter(attributeRegex => attributeRegex instanceof RegExp).some(regex => regex.test(attributeName));
 
 };
 
+
 
+// js-docs-start allow-list
 
+const ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
 
 const DefaultAllowlist = {
 
   // Global attributes allowed on any supplied element below.
 
   '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],
 
@@ -2962,6 +2961,8 @@ const DefaultAllowlist = {
 
   u: [],
 
   ul: []
 
 };
 
+// js-docs-end allow-list
 
+
 
 function sanitizeHtml(unsafeHtml, allowList, sanitizeFunction) {
 
   if (!unsafeHtml.length) {
 
     return unsafeHtml;
 
@@ -2991,7 +2992,7 @@ function sanitizeHtml(unsafeHtml, allowList, sanitizeFunction) {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): util/template-factory.js
 
+ * Bootstrap util/template-factory.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -3126,7 +3127,7 @@ class TemplateFactory extends Config {
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): tooltip.js
 
+ * Bootstrap tooltip.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -3173,7 +3174,7 @@ const Default$3 = {
 
   delay: 0,
 
   fallbackPlacements: ['top', 'right', 'bottom', 'left'],
 
   html: false,
 
-  offset: [0, 0],
 
+  offset: [0, 6],
 
   placement: 'top',
 
   popperConfig: null,
 
   sanitize: true,
 
@@ -3286,7 +3287,7 @@ class Tooltip extends BaseComponent {
 
       return;
 
     }
 
 
-    // todo v6 remove this OR make it optional
 
+    // TODO: v6 remove this or make it optional
 
     this._disposePopper();
 
     const tip = this._getTipElement();
 
     this._element.setAttribute('aria-describedby', tip.getAttribute('id'));
 
@@ -3372,12 +3373,12 @@ class Tooltip extends BaseComponent {
 
   _createTipElement(content) {
 
     const tip = this._getTemplateFactory(content).toHtml();
 
 
-    // todo: remove this check on v6
 
+    // TODO: remove this check in v6
 
     if (!tip) {
 
       return null;
 
     }
 
     tip.classList.remove(CLASS_NAME_FADE$2, CLASS_NAME_SHOW$2);
 
-    // todo: on v6 the following can be achieved with CSS only
 
+    // TODO: v6 the following can be achieved with CSS only
 
     tip.classList.add(`bs-${this.constructor.NAME}-auto`);
 
     const tipId = getUID(this.constructor.NAME).toString();
 
     tip.setAttribute('id', tipId);
 
@@ -3637,7 +3638,7 @@ defineJQueryPlugin(Tooltip);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): popover.js
 
+ * Bootstrap popover.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -3717,7 +3718,7 @@ defineJQueryPlugin(Popover);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): scrollspy.js
 
+ * Bootstrap scrollspy.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -3976,7 +3977,7 @@ defineJQueryPlugin(ScrollSpy);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): tab.js
 
+ * Bootstrap tab.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */
 
@@ -4009,7 +4010,7 @@ const NOT_SELECTOR_DROPDOWN_TOGGLE = ':not(.dropdown-toggle)';
 
 const SELECTOR_TAB_PANEL = '.list-group, .nav, [role="tablist"]';
 
 const SELECTOR_OUTER = '.nav-item, .list-group-item';
 
 const SELECTOR_INNER = `.nav-link${NOT_SELECTOR_DROPDOWN_TOGGLE}, .list-group-item${NOT_SELECTOR_DROPDOWN_TOGGLE}, [role="tab"]${NOT_SELECTOR_DROPDOWN_TOGGLE}`;
 
-const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]'; // todo:v6: could be only `tab`
 
+const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]'; // TODO: could only be `tab` in v6
 
 const SELECTOR_INNER_ELEM = `${SELECTOR_INNER}, ${SELECTOR_DATA_TOGGLE}`;
 
 const SELECTOR_DATA_TOGGLE_ACTIVE = `.${CLASS_NAME_ACTIVE}[data-bs-toggle="tab"], .${CLASS_NAME_ACTIVE}[data-bs-toggle="pill"], .${CLASS_NAME_ACTIVE}[data-bs-toggle="list"]`;
 
 
@@ -4023,7 +4024,7 @@ class Tab extends BaseComponent {
 
     this._parent = this._element.closest(SELECTOR_TAB_PANEL);
 
     if (!this._parent) {
 
       return;
 
-      // todo: should Throw exception on v6
 
+      // TODO: should throw exception in v6
 
       // throw new TypeError(`${element.outerHTML} has not a valid parent ${SELECTOR_INNER_ELEM}`)
 
     }
 
 
@@ -4155,7 +4156,7 @@ class Tab extends BaseComponent {
 
     }
 
     this._setAttributeIfNotExists(target, 'role', 'tabpanel');
 
     if (child.id) {
 
-      this._setAttributeIfNotExists(target, 'aria-labelledby', `#${child.id}`);
 
+      this._setAttributeIfNotExists(target, 'aria-labelledby', `${child.id}`);
 
     }
 
   }
 
   _toggleDropDown(element, open) {
 
@@ -4237,7 +4238,7 @@ defineJQueryPlugin(Tab);
 
 
 /**
 
  * --------------------------------------------------------------------------
 
- * Bootstrap (v5.3.0-alpha1): toast.js
 
+ * Bootstrap toast.js
 
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
  * --------------------------------------------------------------------------
 
  */

File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/bootstrap/dist/js/bootstrap.esm.js.map


File diff suppressed because it is too large
+ 2 - 2
demo/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js.map


+ 197 - 196
demo/dist/libs/bootstrap/dist/js/bootstrap.js
View File 

@@ -1,6 +1,6 @@
 
 /*!
 
-  * Bootstrap v5.3.0-alpha1 (https://getbootstrap.com/)
 
-  * Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 
+  * Bootstrap v5.3.0-alpha3 (https://getbootstrap.com/)
 
+  * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
   */
 
 (function (global, factory) {
 
@@ -30,7 +30,55 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/index.js
 
+   * Bootstrap dom/data.js
 
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
+   * --------------------------------------------------------------------------
 
+   */
 
+
 
+  /**
 
+   * Constants
 
+   */
 
+
 
+  const elementMap = new Map();
 
+  const Data = {
 
+    set(element, key, instance) {
 
+      if (!elementMap.has(element)) {
 
+        elementMap.set(element, new Map());
 
+      }
 
+      const instanceMap = elementMap.get(element);
 
+
 
+      // make it clear we only want one instance per element
 
+      // can be removed later when multiple key/instances are fine to be used
 
+      if (!instanceMap.has(key) && instanceMap.size !== 0) {
 
+        // eslint-disable-next-line no-console
 
+        console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`);
 
+        return;
 
+      }
 
+      instanceMap.set(key, instance);
 
+    },
 
+    get(element, key) {
 
+      if (elementMap.has(element)) {
 
+        return elementMap.get(element).get(key) || null;
 
+      }
 
+      return null;
 
+    },
 
+    remove(element, key) {
 
+      if (!elementMap.has(element)) {
 
+        return;
 
+      }
 
+      const instanceMap = elementMap.get(element);
 
+      instanceMap.delete(key);
 
+
 
+      // free up element references if there are no instances left for an element
 
+      if (instanceMap.size === 0) {
 
+        elementMap.delete(element);
 
+      }
 
+    }
 
+  };
 
+
 
+  /**
 
+   * --------------------------------------------------------------------------
 
+   * Bootstrap util/index.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -277,7 +325,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): dom/event-handler.js
 
+   * Bootstrap dom/event-handler.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -347,7 +395,7 @@
 
   }
 
   function normalizeParameters(originalTypeEvent, handler, delegationFunction) {
 
     const isDelegated = typeof handler === 'string';
 
-    // todo: tooltip passes `false` instead of selector, so we need to check
 
+    // TODO: tooltip passes `false` instead of selector, so we need to check
 
     const callable = isDelegated ? delegationFunction : handler || delegationFunction;
 
     let typeEvent = getTypeEvent(originalTypeEvent);
 
     if (!nativeEvents.has(typeEvent)) {
 
@@ -464,11 +512,10 @@
 
         nativeDispatch = !jQueryEvent.isImmediatePropagationStopped();
 
         defaultPrevented = jQueryEvent.isDefaultPrevented();
 
       }
 
-      let evt = new Event(event, {
 
+      const evt = hydrateObj(new Event(event, {
 
         bubbles,
 
         cancelable: true
 
-      });
 
-      evt = hydrateObj(evt, args);
 
+      }), args);
 
       if (defaultPrevented) {
 
         evt.preventDefault();
 
       }
 
@@ -499,55 +546,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): dom/data.js
 
-   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
-   * --------------------------------------------------------------------------
 
-   */
 
-
 
-  /**
 
-   * Constants
 
-   */
 
-
 
-  const elementMap = new Map();
 
-  const Data = {
 
-    set(element, key, instance) {
 
-      if (!elementMap.has(element)) {
 
-        elementMap.set(element, new Map());
 
-      }
 
-      const instanceMap = elementMap.get(element);
 
-
 
-      // make it clear we only want one instance per element
 
-      // can be removed later when multiple key/instances are fine to be used
 
-      if (!instanceMap.has(key) && instanceMap.size !== 0) {
 
-        // eslint-disable-next-line no-console
 
-        console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`);
 
-        return;
 
-      }
 
-      instanceMap.set(key, instance);
 
-    },
 
-    get(element, key) {
 
-      if (elementMap.has(element)) {
 
-        return elementMap.get(element).get(key) || null;
 
-      }
 
-      return null;
 
-    },
 
-    remove(element, key) {
 
-      if (!elementMap.has(element)) {
 
-        return;
 
-      }
 
-      const instanceMap = elementMap.get(element);
 
-      instanceMap.delete(key);
 
-
 
-      // free up element references if there are no instances left for an element
 
-      if (instanceMap.size === 0) {
 
-        elementMap.delete(element);
 
-      }
 
-    }
 
-  };
 
-
 
-  /**
 
-   * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): dom/manipulator.js
 
+   * Bootstrap dom/manipulator.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -604,7 +603,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/config.js
 
+   * Bootstrap util/config.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -656,7 +655,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): base-component.js
 
+   * Bootstrap base-component.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -665,7 +664,7 @@
 
    * Constants
 
    */
 
 
-  const VERSION = '5.3.0-alpha1';
 
+  const VERSION = '5.3.0-alpha2';
 
 
   /**
 
    * Class definition
 
@@ -724,7 +723,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): dom/selector-engine.js
 
+   * Bootstrap dom/selector-engine.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -812,7 +811,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/component-functions.js
 
+   * Bootstrap util/component-functions.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -836,7 +835,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): alert.js
 
+   * Bootstrap alert.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -910,7 +909,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): button.js
 
+   * Bootstrap button.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -973,7 +972,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/swipe.js
 
+   * Bootstrap util/swipe.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -1092,7 +1091,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): carousel.js
 
+   * Bootstrap carousel.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -1352,7 +1351,7 @@
 
       }
 
       if (!activeElement || !nextElement) {
 
         // Some weirdness is happening, so we bail
 
-        // todo: change tests that use empty divs to avoid this check
 
+        // TODO: change tests that use empty divs to avoid this check
 
         return;
 
       }
 
       const isCycling = Boolean(this._interval);
 
@@ -1464,7 +1463,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): collapse.js
 
+   * Bootstrap collapse.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -1697,7 +1696,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): dropdown.js
 
+   * Bootstrap dropdown.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -1769,7 +1768,7 @@
 
       super(element, config);
 
       this._popper = null;
 
       this._parent = this._element.parentNode; // dropdown wrapper
 
-      // todo: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
+      // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
       this._menu = SelectorEngine.next(this._element, SELECTOR_MENU)[0] || SelectorEngine.prev(this._element, SELECTOR_MENU)[0] || SelectorEngine.findOne(SELECTOR_MENU, this._parent);
 
       this._inNavbar = this._detectNavbar();
 
     }
 
@@ -1943,7 +1942,7 @@
 
 
       // Disable Popper if we have a static display or Dropdown is in Navbar
 
       if (this._inNavbar || this._config.display === 'static') {
 
-        Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // todo:v6 remove
 
+        Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // TODO: v6 remove
 
         defaultBsPopperConfig.modifiers = [{
 
           name: 'applyStyles',
 
           enabled: false
 
@@ -2025,7 +2024,7 @@
 
       }
 
       event.preventDefault();
 
 
-      // todo: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
+      // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
 
       const getToggleButton = this.matches(SELECTOR_DATA_TOGGLE$3) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.next(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.findOne(SELECTOR_DATA_TOGGLE$3, event.delegateTarget.parentNode);
 
       const instance = Dropdown.getOrCreateInstance(getToggleButton);
 
       if (isUpOrDownEvent) {
 
@@ -2064,104 +2063,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/scrollBar.js
 
-   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
-   * --------------------------------------------------------------------------
 
-   */
 
-
 
-  /**
 
-   * Constants
 
-   */
 
-
 
-  const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
 
-  const SELECTOR_STICKY_CONTENT = '.sticky-top';
 
-  const PROPERTY_PADDING = 'padding-right';
 
-  const PROPERTY_MARGIN = 'margin-right';
 
-
 
-  /**
 
-   * Class definition
 
-   */
 
-
 
-  class ScrollBarHelper {
 
-    constructor() {
 
-      this._element = document.body;
 
-    }
 
-
 
-    // Public
 
-    getWidth() {
 
-      // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
 
-      const documentWidth = document.documentElement.clientWidth;
 
-      return Math.abs(window.innerWidth - documentWidth);
 
-    }
 
-    hide() {
 
-      const width = this.getWidth();
 
-      this._disableOverFlow();
 
-      // give padding to element to balance the hidden scrollbar width
 
-      this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
-      // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth
 
-      this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
-      this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width);
 
-    }
 
-    reset() {
 
-      this._resetElementAttributes(this._element, 'overflow');
 
-      this._resetElementAttributes(this._element, PROPERTY_PADDING);
 
-      this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING);
 
-      this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN);
 
-    }
 
-    isOverflowing() {
 
-      return this.getWidth() > 0;
 
-    }
 
-
 
-    // Private
 
-    _disableOverFlow() {
 
-      this._saveInitialAttribute(this._element, 'overflow');
 
-      this._element.style.overflow = 'hidden';
 
-    }
 
-    _setElementAttributes(selector, styleProperty, callback) {
 
-      const scrollbarWidth = this.getWidth();
 
-      const manipulationCallBack = element => {
 
-        if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {
 
-          return;
 
-        }
 
-        this._saveInitialAttribute(element, styleProperty);
 
-        const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty);
 
-        element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`);
 
-      };
 
-      this._applyManipulationCallback(selector, manipulationCallBack);
 
-    }
 
-    _saveInitialAttribute(element, styleProperty) {
 
-      const actualValue = element.style.getPropertyValue(styleProperty);
 
-      if (actualValue) {
 
-        Manipulator.setDataAttribute(element, styleProperty, actualValue);
 
-      }
 
-    }
 
-    _resetElementAttributes(selector, styleProperty) {
 
-      const manipulationCallBack = element => {
 
-        const value = Manipulator.getDataAttribute(element, styleProperty);
 
-        // We only want to remove the property if the value is `null`; the value can also be zero
 
-        if (value === null) {
 
-          element.style.removeProperty(styleProperty);
 
-          return;
 
-        }
 
-        Manipulator.removeDataAttribute(element, styleProperty);
 
-        element.style.setProperty(styleProperty, value);
 
-      };
 
-      this._applyManipulationCallback(selector, manipulationCallBack);
 
-    }
 
-    _applyManipulationCallback(selector, callBack) {
 
-      if (isElement(selector)) {
 
-        callBack(selector);
 
-        return;
 
-      }
 
-      for (const sel of SelectorEngine.find(selector, this._element)) {
 
-        callBack(sel);
 
-      }
 
-    }
 
-  }
 
-
 
-  /**
 
-   * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/backdrop.js
 
+   * Bootstrap util/backdrop.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -2285,7 +2187,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/focustrap.js
 
+   * Bootstrap util/focustrap.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -2383,7 +2285,104 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): modal.js
 
+   * Bootstrap util/scrollBar.js
 
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
+   * --------------------------------------------------------------------------
 
+   */
 
+
 
+  /**
 
+   * Constants
 
+   */
 
+
 
+  const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
 
+  const SELECTOR_STICKY_CONTENT = '.sticky-top';
 
+  const PROPERTY_PADDING = 'padding-right';
 
+  const PROPERTY_MARGIN = 'margin-right';
 
+
 
+  /**
 
+   * Class definition
 
+   */
 
+
 
+  class ScrollBarHelper {
 
+    constructor() {
 
+      this._element = document.body;
 
+    }
 
+
 
+    // Public
 
+    getWidth() {
 
+      // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
 
+      const documentWidth = document.documentElement.clientWidth;
 
+      return Math.abs(window.innerWidth - documentWidth);
 
+    }
 
+    hide() {
 
+      const width = this.getWidth();
 
+      this._disableOverFlow();
 
+      // give padding to element to balance the hidden scrollbar width
 
+      this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
+      // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth
 
+      this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
 
+      this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width);
 
+    }
 
+    reset() {
 
+      this._resetElementAttributes(this._element, 'overflow');
 
+      this._resetElementAttributes(this._element, PROPERTY_PADDING);
 
+      this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING);
 
+      this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN);
 
+    }
 
+    isOverflowing() {
 
+      return this.getWidth() > 0;
 
+    }
 
+
 
+    // Private
 
+    _disableOverFlow() {
 
+      this._saveInitialAttribute(this._element, 'overflow');
 
+      this._element.style.overflow = 'hidden';
 
+    }
 
+    _setElementAttributes(selector, styleProperty, callback) {
 
+      const scrollbarWidth = this.getWidth();
 
+      const manipulationCallBack = element => {
 
+        if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {
 
+          return;
 
+        }
 
+        this._saveInitialAttribute(element, styleProperty);
 
+        const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty);
 
+        element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`);
 
+      };
 
+      this._applyManipulationCallback(selector, manipulationCallBack);
 
+    }
 
+    _saveInitialAttribute(element, styleProperty) {
 
+      const actualValue = element.style.getPropertyValue(styleProperty);
 
+      if (actualValue) {
 
+        Manipulator.setDataAttribute(element, styleProperty, actualValue);
 
+      }
 
+    }
 
+    _resetElementAttributes(selector, styleProperty) {
 
+      const manipulationCallBack = element => {
 
+        const value = Manipulator.getDataAttribute(element, styleProperty);
 
+        // We only want to remove the property if the value is `null`; the value can also be zero
 
+        if (value === null) {
 
+          element.style.removeProperty(styleProperty);
 
+          return;
 
+        }
 
+        Manipulator.removeDataAttribute(element, styleProperty);
 
+        element.style.setProperty(styleProperty, value);
 
+      };
 
+      this._applyManipulationCallback(selector, manipulationCallBack);
 
+    }
 
+    _applyManipulationCallback(selector, callBack) {
 
+      if (isElement(selector)) {
 
+        callBack(selector);
 
+        return;
 
+      }
 
+      for (const sel of SelectorEngine.find(selector, this._element)) {
 
+        callBack(sel);
 
+      }
 
+    }
 
+  }
 
+
 
+  /**
 
+   * --------------------------------------------------------------------------
 
+   * Bootstrap modal.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -2489,9 +2488,8 @@
 
       this._queueCallback(() => this._hideModal(), this._element, this._isAnimated());
 
     }
 
     dispose() {
 
-      for (const htmlElement of [window, this._dialog]) {
 
-        EventHandler.off(htmlElement, EVENT_KEY$4);
 
-      }
 
+      EventHandler.off(window, EVENT_KEY$4);
 
+      EventHandler.off(this._dialog, EVENT_KEY$4);
 
       this._backdrop.dispose();
 
       this._focustrap.deactivate();
 
       super.dispose();
 
@@ -2546,7 +2544,6 @@
 
           return;
 
         }
 
         if (this._config.keyboard) {
 
-          event.preventDefault();
 
           this.hide();
 
           return;
 
         }
 
@@ -2689,7 +2686,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): offcanvas.js
 
+   * Bootstrap offcanvas.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -2847,11 +2844,11 @@
 
         if (event.key !== ESCAPE_KEY) {
 
           return;
 
         }
 
-        if (!this._config.keyboard) {
 
-          EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
 
+        if (this._config.keyboard) {
 
+          this.hide();
 
           return;
 
         }
 
-        this.hide();
 
+        EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
 
       });
 
     }
 
 
@@ -2919,13 +2916,12 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/sanitizer.js
 
+   * Bootstrap util/sanitizer.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
 
   const uriAttributes = new Set(['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href']);
 
-  const ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
 
 
   /**
 
    * A pattern that recognizes a commonly useful subset of URLs that are safe.
 
@@ -2952,6 +2948,9 @@
 
     // Check if a regular expression validates the attribute.
 
     return allowedAttributeList.filter(attributeRegex => attributeRegex instanceof RegExp).some(regex => regex.test(attributeName));
 
   };
 
+
 
+  // js-docs-start allow-list
 
+  const ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
 
   const DefaultAllowlist = {
 
     // Global attributes allowed on any supplied element below.
 
     '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],
 
@@ -2985,6 +2984,8 @@
 
     u: [],
 
     ul: []
 
   };
 
+  // js-docs-end allow-list
 
+
 
   function sanitizeHtml(unsafeHtml, allowList, sanitizeFunction) {
 
     if (!unsafeHtml.length) {
 
       return unsafeHtml;
 
@@ -3014,7 +3015,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): util/template-factory.js
 
+   * Bootstrap util/template-factory.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -3149,7 +3150,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): tooltip.js
 
+   * Bootstrap tooltip.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -3196,7 +3197,7 @@
 
     delay: 0,
 
     fallbackPlacements: ['top', 'right', 'bottom', 'left'],
 
     html: false,
 
-    offset: [0, 0],
 
+    offset: [0, 6],
 
     placement: 'top',
 
     popperConfig: null,
 
     sanitize: true,
 
@@ -3309,7 +3310,7 @@
 
         return;
 
       }
 
 
-      // todo v6 remove this OR make it optional
 
+      // TODO: v6 remove this or make it optional
 
       this._disposePopper();
 
       const tip = this._getTipElement();
 
       this._element.setAttribute('aria-describedby', tip.getAttribute('id'));
 
@@ -3395,12 +3396,12 @@
 
     _createTipElement(content) {
 
       const tip = this._getTemplateFactory(content).toHtml();
 
 
-      // todo: remove this check on v6
 
+      // TODO: remove this check in v6
 
       if (!tip) {
 
         return null;
 
       }
 
       tip.classList.remove(CLASS_NAME_FADE$2, CLASS_NAME_SHOW$2);
 
-      // todo: on v6 the following can be achieved with CSS only
 
+      // TODO: v6 the following can be achieved with CSS only
 
       tip.classList.add(`bs-${this.constructor.NAME}-auto`);
 
       const tipId = getUID(this.constructor.NAME).toString();
 
       tip.setAttribute('id', tipId);
 
@@ -3660,7 +3661,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): popover.js
 
+   * Bootstrap popover.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -3740,7 +3741,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): scrollspy.js
 
+   * Bootstrap scrollspy.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -3999,7 +4000,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): tab.js
 
+   * Bootstrap tab.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -4032,7 +4033,7 @@
 
   const SELECTOR_TAB_PANEL = '.list-group, .nav, [role="tablist"]';
 
   const SELECTOR_OUTER = '.nav-item, .list-group-item';
 
   const SELECTOR_INNER = `.nav-link${NOT_SELECTOR_DROPDOWN_TOGGLE}, .list-group-item${NOT_SELECTOR_DROPDOWN_TOGGLE}, [role="tab"]${NOT_SELECTOR_DROPDOWN_TOGGLE}`;
 
-  const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]'; // todo:v6: could be only `tab`
 
+  const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]'; // TODO: could only be `tab` in v6
 
   const SELECTOR_INNER_ELEM = `${SELECTOR_INNER}, ${SELECTOR_DATA_TOGGLE}`;
 
   const SELECTOR_DATA_TOGGLE_ACTIVE = `.${CLASS_NAME_ACTIVE}[data-bs-toggle="tab"], .${CLASS_NAME_ACTIVE}[data-bs-toggle="pill"], .${CLASS_NAME_ACTIVE}[data-bs-toggle="list"]`;
 
 
@@ -4046,7 +4047,7 @@
 
       this._parent = this._element.closest(SELECTOR_TAB_PANEL);
 
       if (!this._parent) {
 
         return;
 
-        // todo: should Throw exception on v6
 
+        // TODO: should throw exception in v6
 
         // throw new TypeError(`${element.outerHTML} has not a valid parent ${SELECTOR_INNER_ELEM}`)
 
       }
 
 
@@ -4178,7 +4179,7 @@
 
       }
 
       this._setAttributeIfNotExists(target, 'role', 'tabpanel');
 
       if (child.id) {
 
-        this._setAttributeIfNotExists(target, 'aria-labelledby', `#${child.id}`);
 
+        this._setAttributeIfNotExists(target, 'aria-labelledby', `${child.id}`);
 
       }
 
     }
 
     _toggleDropDown(element, open) {
 
@@ -4260,7 +4261,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): toast.js
 
+   * Bootstrap toast.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */
 
@@ -4443,7 +4444,7 @@
 
 
   /**
 
    * --------------------------------------------------------------------------
 
-   * Bootstrap (v5.3.0-alpha1): index.umd.js
 
+   * Bootstrap index.umd.js
 
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 
    * --------------------------------------------------------------------------
 
    */

File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/bootstrap/dist/js/bootstrap.js.map


File diff suppressed because it is too large
+ 2 - 2
demo/dist/libs/bootstrap/dist/js/bootstrap.min.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/bootstrap/dist/js/bootstrap.min.js.map


+ 8 - 3
demo/dist/libs/countup.js/dist/countUp.d.ts
View File 

@@ -3,6 +3,7 @@ export interface CountUpOptions {
 
     decimalPlaces?: number;
 
     duration?: number;
 
     useGrouping?: boolean;
 
+    useIndianSeparators?: boolean;
 
     useEasing?: boolean;
 
     smartEasingThreshold?: number;
 
     smartEasingAmount?: number;
 
@@ -16,22 +17,26 @@ export interface CountUpOptions {
 
     enableScrollSpy?: boolean;
 
     scrollSpyDelay?: number;
 
     scrollSpyOnce?: boolean;
 
+    onCompleteCallback?: () => any;
 
+    plugin?: CountUpPlugin;
 
+}
 
+export declare interface CountUpPlugin {
 
+    render(elem: HTMLElement, formatted: string): void;
 
 }
 
 export declare class CountUp {
 
     private endVal;
 
     options?: CountUpOptions;
 
     version: string;
 
     private defaults;
 
-    private el;
 
     private rAF;
 
     private startTime;
 
     private remaining;
 
     private finalEndVal;
 
     private useEasing;
 
     private countDown;
 
+    el: HTMLElement | HTMLInputElement;
 
     formattingFn: (num: number) => string;
 
     easingFn?: (t: number, b: number, c: number, d: number) => number;
 
-    callback: (args?: any) => any;
 
     error: string;
 
     startVal: number;
 
     duration: number;
 
@@ -44,7 +49,7 @@ export declare class CountUp {
 
      * Smart easing works by breaking the animation into 2 parts, the second part being the
 
      * smartEasingAmount and first part being the total amount minus the smartEasingAmount. It works
 
      * by disabling easing for the first part and enabling it on the second part. It is used if
 
-     * usingEasing is true and the total animation amount exceeds the smartEasingThreshold.
 
+     * useEasing is true and the total animation amount exceeds the smartEasingThreshold.
 
      */
 
     private determineDirectionAndSmartEasing;
 
     start(callback?: (args?: any) => any): void;

+ 26 - 8
demo/dist/libs/countup.js/dist/countUp.js
View File 

@@ -15,13 +15,14 @@ var CountUp = /** @class */ (function () {
 
         var _this = this;
 
         this.endVal = endVal;
 
         this.options = options;
 
-        this.version = '2.3.2';
 
+        this.version = '2.6.2';
 
         this.defaults = {
 
             startVal: 0,
 
             decimalPlaces: 0,
 
             duration: 2,
 
             useEasing: true,
 
             useGrouping: true,
 
+            useIndianSeparators: false,
 
             smartEasingThreshold: 999,
 
             smartEasingAmount: 333,
 
             separator: ',',
 
@@ -73,8 +74,8 @@ var CountUp = /** @class */ (function () {
 
                 _this.update(_this.finalEndVal);
 
             }
 
             else {
 
-                if (_this.callback) {
 
-                    _this.callback();
 
+                if (_this.options.onCompleteCallback) {
 
+                    _this.options.onCompleteCallback();
 
                 }
 
             }
 
         };
 
@@ -89,10 +90,16 @@ var CountUp = /** @class */ (function () {
 
             x2 = x.length > 1 ? _this.options.decimal + x[1] : '';
 
             if (_this.options.useGrouping) {
 
                 x3 = '';
 
+                var factor = 3, j = 0;
 
                 for (var i = 0, len = x1.length; i < len; ++i) {
 
-                    if (i !== 0 && (i % 3) === 0) {
 
+                    if (_this.options.useIndianSeparators && i === 4) {
 
+                        factor = 2;
 
+                        j = 1;
 
+                    }
 
+                    if (i !== 0 && (j % factor) === 0) {
 
                         x3 = _this.options.separator + x3;
 
                     }
 
+                    j++;
 
                     x3 = x1[len - i - 1] + x3;
 
                 }
 
                 x1 = x3;
 
@@ -151,6 +158,7 @@ var CountUp = /** @class */ (function () {
 
             return;
 
         var bottomOfScroll = window.innerHeight + window.scrollY;
 
         var rect = self.el.getBoundingClientRect();
 
+        var topOfEl = rect.top + window.pageYOffset;
 
         var bottomOfEl = rect.top + rect.height + window.pageYOffset;
 
         if (bottomOfEl < bottomOfScroll && bottomOfEl > window.scrollY && self.paused) {
 
             // in view
 
@@ -159,8 +167,9 @@ var CountUp = /** @class */ (function () {
 
             if (self.options.scrollSpyOnce)
 
                 self.once = true;
 
         }
 
-        else if (window.scrollY > bottomOfEl && !self.paused) {
 
-            // scrolled past
 
+        else if ((window.scrollY > bottomOfEl || topOfEl > bottomOfScroll) &&
 
+            !self.paused) {
 
+            // out of view
 
             self.reset();
 
         }
 
     };
 
@@ -168,7 +177,7 @@ var CountUp = /** @class */ (function () {
 
      * Smart easing works by breaking the animation into 2 parts, the second part being the
 
      * smartEasingAmount and first part being the total amount minus the smartEasingAmount. It works
 
      * by disabling easing for the first part and enabling it on the second part. It is used if
 
-     * usingEasing is true and the total animation amount exceeds the smartEasingThreshold.
 
+     * useEasing is true and the total animation amount exceeds the smartEasingThreshold.
 
      */
 
     CountUp.prototype.determineDirectionAndSmartEasing = function () {
 
         var end = (this.finalEndVal) ? this.finalEndVal : this.endVal;
 
@@ -197,7 +206,9 @@ var CountUp = /** @class */ (function () {
 
         if (this.error) {
 
             return;
 
         }
 
-        this.callback = callback;
 
+        if (callback) {
 
+            this.options.onCompleteCallback = callback;
 
+        }
 
         if (this.duration > 0) {
 
             this.determineDirectionAndSmartEasing();
 
             this.paused = false;
 
@@ -247,7 +258,14 @@ var CountUp = /** @class */ (function () {
 
         this.rAF = requestAnimationFrame(this.count);
 
     };
 
     CountUp.prototype.printValue = function (val) {
 
+        var _a;
 
+        if (!this.el)
 
+            return;
 
         var result = this.formattingFn(val);
 
+        if ((_a = this.options.plugin) === null || _a === void 0 ? void 0 : _a.render) {
 
+            this.options.plugin.render(this.el, result);
 
+            return;
 
+        }
 
         if (this.el.tagName === 'INPUT') {
 
             var input = this.el;
 
             input.value = result;

File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/countup.js/dist/countUp.min.js


File diff suppressed because it is too large
+ 0 - 293
demo/dist/libs/countup.js/dist/countUp.umd.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/countup.js/dist/countUp.withPolyfill.min.js


+ 26 - 0
demo/dist/libs/countup.js/dist/requestAnimationFrame.polyfill.js
View File 

@@ -0,0 +1,26 @@
 
+// make sure requestAnimationFrame and cancelAnimationFrame are defined
 
+// polyfill for browsers without native support
 
+// by Opera engineer Erik Möller
 
+(function () {
 
+  var lastTime = 0;
 
+  var vendors = ['webkit', 'moz', 'ms', 'o'];
 
+  for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
 
+    window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
 
+    window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] ||
 
+      window[vendors[x] + 'CancelRequestAnimationFrame'];
 
+  }
 
+  if (!window.requestAnimationFrame) {
 
+    window.requestAnimationFrame = function (callback) {
 
+      var currTime = new Date().getTime();
 
+      var timeToCall = Math.max(0, 16 - (currTime - lastTime));
 
+      var id = window.setTimeout(function () { return callback(currTime + timeToCall); }, timeToCall);
 
+      lastTime = currTime + timeToCall;
 
+      return id;
 
+    };
 
+  }
 
+  if (!window.cancelAnimationFrame) {
 
+    window.cancelAnimationFrame = function (id) {
 
+      clearTimeout(id);
 
+    };
 
+  }
 
+})();

+ 39 - 33
demo/dist/libs/fslightbox/README.md
View File 

@@ -1,54 +1,60 @@
 
-# Fullscreen Lightbox Basic
 
+# Vanilla JavaScript Fullscreen Lightbox Basic
 
 
 ## Description
 
-Modern and easy plugin for displaying images and videos in clean overlaying box.
 
-Display single source or create beautiful gallery with powerful lightbox.
 
+A vanilla JavaScript plug-in without production dependencies for displaying images, videos, or, through custom sources, anything you want in a clean overlying box.
 
+The project's website: https://fslightbox.com.
 
 
-Website: https://fslightbox.com
 
-
 
-### No jQuery and other dependencies.
 
- 
-## Basic usage
 
-
 
-### Installation
 
- 
+## Installation
 
+### Through an archive downloaded from the website.
 
+Just before the end of the &lt;body&gt; tag:
 
+```html
 
+<script src="fslightbox.js"></script>
 
+```
 
+### Or, through a package manager.
 
 ```
 
 npm install fslightbox
 
-``` 
-
 
-### Example
 
-
 
-In your application .js file:
 
-```javascript
 
-require('fslightbox');
 
+```
 
+And import it in your project's JavaScript file, for example through the Node.js "require" function:
 
+```
 
+require("fslightbox")
 
 ```
 
 
-In HTML file
 
+## Basic usage
 
 ```html
 
 <a data-fslightbox="gallery" href="https://i.imgur.com/fsyrScY.jpg">
 
-    Open first slide (image)
 
+	Open the first slide (an image)
 
 </a>
 
-<a data-fslightbox="gallery" href="https://www.youtube.com/watch?v=xshEZzpS4CQ">
 
-    Open second slide (YouTube)
 
+<a 
+	data-fslightbox="gallery"
 
+	href="https://www.youtube.com/watch?v=xshEZzpS4CQ"
 
+>
 
+	Open the second slide (a YouTube video)
 
 </a>
 
-<a data-fslightbox="gallery" href="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4">
 
-    Open third slide (HTML video)
 
+<a
 
+	data-fslightbox="gallery"
 
+	href="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
 
+>
 
+	Open the third slide (an HTML video)
 
 </a>
 
 <a data-fslightbox="gallery" href="#vimeo">
 
-    Open fourth slide (custom source)
 
+	Open the fourth slide (a Vimeo video—a custom source)
 
 </a>
 
-<iframe id="vimeo" src="https://player.vimeo.com/video/22439234" width="1920px" height="1080px"
 
-    frameBorder="0" allow="autoplay; fullscreen" allowFullScreen />
 
-
 
-<script src="fslightbox.js"></script>
 
+<iframe
 
+	id="vimeo"
 
+	src="https://player.vimeo.com/video/22439234"
 
+	width="1920px"
 
+	height="1080px"
 
+	frameBorder="0"
 
+	allow="autoplay; fullscreen"
 
+	allowFullScreen
 
+></iframe>
 
 ```
 
 
+## Documentation
 
+Available at: https://fslightbox.com/javascript/documentation.
 
 
 ## Demo
 
-Available at: https://fslightbox.com/javascript
 
-
 
-## Documentation
 
-Available at: https://fslightbox.com/javascript/documentation
 
+Available at: https://fslightbox.com/javascript.
 
 
 ## Browser Compatibility

File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/fslightbox/index.js


+ 0 - 1
demo/dist/libs/fslightbox/jest-setup.js
View File 

@@ -1 +0,0 @@
 
-import "babel-polyfill";

+ 10 - 44
demo/dist/libs/fslightbox/package.json
View File 

@@ -1,7 +1,7 @@
 
 {
 
   "name": "fslightbox",
 
-  "version": "3.3.1",
 
-  "description": "Modern and easy plugin for displaying images and videos in clean overlaying box. Display single source or create beautiful gallery with powerful lightbox.",
 
+  "version": "3.4.1",
 
+  "description": "An easy to use vanilla JavaScript plug-in without production dependencies for displaying images, videos, or, through custom sources, anything you want in a clean overlying box.",
 
   "author": "Bantha Apps Piotr Zdziarski",
 
   "license": "MIT",
 
   "homepage": "https://fslightbox.com",
 
@@ -10,61 +10,27 @@
 
   },
 
   "main": "index.js",
 
   "keywords": [
 
-    "lightbox",
 
-    "slide gallery",
 
-    "image lightbox",
 
-    "slider",
 
-    "carousel"
 
+    "fslightbox",
 
+    "vanilla javascript fslightbox",
 
+    "vanilla js fslightbox",
 
+    "vanilla javascript lightbox",
 
+    "vanilla js lightbox",
 
+    "lightbox"
 
   ],
 
   "repository": {
 
     "type": "git",
 
     "url": "git+https://github.com/banthagroup/fslightbox"
 
   },
 
   "scripts": {
 
-    "test": "jest",
 
-    "production": "webpack --mode production --config webpack.prod.config.js --display-modules && gulp",
 
-    "watch": "webpack-dev-server  --mode development --host 0.0.0.0",
 
-    "cypress": "concurrently --kill-others \"webpack-dev-server --config ./webpack.cypress.config.js --mode development\" \"node ./node_modules/.bin/cypress open\""
 
-  },
 
-  "jest": {
 
-    "setupFiles": [
 
-      "./jest-setup.js"
 
-    ],
 
-    "verbose": true,
 
-    "testPathIgnorePatterns": [
 
-      "/node_modules/",
 
-      "/demo/",
 
-      "/dist/",
 
-      "/tests/cypress/"
 
-    ],
 
-    "collectCoverage": false
 
+    "w": "webpack-dev-server --host 0.0.0.0",
 
+    "p": "webpack --config webpack.prod.config.js && cp index.js fslightbox.js"
 
   },
 
   "devDependencies": {
 
     "@babel/core": "^7.4.4",
 
     "@babel/preset-env": "^7.4.4",
 
     "@babel/register": "^7.4.4",
 
-    "babel-jest": "^24.7.1",
 
     "babel-loader": "^8.0.5",
 
-    "babel-polyfill": "^6.26.0",
 
-    "browser-sync": "^2.26.7",
 
-    "concurrently": "^6.2.0",
 
-    "copy-webpack-plugin": "^5.0.3",
 
-    "core-js": "^3.0.1",
 
-    "css-loader": "^2.1.0",
 
-    "cypress": "^7.5.0",
 
-    "dotenv": "^10.0.0",
 
-    "gulp": "^4.0.2",
 
-    "gulp-clean-css": "^4.2.0",
 
-    "gulp-rename": "^1.4.0",
 
-    "gulp-sass": "^4.0.2",
 
-    "html-loader": "^0.5.5",
 
     "html-webpack-plugin": "^3.2.0",
 
-    "jest": "^24.7.1",
 
-    "node-sass": "^4.12.0",
 
-    "prop-types": "^15.6.2",
 
-    "sass-loader": "^7.1.0",
 
-    "style-loader": "^0.23.1",
 
-    "uglifyjs-webpack-plugin": "^2.1.1",
 
     "webpack": "^4.30.0",
 
     "webpack-cli": "^3.3.1",
 
     "webpack-dev-server": "^3.3.1"

File diff suppressed because it is too large
+ 171 - 300
demo/dist/libs/jsvectormap/dist/js/jsvectormap.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/jsvectormap/dist/js/jsvectormap.min.js


+ 2 - 0
demo/dist/libs/nouislider/dist/nouislider.d.ts
View File 

@@ -134,6 +134,8 @@ export interface API {
 
     set: (input: number | string | (number | string)[], fireSetEvent?: boolean, exactInput?: boolean) => void;
 
     setHandle: (handleNumber: number, value: number | string, fireSetEvent?: boolean, exactInput?: boolean) => void;
 
     reset: (fireSetEvent?: boolean) => void;
 
+    disable: (handleNumber?: number) => void;
 
+    enable: (handleNumber?: number) => void;
 
     options: Options;
 
     updateOptions: (optionsToUpdate: UpdatableOptions, fireSetEvent: boolean) => void;
 
     target: HTMLElement;

+ 28 - 0
demo/dist/libs/nouislider/dist/nouislider.js
View File 

@@ -959,6 +959,7 @@
 
             else if (handleNumber === options.handles - 1) {
 
                 addClass(handle, options.cssClasses.handleUpper);
 
             }
 
+            origin.handle = handle;
 
             return origin;
 
         }
 
         // Insert nodes for connect elements
 
@@ -1022,6 +1023,31 @@
 
             var handleOrigin = scope_Handles[handleNumber];
 
             return handleOrigin.hasAttribute("disabled");
 
         }
 
+        function disable(handleNumber) {
 
+            if (handleNumber !== null && handleNumber !== undefined) {
 
+                scope_Handles[handleNumber].setAttribute("disabled", "");
 
+                scope_Handles[handleNumber].handle.removeAttribute("tabindex");
 
+            }
 
+            else {
 
+                scope_Target.setAttribute("disabled", "");
 
+                scope_Handles.forEach(function (handle) {
 
+                    handle.handle.removeAttribute("tabindex");
 
+                });
 
+            }
 
+        }
 
+        function enable(handleNumber) {
 
+            if (handleNumber !== null && handleNumber !== undefined) {
 
+                scope_Handles[handleNumber].removeAttribute("disabled");
 
+                scope_Handles[handleNumber].handle.setAttribute("tabindex", "0");
 
+            }
 
+            else {
 
+                scope_Target.removeAttribute("disabled");
 
+                scope_Handles.forEach(function (handle) {
 
+                    handle.removeAttribute("disabled");
 
+                    handle.handle.setAttribute("tabindex", "0");
 
+                });
 
+            }
 
+        }
 
         function removeTooltips() {
 
             if (scope_Tooltips) {
 
                 removeEvent("update" + INTERNAL_EVENT_NS.tooltips);
 
@@ -2199,6 +2225,8 @@
 
             set: valueSet,
 
             setHandle: valueSetHandle,
 
             reset: valueReset,
 
+            disable: disable,
 
+            enable: enable,
 
             // Exposed for unit testing, don't use this in your application.
 
             __moveHandles: function (upward, proposal, handleNumbers) {
 
                 moveHandles(upward, proposal, scope_Locations, handleNumbers);

File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/nouislider/dist/nouislider.min.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/nouislider/dist/nouislider.min.mjs


+ 28 - 0
demo/dist/libs/nouislider/dist/nouislider.mjs
View File 

@@ -954,6 +954,7 @@ function scope(target, options, originalOptions) {
 
         else if (handleNumber === options.handles - 1) {
 
             addClass(handle, options.cssClasses.handleUpper);
 
         }
 
+        origin.handle = handle;
 
         return origin;
 
     }
 
     // Insert nodes for connect elements
 
@@ -1017,6 +1018,31 @@ function scope(target, options, originalOptions) {
 
         var handleOrigin = scope_Handles[handleNumber];
 
         return handleOrigin.hasAttribute("disabled");
 
     }
 
+    function disable(handleNumber) {
 
+        if (handleNumber !== null && handleNumber !== undefined) {
 
+            scope_Handles[handleNumber].setAttribute("disabled", "");
 
+            scope_Handles[handleNumber].handle.removeAttribute("tabindex");
 
+        }
 
+        else {
 
+            scope_Target.setAttribute("disabled", "");
 
+            scope_Handles.forEach(function (handle) {
 
+                handle.handle.removeAttribute("tabindex");
 
+            });
 
+        }
 
+    }
 
+    function enable(handleNumber) {
 
+        if (handleNumber !== null && handleNumber !== undefined) {
 
+            scope_Handles[handleNumber].removeAttribute("disabled");
 
+            scope_Handles[handleNumber].handle.setAttribute("tabindex", "0");
 
+        }
 
+        else {
 
+            scope_Target.removeAttribute("disabled");
 
+            scope_Handles.forEach(function (handle) {
 
+                handle.removeAttribute("disabled");
 
+                handle.handle.setAttribute("tabindex", "0");
 
+            });
 
+        }
 
+    }
 
     function removeTooltips() {
 
         if (scope_Tooltips) {
 
             removeEvent("update" + INTERNAL_EVENT_NS.tooltips);
 
@@ -2194,6 +2220,8 @@ function scope(target, options, originalOptions) {
 
         set: valueSet,
 
         setHandle: valueSetHandle,
 
         reset: valueReset,
 
+        disable: disable,
 
+        enable: enable,
 
         // Exposed for unit testing, don't use this in your application.
 
         __moveHandles: function (upward, proposal, handleNumbers) {
 
             moveHandles(upward, proposal, scope_Locations, handleNumbers);

File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/plyr/dist/plyr.css


File diff suppressed because it is too large
+ 204 - 198
demo/dist/libs/plyr/dist/plyr.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/plyr/dist/plyr.min.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/plyr/dist/plyr.min.js.map


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/plyr/dist/plyr.min.mjs


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/plyr/dist/plyr.min.mjs.map


File diff suppressed because it is too large
+ 204 - 198
demo/dist/libs/plyr/dist/plyr.mjs


File diff suppressed because it is too large
+ 204 - 198
demo/dist/libs/plyr/dist/plyr.polyfilled.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/plyr/dist/plyr.polyfilled.min.js


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/plyr/dist/plyr.polyfilled.min.js.map


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/plyr/dist/plyr.polyfilled.min.mjs


File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/plyr/dist/plyr.polyfilled.min.mjs.map


File diff suppressed because it is too large
+ 204 - 198
demo/dist/libs/plyr/dist/plyr.polyfilled.mjs


+ 112 - 0
demo/dist/libs/tinymce/CHANGELOG.md
View File 

@@ -6,6 +6,117 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 
 ## Unreleased
 
 
+## 6.4.2 - 2023-04-26
 
+
 
+### Fixed
 
+- The editor would display a notification error when it fails to retirieve a blob image uri. #TINY-9604
 
+- Menu buttons would have the Tabstopping behaviour in toolbar. #TINY-9723
 
+- The `urlinput` dialog component would not open the typeahead dropdown when the input value was reset to an empty string. #TINY-9717
 
+- Redial would in some situations cause select elements not to have an initial value selected when they should have. #TINY-9679
 
+- Fixed the mouse pointer style from a text cursor to a default arrow pointer when hovering over the tree dialog component items. #TINY-9692
 
+- Enabled variant of togglable `tox-button` and `tox-button--secondary` now supports `hover`/`active`/`focus`/`disabled` states. #TINY-9713
 
+- Setting an invalid unit in the `fontsizeinput` would change it do the default value instead of reverting it back to the previous valid value. #TINY-9754
 
+- Selection was not correctly scrolled horizontally into view when using the `selection.scrollIntoView` API. #TINY-9747
 
+- Context toolbars displayed the incorrect status for the `advlist` plugin buttons. #TINY-9680
 
+- The image would not be inserted when using the `quickimage` button on Chrome. #TINY-9769
 
+
 
+## 6.4.1 - 2023-03-29
 
+
 
+### Fixed
 
+- The `fontsizeinput` increase and decrease size buttons now work on TinyMCE mobile. #TINY-9725
 
+- The TinyMCE editor toolbar is now accessible for all screen widths; it no longer collapses into an inaccessible vertical line when the screen is scrolled horizontally. #TINY-9646
 
+- Reverted the changes made, in TinyMCE 6.4.0, to UI button colors in focus, active, and enabled states. #TINY-9176
 
+
 
+## 6.4.0 - 2023-03-15
 
+
 
+### Added
 
+- New `tree` component that can be used in dialog body panel. #TINY-9532
 
+- `renderUI` property in the `Theme` type can now return a `Promise<RenderResult>` instead of `RenderResult`. #TINY-9556
 
+- New `isEditable` API to `editor.selection` that returns true or false if the current selection is editable. #TINY-9462
 
+- New `isEditable` API to `editor.dom` that returns true or false if the specified node is editable. #TINY-9462
 
+- New `setText` and `setIcon` methods added to menu button and toolbar button API. #TINY-9268
 
+- New `highlight_on_focus` option which enables highlighting the content area on focus. #TINY-9277
 
+- New `fontsizeinput` toolbar item which allows the user to set the size via input and also increase and decrease it with `+` and `-` buttons. #TINY-9429
 
+- Added `skipFocus` option to the `ToggleToolbarDrawer` command to preserve focus. #TINY-9337
 
+- New `font_size_input_default_unit` option allows entry of numbers without a unit in `fontsizeinput`. They are then parsed as the set unit. If `font_size_input_default_unit` is not set the default is `pt`. #TINY-9585
 
+- New `group` and `togglebutton` in view. #TINY-9523
 
+- New `togglebutton` in dialog footer buttons. #TINY-9523
 
+- Added `toggleFullscreen` to dialog API. #TINY-9528
 
+- New `text-size-increase` and `text-size-decrease` icons. #TINY-9530
 
+- New `xss_sanitization` option to allow disabling of XSS sanitization. #TINY-9600
 
+- Added the top right close button of modal dialogs to the tabbing order. The 'x' button in these dialogs can now be accessed using keyboard navigation. #TINY-9520
 
+- New `ui_mode` option for editor in scrollable containers support. #TINY-9414
 
+- The sidebar element now has the accessibility role `region` when visible and the accessibility role `presentation` when hidden. #TINY-9517
 
+- The `tox-custom-editor` class now has a border highlight when it is selected. #TINY-9673
 
+- An element could be dropped onto the decendants of an element with a `contenteditable="false"` attribute. #TINY-9364
 
+- Checkmark did not show in menu color swatches. #TINY-9395
 
+- Add support for navigating inside the tree component using arrow keys and shift key. #TINY-9614
 
+
 
+### Improved
 
+- Direct invalid child text nodes of list elements are now wrapped in list item elements. #TINY-4818
 
+- Templates are now be parsed before preview and insertion to make preview consistent with inserted template content and prevent XSS. #TINY-9244
 
+- Pressing backspace on an empty line now preserves formatting on the previous empty line. #TINY-9454
 
+- Pressing enter inside the `inputfontsize` input field now moves focus back into the editor content. #TINY-9598
 
+- Drag and drop events for elements with a `contenteditable="false"` attribute now includes target element details. #TINY-9599
 
+- Updated focus, active, and enabled colors of UI buttons for improved contrast against the UI color. #TINY-9176
 
+
 
+### Changed
 
+- The `link` plugins context menu items no longer appears for links that include elements with a `contenteditable="false"` attribute. #TINY-9491
 
+- The formatting of elements with a `contenteditable="false"` attribute are no longer cloned to new cells when new table rows are created. #TINY-9449
 
+- Changed the color of `@dialog-table-border-color`, and added right padding to the first cell of dialog table. #TINY-9380
 
+
 
+### Fixed
 
+- Sometimes the editor would finish initializing before the silver theme would have finished loading. #TINY-9556
 
+- The `searchreplace` modal closed incorrectly when clicking outside of the alert that pops up when no match is found. #TINY-9443
 
+- The text color or background color picker toolbar buttons did not update when the text color or background color was changed using the equivalent commands in the Format menu. #TINY-9439
 
+- The `onSetup` api function would not run when defining custom group toolbar button. #TINY-9496
 
+- The foreground and background menu icons would not properly update to display the last used color. #TINY-9497
 
+- Added new `setIconFill` function to `NestedMenuItemInstanceApi`. #TINY-9497
 
+- Pasting links to text would sometimes not generate the correct undo stack in Safari. #TINY-9489
 
+- Toolbar split buttons in `advlist` plugin now show the correct state when the cursor is in a checklist. #TINY-5167
 
+- Dragging transparent elements into transparent block elements could produce invalid nesting of transparents. #TINY-9231
 
+- The `editor.insertContent` API would insert contents inside elements with a `contenteditable="false"` attribute if the selection was inside the element. #TINY-9462
 
+- Closing a dialog would scroll down the document in Safari. #TINY-9148
 
+- Inline headers would not work in some situations when the editor was moved too far right horizontally. #TINY-8977
 
+- Quick toolbars were incorrectly rendered during the dragging of elements with a `contenteditable="false"` attribute. #TINY-9305
 
+- Selection of images, horizontal rules, tables or elements with a `contenteditable="false"` attribute was possible if they were within an element with a `contenteditable="false"` attribute. #TINY-9473
 
+- Ranged deletion of formatted text using selection or a keyboard shortcut would sometimes cause Blink- and Webkit-based browsers to insert interpreted tags upon typing. This could result in inconsistent tags. #TINY-9302
 
+- Visual characters were rendered inside elements with a `contenteditable="false"` attribute. #TINY-9474
 
+- Lists with an element with a `contenteditable="false"` attribute as their root were incorrectly editable using list API commands, toolbar buttons and menu items. #TINY-9458
 
+- Color picker dialog would not update the preview color if the hex input value was prefixed with the `#` character. #TINY-9457
 
+- Table cell selection was possible even if the element being selected was within an element with a `contenteditable="false"` attribute. #TINY-9459
 
+- Table commands were modifying tables that were within an element with a `contenteditable="false"` attribute. #TINY-9459
 
+- Fake carets were rendered for elements with a `contenteditable="false"` attribute and for tables within an element with a `contenteditable="false"` attribute. #TINY-9459
 
+- Textareas with scrollbars in dialogs would not render rounded corners correctly on some browsers. #TINY-9331
 
+- It was possible to open links inside the editor if the editor root was an element with a `contenteditable="false"` attribute. #TINY-9470
 
+- Inline boundary was rendered for boundary elements that had a `contenteditable="false"` attribute. #TINY-9471
 
+- Clicking on a disabled split button will no longer call the `onAction` callback. #TINY-9504
 
+- The *Edit Link* dialog incorrectly retrieved the URL value when opened immediately after the link insertion. #TINY-7993
 
+- The `ForwardDelete` and `Delete` editor commands were deleting content within elements with a `contenteditable="false"` attribute. #TINY-9477
 
+- The Backspace and Forward Delete keys were deleting content within elements with a `contenteditable="false"` attribute. #TINY-9477
 
+- Inserting newlines inside an editable element that was inside an element with a `contenteditable="false"` attribute root would sometimes try to split the editable element. #TINY-9461
 
+- Creating a list in a table cell when the caret is in front of an anchor element would not properly include the anchor in the list. #TINY-6853
 
+- Dragging and dropping elements with a `contenteditable="false"` attribute on table borders would remove the element on drop. #TINY-9021
 
+- Elements with a `contenteditable="false"` attribute would be removed when dragged and dropped within a root element with a `contenteditable="false"` attribute. #TINY-9558
 
+- Formatting could be applied or removed to list items with a `contenteditable="false"` attribute that were inside an element with a `contenteditable="false"` attribute. #TINY-9563
 
+- Annotation were not removed if the annotation was deleted immediately after being created. #TINY-9399
 
+- Inserting a link for a selection from quickbars did not preserve formatting. #TINY-9593
 
+- Inline dialog position was not correct when the editor was not inline and was contained in a `fixed` or `absolute` positioned element. #TINY-9554
 
+- Sticky toolbars did not fade transition when undocking in classic iframe mode. #TINY-9408
 
+- Inserting elements that were not valid within the closest editing host would incorrectly split the editing host. #TINY-9595
 
+- The `color_cols` option was not respected in the `forecolor` or `backcolor` color swatches. #TINY-9560
 
+- Drag and dropping the last element with a `contenteditable="false"` attribute out of its parent block would not properly pad the parent block element. #TINY-9606
 
+- Applying heading formats from `text_patterns` produced an invisible space before a word. #TINY-9603
 
+- Opening color swatches caused the browser tab to crash when `color_cols` or other column option was set to 0. #TINY-9649
 
+- Opening a menu button in the footer of a dialog after a redial threw an error. #TINY-9686
 
+- After closing a view, the `more...` toolbar button disappeared if the editor had `toolbar_mode: 'sliding'` and the toolbar was opened. #TINY-9419
 
+- Inline dialogs would open partially off screen when the toolbar had a small width. #TINY-9588
 
+
 
+## 6.3.2 - 2023-02-22
 
+
 
+### Fixed
 
+- Removed a workaround for ensuring stylesheets are loaded in an outdated version of webkit. #TINY-9433
 
+
 
 ## 6.3.1 - 2022-12-06
 
 
 ### Fixed
 
@@ -54,6 +165,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - A newline could not be inserted when the selection was restored from a bookmark after an inline element with a `contenteditable="false"` attribute. #TINY-9194
 
 - The global `tinymce.dom.styleSheetLoader` was not affected by the `content_css_cors` option. #TINY-6037
 
 - The caret was moved to the previous line when a text pattern executed a `mceInsertContent` command on Enter key when running on Firefox. #TINY-9193
 
+- The `autoresize` plugin used to cause infinite resize when `content_css` is set to `document`. #TINY-8872
 
 
 ## 6.2.0 - 2022-09-08

+ 1 - 1
demo/dist/libs/tinymce/composer.json
View File 

@@ -1,6 +1,6 @@
 
 {
 
 	"name": "tinymce/tinymce",
 
-	"version": "6.3.1",
 
+	"version": "6.4.2",
 
 	"description": "Web based JavaScript HTML WYSIWYG editor control.",
 
 	"license": [
 
 		"MIT-only"

+ 4 - 0
demo/dist/libs/tinymce/icons/default/icons.js
View File 

@@ -96,6 +96,7 @@ tinymce.IconManager.add('default', {
 
     'list-num-upper-roman': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 17v-1.2h1.3V17H15Zm0 10v-1.2h1.3V27H15Zm0 10v-1.2h1.3V37H15Z"/><path fill-rule="nonzero" d="M12 20h1.5v7H12zM12 30h1.5v7H12zM9 20h1.5v7H9zM9 30h1.5v7H9zM6 30h1.5v7H6zM12 10h1.5v7H12z"/></g></svg>',
 
     'lock': '<svg width="24" height="24"><path d="M16.3 11c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H8V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h.3ZM10 8v3h4V8a1 1 0 0 0-.3-.7A1 1 0 0 0 13 7h-2a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7Z" fill-rule="evenodd"/></svg>',
 
     'ltr': '<svg width="24" height="24"><path d="M11 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 7.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L11 5ZM4.4 16.2 6.2 15l-1.8-1.2a1 1 0 0 1 1.2-1.6l3 2a1 1 0 0 1 0 1.6l-3 2a1 1 0 1 1-1.2-1.6Z" fill-rule="evenodd"/></svg>',
 
+    'minus': '<svg width="24" height="24"><path d="M19 11a1 1 0 0 1 .1 2H5a1 1 0 0 1-.1-2H19Z"/></svg>',
 
     'more-drawer': '<svg width="24" height="24"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"/></svg>',
 
     'new-document': '<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V7.6L14.4 3ZM17 19H7V5h6v4h4v10Z" fill-rule="nonzero"/></svg>',
 
     'new-tab': '<svg width="24" height="24"><path d="m15 13 2-2v8H5V7h8l-2 2H7v8h8v-4Zm4-8v5.5l-2-2-5.6 5.5H10v-1.4L15.5 7l-2-2H19Z" fill-rule="evenodd"/></svg>',
 
@@ -161,9 +162,12 @@ tinymce.IconManager.add('default', {
 
     'table-split-cells': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM8 15.5H5V18h3v-2.5Zm11-5h-9V18h9v-7.5Zm-2.5 1 1 1-2 2 2 2-1 1-2-2-2 2-1-1 2-2-2-2 1-1 2 2 2-2Zm-8.5-1H5v3h3v-3ZM19 6h-4v2.5h4V6ZM8 6H5v2.5h3V6Zm5 0h-3v2.5h3V6Z"/></svg>',
 
     'table-top-header': '<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 11H5v3h6v-3Zm8 0h-6v3h6v-3Zm0-5h-6v3h6v-3ZM5 13h6v-3H5v3Z"/></svg>',
 
     'table': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 14v4h6v-4H5Zm14 0h-6v4h6v-4Zm0-6h-6v4h6V8ZM5 12h6V8H5v4Z"/></svg>',
 
+    'template-add': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 12v4H5a2 2 0 0 0-2 2v3h9.3a6 6 0 0 1-.3-2H5v-1h7a6 6 0 0 1 .8-2H11v-5l-.8-.6a3 3 0 1 1 3.6 0l-.8.6v4.7a6 6 0 0 1 2-1.9V12a5 5 0 1 0-6 0Z"/><path d="M18 15c.5 0 1 .4 1 .9V18h2a1 1 0 0 1 .1 2H19v2a1 1 0 0 1-2 .1V20h-2a1 1 0 0 1-.1-2H17v-2c0-.6.4-1 1-1Z"/></svg>',
 
     'template': '<svg width="24" height="24"><path d="M19 19v-1H5v1h14ZM9 16v-4a5 5 0 1 1 6 0v4h4a2 2 0 0 1 2 2v3H3v-3c0-1.1.9-2 2-2h4Zm4 0v-5l.8-.6a3 3 0 1 0-3.6 0l.8.6v5h2Z" fill-rule="nonzero"/></svg>',
 
     'temporary-placeholder': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M9 7.6V6h2.5V4.5a.5.5 0 1 1 1 0V6H15v1.6a8 8 0 1 1-6 0Zm-2.6 5.3a.5.5 0 0 0 .3.6c.3 0 .6 0 .6-.3l.1-.2a5 5 0 0 1 3.3-2.8c.3-.1.4-.4.4-.6-.1-.3-.4-.5-.6-.4a6 6 0 0 0-4.1 3.7Z"/><circle cx="14" cy="4" r="1"/><circle cx="12" cy="2" r="1"/><circle cx="10" cy="4" r="1"/></g></svg>',
 
     'text-color': '<svg width="24" height="24"><g fill-rule="evenodd"><path id="tox-icon-text-color__color" d="M3 18h18v3H3z"/><path d="M8.7 16h-.8a.5.5 0 0 1-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 0 1-.5.6h-.8a.5.5 0 0 1-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4Zm2.6-7.6-.6 2a.5.5 0 0 0 .5.6h1.6a.5.5 0 0 0 .5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4Z"/></g></svg>',
 
+    'text-size-decrease': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H4a1 1 0 0 1 0-2h10ZM14 12a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z"/></svg>',
 
+    'text-size-increase': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H4a1 1 0 0 1 0-2h10ZM17 9a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2c0-.6-.4-1-1-1Z"/></svg>',
 
     'toc': '<svg width="24" height="24"><path d="M5 5c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 1 1 0-2Zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm0-4c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 1 1 0-2Zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
 
     'translate': '<svg width="24" height="24"><path d="m12.7 14.3-.3.7-.4.7-2.2-2.2-3.1 3c-.3.4-.8.4-1 0a.7.7 0 0 1 0-1l3.1-3A12.4 12.4 0 0 1 6.7 9H8a10.1 10.1 0 0 0 1.7 2.4c.5-.5 1-1.1 1.4-1.8l.9-2H4.7a.7.7 0 1 1 0-1.5h4.4v-.7c0-.4.3-.8.7-.8.4 0 .7.4.7.8v.7H15c.4 0 .8.3.8.7 0 .4-.4.8-.8.8h-1.4a12.3 12.3 0 0 1-1 2.4 13.5 13.5 0 0 1-1.7 2.3l1.9 1.8Zm4.3-3 2.7 7.3a.5.5 0 0 1-.4.7 1 1 0 0 1-1-.7l-.6-1.5h-3.4l-.6 1.5a1 1 0 0 1-1 .7.5.5 0 0 1-.4-.7l2.7-7.4a1 1 0 0 1 2 0Zm-2.2 4.4h2.4L16 12.5l-1.2 3.2Z" fill-rule="evenodd"/></svg>',
 
     'typography': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H7a1 1 0 0 1 0-2h10Z"/><path d="m17.5 14 .8-1.7 1.7-.8-1.7-.8-.8-1.7-.8 1.7-1.7.8 1.7.8.8 1.7ZM7 14l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2Z"/></svg>',

File diff suppressed because it is too large
+ 0 - 0
demo/dist/libs/tinymce/icons/default/icons.min.js


+ 79 - 23
demo/dist/libs/tinymce/models/dom/model.js
View File 

@@ -1,5 +1,5 @@
 
 /**
 
- * TinyMCE version 6.3.1 (2022-12-06)
 
+ * TinyMCE version 6.4.2 (2023-04-26)
 
  */
 
 
 (function () {
 
@@ -383,7 +383,39 @@
 
       return true;
 
     };
 
 
-    typeof window !== 'undefined' ? window : Function('return this;')();
 
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
 
+
 
+    const path = (parts, scope) => {
 
+      let o = scope !== undefined && scope !== null ? scope : Global;
 
+      for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
 
+        o = o[parts[i]];
 
+      }
 
+      return o;
 
+    };
 
+    const resolve$2 = (p, scope) => {
 
+      const parts = p.split('.');
 
+      return path(parts, scope);
 
+    };
 
+
 
+    const unsafe = (name, scope) => {
 
+      return resolve$2(name, scope);
 
+    };
 
+    const getOrDie = (name, scope) => {
 
+      const actual = unsafe(name, scope);
 
+      if (actual === undefined || actual === null) {
 
+        throw new Error(name + ' not available on this browser');
 
+      }
 
+      return actual;
 
+    };
 
+
 
+    const getPrototypeOf = Object.getPrototypeOf;
 
+    const sandHTMLElement = scope => {
 
+      return getOrDie('HTMLElement', scope);
 
+    };
 
+    const isPrototypeOf = x => {
 
+      const scope = resolve$2('ownerDocument.defaultView', x);
 
+      return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
 
+    };
 
 
     const COMMENT = 8;
 
     const DOCUMENT = 9;
 
@@ -398,6 +430,7 @@
 
     const type = element => element.dom.nodeType;
 
     const isType = t => element => type(element) === t;
 
     const isComment = element => type(element) === COMMENT || name(element) === '#comment';
 
+    const isHTMLElement = element => isElement(element) && isPrototypeOf(element.dom);
 
     const isElement = isType(ELEMENT);
 
     const isText = isType(TEXT);
 
     const isDocument = isType(DOCUMENT);
 
@@ -2173,13 +2206,14 @@
 
 
     const getEnd = element => name(element) === 'img' ? 1 : getOption(element).fold(() => children$2(element).length, v => v.length);
 
     const isTextNodeWithCursorPosition = el => getOption(el).filter(text => text.trim().length !== 0 || text.indexOf(nbsp) > -1).isSome();
 
+    const isContentEditableFalse = elem => isHTMLElement(elem) && get$b(elem, 'contenteditable') === 'false';
 
     const elementsWithCursorPosition = [
 
       'img',
 
       'br'
 
     ];
 
     const isCursorPosition = elem => {
 
       const hasCursorPosition = isTextNodeWithCursorPosition(elem);
 
-      return hasCursorPosition || contains$2(elementsWithCursorPosition, name(elem));
 
+      return hasCursorPosition || contains$2(elementsWithCursorPosition, name(elem)) || isContentEditableFalse(elem);
 
     };
 
 
     const first = element => descendant$1(element, isCursorPosition);
 
@@ -2245,7 +2279,6 @@
 
         });
 
         return foldr(parents, (last, parent) => {
 
           const clonedFormat = shallow(parent);
 
-          remove$7(clonedFormat, 'contenteditable');
 
           append$1(last, clonedFormat);
 
           return clonedFormat;
 
         }, newCell);
 
@@ -2323,6 +2356,16 @@
 
     };
 
     const fromDom = nodes => map$1(nodes, SugarElement.fromDom);
 
 
+    const closest = target => closest$1(target, '[contenteditable]');
 
+    const isEditable$1 = (element, assumeEditable = false) => {
 
+      if (inBody(element)) {
 
+        return element.dom.isContentEditable;
 
+      } else {
 
+        return closest(element).fold(constant(assumeEditable), editable => getRaw(editable) === 'true');
 
+      }
 
+    };
 
+    const getRaw = element => element.dom.contentEditable;
 
+
 
     const getBody = editor => SugarElement.fromDom(editor.getBody());
 
     const getIsRoot = editor => element => eq$1(element, getBody(editor));
 
     const removeDataStyle = table => {
 
@@ -2341,6 +2384,7 @@
 
     };
 
     const isPercentage$1 = value => /^(\d+(\.\d+)?)%$/.test(value);
 
     const isPixel = value => /^(\d+(\.\d+)?)px$/.test(value);
 
+    const isInEditableContext$1 = cell => closest$2(cell, isTag('table')).exists(isEditable$1);
 
 
     const inSelection = (bounds, detail) => {
 
       const leftEdge = detail.column;
 
@@ -3152,16 +3196,6 @@
 
       fallback
 
     };
 
 
-    const closest = target => closest$1(target, '[contenteditable]');
 
-    const isEditable$1 = (element, assumeEditable = false) => {
 
-      if (inBody(element)) {
 
-        return element.dom.isContentEditable;
 
-      } else {
 
-        return closest(element).fold(constant(assumeEditable), editable => getRaw(editable) === 'true');
 
-      }
 
-    };
 
-    const getRaw = element => element.dom.contentEditable;
 
-
 
     const setIfNot = (element, property, value, ignore) => {
 
       if (value === ignore) {
 
         remove$7(element, property);
 
@@ -5290,8 +5324,8 @@
 
     const getColumns = () => getData(tableTypeColumn);
 
     const clearColumns = () => clearData(tableTypeColumn);
 
 
-    const getSelectionStartCellOrCaption = editor => getSelectionCellOrCaption(getSelectionStart(editor), getIsRoot(editor));
 
-    const getSelectionStartCell = editor => getSelectionCell(getSelectionStart(editor), getIsRoot(editor));
 
+    const getSelectionStartCellOrCaption = editor => getSelectionCellOrCaption(getSelectionStart(editor), getIsRoot(editor)).filter(isInEditableContext$1);
 
+    const getSelectionStartCell = editor => getSelectionCell(getSelectionStart(editor), getIsRoot(editor)).filter(isInEditableContext$1);
 
     const registerCommands = (editor, actions) => {
 
       const isRoot = getIsRoot(editor);
 
       const eraseTable = () => getSelectionStartCellOrCaption(editor).each(cellOrCaption => {
 
@@ -5438,7 +5472,7 @@
 
         if (!isObject(args)) {
 
           return;
 
         }
 
-        const cells = getCellsFromSelection(editor);
 
+        const cells = filter$2(getCellsFromSelection(editor), isInEditableContext$1);
 
         if (cells.length === 0) {
 
           return;
 
         }
 
@@ -6259,6 +6293,7 @@
 
     };
 
 
     const findCell = (target, isRoot) => closest$1(target, 'td,th', isRoot);
 
+    const isInEditableContext = cell => parentElement(cell).exists(isEditable$1);
 
     const MouseSelection = (bridge, container, isRoot, annotations) => {
 
       const cursor = value();
 
       const clearstate = cursor.clear;
 
@@ -6286,7 +6321,7 @@
 
       };
 
       const mousedown = event => {
 
         annotations.clear(container);
 
-        findCell(event.target, isRoot).each(cursor.set);
 
+        findCell(event.target, isRoot).filter(isInEditableContext).each(cursor.set);
 
       };
 
       const mouseover = event => {
 
         applySelection(event);
 
@@ -6628,6 +6663,8 @@
 
         mouseup: handlers.mouseup
 
       };
 
     };
 
+    const isEditableNode = node => closest$2(node, isHTMLElement).exists(isEditable$1);
 
+    const isEditableSelection = (start, finish) => isEditableNode(start) || isEditableNode(finish);
 
     const keyboard = (win, container, isRoot, annotations) => {
 
       const bridge = WindowBridge(win);
 
       const clearToNavigate = () => {
 
@@ -6642,7 +6679,9 @@
 
           if (isNavigation(keycode) && !shiftKey) {
 
             annotations.clearBeforeUpdate(container);
 
           }
 
-          if (isDown(keycode) && shiftKey) {
 
+          if (isNavigation(keycode) && shiftKey && !isEditableSelection(start, finish)) {
 
+            return Optional.none;
 
+          } else if (isDown(keycode) && shiftKey) {
 
             return curry(select, bridge, container, isRoot, down, finish, start, annotations.selectRange);
 
           } else if (isUp(keycode) && shiftKey) {
 
             return curry(select, bridge, container, isRoot, up, finish, start, annotations.selectRange);
 
@@ -6671,7 +6710,9 @@
 
               });
 
             };
 
           };
 
-          if (isDown(keycode) && shiftKey) {
 
+          if (isNavigation(keycode) && shiftKey && !isEditableSelection(start, finish)) {
 
+            return Optional.none;
 
+          } else if (isDown(keycode) && shiftKey) {
 
             return update$1([rc(+1, 0)]);
 
           } else if (isUp(keycode) && shiftKey) {
 
             return update$1([rc(-1, 0)]);
 
@@ -6701,7 +6742,7 @@
 
           if (!shiftKey) {
 
             return Optional.none();
 
           }
 
-          if (isNavigation(keycode)) {
 
+          if (isNavigation(keycode) && isEditableSelection(start, finish)) {
 
             return sync(container, isRoot, start, soffset, finish, foffset, annotations.selectRange);
 
           } else {
 
             return Optional.none();
 
@@ -7335,6 +7376,7 @@
 
       const off = () => {
 
         active = false;
 
       };
 
+      const isActive = () => active;
 
       const runIfActive = f => {
 
         return (...args) => {
 
           if (active) {
 
@@ -7356,6 +7398,7 @@
 
         go,
 
         on,
 
         off,
 
+        isActive,
 
         destroy,
 
         events: events.registry
 
       };
 
@@ -7679,8 +7722,10 @@
 
             destroy(wire);
 
           }
 
         }, table => {
 
-          hoverTable = Optional.some(table);
 
-          refresh(wire, table);
 
+          if (resizing.isActive()) {
 
+            hoverTable = Optional.some(table);
 
+            refresh(wire, table);
 
+          }
 
         });
 
       });
 
       const destroy$1 = () => {
 
@@ -7933,6 +7978,17 @@
 
           }
 
         });
 
       });
 
+      editor.on('dragstart dragend', e => {
 
+        tableResize.on(resize => {
 
+          if (e.type === 'dragstart') {
 
+            resize.hideBars();
 
+            resize.off();
 
+          } else {
 
+            resize.on();
 
+            resize.showBars();
 
+          }
 
+        });
 
+      });
 
       editor.on('remove', () => {
 
         destroy();
 
       });

Some files were not shown because too many files changed in this diff