From 21b848462f14ca50b70dc73ff3f445b4731c8115 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ulrich-Matthias=20Sch=C3=A4fer?= <ulima.ums@googlemail.com>
Date: Tue, 12 Nov 2024 17:00:42 +0100
Subject: [PATCH] fix ribbon and search

---
 docs/2.7/404.html                             |  30 ++-
 docs/2.7/acknowledgements-thanks/index.html   |  30 ++-
 docs/2.7/animating/index.html                 |  30 ++-
 docs/2.7/classes/index.html                   |  30 ++-
 docs/2.7/compatibility/index.html             |  30 ++-
 docs/2.7/contributing/coding-style/index.html |  30 ++-
 .../2.7/contributing/documentation/index.html |  30 ++-
 docs/2.7/contributing/index.html              |  30 ++-
 docs/2.7/elements/index.html                  |  30 ++-
 docs/2.7/error/index.html                     |  30 ++-
 docs/2.7/events/index.html                    |  30 ++-
 docs/2.7/extending/index.html                 |  30 ++-
 docs/2.7/faq/index.html                       |  30 ++-
 docs/2.7/geometry/index.html                  |  30 ++-
 docs/2.7/getting-started/index.html           |  30 ++-
 docs/2.7/importing-exporting/index.html       |  30 ++-
 docs/2.7/index.html                           |  30 ++-
 docs/2.7/installation/index.html              |  30 ++-
 docs/2.7/manipulating/index.html              |  30 ++-
 docs/2.7/parents/index.html                   |  30 ++-
 docs/2.7/plugins/index.html                   |  30 ++-
 docs/2.7/plugins/svg-colorat-js/index.html    |  30 ++-
 .../2.7/plugins/svg-connectable-js/index.html |  30 ++-
 .../2.7/plugins/svg-declarative-js/index.html |  30 ++-
 docs/2.7/plugins/svg-draggable-js/index.html  |  30 ++-
 docs/2.7/plugins/svg-draw-js/index.html       |  30 ++-
 docs/2.7/plugins/svg-easing-js/index.html     |  30 ++-
 docs/2.7/plugins/svg-filter-js/index.html     |  30 ++-
 .../plugins/svg-foreignobject-js/index.html   |  30 ++-
 .../plugins/svg-intersections-js/index.html   |  30 ++-
 docs/2.7/plugins/svg-math-js/index.html       |  30 ++-
 docs/2.7/plugins/svg-panzoom-js/index.html    |  30 ++-
 docs/2.7/plugins/svg-path-js/index.html       |  30 ++-
 .../plugins/svg-pathmorphing-js/index.html    |  30 ++-
 docs/2.7/plugins/svg-resize-js/index.html     |  30 ++-
 docs/2.7/plugins/svg-screenbbox-js/index.html |  30 ++-
 docs/2.7/plugins/svg-select-js/index.html     |  30 ++-
 docs/2.7/plugins/svg-shapes-js/index.html     |  30 ++-
 docs/2.7/plugins/svg-textmorph-js/index.html  |  30 ++-
 docs/2.7/plugins/svg-topath-js/index.html     |  30 ++-
 docs/2.7/plugins/svg-topoly-js/index.html     |  30 ++-
 docs/2.7/referencing/index.html               |  30 ++-
 docs/2.7/sitemap/index.html                   | 230 +++++++++---------
 docs/2.7/tutorials/index.html                 |  30 ++-
 docs/3.0/404.html                             |  30 ++-
 docs/3.0/acknowledgements-thanks/index.html   |  30 ++-
 docs/3.0/animating/index.html                 |  30 ++-
 docs/3.0/classes/index.html                   |  30 ++-
 docs/3.0/compatibility/index.html             |  30 ++-
 docs/3.0/container-elements/index.html        |  30 ++-
 docs/3.0/contributing/coding-style/index.html |  30 ++-
 .../3.0/contributing/documentation/index.html |  30 ++-
 docs/3.0/contributing/index.html              |  30 ++-
 docs/3.0/error/index.html                     |  30 ++-
 docs/3.0/events/index.html                    |  30 ++-
 docs/3.0/extending/index.html                 |  30 ++-
 docs/3.0/faq/index.html                       |  30 ++-
 docs/3.0/getting-started/index.html           |  30 ++-
 docs/3.0/importing-exporting/index.html       |  30 ++-
 docs/3.0/index.html                           |  30 ++-
 docs/3.0/installation/index.html              |  30 ++-
 docs/3.0/manipulating/index.html              |  30 ++-
 docs/3.0/plugins/index.html                   |  30 ++-
 docs/3.0/plugins/ngx-svg/index.html           |  30 ++-
 docs/3.0/plugins/svg-colorat-js/index.html    |  30 ++-
 docs/3.0/plugins/svg-draggable-js/index.html  |  30 ++-
 docs/3.0/plugins/svg-easing-js/index.html     |  30 ++-
 docs/3.0/plugins/svg-filter-js/index.html     |  30 ++-
 docs/3.0/plugins/svg-math-js/index.html       |  30 ++-
 docs/3.0/plugins/svg-panzoom-js/index.html    |  30 ++-
 docs/3.0/plugins/svg-path-js/index.html       |  30 ++-
 docs/3.0/plugins/svg-select-js/index.html     |  30 ++-
 docs/3.0/plugins/svg-shapes-js/index.html     |  30 ++-
 docs/3.0/plugins/svg-topath-js/index.html     |  30 ++-
 docs/3.0/plugins/svg-topoly-js/index.html     |  30 ++-
 .../referencing-creating-elements/index.html  |  30 ++-
 docs/3.0/shape-elements/index.html            |  30 ++-
 docs/3.0/sitemap/index.html                   | 216 ++++++++--------
 docs/3.0/tutorials/index.html                 |  30 ++-
 docs/3.1/404.html                             |  30 ++-
 docs/3.1/acknowledgements-thanks/index.html   |  30 ++-
 docs/3.1/animating/index.html                 |  30 ++-
 docs/3.1/classes/index.html                   |  30 ++-
 docs/3.1/compatibility/index.html             |  30 ++-
 docs/3.1/container-elements/index.html        |  30 ++-
 docs/3.1/contributing/coding-style/index.html |  30 ++-
 .../3.1/contributing/documentation/index.html |  30 ++-
 docs/3.1/contributing/index.html              |  30 ++-
 docs/3.1/error/index.html                     |  30 ++-
 docs/3.1/events/index.html                    |  30 ++-
 docs/3.1/extending/index.html                 |  30 ++-
 docs/3.1/faq/index.html                       |  30 ++-
 docs/3.1/getting-started/index.html           |  30 ++-
 docs/3.1/importing-exporting/index.html       |  30 ++-
 docs/3.1/index.html                           |  30 ++-
 docs/3.1/installation/index.html              |  30 ++-
 docs/3.1/manipulating/index.html              |  30 ++-
 docs/3.1/plugins/index.html                   |  30 ++-
 docs/3.1/plugins/ngx-svg/index.html           |  30 ++-
 docs/3.1/plugins/svg-draggable-js/index.html  |  30 ++-
 docs/3.1/plugins/svg-easing-js/index.html     |  30 ++-
 docs/3.1/plugins/svg-filter-js/index.html     |  30 ++-
 docs/3.1/plugins/svg-panzoom-js/index.html    |  30 ++-
 docs/3.1/plugins/svg-topath-js/index.html     |  30 ++-
 docs/3.1/plugins/svg-topoly-js/index.html     |  30 ++-
 .../referencing-creating-elements/index.html  |  30 ++-
 docs/3.1/shape-elements/index.html            |  30 ++-
 docs/3.1/sitemap/index.html                   | 206 ++++++++--------
 docs/3.1/tutorials/index.html                 |  30 ++-
 docs/3.2/404.html                             |  30 ++-
 docs/3.2/acknowledgements-thanks/index.html   |  30 ++-
 docs/3.2/animating/index.html                 |  30 ++-
 docs/3.2/classes/index.html                   |  30 ++-
 docs/3.2/compatibility/index.html             |  30 ++-
 docs/3.2/container-elements/index.html        |  30 ++-
 docs/3.2/contributing/coding-style/index.html |  30 ++-
 .../3.2/contributing/documentation/index.html |  30 ++-
 docs/3.2/contributing/index.html              |  30 ++-
 docs/3.2/error/index.html                     |  30 ++-
 docs/3.2/events/index.html                    |  30 ++-
 docs/3.2/extending/index.html                 |  30 ++-
 docs/3.2/faq/index.html                       |  30 ++-
 docs/3.2/getting-started/index.html           |  30 ++-
 docs/3.2/importing-exporting/index.html       |  30 ++-
 docs/3.2/index.html                           |  30 ++-
 docs/3.2/installation/index.html              |  30 ++-
 docs/3.2/manipulating/index.html              |  30 ++-
 docs/3.2/plugins/index.html                   |  30 ++-
 docs/3.2/plugins/ngx-svg/index.html           |  30 ++-
 docs/3.2/plugins/svg-draggable-js/index.html  |  30 ++-
 docs/3.2/plugins/svg-easing-js/index.html     |  30 ++-
 docs/3.2/plugins/svg-filter-js/index.html     |  30 ++-
 docs/3.2/plugins/svg-panzoom-js/index.html    |  30 ++-
 docs/3.2/plugins/svg-topath-js/index.html     |  30 ++-
 docs/3.2/plugins/svg-topoly-js/index.html     |  30 ++-
 .../referencing-creating-elements/index.html  |  30 ++-
 docs/3.2/shape-elements/index.html            |  30 ++-
 docs/3.2/sitemap/index.html                   | 206 ++++++++--------
 docs/3.2/tutorials/index.html                 |  30 ++-
 139 files changed, 2994 insertions(+), 1914 deletions(-)

diff --git a/docs/2.7/404.html b/docs/2.7/404.html
index 30b79beb..03c26e64 100644
--- a/docs/2.7/404.html
+++ b/docs/2.7/404.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1012,19 +1020,19 @@ <h2 id='but-i-came-here-using-the-search'>But... I came here using the search!</
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/acknowledgements-thanks/index.html b/docs/2.7/acknowledgements-thanks/index.html
index 6e9c532c..03ee3475 100644
--- a/docs/2.7/acknowledgements-thanks/index.html
+++ b/docs/2.7/acknowledgements-thanks/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1012,19 +1020,19 @@ <h2 id='acknowledgements-amp-thanks'>Acknowledgements &amp; Thanks</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/animating/index.html b/docs/2.7/animating/index.html
index 865c9f20..4ae2e56a 100644
--- a/docs/2.7/animating/index.html
+++ b/docs/2.7/animating/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1207,19 +1215,19 @@ <h2 id='during-duringall'>during / duringAll()</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/classes/index.html b/docs/2.7/classes/index.html
index eeb7c95a..a5ca0d19 100644
--- a/docs/2.7/classes/index.html
+++ b/docs/2.7/classes/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1416,19 +1424,19 @@ <h2 id='transform'>transform()</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/compatibility/index.html b/docs/2.7/compatibility/index.html
index 5e236733..ee90f39f 100644
--- a/docs/2.7/compatibility/index.html
+++ b/docs/2.7/compatibility/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1025,19 +1033,19 @@ <h2 id='mobile'>Mobile</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/contributing/coding-style/index.html b/docs/2.7/contributing/coding-style/index.html
index 80e0f60a..93e2bc6b 100644
--- a/docs/2.7/contributing/coding-style/index.html
+++ b/docs/2.7/contributing/coding-style/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1090,19 +1098,19 @@ <h2 id='test-your-code'>Test. Your. Code.</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/contributing/documentation/index.html b/docs/2.7/contributing/documentation/index.html
index 95264385..a098c38d 100644
--- a/docs/2.7/contributing/documentation/index.html
+++ b/docs/2.7/contributing/documentation/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1047,19 +1055,19 @@ <h2 id='building-the-static-version'>Building the static version</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/contributing/index.html b/docs/2.7/contributing/index.html
index 777a51bf..433fb68c 100644
--- a/docs/2.7/contributing/index.html
+++ b/docs/2.7/contributing/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1094,19 +1102,19 @@ <h2 id='install'>Install</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/elements/index.html b/docs/2.7/elements/index.html
index e268582c..0f8a62a1 100644
--- a/docs/2.7/elements/index.html
+++ b/docs/2.7/elements/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1678,19 +1686,19 @@ <h2 id='element-words'><span class="subject">element.</span>words()</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/error/index.html b/docs/2.7/error/index.html
index ad529d4b..410d809e 100644
--- a/docs/2.7/error/index.html
+++ b/docs/2.7/error/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1009,19 +1017,19 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/events/index.html b/docs/2.7/events/index.html
index 57ef173a..a99c4495 100644
--- a/docs/2.7/events/index.html
+++ b/docs/2.7/events/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1095,19 +1103,19 @@ <h1 id='custom-events'>Custom events</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/extending/index.html b/docs/2.7/extending/index.html
index 433423c0..54203c6c 100644
--- a/docs/2.7/extending/index.html
+++ b/docs/2.7/extending/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1104,19 +1112,19 @@ <h1 id='svg-extend'>SVG.extend()</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/faq/index.html b/docs/2.7/faq/index.html
index 0c1b4107..769294a2 100644
--- a/docs/2.7/faq/index.html
+++ b/docs/2.7/faq/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1025,19 +1033,19 @@ <h2 id='how-do-i-contribute-or-fix-something-in-the-docs'>How do I contribute or
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/geometry/index.html b/docs/2.7/geometry/index.html
index fd028bb0..e420aa77 100644
--- a/docs/2.7/geometry/index.html
+++ b/docs/2.7/geometry/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1089,19 +1097,19 @@ <h2 id='addoffset'>addOffset()</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/getting-started/index.html b/docs/2.7/getting-started/index.html
index bbd4bd54..632eb665 100644
--- a/docs/2.7/getting-started/index.html
+++ b/docs/2.7/getting-started/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1061,19 +1069,19 @@ <h2 id='playground'>Playground</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/importing-exporting/index.html b/docs/2.7/importing-exporting/index.html
index 86735a8a..e47cffe5 100644
--- a/docs/2.7/importing-exporting/index.html
+++ b/docs/2.7/importing-exporting/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1021,19 +1029,19 @@ <h2 id='svg-as-setter'>svg() <em>as setter</em></h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/index.html b/docs/2.7/index.html
index 5893fca1..9a1818db 100644
--- a/docs/2.7/index.html
+++ b/docs/2.7/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1072,19 +1080,19 @@ <h3 id='changelog'>Changelog</h3>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/installation/index.html b/docs/2.7/installation/index.html
index f0ff587b..fb47ad45 100644
--- a/docs/2.7/installation/index.html
+++ b/docs/2.7/installation/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1018,19 +1026,19 @@ <h2 id='download'>Download</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/manipulating/index.html b/docs/2.7/manipulating/index.html
index 95e38880..713aaf37 100644
--- a/docs/2.7/manipulating/index.html
+++ b/docs/2.7/manipulating/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1459,19 +1467,19 @@ <h2 id='inside'>inside()</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/parents/index.html b/docs/2.7/parents/index.html
index 35232dc9..76669336 100644
--- a/docs/2.7/parents/index.html
+++ b/docs/2.7/parents/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1084,19 +1092,19 @@ <h2 id='link-constructor'>link() <span class="suffix">constructor</span></h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/index.html b/docs/2.7/plugins/index.html
index 3e8003f9..6fc030f1 100644
--- a/docs/2.7/plugins/index.html
+++ b/docs/2.7/plugins/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1032,19 +1040,19 @@ <h1 id='plugins'>Plugins</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-colorat-js/index.html b/docs/2.7/plugins/svg-colorat-js/index.html
index e8baf257..ff430bd1 100644
--- a/docs/2.7/plugins/svg-colorat-js/index.html
+++ b/docs/2.7/plugins/svg-colorat-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1011,19 +1019,19 @@ <h1 id='svg-colorat-js'>svg.colorat.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-connectable-js/index.html b/docs/2.7/plugins/svg-connectable-js/index.html
index fa452287..5177f907 100644
--- a/docs/2.7/plugins/svg-connectable-js/index.html
+++ b/docs/2.7/plugins/svg-connectable-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1011,19 +1019,19 @@ <h1 id='svg-connectable-js'>svg.connectable.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-declarative-js/index.html b/docs/2.7/plugins/svg-declarative-js/index.html
index 25d98e79..7e7fc9a6 100644
--- a/docs/2.7/plugins/svg-declarative-js/index.html
+++ b/docs/2.7/plugins/svg-declarative-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-declarative-js'>svg.declarative.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-draggable-js/index.html b/docs/2.7/plugins/svg-draggable-js/index.html
index e6962fc4..8985f9d5 100644
--- a/docs/2.7/plugins/svg-draggable-js/index.html
+++ b/docs/2.7/plugins/svg-draggable-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-draggable-js'>svg.draggable.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-draw-js/index.html b/docs/2.7/plugins/svg-draw-js/index.html
index 5c6d3b97..79222339 100644
--- a/docs/2.7/plugins/svg-draw-js/index.html
+++ b/docs/2.7/plugins/svg-draw-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-draw-js'>svg.draw.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-easing-js/index.html b/docs/2.7/plugins/svg-easing-js/index.html
index 511d1555..338d1823 100644
--- a/docs/2.7/plugins/svg-easing-js/index.html
+++ b/docs/2.7/plugins/svg-easing-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-easing-js'>svg.easing.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-filter-js/index.html b/docs/2.7/plugins/svg-filter-js/index.html
index 7f1b8a10..34d81030 100644
--- a/docs/2.7/plugins/svg-filter-js/index.html
+++ b/docs/2.7/plugins/svg-filter-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-filter-js'>svg.filter.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-foreignobject-js/index.html b/docs/2.7/plugins/svg-foreignobject-js/index.html
index 066e9695..c53746f0 100644
--- a/docs/2.7/plugins/svg-foreignobject-js/index.html
+++ b/docs/2.7/plugins/svg-foreignobject-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-foreignobject-js'>svg.foreignobject.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-intersections-js/index.html b/docs/2.7/plugins/svg-intersections-js/index.html
index e2aaccd1..90461017 100644
--- a/docs/2.7/plugins/svg-intersections-js/index.html
+++ b/docs/2.7/plugins/svg-intersections-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-intersections-js'>svg.intersections.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-math-js/index.html b/docs/2.7/plugins/svg-math-js/index.html
index dbeaf52a..40f60abf 100644
--- a/docs/2.7/plugins/svg-math-js/index.html
+++ b/docs/2.7/plugins/svg-math-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-math-js'>svg.math.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-panzoom-js/index.html b/docs/2.7/plugins/svg-panzoom-js/index.html
index 46e4c7bd..73b977d8 100644
--- a/docs/2.7/plugins/svg-panzoom-js/index.html
+++ b/docs/2.7/plugins/svg-panzoom-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-panzoom-js'>svg.panzoom.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-path-js/index.html b/docs/2.7/plugins/svg-path-js/index.html
index 4fe1f44a..b4c4512b 100644
--- a/docs/2.7/plugins/svg-path-js/index.html
+++ b/docs/2.7/plugins/svg-path-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-path-js'>svg.path.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-pathmorphing-js/index.html b/docs/2.7/plugins/svg-pathmorphing-js/index.html
index 1cf2511e..53f63881 100644
--- a/docs/2.7/plugins/svg-pathmorphing-js/index.html
+++ b/docs/2.7/plugins/svg-pathmorphing-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-pathmorphing-js'>svg.pathmorphing.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-resize-js/index.html b/docs/2.7/plugins/svg-resize-js/index.html
index 3f8b550a..f7a1a5f2 100644
--- a/docs/2.7/plugins/svg-resize-js/index.html
+++ b/docs/2.7/plugins/svg-resize-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-resize-js'>svg.resize.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-screenbbox-js/index.html b/docs/2.7/plugins/svg-screenbbox-js/index.html
index 1196a4bd..b5940439 100644
--- a/docs/2.7/plugins/svg-screenbbox-js/index.html
+++ b/docs/2.7/plugins/svg-screenbbox-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-screenbbox-js'>svg.screenbbox.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-select-js/index.html b/docs/2.7/plugins/svg-select-js/index.html
index de284397..2bc3bb9a 100644
--- a/docs/2.7/plugins/svg-select-js/index.html
+++ b/docs/2.7/plugins/svg-select-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-select-js'>svg.select.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-shapes-js/index.html b/docs/2.7/plugins/svg-shapes-js/index.html
index 12888859..354641f1 100644
--- a/docs/2.7/plugins/svg-shapes-js/index.html
+++ b/docs/2.7/plugins/svg-shapes-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-shapes-js'>svg.shapes.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-textmorph-js/index.html b/docs/2.7/plugins/svg-textmorph-js/index.html
index fece648b..f926286e 100644
--- a/docs/2.7/plugins/svg-textmorph-js/index.html
+++ b/docs/2.7/plugins/svg-textmorph-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-textmorph-js'>svg.textmorph.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-topath-js/index.html b/docs/2.7/plugins/svg-topath-js/index.html
index b09c4884..af7a51ed 100644
--- a/docs/2.7/plugins/svg-topath-js/index.html
+++ b/docs/2.7/plugins/svg-topath-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-topath-js'>svg.topath.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/plugins/svg-topoly-js/index.html b/docs/2.7/plugins/svg-topoly-js/index.html
index 48818a8e..2cd3b3f2 100644
--- a/docs/2.7/plugins/svg-topoly-js/index.html
+++ b/docs/2.7/plugins/svg-topoly-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1010,19 +1018,19 @@ <h1 id='svg-topoly-js'>svg.topoly.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/referencing/index.html b/docs/2.7/referencing/index.html
index 92ea3bfa..a8ed5667 100644
--- a/docs/2.7/referencing/index.html
+++ b/docs/2.7/referencing/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1171,19 +1179,19 @@ <h2 id='reference'>reference()</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/2.7/sitemap/index.html b/docs/2.7/sitemap/index.html
index 8e00c899..aca8001c 100644
--- a/docs/2.7/sitemap/index.html
+++ b/docs/2.7/sitemap/index.html
@@ -1,577 +1,577 @@
 <?xml version="1.0" encoding="utf-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
       <url>
     <loc>/docs/2.7</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>1</priority>
   </url>
       <url>
     <loc>/docs/2.7/installation</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/getting-started</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/parents</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/parents/svg-doc</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/parents/svg-nested</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/parents/svg-g</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/parents/svg-symbol</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/parents/svg-defs</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/parents/svg-a</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-rect</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-circle</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-ellipse</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-line</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-polyline</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-polygon</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-path</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-text</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-textpath</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-tspan</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-image</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-gradient</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-stop</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-pattern</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-mask</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-clippath</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-use</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-marker</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/elements/svg-bare</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/referencing</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/referencing/by-id</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/referencing/using-css-selectors</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/referencing/existing-dom-elements</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/referencing/using-jquery-or-zepto</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/referencing/circular-reference</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/referencing/child-references</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/referencing/parent-references</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/referencing/uri-references</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/attributes</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/positioning</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/resizing</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/syntactic-sugar</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/transforming</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/styles</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/classes</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/data</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/memory</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/document-tree</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/arranging</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/manipulating/geometry</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/geometry</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/geometry/svg-box</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/geometry/svg-viewbox</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/geometry/svg-bbox</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/geometry/svg-rbox</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/animating</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/animating/animate</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/animating/controlling</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/animating/timing</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/animating/callbacks</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/events</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/events/basic-events</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/events/event-listeners</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/events/custom-events</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/classes</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/classes/svg-array</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/classes/svg-pointarray</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/classes/svg-patharray</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/classes/svg-color</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/classes/svg-matrix</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/classes/svg-number</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/classes/svg-set</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/classes/svg-point</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/importing-exporting</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/extending</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/extending/svg-invent</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/extending/svg-extend</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/tutorials</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-colorat-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-connectable-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-easing-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-draw-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-draggable-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-filter-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-foreignobject-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-intersections-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-math-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-path-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-pathmorphing-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-resize-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-screenbbox-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-select-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-shapes-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-textmorph-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-topath-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-topoly-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-panzoom-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/plugins/svg-declarative-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/contributing</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/contributing/coding-style</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/contributing/documentation</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/compatibility</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/faq</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/faq/two-svg-s-are-generated-when-i-initialize-svg-js-is-that-a-bug</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/faq/can-svg-js-run-on-node-js</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/faq/how-can-i-modify-an-element-that-already-exists-in-the-dom</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/faq/i-need-help-getting-something-to-work</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/faq/i-found-a-bug-where-do-i-report-it</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/faq/where-can-i-find-tutorials</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/faq/how-do-i-contribute-or-fix-something-in-the-docs</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/2.7/acknowledgements-thanks</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/2.7/404</loc>
-    <lastmod>2024-06-18T12:34:42+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:19+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       </urlset>
\ No newline at end of file
diff --git a/docs/2.7/tutorials/index.html b/docs/2.7/tutorials/index.html
index 20e85da6..3961f376 100644
--- a/docs/2.7/tutorials/index.html
+++ b/docs/2.7/tutorials/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/2.7/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/2.7/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/2.7">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1016,19 +1024,19 @@ <h2 id='animating-shapes-along-a-path'>Animating shapes along a path</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/2.7/assets/js/libs/highlight.pack.js"></script><script src="/docs/2.7/assets/js/libs/accordion-plain.js"></script><script src="/docs/2.7/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:2.7"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:2.7"] },
 });
 </script>
 
diff --git a/docs/3.0/404.html b/docs/3.0/404.html
index 9e82775e..e7c3131b 100644
--- a/docs/3.0/404.html
+++ b/docs/3.0/404.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -953,19 +961,19 @@ <h2 id='but-i-came-here-using-the-search'>But... I came here using the search!</
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/acknowledgements-thanks/index.html b/docs/3.0/acknowledgements-thanks/index.html
index ef92a276..2e77735d 100644
--- a/docs/3.0/acknowledgements-thanks/index.html
+++ b/docs/3.0/acknowledgements-thanks/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -953,19 +961,19 @@ <h2 id='acknowledgements-amp-thanks'>Acknowledgements &amp; Thanks</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/animating/index.html b/docs/3.0/animating/index.html
index 93916e61..3ed23b52 100644
--- a/docs/3.0/animating/index.html
+++ b/docs/3.0/animating/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1140,19 +1148,19 @@ <h2 id='orchestrate-animations'>Orchestrate Animations</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/classes/index.html b/docs/3.0/classes/index.html
index 9ec6511c..72c7d9a1 100644
--- a/docs/3.0/classes/index.html
+++ b/docs/3.0/classes/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1343,19 +1351,19 @@ <h2 id='dispatch'>dispatch()</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/compatibility/index.html b/docs/3.0/compatibility/index.html
index c8aae9ec..d4885ca2 100644
--- a/docs/3.0/compatibility/index.html
+++ b/docs/3.0/compatibility/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -970,19 +978,19 @@ <h2 id='mobile'>Mobile</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/container-elements/index.html b/docs/3.0/container-elements/index.html
index fa9078ab..90f4d4ac 100644
--- a/docs/3.0/container-elements/index.html
+++ b/docs/3.0/container-elements/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1019,19 +1027,19 @@ <h2 id='link-constructor'>link() <span class="suffix">constructor</span></h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/contributing/coding-style/index.html b/docs/3.0/contributing/coding-style/index.html
index 2d769fa0..855733c3 100644
--- a/docs/3.0/contributing/coding-style/index.html
+++ b/docs/3.0/contributing/coding-style/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1031,19 +1039,19 @@ <h2 id='test-your-code'>Test. Your. Code.</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/contributing/documentation/index.html b/docs/3.0/contributing/documentation/index.html
index 3cdf97bb..06a25dd3 100644
--- a/docs/3.0/contributing/documentation/index.html
+++ b/docs/3.0/contributing/documentation/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -988,19 +996,19 @@ <h2 id='building-the-static-version'>Building the static version</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/contributing/index.html b/docs/3.0/contributing/index.html
index 40662218..749c780e 100644
--- a/docs/3.0/contributing/index.html
+++ b/docs/3.0/contributing/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -986,19 +994,19 @@ <h2 id='install'>Install</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/error/index.html b/docs/3.0/error/index.html
index 52c90cdd..689ee006 100644
--- a/docs/3.0/error/index.html
+++ b/docs/3.0/error/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -950,19 +958,19 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/events/index.html b/docs/3.0/events/index.html
index 02444d30..de5ad4a2 100644
--- a/docs/3.0/events/index.html
+++ b/docs/3.0/events/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1045,19 +1053,19 @@ <h1 id='custom-events'>Custom events</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/extending/index.html b/docs/3.0/extending/index.html
index aa5dadfd..133d6bc6 100644
--- a/docs/3.0/extending/index.html
+++ b/docs/3.0/extending/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1007,19 +1015,19 @@ <h1 id='subclassing'>Subclassing</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/faq/index.html b/docs/3.0/faq/index.html
index 49358b8c..9080af11 100644
--- a/docs/3.0/faq/index.html
+++ b/docs/3.0/faq/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -967,19 +975,19 @@ <h2 id='how-do-i-contribute-or-fix-something-in-the-docs'>How do I contribute or
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/getting-started/index.html b/docs/3.0/getting-started/index.html
index 06d8d7ad..fe87d5e2 100644
--- a/docs/3.0/getting-started/index.html
+++ b/docs/3.0/getting-started/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1017,19 +1025,19 @@ <h2 id='playground'>Playground</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/importing-exporting/index.html b/docs/3.0/importing-exporting/index.html
index 92493130..07893ead 100644
--- a/docs/3.0/importing-exporting/index.html
+++ b/docs/3.0/importing-exporting/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -980,19 +988,19 @@ <h2 id='svg-as-setter'>svg() <em>as setter</em></h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/index.html b/docs/3.0/index.html
index c8c82ebb..4d1fa0b4 100644
--- a/docs/3.0/index.html
+++ b/docs/3.0/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -996,19 +1004,19 @@ <h3 id='changelog'>Changelog</h3>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/installation/index.html b/docs/3.0/installation/index.html
index 703d8b2c..c4c5ff13 100644
--- a/docs/3.0/installation/index.html
+++ b/docs/3.0/installation/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -960,19 +968,19 @@ <h2 id='download'>Download</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/manipulating/index.html b/docs/3.0/manipulating/index.html
index 4e4f6e48..1858d7b3 100644
--- a/docs/3.0/manipulating/index.html
+++ b/docs/3.0/manipulating/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1463,19 +1471,19 @@ <h3 id='viewbox-as-getter'>viewbox() <em>as getter</em></h3>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/index.html b/docs/3.0/plugins/index.html
index 7c761fcc..c2ef6864 100644
--- a/docs/3.0/plugins/index.html
+++ b/docs/3.0/plugins/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -964,19 +972,19 @@ <h1 id='plugins'>Plugins</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/ngx-svg/index.html b/docs/3.0/plugins/ngx-svg/index.html
index 633f3f7f..3f095f7c 100644
--- a/docs/3.0/plugins/ngx-svg/index.html
+++ b/docs/3.0/plugins/ngx-svg/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='ngx-svg'>ngx-svg</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-colorat-js/index.html b/docs/3.0/plugins/svg-colorat-js/index.html
index 5f9e6f3b..c8829631 100644
--- a/docs/3.0/plugins/svg-colorat-js/index.html
+++ b/docs/3.0/plugins/svg-colorat-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -952,19 +960,19 @@ <h1 id='svg-colorat-js'>svg.colorat.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-draggable-js/index.html b/docs/3.0/plugins/svg-draggable-js/index.html
index 3d6a4e4e..a7d01253 100644
--- a/docs/3.0/plugins/svg-draggable-js/index.html
+++ b/docs/3.0/plugins/svg-draggable-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='svg-draggable-js'>svg.draggable.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-easing-js/index.html b/docs/3.0/plugins/svg-easing-js/index.html
index 75168cf7..a753e172 100644
--- a/docs/3.0/plugins/svg-easing-js/index.html
+++ b/docs/3.0/plugins/svg-easing-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='svg-easing-js'>svg.easing.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-filter-js/index.html b/docs/3.0/plugins/svg-filter-js/index.html
index d86d2e17..d37d8783 100644
--- a/docs/3.0/plugins/svg-filter-js/index.html
+++ b/docs/3.0/plugins/svg-filter-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='svg-filter-js'>svg.filter.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-math-js/index.html b/docs/3.0/plugins/svg-math-js/index.html
index ad21ef78..ff823cee 100644
--- a/docs/3.0/plugins/svg-math-js/index.html
+++ b/docs/3.0/plugins/svg-math-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='svg-math-js'>svg.math.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-panzoom-js/index.html b/docs/3.0/plugins/svg-panzoom-js/index.html
index 634dc67a..c1f483fe 100644
--- a/docs/3.0/plugins/svg-panzoom-js/index.html
+++ b/docs/3.0/plugins/svg-panzoom-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='svg-panzoom-js'>svg.panzoom.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-path-js/index.html b/docs/3.0/plugins/svg-path-js/index.html
index 308bf21b..7569f8d9 100644
--- a/docs/3.0/plugins/svg-path-js/index.html
+++ b/docs/3.0/plugins/svg-path-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='svg-path-js'>svg.path.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-select-js/index.html b/docs/3.0/plugins/svg-select-js/index.html
index 2e2f9226..84a47f46 100644
--- a/docs/3.0/plugins/svg-select-js/index.html
+++ b/docs/3.0/plugins/svg-select-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='svg-select-js'>svg.select.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-shapes-js/index.html b/docs/3.0/plugins/svg-shapes-js/index.html
index 5065eae4..dd10ccb2 100644
--- a/docs/3.0/plugins/svg-shapes-js/index.html
+++ b/docs/3.0/plugins/svg-shapes-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='svg-shapes-js'>svg.shapes.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-topath-js/index.html b/docs/3.0/plugins/svg-topath-js/index.html
index 62391997..575279c7 100644
--- a/docs/3.0/plugins/svg-topath-js/index.html
+++ b/docs/3.0/plugins/svg-topath-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='svg-topath-js'>svg.topath.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/plugins/svg-topoly-js/index.html b/docs/3.0/plugins/svg-topoly-js/index.html
index 4951e645..ec40fb89 100644
--- a/docs/3.0/plugins/svg-topoly-js/index.html
+++ b/docs/3.0/plugins/svg-topoly-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -951,19 +959,19 @@ <h1 id='svg-topoly-js'>svg.topoly.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/referencing-creating-elements/index.html b/docs/3.0/referencing-creating-elements/index.html
index b9ca6894..66a9b7be 100644
--- a/docs/3.0/referencing-creating-elements/index.html
+++ b/docs/3.0/referencing-creating-elements/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1125,19 +1133,19 @@ <h2 id='object-constructor'>object constructor</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/shape-elements/index.html b/docs/3.0/shape-elements/index.html
index 48b553d3..82a40eb8 100644
--- a/docs/3.0/shape-elements/index.html
+++ b/docs/3.0/shape-elements/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1654,19 +1662,19 @@ <h2 id='foreignobject-constructor'>foreignObject() <span class="suffix">construc
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.0/sitemap/index.html b/docs/3.0/sitemap/index.html
index a6bc50d2..d405a0c6 100644
--- a/docs/3.0/sitemap/index.html
+++ b/docs/3.0/sitemap/index.html
@@ -1,542 +1,542 @@
 <?xml version="1.0" encoding="utf-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
       <url>
     <loc>/docs/3.0</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>1</priority>
   </url>
       <url>
     <loc>/docs/3.0/installation</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/getting-started</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/container-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/container-elements/svg-svg</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/container-elements/svg-g</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/container-elements/svg-symbol</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/container-elements/svg-defs</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/container-elements/svg-a</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/general-handling-of-svg-js-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-bare</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-rect</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-circle</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-ellipse</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-line</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-polyline</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-polygon</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-path</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-text</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-textpath</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-tspan</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-image</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-gradient</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-stop</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-pattern</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-mask</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-clippath</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-use</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-marker</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-style</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/shape-elements/svg-foreignobject</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/referencing-creating-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/referencing-creating-elements/using-css-selectors</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/referencing-creating-elements/existing-dom-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/referencing-creating-elements/using-jquery-or-zepto</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/referencing-creating-elements/circular-reference</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/referencing-creating-elements/child-references</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/referencing-creating-elements/parent-references</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/referencing-creating-elements/uri-references</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/referencing-creating-elements/creating-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/attributes</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/positioning</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/resizing</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/syntactic-sugar</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/transforming</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/styles</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/classes</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/data</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/memory</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/document-tree</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/arranging</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/manipulating/geometry</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/animating</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/animating/animate</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/animating/svg-runner</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/animating/easing</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/animating/svg-timeline</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/animating/controllers</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/animating/orchestrate-animations</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/events</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/events/basic-events</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/events/event-listeners</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/events/custom-events</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes/svg-box</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes/svg-list</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes/svg-array</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes/svg-pointarray</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes/svg-patharray</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes/svg-color</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes/svg-matrix</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes/svg-number</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes/svg-point</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/classes/svg-eventtarget</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/importing-exporting</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/extending</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/extending/svg-extend</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/extending/subclassing</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/tutorials</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-colorat-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-easing-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-draggable-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-filter-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-math-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-path-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-select-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-shapes-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-topath-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-topoly-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/svg-panzoom-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/plugins/ngx-svg</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/contributing</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/contributing/coding-style</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/contributing/documentation</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/compatibility</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/faq</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/faq/two-svg-s-are-generated-when-i-initialize-svg-js-is-that-a-bug</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/faq/can-svg-js-run-on-node-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/faq/how-can-i-modify-an-element-that-already-exists-in-the-dom</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/faq/i-need-help-getting-something-to-work</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/faq/i-found-a-bug-where-do-i-report-it</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/faq/where-can-i-find-tutorials</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/faq/how-do-i-contribute-or-fix-something-in-the-docs</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.0/acknowledgements-thanks</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.0/404</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       </urlset>
\ No newline at end of file
diff --git a/docs/3.0/tutorials/index.html b/docs/3.0/tutorials/index.html
index 34a0bc06..494c0549 100644
--- a/docs/3.0/tutorials/index.html
+++ b/docs/3.0/tutorials/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.0/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.0/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.0">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -959,19 +967,19 @@ <h3 id='animating-shapes-along-a-path'>Animating shapes along a path</h3>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.0/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.0/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.0/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.0"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.0"] },
 });
 </script>
 
diff --git a/docs/3.1/404.html b/docs/3.1/404.html
index 4d558fae..38d26112 100644
--- a/docs/3.1/404.html
+++ b/docs/3.1/404.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -913,19 +921,19 @@ <h2 id='but-i-came-here-using-the-search'>But... I came here using the search!</
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/acknowledgements-thanks/index.html b/docs/3.1/acknowledgements-thanks/index.html
index 9f2cee32..06e5bb97 100644
--- a/docs/3.1/acknowledgements-thanks/index.html
+++ b/docs/3.1/acknowledgements-thanks/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -913,19 +921,19 @@ <h2 id='acknowledgements-amp-thanks'>Acknowledgements &amp; Thanks</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/animating/index.html b/docs/3.1/animating/index.html
index 1acb0d05..8784829d 100644
--- a/docs/3.1/animating/index.html
+++ b/docs/3.1/animating/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1100,19 +1108,19 @@ <h2 id='orchestrate-animations'>Orchestrate Animations</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/classes/index.html b/docs/3.1/classes/index.html
index 6cf5ab9a..b872ec0d 100644
--- a/docs/3.1/classes/index.html
+++ b/docs/3.1/classes/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1303,19 +1311,19 @@ <h2 id='dispatch'>dispatch()</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/compatibility/index.html b/docs/3.1/compatibility/index.html
index 2dfc094c..ebf7cc6a 100644
--- a/docs/3.1/compatibility/index.html
+++ b/docs/3.1/compatibility/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -930,19 +938,19 @@ <h2 id='mobile'>Mobile</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/container-elements/index.html b/docs/3.1/container-elements/index.html
index 8354cf50..5295352d 100644
--- a/docs/3.1/container-elements/index.html
+++ b/docs/3.1/container-elements/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1011,19 +1019,19 @@ <h1 id='svg-fragment'>SVG.Fragment</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/contributing/coding-style/index.html b/docs/3.1/contributing/coding-style/index.html
index 487d3aca..7cf3892f 100644
--- a/docs/3.1/contributing/coding-style/index.html
+++ b/docs/3.1/contributing/coding-style/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -991,19 +999,19 @@ <h2 id='test-your-code'>Test. Your. Code.</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/contributing/documentation/index.html b/docs/3.1/contributing/documentation/index.html
index b371c86f..67179707 100644
--- a/docs/3.1/contributing/documentation/index.html
+++ b/docs/3.1/contributing/documentation/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -948,19 +956,19 @@ <h2 id='building-the-static-version'>Building the static version</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/contributing/index.html b/docs/3.1/contributing/index.html
index d01e706a..a4307148 100644
--- a/docs/3.1/contributing/index.html
+++ b/docs/3.1/contributing/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -946,19 +954,19 @@ <h2 id='install'>Install</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/error/index.html b/docs/3.1/error/index.html
index 6c67dbfe..9b86e075 100644
--- a/docs/3.1/error/index.html
+++ b/docs/3.1/error/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -910,19 +918,19 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/events/index.html b/docs/3.1/events/index.html
index 6e98afea..69a6054a 100644
--- a/docs/3.1/events/index.html
+++ b/docs/3.1/events/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1009,19 +1017,19 @@ <h1 id='custom-events'>Custom events</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/extending/index.html b/docs/3.1/extending/index.html
index 6814fd8f..896fb08b 100644
--- a/docs/3.1/extending/index.html
+++ b/docs/3.1/extending/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -967,19 +975,19 @@ <h1 id='subclassing'>Subclassing</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/faq/index.html b/docs/3.1/faq/index.html
index 14cd6212..66389d1b 100644
--- a/docs/3.1/faq/index.html
+++ b/docs/3.1/faq/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -927,19 +935,19 @@ <h2 id='how-do-i-contribute-or-fix-something-in-the-docs'>How do I contribute or
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/getting-started/index.html b/docs/3.1/getting-started/index.html
index f15c9dde..a849a166 100644
--- a/docs/3.1/getting-started/index.html
+++ b/docs/3.1/getting-started/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -976,19 +984,19 @@ <h2 id='playground'>Playground</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/importing-exporting/index.html b/docs/3.1/importing-exporting/index.html
index 937dee1a..401d38ca 100644
--- a/docs/3.1/importing-exporting/index.html
+++ b/docs/3.1/importing-exporting/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -948,19 +956,19 @@ <h1 id='import-export-html-or-xml'>Import / export HTML or XML</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/index.html b/docs/3.1/index.html
index 143dd0ae..d8d2adfc 100644
--- a/docs/3.1/index.html
+++ b/docs/3.1/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -956,19 +964,19 @@ <h3 id='changelog'>Changelog</h3>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/installation/index.html b/docs/3.1/installation/index.html
index 1ce304c4..c929ee8d 100644
--- a/docs/3.1/installation/index.html
+++ b/docs/3.1/installation/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -920,19 +928,19 @@ <h2 id='download'>Download</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/manipulating/index.html b/docs/3.1/manipulating/index.html
index 14a71045..b5fc8079 100644
--- a/docs/3.1/manipulating/index.html
+++ b/docs/3.1/manipulating/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1467,19 +1475,19 @@ <h3 id='viewbox-as-getter'>viewbox() <em>as getter</em></h3>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/plugins/index.html b/docs/3.1/plugins/index.html
index cf51bf8c..e5e4dade 100644
--- a/docs/3.1/plugins/index.html
+++ b/docs/3.1/plugins/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -924,19 +932,19 @@ <h1 id='plugins'>Plugins</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/plugins/ngx-svg/index.html b/docs/3.1/plugins/ngx-svg/index.html
index 88dffdeb..769e74bb 100644
--- a/docs/3.1/plugins/ngx-svg/index.html
+++ b/docs/3.1/plugins/ngx-svg/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='ngx-svg'>ngx-svg</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/plugins/svg-draggable-js/index.html b/docs/3.1/plugins/svg-draggable-js/index.html
index a9cc54b9..251dd414 100644
--- a/docs/3.1/plugins/svg-draggable-js/index.html
+++ b/docs/3.1/plugins/svg-draggable-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-draggable-js'>svg.draggable.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/plugins/svg-easing-js/index.html b/docs/3.1/plugins/svg-easing-js/index.html
index 3f9d04cc..53b49039 100644
--- a/docs/3.1/plugins/svg-easing-js/index.html
+++ b/docs/3.1/plugins/svg-easing-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-easing-js'>svg.easing.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/plugins/svg-filter-js/index.html b/docs/3.1/plugins/svg-filter-js/index.html
index f0362af6..eecbfbe9 100644
--- a/docs/3.1/plugins/svg-filter-js/index.html
+++ b/docs/3.1/plugins/svg-filter-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-filter-js'>svg.filter.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/plugins/svg-panzoom-js/index.html b/docs/3.1/plugins/svg-panzoom-js/index.html
index 656b0177..79e14ac9 100644
--- a/docs/3.1/plugins/svg-panzoom-js/index.html
+++ b/docs/3.1/plugins/svg-panzoom-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-panzoom-js'>svg.panzoom.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/plugins/svg-topath-js/index.html b/docs/3.1/plugins/svg-topath-js/index.html
index add88ca9..84fe6e6e 100644
--- a/docs/3.1/plugins/svg-topath-js/index.html
+++ b/docs/3.1/plugins/svg-topath-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-topath-js'>svg.topath.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/plugins/svg-topoly-js/index.html b/docs/3.1/plugins/svg-topoly-js/index.html
index 170ddcca..f1239dad 100644
--- a/docs/3.1/plugins/svg-topoly-js/index.html
+++ b/docs/3.1/plugins/svg-topoly-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-topoly-js'>svg.topoly.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/referencing-creating-elements/index.html b/docs/3.1/referencing-creating-elements/index.html
index 7546d102..387b8896 100644
--- a/docs/3.1/referencing-creating-elements/index.html
+++ b/docs/3.1/referencing-creating-elements/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1087,19 +1095,19 @@ <h2 id='object-constructor'>object constructor</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/shape-elements/index.html b/docs/3.1/shape-elements/index.html
index 9d0aa4f5..89895809 100644
--- a/docs/3.1/shape-elements/index.html
+++ b/docs/3.1/shape-elements/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1650,19 +1658,19 @@ <h2 id='foreignobject-constructor'>foreignObject() <span class="suffix">construc
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.1/sitemap/index.html b/docs/3.1/sitemap/index.html
index 33d172ff..979aa6fa 100644
--- a/docs/3.1/sitemap/index.html
+++ b/docs/3.1/sitemap/index.html
@@ -1,517 +1,517 @@
 <?xml version="1.0" encoding="utf-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
       <url>
     <loc>/docs/3.1</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>1</priority>
   </url>
       <url>
     <loc>/docs/3.1/installation</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/getting-started</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/container-elements</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/container-elements/svg-svg</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/container-elements/svg-g</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/container-elements/svg-symbol</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/container-elements/svg-defs</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/container-elements/svg-a</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/general-handling-of-svg-js-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-bare</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-rect</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-circle</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-ellipse</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-line</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-polyline</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-polygon</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-path</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-text</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-textpath</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-tspan</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-image</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-gradient</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-stop</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-pattern</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-mask</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-clippath</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-use</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-marker</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-style</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/shape-elements/svg-foreignobject</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/referencing-creating-elements</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/referencing-creating-elements/using-css-selectors</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/referencing-creating-elements/existing-dom-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/referencing-creating-elements/using-jquery-or-zepto</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/referencing-creating-elements/circular-reference</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/referencing-creating-elements/child-references</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/referencing-creating-elements/parent-references</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/referencing-creating-elements/uri-references</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/referencing-creating-elements/creating-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/attributes</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/positioning</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/resizing</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/syntactic-sugar</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/transforming</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/styles</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/classes</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/data</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/memory</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/document-tree</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/arranging</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/manipulating/geometry</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/animating</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/animating/animate</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/animating/svg-runner</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/animating/easing</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/animating/svg-timeline</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/animating/controllers</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/animating/orchestrate-animations</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/events</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/events/basic-events</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/events/event-listeners</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/events/custom-events</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes/svg-box</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes/svg-list</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes/svg-array</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes/svg-pointarray</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes/svg-patharray</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes/svg-color</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes/svg-matrix</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes/svg-number</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes/svg-point</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/classes/svg-eventtarget</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/importing-exporting</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/extending</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/extending/svg-extend</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/extending/subclassing</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/tutorials</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/plugins</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/plugins/svg-easing-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/plugins/svg-draggable-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/plugins/svg-filter-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/plugins/svg-topath-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/plugins/svg-topoly-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/plugins/svg-panzoom-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/plugins/ngx-svg</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/contributing</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/contributing/coding-style</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/contributing/documentation</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/compatibility</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/faq</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/faq/two-svg-s-are-generated-when-i-initialize-svg-js-is-that-a-bug</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/faq/can-svg-js-run-on-node-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/faq/how-can-i-modify-an-element-that-already-exists-in-the-dom</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/faq/i-need-help-getting-something-to-work</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/faq/i-found-a-bug-where-do-i-report-it</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/faq/where-can-i-find-tutorials</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/faq/how-do-i-contribute-or-fix-something-in-the-docs</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.1/acknowledgements-thanks</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.1/404</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       </urlset>
\ No newline at end of file
diff --git a/docs/3.1/tutorials/index.html b/docs/3.1/tutorials/index.html
index 9a292385..3172825a 100644
--- a/docs/3.1/tutorials/index.html
+++ b/docs/3.1/tutorials/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.1/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.1/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.1">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -919,19 +927,19 @@ <h3 id='animating-shapes-along-a-path'>Animating shapes along a path</h3>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.1/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.1/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.1/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.1"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.1"] },
 });
 </script>
 
diff --git a/docs/3.2/404.html b/docs/3.2/404.html
index 80404531..4215e077 100644
--- a/docs/3.2/404.html
+++ b/docs/3.2/404.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -913,19 +921,19 @@ <h2 id='but-i-came-here-using-the-search'>But... I came here using the search!</
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/acknowledgements-thanks/index.html b/docs/3.2/acknowledgements-thanks/index.html
index 995b935d..fa2958be 100644
--- a/docs/3.2/acknowledgements-thanks/index.html
+++ b/docs/3.2/acknowledgements-thanks/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -913,19 +921,19 @@ <h2 id='acknowledgements-amp-thanks'>Acknowledgements &amp; Thanks</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/animating/index.html b/docs/3.2/animating/index.html
index 84cce9b3..13e18c22 100644
--- a/docs/3.2/animating/index.html
+++ b/docs/3.2/animating/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1100,19 +1108,19 @@ <h2 id='orchestrate-animations'>Orchestrate Animations</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/classes/index.html b/docs/3.2/classes/index.html
index 081314e4..a9db7e33 100644
--- a/docs/3.2/classes/index.html
+++ b/docs/3.2/classes/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1303,19 +1311,19 @@ <h2 id='dispatch'>dispatch()</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/compatibility/index.html b/docs/3.2/compatibility/index.html
index 1bd1aa18..0a21df17 100644
--- a/docs/3.2/compatibility/index.html
+++ b/docs/3.2/compatibility/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -930,19 +938,19 @@ <h2 id='mobile'>Mobile</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/container-elements/index.html b/docs/3.2/container-elements/index.html
index b14e2fff..49b67e38 100644
--- a/docs/3.2/container-elements/index.html
+++ b/docs/3.2/container-elements/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1011,19 +1019,19 @@ <h1 id='svg-fragment'>SVG.Fragment</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/contributing/coding-style/index.html b/docs/3.2/contributing/coding-style/index.html
index 8c04016d..7f235955 100644
--- a/docs/3.2/contributing/coding-style/index.html
+++ b/docs/3.2/contributing/coding-style/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -991,19 +999,19 @@ <h2 id='test-your-code'>Test. Your. Code.</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/contributing/documentation/index.html b/docs/3.2/contributing/documentation/index.html
index c36a789e..4f3fe447 100644
--- a/docs/3.2/contributing/documentation/index.html
+++ b/docs/3.2/contributing/documentation/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -948,19 +956,19 @@ <h2 id='building-the-static-version'>Building the static version</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/contributing/index.html b/docs/3.2/contributing/index.html
index 1dcd4352..91f2719b 100644
--- a/docs/3.2/contributing/index.html
+++ b/docs/3.2/contributing/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -946,19 +954,19 @@ <h2 id='install'>Install</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/error/index.html b/docs/3.2/error/index.html
index 8ce5c634..ac6389a7 100644
--- a/docs/3.2/error/index.html
+++ b/docs/3.2/error/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -910,19 +918,19 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/events/index.html b/docs/3.2/events/index.html
index 4a58be31..95995995 100644
--- a/docs/3.2/events/index.html
+++ b/docs/3.2/events/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1009,19 +1017,19 @@ <h1 id='custom-events'>Custom events</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/extending/index.html b/docs/3.2/extending/index.html
index 7d62a0f6..1a7fd308 100644
--- a/docs/3.2/extending/index.html
+++ b/docs/3.2/extending/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -967,19 +975,19 @@ <h1 id='subclassing'>Subclassing</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/faq/index.html b/docs/3.2/faq/index.html
index f6bd3ee8..b51cc7ed 100644
--- a/docs/3.2/faq/index.html
+++ b/docs/3.2/faq/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -927,19 +935,19 @@ <h2 id='how-do-i-contribute-or-fix-something-in-the-docs'>How do I contribute or
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/getting-started/index.html b/docs/3.2/getting-started/index.html
index 997f3aaa..febce062 100644
--- a/docs/3.2/getting-started/index.html
+++ b/docs/3.2/getting-started/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -976,19 +984,19 @@ <h2 id='playground'>Playground</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/importing-exporting/index.html b/docs/3.2/importing-exporting/index.html
index eec72f09..e02cff5f 100644
--- a/docs/3.2/importing-exporting/index.html
+++ b/docs/3.2/importing-exporting/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -948,19 +956,19 @@ <h1 id='import-export-html-or-xml'>Import / export HTML or XML</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/index.html b/docs/3.2/index.html
index b0b62c4e..3799fe11 100644
--- a/docs/3.2/index.html
+++ b/docs/3.2/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -956,19 +964,19 @@ <h3 id='changelog'>Changelog</h3>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/installation/index.html b/docs/3.2/installation/index.html
index 1266410f..e6b1299f 100644
--- a/docs/3.2/installation/index.html
+++ b/docs/3.2/installation/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -920,19 +928,19 @@ <h2 id='download'>Download</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/manipulating/index.html b/docs/3.2/manipulating/index.html
index 7ba95491..127e6dd3 100644
--- a/docs/3.2/manipulating/index.html
+++ b/docs/3.2/manipulating/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1469,19 +1477,19 @@ <h3 id='viewbox-as-getter'>viewbox() <em>as getter</em></h3>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/plugins/index.html b/docs/3.2/plugins/index.html
index 954d22b0..2f8c3015 100644
--- a/docs/3.2/plugins/index.html
+++ b/docs/3.2/plugins/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -924,19 +932,19 @@ <h1 id='plugins'>Plugins</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/plugins/ngx-svg/index.html b/docs/3.2/plugins/ngx-svg/index.html
index 4e818ed5..aa9d36f1 100644
--- a/docs/3.2/plugins/ngx-svg/index.html
+++ b/docs/3.2/plugins/ngx-svg/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='ngx-svg'>ngx-svg</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/plugins/svg-draggable-js/index.html b/docs/3.2/plugins/svg-draggable-js/index.html
index e6e4a19e..206bd245 100644
--- a/docs/3.2/plugins/svg-draggable-js/index.html
+++ b/docs/3.2/plugins/svg-draggable-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-draggable-js'>svg.draggable.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/plugins/svg-easing-js/index.html b/docs/3.2/plugins/svg-easing-js/index.html
index 7d5ad901..0636a651 100644
--- a/docs/3.2/plugins/svg-easing-js/index.html
+++ b/docs/3.2/plugins/svg-easing-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-easing-js'>svg.easing.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/plugins/svg-filter-js/index.html b/docs/3.2/plugins/svg-filter-js/index.html
index 7ef711cb..98ac23f1 100644
--- a/docs/3.2/plugins/svg-filter-js/index.html
+++ b/docs/3.2/plugins/svg-filter-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-filter-js'>svg.filter.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/plugins/svg-panzoom-js/index.html b/docs/3.2/plugins/svg-panzoom-js/index.html
index bdb4f631..f83dba5a 100644
--- a/docs/3.2/plugins/svg-panzoom-js/index.html
+++ b/docs/3.2/plugins/svg-panzoom-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-panzoom-js'>svg.panzoom.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/plugins/svg-topath-js/index.html b/docs/3.2/plugins/svg-topath-js/index.html
index f9f101de..d7b2cb59 100644
--- a/docs/3.2/plugins/svg-topath-js/index.html
+++ b/docs/3.2/plugins/svg-topath-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-topath-js'>svg.topath.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/plugins/svg-topoly-js/index.html b/docs/3.2/plugins/svg-topoly-js/index.html
index 46835585..2e766e21 100644
--- a/docs/3.2/plugins/svg-topoly-js/index.html
+++ b/docs/3.2/plugins/svg-topoly-js/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -911,19 +919,19 @@ <h1 id='svg-topoly-js'>svg.topoly.js</h1>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/referencing-creating-elements/index.html b/docs/3.2/referencing-creating-elements/index.html
index da710ff6..97401118 100644
--- a/docs/3.2/referencing-creating-elements/index.html
+++ b/docs/3.2/referencing-creating-elements/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1087,19 +1095,19 @@ <h2 id='object-constructor'>object constructor</h2>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/shape-elements/index.html b/docs/3.2/shape-elements/index.html
index 7bd23ed2..63e62e59 100644
--- a/docs/3.2/shape-elements/index.html
+++ b/docs/3.2/shape-elements/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -1650,19 +1658,19 @@ <h2 id='foreignobject-constructor'>foreignObject() <span class="suffix">construc
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>
 
diff --git a/docs/3.2/sitemap/index.html b/docs/3.2/sitemap/index.html
index d2420632..772fe326 100644
--- a/docs/3.2/sitemap/index.html
+++ b/docs/3.2/sitemap/index.html
@@ -1,517 +1,517 @@
 <?xml version="1.0" encoding="utf-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
       <url>
     <loc>/docs/3.2</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>1</priority>
   </url>
       <url>
     <loc>/docs/3.2/installation</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/getting-started</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/container-elements</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/container-elements/svg-svg</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/container-elements/svg-g</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/container-elements/svg-symbol</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/container-elements/svg-defs</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/container-elements/svg-a</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/general-handling-of-svg-js-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-bare</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-rect</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-circle</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-ellipse</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-line</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-polyline</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-polygon</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-path</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-text</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-textpath</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-tspan</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-image</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-gradient</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-stop</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-pattern</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-mask</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-clippath</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-use</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-marker</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-style</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/shape-elements/svg-foreignobject</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/referencing-creating-elements</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/referencing-creating-elements/using-css-selectors</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/referencing-creating-elements/existing-dom-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/referencing-creating-elements/using-jquery-or-zepto</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/referencing-creating-elements/circular-reference</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/referencing-creating-elements/child-references</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/referencing-creating-elements/parent-references</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/referencing-creating-elements/uri-references</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/referencing-creating-elements/creating-elements</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating</loc>
-    <lastmod>2024-06-18T12:34:48+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:26+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/attributes</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/positioning</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/resizing</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/syntactic-sugar</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/transforming</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/styles</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/classes</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/data</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/memory</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/document-tree</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/arranging</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/manipulating/geometry</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/animating</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/animating/animate</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/animating/svg-runner</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/animating/easing</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/animating/svg-timeline</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/animating/controllers</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/animating/orchestrate-animations</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/events</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/events/basic-events</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/events/event-listeners</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/events/custom-events</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes/svg-box</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes/svg-list</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes/svg-array</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes/svg-pointarray</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes/svg-patharray</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes/svg-color</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes/svg-matrix</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes/svg-number</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes/svg-point</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/classes/svg-eventtarget</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/importing-exporting</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/extending</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/extending/svg-extend</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/extending/subclassing</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/tutorials</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/plugins</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/plugins/svg-easing-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/plugins/svg-draggable-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/plugins/svg-filter-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/plugins/svg-topath-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/plugins/svg-topoly-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/plugins/svg-panzoom-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/plugins/ngx-svg</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/contributing</loc>
-    <lastmod>2024-06-18T12:34:46+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:24+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/contributing/coding-style</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/contributing/documentation</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/compatibility</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/faq</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/faq/two-svg-s-are-generated-when-i-initialize-svg-js-is-that-a-bug</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/faq/can-svg-js-run-on-node-js</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/faq/how-can-i-modify-an-element-that-already-exists-in-the-dom</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/faq/i-need-help-getting-something-to-work</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/faq/i-found-a-bug-where-do-i-report-it</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/faq/where-can-i-find-tutorials</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/faq/how-do-i-contribute-or-fix-something-in-the-docs</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.3</priority>
   </url>
       <url>
     <loc>/docs/3.2/acknowledgements-thanks</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       <url>
     <loc>/docs/3.2/404</loc>
-    <lastmod>2024-06-18T12:34:44+00:00</lastmod>
+    <lastmod>2024-11-12T15:59:22+00:00</lastmod>
     <priority>0.5</priority>
   </url>
       </urlset>
\ No newline at end of file
diff --git a/docs/3.2/tutorials/index.html b/docs/3.2/tutorials/index.html
index 5737fc45..f2e35e64 100644
--- a/docs/3.2/tutorials/index.html
+++ b/docs/3.2/tutorials/index.html
@@ -18,7 +18,9 @@
 
     <meta name="viewport" content="width=device-width">
     <link rel="shortcut icon" href="/docs/3.2/assets/images/favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
+    <link rel="stylesheet" href="/docs/3.2/assets/css/main.css">    <link rel="preconnect" href="https://RCTWD4XAD7-dsn.algolia.net" crossorigin />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
   </head>
   <body class="docs-svgjs">
   <div class="container">
@@ -41,7 +43,13 @@ <h1 class="site-title"><a class="title-link" href="/docs/3.2">SVG.js</a></h1>
   <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
 
   <div class="search">
-    <input name="q" type="text" placeholder="Search..." autocomplete="off" autofocus id="agolia">
+    <div id="agolia"></div>
+    <style>
+      .DocSearch-Button {
+        width: 92%;
+        border-radius: 0;
+      }
+    </style>
   </div>
 
   <nav class="sidebar-nav" role="navigation">
@@ -919,19 +927,19 @@ <h3 id='animating-shapes-along-a-path'>Animating shapes along a path</h3>
     <p><a href="http://svgdotjs.github.io/">SVG.js</a> © 2012-2024 <a href="https://github.com/wout/" rel="noopener noreferrer" target="_blank">Wout Fierens</a> -  SVG.js is released under the terms of the MIT license.</p>  </div><!--/.wrap -->
 </footer>
 
-<a href="https://github.com/svgdotjs/svg.js">
-  <img src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" class="fork-me-on-github">
-</a>
+<a class="github-fork-ribbon" href="https://github.com/svgdotjs/svg.js" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
+<style>.github-fork-ribbon:before { background-color: #ff7600; }</style>
 
 <script src="/docs/3.2/assets/js/libs/highlight.pack.js"></script><script src="/docs/3.2/assets/js/libs/accordion-plain.js"></script><script src="/docs/3.2/assets/js/kdoc.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script>
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-<script type="text/javascript"> docsearch({
-  apiKey: 'a01bac6cbc400d1cd9b3ae22bb918066',
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+<script type="text/javascript"> 
+docsearch({
+  container: '#agolia',
+  appId: 'RCTWD4XAD7',
   indexName: 'svgjs',
-  inputSelector: '#agolia',
-  algoliaOptions: { 'facetFilters': ["version:3.2"] },
-  debug: false // Set debug to true if you want to inspect the dropdown
+  apiKey: '318954acedf80e42c51262a239983386',
+  searchParameters: { 'facetFilters': ["version:3.2"] },
 });
 </script>