https://1rosehip.atlassian.net/browse/RRS-91

mzusin · Jul 18, 2023 · 7c16ed5 · 7c16ed5
1 parent dcdb5ec
commit 7c16ed5
Show file tree

Hide file tree

Showing 17 changed files with 40 additions and 38 deletions.
diff --git a/dist/mz-react-round-slider.esm.js b/dist/mz-react-round-slider.esm.js
diff --git a/dist/mz-react-round-slider.esm.js.map b/dist/mz-react-round-slider.esm.js.map
diff --git a/dist/mz-react-round-slider.min.js b/dist/mz-react-round-slider.min.js
diff --git a/dist/mz-react-round-slider.min.js.map b/dist/mz-react-round-slider.min.js.map
diff --git a/docs/css/styles.1689669442327.css → docs/css/styles.1689670084710.css b/docs/css/styles.1689669442327.css → docs/css/styles.1689670084710.css
diff --git a/docs/index.html b/docs/index.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.1689669442327.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689669442327.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689670084710.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689670084710.css" />-->
 
 </head>
 <body class="font-roboto bg-gray-900 text-gray-100" id="special-page">
@@ -93,6 +93,6 @@ <h1 class="text-slate-100 font-extrabold text-4xl sm:text-5xl lg:text-6xl tracki
   </div>
 </footer>-->
 
-<script src="/js/index.1689669442327.js"></script>
+<script src="/js/index.1689670084710.js"></script>
 </body>
 </html>
diff --git a/docs/js/index.1689669442327.js → docs/js/index.1689670084710.js b/docs/js/index.1689669442327.js → docs/js/index.1689670084710.js
diff --git a/docs/js/index.1689669442327.js.map → docs/js/index.1689670084710.js.map b/docs/js/index.1689669442327.js.map → docs/js/index.1689670084710.js.map
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.1689669442327.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689669442327.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689670084710.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689670084710.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -194,6 +194,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689669442327.js"></script>
+<script src="/js/index.1689670084710.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.1689669442327.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689669442327.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689670084710.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689670084710.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -228,6 +228,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689669442327.js"></script>
+<script src="/js/index.1689670084710.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.1689669442327.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689669442327.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689670084710.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689670084710.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -251,6 +251,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689669442327.js"></script>
+<script src="/js/index.1689670084710.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.1689669442327.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689669442327.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689670084710.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689670084710.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -259,6 +259,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689669442327.js"></script>
+<script src="/js/index.1689670084710.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.1689669442327.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689669442327.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689670084710.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689670084710.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.1689669442327.js"></script>
+<script src="/js/index.1689670084710.js"></script>
 </body>
 </html>
diff --git a/src/core/ui/Pointer.tsx b/src/core/ui/Pointer.tsx
@@ -188,25 +188,25 @@ const Pointer = (props: IPointerProps) => {
         switch (evt.key) {
             case 'ArrowLeft': {
                 evt.preventDefault();
-                setPointer(pointer, pointer.angleDeg + data.stepAngleDeg);
+                setPointer(pointer, pointer.angleDeg + data.arrowStepAngleDeg);
                 break;
             }
 
             case 'ArrowRight': {
                 evt.preventDefault();
-                setPointer(pointer, pointer.angleDeg - data.stepAngleDeg);
+                setPointer(pointer, pointer.angleDeg - data.arrowStepAngleDeg);
                 break;
             }
 
             case 'ArrowUp': {
                 evt.preventDefault();
-                setPointer(pointer, pointer.angleDeg - data.stepAngleDeg);
+                setPointer(pointer, pointer.angleDeg - data.arrowStepAngleDeg);
                 break;
             }
 
             case 'ArrowDown': {
                 evt.preventDefault();
-                setPointer(pointer, pointer.angleDeg + data.stepAngleDeg);
+                setPointer(pointer, pointer.angleDeg + data.arrowStepAngleDeg);
                 break;
             }
         }
@@ -234,10 +234,10 @@ const Pointer = (props: IPointerProps) => {
 
             let newAngleDeg;
             if(scrollTop) {
-                newAngleDeg = pointer.angleDeg + data.stepAngleDeg;
+                newAngleDeg = pointer.angleDeg + data.arrowStepAngleDeg;
             }
             else{
-                newAngleDeg = pointer.angleDeg - data.stepAngleDeg;
+                newAngleDeg = pointer.angleDeg - data.arrowStepAngleDeg;
             }
 
             setPointer(pointer, newAngleDeg);
@@ -258,7 +258,7 @@ const Pointer = (props: IPointerProps) => {
     }, [
         center,
         onValueChange,
-        data.stepAngleDeg,
+        data.arrowStepAngleDeg,
         pointer,
         setPointer,
         settings.disabled,

diff --git a/src/docs/client-side/js/docs-examples/docs-examples.tsx b/src/docs/client-side/js/docs-examples/docs-examples.tsx
@@ -154,6 +154,7 @@ const dataOptionsSlider = () => {
                 step={ 0.01 }
                 arrowStep={ 1 }
                 round={ 2 }
+                textColor={ '#8993B7' }
 
                 pointers={ pointers }
                 onChange={ setPointers }
@@ -198,6 +199,7 @@ const valuesListSlider = () => {
                 enableTicks={ true }
                 showTickValues={ true }
                 ticksGroupSize={ 1 }
+                tickValuesColor={ '#8993B7' }
 
                 pointers={ pointers }
                 onChange={ setPointers }

diff --git a/test/browser/example.min.js b/test/browser/example.min.js
diff --git a/test/browser/example.min.js.map b/test/browser/example.min.js.map