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

mzusin · Jul 18, 2023 · deffa1f · deffa1f
1 parent 40c0c54
commit deffa1f
Show file tree

Hide file tree

Showing 15 changed files with 98 additions and 93 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.1689662311851.css → docs/css/styles.1689666339969.css b/docs/css/styles.1689662311851.css → docs/css/styles.1689666339969.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.1689662311851.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689662311851.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689666339969.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689666339969.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.1689662311851.js"></script>
+<script src="/js/index.1689666339969.js"></script>
 </body>
 </html>
diff --git a/docs/js/index.1689662311851.js b/docs/js/index.1689662311851.js
diff --git a/docs/js/index.1689666339969.js b/docs/js/index.1689666339969.js
diff --git a/docs/js/index.1689662311851.js.map → docs/js/index.1689666339969.js.map b/docs/js/index.1689662311851.js.map → docs/js/index.1689666339969.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.1689662311851.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689662311851.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689666339969.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689666339969.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.1689662311851.js"></script>
+<script src="/js/index.1689666339969.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.1689662311851.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689662311851.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689666339969.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689666339969.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -236,6 +236,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689662311851.js"></script>
+<script src="/js/index.1689666339969.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.1689662311851.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689662311851.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689666339969.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689666339969.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.1689662311851.js"></script>
+<script src="/js/index.1689666339969.js"></script>
 </body>
 </html>
diff --git a/src/core/index.tsx b/src/core/index.tsx
@@ -222,6 +222,11 @@ export const RoundSlider = (props: ISettings) => {
         setPointers(_pointers);
         setSelectedPointerId(pointer.id);
 
+        const $pointer = svgRef.current?.querySelector(`[data-id="${ pointer.id }"]`) as HTMLElement;
+        if($pointer) {
+            $pointer.focus();
+        }
+
         if(typeof props.onChange === 'function') {
 
             const updatedPointers: ISettingsPointer[] = _pointers.pointers.map(pointer => {

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