docs update

mzusin · Jul 25, 2023 · 709b2e1 · 709b2e1
1 parent abacfdf
commit 709b2e1
Show file tree

Hide file tree

Showing 23 changed files with 66 additions and 65 deletions.
diff --git a/README.md b/README.md
@@ -21,7 +21,7 @@ Experience an accessible and mobile-friendly React Round Slider library, powered
 - Possibility to disable only one pointer.
 - Optional animation on panel click.
 - Works well with Bootstrap and other CSS frameworks.
-- Supports two (and more) pointers overlap, pointers max and min distance.
+- Supports two (and more) pointers overlap.
 - MIT license.
 
 ![](https://github.com/mzusin/react-round-slider/blob/main/docs/img/preview/2-2.gif?raw=true)
@@ -115,6 +115,7 @@ Experience an accessible and mobile-friendly React Round Slider library, powered
 
 
 
+
 
 
 ## License

diff --git a/docs/css/styles.1690204077321.css → docs/css/styles.1690268894072.css b/docs/css/styles.1690204077321.css → docs/css/styles.1690268894072.css
diff --git a/docs/index.html b/docs/index.html
@@ -19,8 +19,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="font-josefin_sans text-lg text-gray-100 hp-bg dark" id="special-page">
@@ -308,7 +308,7 @@ <h2 class="mt-8 font-semibold text-sky-500">Advanced</h2>
 
         <p class="mt-4 text-3xl sm:text-4xl text-slate-400 font-extrabold tracking-tight">Advanced Features</p>
 
-        <p class="mt-4 max-w-3xl space-y-6">The slider has a large set of advanced features such as: the ability to <a class="underline" href="/pages/disabled-state.html" title="">disable</a> the entire slider or individual knobs; <a class="underline" href="/pages/range-dragging.html" title="">range dragging</a> support; <a class="underline" href="/pages/pointers-overlap.html" title="">pointers overlap</a>; pointers <a class="underline" href="/pages/max-and-min-pointers-distance.html" title="">max and min distance</a>, and more.</p>
+        <p class="mt-4 max-w-3xl space-y-6">The slider has a large set of advanced features such as: the ability to <a class="underline" href="/pages/disabled-state.html" title="">disable</a> the entire slider or individual knobs; <a class="underline" href="/pages/range-dragging.html" title="">range dragging</a> support; <a class="underline" href="/pages/pointers-overlap.html" title="">pointers overlap</a>, and more.</p>
 
         <a class="group inline-flex items-center h-9 rounded-full text-sm font-semibold whitespace-nowrap px-3 focus:outline-none focus:ring-2 bg-sky-50 text-sky-600 hover:bg-sky-100 hover:text-sky-700 focus:ring-sky-600 mt-8 pt-px" href="/pages/basic-usage.html">Learn more<svg class="overflow-visible ml-3 text-sky-300 group-hover:text-sky-400" width="3" height="6" viewBox="0 0 3 6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0L3 3L0 6"></path></svg></a>
       </div>
@@ -400,6 +400,6 @@ <h2 class="mt-8 font-semibold text-sky-500">Free</h2>
 
 </div>
 
-  <script src="/js/index.1690204077321.js"></script>
+  <script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/js/index.1690204077321.js → docs/js/index.1690268894072.js b/docs/js/index.1690204077321.js → docs/js/index.1690268894072.js
diff --git a/docs/js/index.1690204077321.js.map → docs/js/index.1690268894072.js.map b/docs/js/index.1690204077321.js.map → docs/js/index.1690268894072.js.map
diff --git a/docs/pages/animation.html b/docs/pages/animation.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -220,6 +220,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/basic-usage.html b/docs/pages/basic-usage.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -208,6 +208,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/circle-gradient.html b/docs/pages/circle-gradient.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -254,6 +254,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/connection.html b/docs/pages/connection.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -243,6 +243,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/custom-pointer-shape.html b/docs/pages/custom-pointer-shape.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -234,6 +234,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/data-settings.html b/docs/pages/data-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -242,6 +242,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/disabled-state.html b/docs/pages/disabled-state.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -229,6 +229,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/individual-pointer-settings.html b/docs/pages/individual-pointer-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -278,6 +278,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/path-settings.html b/docs/pages/path-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -269,6 +269,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/pointer-and-connection-gradient.html b/docs/pages/pointer-and-connection-gradient.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -238,6 +238,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/pointer-settings.html b/docs/pages/pointer-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -268,6 +268,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/pointers-overlap.html b/docs/pages/pointers-overlap.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -210,6 +210,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/range-dragging.html b/docs/pages/range-dragging.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -196,6 +196,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/text-values.html b/docs/pages/text-values.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -262,6 +262,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/ticks-settings.html b/docs/pages/ticks-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -266,6 +266,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/ticks-values.html b/docs/pages/ticks-values.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -280,6 +280,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/docs/pages/values-list.html b/docs/pages/values-list.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690204077321.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690204077321.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690268894072.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690268894072.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -225,6 +225,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690204077321.js"></script>
+<script src="/js/index.1690268894072.js"></script>
 </body>
 </html>
diff --git a/src/docs/data/special-pages/index.html b/src/docs/data/special-pages/index.html
@@ -282,7 +282,7 @@ <h2 class="mt-8 font-semibold text-sky-500">Advanced</h2>
 
         <p class="mt-4 text-3xl sm:text-4xl text-slate-400 font-extrabold tracking-tight">Advanced Features</p>
 
-        <p class="mt-4 max-w-3xl space-y-6">The slider has a large set of advanced features such as: the ability to <a class="underline" href="/pages/disabled-state.html" title="">disable</a> the entire slider or individual knobs; <a class="underline" href="/pages/range-dragging.html" title="">range dragging</a> support; <a class="underline" href="/pages/pointers-overlap.html" title="">pointers overlap</a>; pointers <a class="underline" href="/pages/max-and-min-pointers-distance.html" title="">max and min distance</a>, and more.</p>
+        <p class="mt-4 max-w-3xl space-y-6">The slider has a large set of advanced features such as: the ability to <a class="underline" href="/pages/disabled-state.html" title="">disable</a> the entire slider or individual knobs; <a class="underline" href="/pages/range-dragging.html" title="">range dragging</a> support; <a class="underline" href="/pages/pointers-overlap.html" title="">pointers overlap</a>, and more.</p>
 
         <a class="group inline-flex items-center h-9 rounded-full text-sm font-semibold whitespace-nowrap px-3 focus:outline-none focus:ring-2 bg-sky-50 text-sky-600 hover:bg-sky-100 hover:text-sky-700 focus:ring-sky-600 mt-8 pt-px" href="/pages/basic-usage.html">Learn more<svg class="overflow-visible ml-3 text-sky-300 group-hover:text-sky-400" width="3" height="6" viewBox="0 0 3 6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0L3 3L0 6"></path></svg></a>
       </div>