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

mzusin · Jul 21, 2023 · b3d43aa · b3d43aa
1 parent e54b6c4
commit b3d43aa
Show file tree

Hide file tree

Showing 22 changed files with 361 additions and 73 deletions.
diff --git a/docs/css/styles.1689968655416.css → docs/css/styles.1689971011942.css b/docs/css/styles.1689968655416.css → docs/css/styles.1689971011942.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.1689968655416.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689968655416.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689971011942.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689971011942.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.1689968655416.js"></script>
+<script src="/js/index.1689971011942.js"></script>
 </body>
 </html>
diff --git a/docs/js/index.1689968655416.js → docs/js/index.1689971011942.js b/docs/js/index.1689968655416.js → docs/js/index.1689971011942.js
diff --git a/docs/js/index.1689968655416.js.map → docs/js/index.1689971011942.js.map b/docs/js/index.1689968655416.js.map → docs/js/index.1689971011942.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.1689968655416.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689968655416.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689971011942.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689971011942.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -130,7 +130,7 @@
           <path d="m7 7 5 5-5 5m6-10 5 5-5 5"/>
         </svg>
 
-    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-sky-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointer & Connection Gradient</a></div>
+    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-sky-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Pointer & Connection Gradient</a><a href="/pages/pointers-overlap.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointers Overlap</a></div>
       </div>
     </div>
 
@@ -220,6 +220,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689968655416.js"></script>
+<script src="/js/index.1689971011942.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.1689968655416.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689968655416.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689971011942.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689971011942.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -130,7 +130,7 @@
           <path d="m7 7 5 5-5 5m6-10 5 5-5 5"/>
         </svg>
 
-    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointer & Connection Gradient</a></div>
+    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Pointer & Connection Gradient</a><a href="/pages/pointers-overlap.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointers Overlap</a></div>
       </div>
     </div>
 
@@ -208,6 +208,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689968655416.js"></script>
+<script src="/js/index.1689971011942.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.1689968655416.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689968655416.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689971011942.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689971011942.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -130,7 +130,7 @@
           <path d="m7 7 5 5-5 5m6-10 5 5-5 5"/>
         </svg>
 
-    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-sky-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointer & Connection Gradient</a></div>
+    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-sky-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Pointer & Connection Gradient</a><a href="/pages/pointers-overlap.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointers Overlap</a></div>
       </div>
     </div>
 
@@ -254,6 +254,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689968655416.js"></script>
+<script src="/js/index.1689971011942.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.1689968655416.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689968655416.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689971011942.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689971011942.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -130,7 +130,7 @@
           <path d="m7 7 5 5-5 5m6-10 5 5-5 5"/>
         </svg>
 
-    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointer & Connection Gradient</a></div>
+    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Pointer & Connection Gradient</a><a href="/pages/pointers-overlap.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointers Overlap</a></div>
       </div>
     </div>
 
@@ -243,6 +243,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689968655416.js"></script>
+<script src="/js/index.1689971011942.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.1689968655416.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689968655416.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689971011942.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689971011942.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -130,7 +130,7 @@
           <path d="m7 7 5 5-5 5m6-10 5 5-5 5"/>
         </svg>
 
-    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointer & Connection Gradient</a></div>
+    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Pointer & Connection Gradient</a><a href="/pages/pointers-overlap.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointers Overlap</a></div>
       </div>
     </div>
 
@@ -242,6 +242,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689968655416.js"></script>
+<script src="/js/index.1689971011942.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.1689968655416.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689968655416.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689971011942.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689971011942.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -130,7 +130,7 @@
           <path d="m7 7 5 5-5 5m6-10 5 5-5 5"/>
         </svg>
 
-    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-sky-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointer & Connection Gradient</a></div>
+    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-sky-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Pointer & Connection Gradient</a><a href="/pages/pointers-overlap.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointers Overlap</a></div>
       </div>
     </div>
 
@@ -229,6 +229,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689968655416.js"></script>
+<script src="/js/index.1689971011942.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.1689968655416.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689968655416.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689971011942.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689971011942.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -130,7 +130,7 @@
           <path d="m7 7 5 5-5 5m6-10 5 5-5 5"/>
         </svg>
 
-    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointer & Connection Gradient</a></div>
+    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Pointer & Connection Gradient</a><a href="/pages/pointers-overlap.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointers Overlap</a></div>
       </div>
     </div>
 
@@ -278,6 +278,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689968655416.js"></script>
+<script src="/js/index.1689971011942.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.1689968655416.css" />
-  <!--<link rel="stylesheet" href="/js/index.1689968655416.css" />-->
+  <link rel="stylesheet" href="/css/styles.1689971011942.css" />
+  <!--<link rel="stylesheet" href="/js/index.1689971011942.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -130,7 +130,7 @@
           <path d="m7 7 5 5-5 5m6-10 5 5-5 5"/>
         </svg>
 
-    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointer & Connection Gradient</a></div>
+    </div><div class="flex flex-col" data-links><a href="/pages/animation.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Animation</a><a href="/pages/disabled-state.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Disabled State</a><a href="/pages/circle-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Circle Gradient</a><a href="/pages/pointer-and-connection-gradient.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600 pb-2 text-slate-500">Pointer & Connection Gradient</a><a href="/pages/pointers-overlap.html" title="" class="pl-3 border-l border-slate-150 dark:border-slate-600  text-slate-500">Pointers Overlap</a></div>
       </div>
     </div>
 
@@ -269,6 +269,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1689968655416.js"></script>
+<script src="/js/index.1689971011942.js"></script>
 </body>
 </html>