From d0a661ba99dd0c1778700b65287c92bd4c3c776c Mon Sep 17 00:00:00 2001 From: "renovate[bot]" Date: Fri, 3 Nov 2023 21:05:23 +0000 Subject: [PATCH] deploy: f58af8b7b89064250e832c804eebd20199b45b01 --- 404.html | 2 +- api.html | 6 +++--- api/attach.html | 6 +++--- api/attach/arguments.html | 6 +++--- api/attach/returns.html | 6 +++--- api/detach.html | 6 +++--- assets/{api.md.a1ff8b4d.js => api.md.fb5b486e.js} | 2 +- assets/{api.md.a1ff8b4d.lean.js => api.md.fb5b486e.lean.js} | 2 +- ...{api_attach.md.8ac326da.js => api_attach.md.24750d40.js} | 2 +- ...h.md.8ac326da.lean.js => api_attach.md.24750d40.lean.js} | 2 +- ...s.md.b49ad7cf.js => api_attach_arguments.md.6138ff7b.js} | 2 +- ...7cf.lean.js => api_attach_arguments.md.6138ff7b.lean.js} | 2 +- ...rns.md.1247a272.js => api_attach_returns.md.f464ca91.js} | 2 +- ...7a272.lean.js => api_attach_returns.md.f464ca91.lean.js} | 2 +- ...{api_detach.md.39b2ebe7.js => api_detach.md.96514bb4.js} | 2 +- ...h.md.39b2ebe7.lean.js => api_detach.md.96514bb4.lean.js} | 2 +- assets/{examples.md.26fa01ac.js => examples.md.8f353656.js} | 2 +- ...les.md.26fa01ac.lean.js => examples.md.8f353656.lean.js} | 2 +- ...fault.md.db17f13c.js => examples_default.md.bcd041a6.js} | 2 +- ...b17f13c.lean.js => examples_default.md.bcd041a6.lean.js} | 2 +- ...r.md.f7b0cd48.js => examples_showOnHover.md.d4d5d25b.js} | 2 +- ...d48.lean.js => examples_showOnHover.md.d4d5d25b.lean.js} | 2 +- ...d.0eb68cc3.js => examples_wrapperOutside.md.b2200263.js} | 2 +- ....lean.js => examples_wrapperOutside.md.b2200263.lean.js} | 2 +- ...tarted.md.5d753e7a.js => getting-started.md.c64b3ae0.js} | 2 +- ...5d753e7a.lean.js => getting-started.md.c64b3ae0.lean.js} | 2 +- assets/{index.md.96590e0c.js => index.md.107da1b8.js} | 2 +- ...{index.md.96590e0c.lean.js => index.md.107da1b8.lean.js} | 2 +- ...nstalation.md.58621e67.js => instalation.md.b3ab460f.js} | 2 +- ....md.58621e67.lean.js => instalation.md.b3ab460f.lean.js} | 2 +- examples.html | 6 +++--- examples/default.html | 6 +++--- examples/showOnHover.html | 6 +++--- examples/wrapperOutside.html | 6 +++--- getting-started.html | 6 +++--- hashmap.json | 2 +- index.html | 4 ++-- instalation.html | 6 +++--- 38 files changed, 61 insertions(+), 61 deletions(-) rename assets/{api.md.a1ff8b4d.js => api.md.fb5b486e.js} (92%) rename assets/{api.md.a1ff8b4d.lean.js => api.md.fb5b486e.lean.js} (83%) rename assets/{api_attach.md.8ac326da.js => api_attach.md.24750d40.js} (98%) rename assets/{api_attach.md.8ac326da.lean.js => api_attach.md.24750d40.lean.js} (84%) rename assets/{api_attach_arguments.md.b49ad7cf.js => api_attach_arguments.md.6138ff7b.js} (99%) rename assets/{api_attach_arguments.md.b49ad7cf.lean.js => api_attach_arguments.md.6138ff7b.lean.js} (85%) rename assets/{api_attach_returns.md.1247a272.js => api_attach_returns.md.f464ca91.js} (98%) rename assets/{api_attach_returns.md.1247a272.lean.js => api_attach_returns.md.f464ca91.lean.js} (85%) rename assets/{api_detach.md.39b2ebe7.js => api_detach.md.96514bb4.js} (98%) rename assets/{api_detach.md.39b2ebe7.lean.js => api_detach.md.96514bb4.lean.js} (84%) rename assets/{examples.md.26fa01ac.js => examples.md.8f353656.js} (92%) rename assets/{examples.md.26fa01ac.lean.js => examples.md.8f353656.lean.js} (84%) rename assets/{examples_default.md.db17f13c.js => examples_default.md.bcd041a6.js} (98%) rename assets/{examples_default.md.db17f13c.lean.js => examples_default.md.bcd041a6.lean.js} (92%) rename assets/{examples_showOnHover.md.f7b0cd48.js => examples_showOnHover.md.d4d5d25b.js} (98%) rename assets/{examples_showOnHover.md.f7b0cd48.lean.js => examples_showOnHover.md.d4d5d25b.lean.js} (98%) rename assets/{examples_wrapperOutside.md.0eb68cc3.js => examples_wrapperOutside.md.b2200263.js} (98%) rename assets/{examples_wrapperOutside.md.0eb68cc3.lean.js => examples_wrapperOutside.md.b2200263.lean.js} (95%) rename assets/{getting-started.md.5d753e7a.js => getting-started.md.c64b3ae0.js} (91%) rename assets/{getting-started.md.5d753e7a.lean.js => getting-started.md.c64b3ae0.lean.js} (70%) rename assets/{index.md.96590e0c.js => index.md.107da1b8.js} (95%) rename assets/{index.md.96590e0c.lean.js => index.md.107da1b8.lean.js} (95%) rename assets/{instalation.md.58621e67.js => instalation.md.b3ab460f.js} (99%) rename assets/{instalation.md.58621e67.lean.js => instalation.md.b3ab460f.lean.js} (84%) diff --git a/404.html b/404.html index 341592e4a..606ae2340 100644 --- a/404.html +++ b/404.html @@ -14,7 +14,7 @@
Light-scrollbar docs

Appearance

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home

Released under the MIT License.

Copyright © 2022-present FRSOURCE - Szymon Dziewoński

- + \ No newline at end of file diff --git a/api.html b/api.html index 822eff88d..304ebe624 100644 --- a/api.html +++ b/api.html @@ -11,13 +11,13 @@ - + -
Light-scrollbar docs

Appearance

Released under the MIT License.

Copyright © 2022-present FRSOURCE - Szymon Dziewoński

- +
Light-scrollbar docs

Appearance

Released under the MIT License.

Copyright © 2022-present FRSOURCE - Szymon Dziewoński

+ \ No newline at end of file diff --git a/api/attach.html b/api/attach.html index 647987bba..87ed0d031 100644 --- a/api/attach.html +++ b/api/attach.html @@ -11,7 +11,7 @@ - + @@ -26,8 +26,8 @@ const scrollbarContainerElement = document.querySelector(".my-scrollbar"); const { innerElement, outerElement, detach } = attach(scrollbarContainerElement, { wrapperPlacement: WrapperPlacement.outside -});

More API details:

- +});

More API details:

+ \ No newline at end of file diff --git a/api/attach/arguments.html b/api/attach/arguments.html index ac9ea1709..e2946df5d 100644 --- a/api/attach/arguments.html +++ b/api/attach/arguments.html @@ -11,7 +11,7 @@ - + @@ -58,8 +58,8 @@ }
export enum WrapperPlacement {
   "inside" = "inside",
   "outside" = "outside",
-}

wrapperElement ​

There is possibility to create wrapper element from given HTMLElement passed via this parameter.

Default value

null

Type

ts
wrapperElement?: HTMLElement;
wrapperElement?: HTMLElement;

showOnHover ​

Scrollbars can be visible only when hover on container.

Default value

ts
showOnHover: false,
showOnHover: false,

Type

ts
showOnHover?: number | false
showOnHover?: number | false
- +}

wrapperElement ​

There is possibility to create wrapper element from given HTMLElement passed via this parameter.

Default value

null

Type

ts
wrapperElement?: HTMLElement;
wrapperElement?: HTMLElement;

showOnHover ​

Scrollbars can be visible only when hover on container.

Default value

ts
showOnHover: false,
showOnHover: false,

Type

ts
showOnHover?: number | false
showOnHover?: number | false
+ \ No newline at end of file diff --git a/api/attach/returns.html b/api/attach/returns.html index 6e4d4383e..3c58d868b 100644 --- a/api/attach/returns.html +++ b/api/attach/returns.html @@ -11,13 +11,13 @@ - + -
Light-scrollbar docs

Appearance

attach - returns ​

Possible return items that comes from attach method.

innerElement ​

Inner element of wrapped scrollable container, see example output code in example after mount section

Type

ts
innerElement: HTMLElement;
innerElement: HTMLElement;

outerElement ​

Outer element of wrapped scrollable container, see example output code in example after mount section

Type

ts
outerElement: HTMLElement;
outerElement: HTMLElement;

detach ​

Method that can be used to destroy/detach light-scrollbar from your element

Type

ts
detach: () => void
detach: () => void

Released under the MIT License.

Copyright © 2022-present FRSOURCE - Szymon Dziewoński

- +
Light-scrollbar docs

Appearance

attach - returns ​

Possible return items that comes from attach method.

innerElement ​

Inner element of wrapped scrollable container, see example output code in example after mount section

Type

ts
innerElement: HTMLElement;
innerElement: HTMLElement;

outerElement ​

Outer element of wrapped scrollable container, see example output code in example after mount section

Type

ts
outerElement: HTMLElement;
outerElement: HTMLElement;

detach ​

Method that can be used to destroy/detach light-scrollbar from your element

Type

ts
detach: () => void
detach: () => void

Released under the MIT License.

Copyright © 2022-present FRSOURCE - Szymon Dziewoński

+ \ No newline at end of file diff --git a/api/detach.html b/api/detach.html index 03ec69643..f31c622a5 100644 --- a/api/detach.html +++ b/api/detach.html @@ -11,7 +11,7 @@ - + @@ -36,8 +36,8 @@ // remove/detach whole plugin from element on some action document.querySelector('.click-to-remove-plugin').addEventListener(() => { detach(); -});

More API details:

- +});

More API details:

+ \ No newline at end of file diff --git a/assets/api.md.a1ff8b4d.js b/assets/api.md.fb5b486e.js similarity index 92% rename from assets/api.md.a1ff8b4d.js rename to assets/api.md.fb5b486e.js index f18ccf86a..bb2e65076 100644 --- a/assets/api.md.a1ff8b4d.js +++ b/assets/api.md.fb5b486e.js @@ -1 +1 @@ -import{_ as a,o as t,c as e,Q as i}from"./chunks/framework.5d4840f3.js";const u=JSON.parse('{"title":"Api","description":"","frontmatter":{},"headers":[],"relativePath":"api.md","filePath":"api.md","lastUpdated":1698975321000}'),l={name:"api.md"},r=i('

Api ​

',2),c=[r];function s(h,o,_,n,p,d){return t(),e("div",null,c)}const f=a(l,[["render",s]]);export{u as __pageData,f as default}; +import{_ as a,o as t,c as e,Q as i}from"./chunks/framework.5d4840f3.js";const u=JSON.parse('{"title":"Api","description":"","frontmatter":{},"headers":[],"relativePath":"api.md","filePath":"api.md","lastUpdated":1699045364000}'),l={name:"api.md"},r=i('

Api ​

',2),c=[r];function s(h,o,_,n,p,d){return t(),e("div",null,c)}const f=a(l,[["render",s]]);export{u as __pageData,f as default}; diff --git a/assets/api.md.a1ff8b4d.lean.js b/assets/api.md.fb5b486e.lean.js similarity index 83% rename from assets/api.md.a1ff8b4d.lean.js rename to assets/api.md.fb5b486e.lean.js index b2e031106..46cfd7798 100644 --- a/assets/api.md.a1ff8b4d.lean.js +++ b/assets/api.md.fb5b486e.lean.js @@ -1 +1 @@ -import{_ as a,o as t,c as e,Q as i}from"./chunks/framework.5d4840f3.js";const u=JSON.parse('{"title":"Api","description":"","frontmatter":{},"headers":[],"relativePath":"api.md","filePath":"api.md","lastUpdated":1698975321000}'),l={name:"api.md"},r=i("",2),c=[r];function s(h,o,_,n,p,d){return t(),e("div",null,c)}const f=a(l,[["render",s]]);export{u as __pageData,f as default}; +import{_ as a,o as t,c as e,Q as i}from"./chunks/framework.5d4840f3.js";const u=JSON.parse('{"title":"Api","description":"","frontmatter":{},"headers":[],"relativePath":"api.md","filePath":"api.md","lastUpdated":1699045364000}'),l={name:"api.md"},r=i("",2),c=[r];function s(h,o,_,n,p,d){return t(),e("div",null,c)}const f=a(l,[["render",s]]);export{u as __pageData,f as default}; diff --git a/assets/api_attach.md.8ac326da.js b/assets/api_attach.md.24750d40.js similarity index 98% rename from assets/api_attach.md.8ac326da.js rename to assets/api_attach.md.24750d40.js index bb81becd3..acea2f8d0 100644 --- a/assets/api_attach.md.8ac326da.js +++ b/assets/api_attach.md.24750d40.js @@ -1,4 +1,4 @@ -import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const m=JSON.parse('{"title":"attach","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach.md","filePath":"api/attach.md","lastUpdated":1698975321000}'),t={name:"api/attach.md"},o=l(`

attach ​

Method used to initialize plugin.

e.g

ts
import { attach, WrapperPlacement } from "light-scrollbar";
+import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const m=JSON.parse('{"title":"attach","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach.md","filePath":"api/attach.md","lastUpdated":1699045364000}'),t={name:"api/attach.md"},o=l(`
attach ​
Method used to initialize plugin.
e.g
ts
import { attach, WrapperPlacement } from "light-scrollbar";
 
 const scrollbarContainerElement = document.querySelector(".my-scrollbar");
 const { innerElement, outerElement, detach } = attach(scrollbarContainerElement, {
diff --git a/assets/api_attach.md.8ac326da.lean.js b/assets/api_attach.md.24750d40.lean.js
similarity index 84%
rename from assets/api_attach.md.8ac326da.lean.js
rename to assets/api_attach.md.24750d40.lean.js
index 56268bca1..48d34d1f6 100644
--- a/assets/api_attach.md.8ac326da.lean.js
+++ b/assets/api_attach.md.24750d40.lean.js
@@ -1 +1 @@
-import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const m=JSON.parse('{"title":"attach","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach.md","filePath":"api/attach.md","lastUpdated":1698975321000}'),t={name:"api/attach.md"},o=l("",6),e=[o];function p(c,r,E,i,y,h){return a(),n("div",null,e)}const u=s(t,[["render",p]]);export{m as __pageData,u as default};
+import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const m=JSON.parse('{"title":"attach","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach.md","filePath":"api/attach.md","lastUpdated":1699045364000}'),t={name:"api/attach.md"},o=l("",6),e=[o];function p(c,r,E,i,y,h){return a(),n("div",null,e)}const u=s(t,[["render",p]]);export{m as __pageData,u as default};
diff --git a/assets/api_attach_arguments.md.b49ad7cf.js b/assets/api_attach_arguments.md.6138ff7b.js
similarity index 99%
rename from assets/api_attach_arguments.md.b49ad7cf.js
rename to assets/api_attach_arguments.md.6138ff7b.js
index 0e6daccae..8c48bffbf 100644
--- a/assets/api_attach_arguments.md.b49ad7cf.js
+++ b/assets/api_attach_arguments.md.6138ff7b.js
@@ -1,4 +1,4 @@
-import{_ as s,o as a,c as n,Q as p}from"./chunks/framework.5d4840f3.js";const h=JSON.parse('{"title":"attach - arguments","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/arguments.md","filePath":"api/attach/arguments.md","lastUpdated":1698975321000}'),e={name:"api/attach/arguments.md"},l=p(`
attach - arguments ​
Possible arguments that can be used in attach method.
bar ​
General settings for scrollbar "bar" thickness and offset.
Default value
ts
bar: {
+import{_ as s,o as a,c as n,Q as p}from"./chunks/framework.5d4840f3.js";const h=JSON.parse('{"title":"attach - arguments","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/arguments.md","filePath":"api/attach/arguments.md","lastUpdated":1699045364000}'),e={name:"api/attach/arguments.md"},l=p(`
attach - arguments ​
Possible arguments that can be used in attach method.
bar ​
General settings for scrollbar "bar" thickness and offset.
Default value
ts
bar: {
   y: {
     width: 6,
     offset: [0, 0],
diff --git a/assets/api_attach_arguments.md.b49ad7cf.lean.js b/assets/api_attach_arguments.md.6138ff7b.lean.js
similarity index 85%
rename from assets/api_attach_arguments.md.b49ad7cf.lean.js
rename to assets/api_attach_arguments.md.6138ff7b.lean.js
index 6bec0c278..cfc6ade7b 100644
--- a/assets/api_attach_arguments.md.b49ad7cf.lean.js
+++ b/assets/api_attach_arguments.md.6138ff7b.lean.js
@@ -1 +1 @@
-import{_ as s,o as a,c as n,Q as p}from"./chunks/framework.5d4840f3.js";const h=JSON.parse('{"title":"attach - arguments","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/arguments.md","filePath":"api/attach/arguments.md","lastUpdated":1698975321000}'),e={name:"api/attach/arguments.md"},l=p("",39),o=[l];function t(c,r,i,E,y,d){return a(),n("div",null,o)}const b=s(e,[["render",t]]);export{h as __pageData,b as default};
+import{_ as s,o as a,c as n,Q as p}from"./chunks/framework.5d4840f3.js";const h=JSON.parse('{"title":"attach - arguments","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/arguments.md","filePath":"api/attach/arguments.md","lastUpdated":1699045364000}'),e={name:"api/attach/arguments.md"},l=p("",39),o=[l];function t(c,r,i,E,y,d){return a(),n("div",null,o)}const b=s(e,[["render",t]]);export{h as __pageData,b as default};
diff --git a/assets/api_attach_returns.md.1247a272.js b/assets/api_attach_returns.md.f464ca91.js
similarity index 98%
rename from assets/api_attach_returns.md.1247a272.js
rename to assets/api_attach_returns.md.f464ca91.js
index dd1839d51..75e5650f6 100644
--- a/assets/api_attach_returns.md.1247a272.js
+++ b/assets/api_attach_returns.md.f464ca91.js
@@ -1 +1 @@
-import{_ as e,o as a,c as t,Q as s}from"./chunks/framework.5d4840f3.js";const b=JSON.parse('{"title":"attach - returns","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/returns.md","filePath":"api/attach/returns.md","lastUpdated":1698975321000}'),n={name:"api/attach/returns.md"},o=s('
attach - returns ​
Possible return items that comes from attach method.
innerElement ​
Inner element of wrapped scrollable container, see example output code in example after mount section
Type
ts
innerElement: HTMLElement;
innerElement: HTMLElement;
outerElement ​
Outer element of wrapped scrollable container, see example output code in example after mount section
Type
ts
outerElement: HTMLElement;
outerElement: HTMLElement;
detach ​
Method that can be used to destroy/detach light-scrollbar from your element
Type
ts
detach: () => void
detach: () => void
',14),l=[o];function r(p,c,i,d,h,u){return a(),t("div",null,l)}const g=e(n,[["render",r]]);export{b as __pageData,g as default};
+import{_ as e,o as a,c as t,Q as s}from"./chunks/framework.5d4840f3.js";const b=JSON.parse('{"title":"attach - returns","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/returns.md","filePath":"api/attach/returns.md","lastUpdated":1699045364000}'),n={name:"api/attach/returns.md"},o=s('
attach - returns ​
Possible return items that comes from attach method.
innerElement ​
Inner element of wrapped scrollable container, see example output code in example after mount section
Type
ts
innerElement: HTMLElement;
innerElement: HTMLElement;
outerElement ​
Outer element of wrapped scrollable container, see example output code in example after mount section
Type
ts
outerElement: HTMLElement;
outerElement: HTMLElement;
detach ​
Method that can be used to destroy/detach light-scrollbar from your element
Type
ts
detach: () => void
detach: () => void
',14),l=[o];function r(p,c,i,d,h,u){return a(),t("div",null,l)}const g=e(n,[["render",r]]);export{b as __pageData,g as default};
diff --git a/assets/api_attach_returns.md.1247a272.lean.js b/assets/api_attach_returns.md.f464ca91.lean.js
similarity index 85%
rename from assets/api_attach_returns.md.1247a272.lean.js
rename to assets/api_attach_returns.md.f464ca91.lean.js
index b28c6a60d..94d703ee5 100644
--- a/assets/api_attach_returns.md.1247a272.lean.js
+++ b/assets/api_attach_returns.md.f464ca91.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as t,Q as s}from"./chunks/framework.5d4840f3.js";const b=JSON.parse('{"title":"attach - returns","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/returns.md","filePath":"api/attach/returns.md","lastUpdated":1698975321000}'),n={name:"api/attach/returns.md"},o=s("",14),l=[o];function r(p,c,i,d,h,u){return a(),t("div",null,l)}const g=e(n,[["render",r]]);export{b as __pageData,g as default};
+import{_ as e,o as a,c as t,Q as s}from"./chunks/framework.5d4840f3.js";const b=JSON.parse('{"title":"attach - returns","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/returns.md","filePath":"api/attach/returns.md","lastUpdated":1699045364000}'),n={name:"api/attach/returns.md"},o=s("",14),l=[o];function r(p,c,i,d,h,u){return a(),t("div",null,l)}const g=e(n,[["render",r]]);export{b as __pageData,g as default};
diff --git a/assets/api_detach.md.39b2ebe7.js b/assets/api_detach.md.96514bb4.js
similarity index 98%
rename from assets/api_detach.md.39b2ebe7.js
rename to assets/api_detach.md.96514bb4.js
index 84ce75ede..03fa5097c 100644
--- a/assets/api_detach.md.39b2ebe7.js
+++ b/assets/api_detach.md.96514bb4.js
@@ -1,4 +1,4 @@
-import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const m=JSON.parse('{"title":"detach","description":"","frontmatter":{},"headers":[],"relativePath":"api/detach.md","filePath":"api/detach.md","lastUpdated":1698975321000}'),e={name:"api/detach.md"},o=l(`
detach ​
Method that is returned from initialized attach method. It can be used to unwrap scrollbar list in DOM and remove all handlers from elements.
e.g
ts
import { attach, WrapperPlacement } from "light-scrollbar";
+import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const m=JSON.parse('{"title":"detach","description":"","frontmatter":{},"headers":[],"relativePath":"api/detach.md","filePath":"api/detach.md","lastUpdated":1699045364000}'),e={name:"api/detach.md"},o=l(`
detach ​
Method that is returned from initialized attach method. It can be used to unwrap scrollbar list in DOM and remove all handlers from elements.
e.g
ts
import { attach, WrapperPlacement } from "light-scrollbar";
 
 const scrollbarContainerElement = document.querySelector(".my-scrollbar");
 const { innerElement, outerElement, detach } = attach(scrollbarContainerElement, {
diff --git a/assets/api_detach.md.39b2ebe7.lean.js b/assets/api_detach.md.96514bb4.lean.js
similarity index 84%
rename from assets/api_detach.md.39b2ebe7.lean.js
rename to assets/api_detach.md.96514bb4.lean.js
index cab8c4d65..82f4d57d7 100644
--- a/assets/api_detach.md.39b2ebe7.lean.js
+++ b/assets/api_detach.md.96514bb4.lean.js
@@ -1 +1 @@
-import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const m=JSON.parse('{"title":"detach","description":"","frontmatter":{},"headers":[],"relativePath":"api/detach.md","filePath":"api/detach.md","lastUpdated":1698975321000}'),e={name:"api/detach.md"},o=l("",6),p=[o];function t(c,r,E,i,y,h){return a(),n("div",null,p)}const u=s(e,[["render",t]]);export{m as __pageData,u as default};
+import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const m=JSON.parse('{"title":"detach","description":"","frontmatter":{},"headers":[],"relativePath":"api/detach.md","filePath":"api/detach.md","lastUpdated":1699045364000}'),e={name:"api/detach.md"},o=l("",6),p=[o];function t(c,r,E,i,y,h){return a(),n("div",null,p)}const u=s(e,[["render",t]]);export{m as __pageData,u as default};
diff --git a/assets/examples.md.26fa01ac.js b/assets/examples.md.8f353656.js
similarity index 92%
rename from assets/examples.md.26fa01ac.js
rename to assets/examples.md.8f353656.js
index 9beae7834..b1d88e6a1 100644
--- a/assets/examples.md.26fa01ac.js
+++ b/assets/examples.md.8f353656.js
@@ -1 +1 @@
-import{_ as e,o as a,c as l,Q as s}from"./chunks/framework.5d4840f3.js";const x=JSON.parse('{"title":"Examples","description":"","frontmatter":{},"headers":[],"relativePath":"examples.md","filePath":"examples.md","lastUpdated":1698975321000}'),t={name:"examples.md"},r=s('
Examples ​
List of examples showing basic and advanced usecases for light-scrollbar plugin.
',3),o=[r];function i(p,c,n,_,m,d){return a(),l("div",null,o)}const f=e(t,[["render",i]]);export{x as __pageData,f as default};
+import{_ as e,o as a,c as l,Q as s}from"./chunks/framework.5d4840f3.js";const x=JSON.parse('{"title":"Examples","description":"","frontmatter":{},"headers":[],"relativePath":"examples.md","filePath":"examples.md","lastUpdated":1699045364000}'),t={name:"examples.md"},r=s('
Examples ​
List of examples showing basic and advanced usecases for light-scrollbar plugin.
',3),o=[r];function i(p,c,n,_,m,d){return a(),l("div",null,o)}const f=e(t,[["render",i]]);export{x as __pageData,f as default};
diff --git a/assets/examples.md.26fa01ac.lean.js b/assets/examples.md.8f353656.lean.js
similarity index 84%
rename from assets/examples.md.26fa01ac.lean.js
rename to assets/examples.md.8f353656.lean.js
index 7e59e503d..d47453985 100644
--- a/assets/examples.md.26fa01ac.lean.js
+++ b/assets/examples.md.8f353656.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as l,Q as s}from"./chunks/framework.5d4840f3.js";const x=JSON.parse('{"title":"Examples","description":"","frontmatter":{},"headers":[],"relativePath":"examples.md","filePath":"examples.md","lastUpdated":1698975321000}'),t={name:"examples.md"},r=s("",3),o=[r];function i(p,c,n,_,m,d){return a(),l("div",null,o)}const f=e(t,[["render",i]]);export{x as __pageData,f as default};
+import{_ as e,o as a,c as l,Q as s}from"./chunks/framework.5d4840f3.js";const x=JSON.parse('{"title":"Examples","description":"","frontmatter":{},"headers":[],"relativePath":"examples.md","filePath":"examples.md","lastUpdated":1699045364000}'),t={name:"examples.md"},r=s("",3),o=[r];function i(p,c,n,_,m,d){return a(),l("div",null,o)}const f=e(t,[["render",i]]);export{x as __pageData,f as default};
diff --git a/assets/examples_default.md.db17f13c.js b/assets/examples_default.md.bcd041a6.js
similarity index 98%
rename from assets/examples_default.md.db17f13c.js
rename to assets/examples_default.md.bcd041a6.js
index 921166f71..f79d94646 100644
--- a/assets/examples_default.md.db17f13c.js
+++ b/assets/examples_default.md.bcd041a6.js
@@ -10,4 +10,4 @@ import{_ as l}from"./chunks/default.vue_vue_type_style_index_0_lang.03bc6c4f.js"
     <div class="light-scrollbar light-scrollbar-wrapper-inside">
         ...content
     </div>
-</div>
`,4),g=JSON.parse('{"title":"Default example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/default.md","filePath":"examples/default.md","lastUpdated":1698975321000}'),E={name:"examples/default.md"},_=Object.assign(E,{setup(i){return(y,d)=>(n(),p("div",null,[t,c,o(l),r]))}});export{g as __pageData,_ as default};
+</div>
`,4),g=JSON.parse('{"title":"Default example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/default.md","filePath":"examples/default.md","lastUpdated":1699045364000}'),E={name:"examples/default.md"},_=Object.assign(E,{setup(i){return(y,d)=>(n(),p("div",null,[t,c,o(l),r]))}});export{g as __pageData,_ as default};
diff --git a/assets/examples_default.md.db17f13c.lean.js b/assets/examples_default.md.bcd041a6.lean.js
similarity index 92%
rename from assets/examples_default.md.db17f13c.lean.js
rename to assets/examples_default.md.bcd041a6.lean.js
index 003ee5f25..98bedb93a 100644
--- a/assets/examples_default.md.db17f13c.lean.js
+++ b/assets/examples_default.md.bcd041a6.lean.js
@@ -1 +1 @@
-import{_ as l}from"./chunks/default.vue_vue_type_style_index_0_lang.03bc6c4f.js";import{o as n,c as p,H as o,k as s,a,Q as e}from"./chunks/framework.5d4840f3.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.60f2c13b.js";const t=s("h1",{id:"default-example",tabindex:"-1"},[a("Default example "),s("a",{class:"header-anchor",href:"#default-example","aria-label":'Permalink to "Default example"'},"​")],-1),c=s("p",null,[a("Example with default settings, "),s("code",null,"wrapperPlacement: 'inner'")],-1),r=e("",4),g=JSON.parse('{"title":"Default example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/default.md","filePath":"examples/default.md","lastUpdated":1698975321000}'),E={name:"examples/default.md"},_=Object.assign(E,{setup(i){return(y,d)=>(n(),p("div",null,[t,c,o(l),r]))}});export{g as __pageData,_ as default};
+import{_ as l}from"./chunks/default.vue_vue_type_style_index_0_lang.03bc6c4f.js";import{o as n,c as p,H as o,k as s,a,Q as e}from"./chunks/framework.5d4840f3.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.60f2c13b.js";const t=s("h1",{id:"default-example",tabindex:"-1"},[a("Default example "),s("a",{class:"header-anchor",href:"#default-example","aria-label":'Permalink to "Default example"'},"​")],-1),c=s("p",null,[a("Example with default settings, "),s("code",null,"wrapperPlacement: 'inner'")],-1),r=e("",4),g=JSON.parse('{"title":"Default example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/default.md","filePath":"examples/default.md","lastUpdated":1699045364000}'),E={name:"examples/default.md"},_=Object.assign(E,{setup(i){return(y,d)=>(n(),p("div",null,[t,c,o(l),r]))}});export{g as __pageData,_ as default};
diff --git a/assets/examples_showOnHover.md.f7b0cd48.js b/assets/examples_showOnHover.md.d4d5d25b.js
similarity index 98%
rename from assets/examples_showOnHover.md.f7b0cd48.js
rename to assets/examples_showOnHover.md.d4d5d25b.js
index 325f0aa0b..32e9c7410 100644
--- a/assets/examples_showOnHover.md.f7b0cd48.js
+++ b/assets/examples_showOnHover.md.d4d5d25b.js
@@ -1 +1 @@
-import{h as I,o as U,c as A,a0 as C,a1 as D,k as f,l as $,t as R,H as V,a as F}from"./chunks/framework.5d4840f3.js";import{_ as G}from"./chunks/default.vue_vue_type_style_index_0_lang.03bc6c4f.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.60f2c13b.js";var J=typeof global=="object"&&global&&global.Object===Object&&global;const X=J;var q=typeof self=="object"&&self&&self.Object===Object&&self,z=X||q||Function("return this")();const N=z;var K=N.Symbol;const v=K;var P=Object.prototype,Q=P.hasOwnProperty,Y=P.toString,p=v?v.toStringTag:void 0;function Z(e){var n=Q.call(e,p),r=e[p];try{e[p]=void 0;var i=!0}catch{}var l=Y.call(e);return i&&(n?e[p]=r:delete e[p]),l}var ee=Object.prototype,ne=ee.toString;function te(e){return ne.call(e)}var re="[object Null]",oe="[object Undefined]",k=v?v.toStringTag:void 0;function ie(e){return e==null?e===void 0?oe:re:k&&k in Object(e)?Z(e):te(e)}function ae(e){return e!=null&&typeof e=="object"}var se="[object Symbol]";function le(e){return typeof e=="symbol"||ae(e)&&ie(e)==se}var ce=/\s/;function fe(e){for(var n=e.length;n--&&ce.test(e.charAt(n)););return n}var ue=/^\s+/;function de(e){return e&&e.slice(0,fe(e)+1).replace(ue,"")}function x(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var H=0/0,me=/^[-+]0x[0-9a-f]+$/i,be=/^0b[01]+$/i,pe=/^0o[0-7]+$/i,he=parseInt;function E(e){if(typeof e=="number")return e;if(le(e))return H;if(x(e)){var n=typeof e.valueOf=="function"?e.valueOf():e;e=x(n)?n+"":n}if(typeof e!="string")return e===0?e:+e;e=de(e);var r=be.test(e);return r||pe.test(e)?he(e.slice(2),r?2:8):me.test(e)?H:+e}var ve=function(){return N.Date.now()};const O=ve;var ge="Expected a function",Te=Math.max,ye=Math.min;function Oe(e,n,r){var i,l,a,s,o,u,d=0,S=!1,m=!1,g=!0;if(typeof e!="function")throw new TypeError(ge);n=E(n)||0,x(r)&&(S=!!r.leading,m="maxWait"in r,a=m?Te(E(r.maxWait)||0,n):a,g="trailing"in r?!!r.trailing:g);function T(t){var c=i,b=l;return i=l=void 0,d=t,s=e.apply(b,c),s}function B(t){return d=t,o=setTimeout(h,n),S?T(t):s}function W(t){var c=t-u,b=t-d,w=n-c;return m?ye(w,a-b):w}function _(t){var c=t-u,b=t-d;return u===void 0||c>=n||c<0||m&&b>=a}function h(){var t=O();if(_(t))return j(t);o=setTimeout(h,W(t))}function j(t){return o=void 0,g&&i?T(t):(i=l=void 0,s)}function L(){o!==void 0&&clearTimeout(o),d=0,i=u=l=o=void 0}function M(){return o===void 0?s:j(O())}function y(){var t=O(),c=_(t);if(i=arguments,l=this,u=t,c){if(o===void 0)return B(u);if(m)return clearTimeout(o),o=setTimeout(h,n),T(u)}return o===void 0&&(o=setTimeout(h,n)),s}return y.cancel=L,y.flush=M,y}const xe=f("h1",{id:"showonhover-example",tabindex:"-1"},[F("ShowOnHover example "),f("a",{class:"header-anchor",href:"#showonhover-example","aria-label":'Permalink to "ShowOnHover example"'},"​")],-1),Se=f("p",null,"Scrollbar can be visible only on hover, please hover onto list to show scrollbars",-1),_e=f("hr",null,null,-1),je=f("br",null,null,-1),we=f("hr",null,null,-1),Ee=JSON.parse('{"title":"ShowOnHover example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/showOnHover.md","filePath":"examples/showOnHover.md","lastUpdated":1698975321000}'),Ie={name:"examples/showOnHover.md"},Ne=Object.assign(Ie,{setup(e){const n=I(300),r=I(n.value),i=Oe(l=>{r.value=n.value},200);return(l,a)=>(U(),A("div",null,[xe,Se,_e,C(f("input",{type:"range",id:"showOnHoverTransition",min:"0",max:"1500","onUpdate:modelValue":a[0]||(a[0]=s=>n.value=s),onInput:a[1]||(a[1]=(...s)=>$(i)&&$(i)(...s))},null,544),[[D,n.value]]),je,f("div",null,"Transition duration "+R(n.value)+"ms",1),we,V(G,{"show-on-hover":parseInt(r.value)},null,8,["show-on-hover"])]))}});export{Ee as __pageData,Ne as default};
+import{h as I,o as U,c as A,a0 as C,a1 as D,k as f,l as $,t as R,H as V,a as F}from"./chunks/framework.5d4840f3.js";import{_ as G}from"./chunks/default.vue_vue_type_style_index_0_lang.03bc6c4f.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.60f2c13b.js";var J=typeof global=="object"&&global&&global.Object===Object&&global;const X=J;var q=typeof self=="object"&&self&&self.Object===Object&&self,z=X||q||Function("return this")();const N=z;var K=N.Symbol;const v=K;var P=Object.prototype,Q=P.hasOwnProperty,Y=P.toString,p=v?v.toStringTag:void 0;function Z(e){var n=Q.call(e,p),r=e[p];try{e[p]=void 0;var i=!0}catch{}var l=Y.call(e);return i&&(n?e[p]=r:delete e[p]),l}var ee=Object.prototype,ne=ee.toString;function te(e){return ne.call(e)}var re="[object Null]",oe="[object Undefined]",k=v?v.toStringTag:void 0;function ie(e){return e==null?e===void 0?oe:re:k&&k in Object(e)?Z(e):te(e)}function ae(e){return e!=null&&typeof e=="object"}var se="[object Symbol]";function le(e){return typeof e=="symbol"||ae(e)&&ie(e)==se}var ce=/\s/;function fe(e){for(var n=e.length;n--&&ce.test(e.charAt(n)););return n}var ue=/^\s+/;function de(e){return e&&e.slice(0,fe(e)+1).replace(ue,"")}function x(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var H=0/0,me=/^[-+]0x[0-9a-f]+$/i,be=/^0b[01]+$/i,pe=/^0o[0-7]+$/i,he=parseInt;function E(e){if(typeof e=="number")return e;if(le(e))return H;if(x(e)){var n=typeof e.valueOf=="function"?e.valueOf():e;e=x(n)?n+"":n}if(typeof e!="string")return e===0?e:+e;e=de(e);var r=be.test(e);return r||pe.test(e)?he(e.slice(2),r?2:8):me.test(e)?H:+e}var ve=function(){return N.Date.now()};const O=ve;var ge="Expected a function",Te=Math.max,ye=Math.min;function Oe(e,n,r){var i,l,a,s,o,u,d=0,S=!1,m=!1,g=!0;if(typeof e!="function")throw new TypeError(ge);n=E(n)||0,x(r)&&(S=!!r.leading,m="maxWait"in r,a=m?Te(E(r.maxWait)||0,n):a,g="trailing"in r?!!r.trailing:g);function T(t){var c=i,b=l;return i=l=void 0,d=t,s=e.apply(b,c),s}function B(t){return d=t,o=setTimeout(h,n),S?T(t):s}function W(t){var c=t-u,b=t-d,w=n-c;return m?ye(w,a-b):w}function _(t){var c=t-u,b=t-d;return u===void 0||c>=n||c<0||m&&b>=a}function h(){var t=O();if(_(t))return j(t);o=setTimeout(h,W(t))}function j(t){return o=void 0,g&&i?T(t):(i=l=void 0,s)}function L(){o!==void 0&&clearTimeout(o),d=0,i=u=l=o=void 0}function M(){return o===void 0?s:j(O())}function y(){var t=O(),c=_(t);if(i=arguments,l=this,u=t,c){if(o===void 0)return B(u);if(m)return clearTimeout(o),o=setTimeout(h,n),T(u)}return o===void 0&&(o=setTimeout(h,n)),s}return y.cancel=L,y.flush=M,y}const xe=f("h1",{id:"showonhover-example",tabindex:"-1"},[F("ShowOnHover example "),f("a",{class:"header-anchor",href:"#showonhover-example","aria-label":'Permalink to "ShowOnHover example"'},"​")],-1),Se=f("p",null,"Scrollbar can be visible only on hover, please hover onto list to show scrollbars",-1),_e=f("hr",null,null,-1),je=f("br",null,null,-1),we=f("hr",null,null,-1),Ee=JSON.parse('{"title":"ShowOnHover example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/showOnHover.md","filePath":"examples/showOnHover.md","lastUpdated":1699045364000}'),Ie={name:"examples/showOnHover.md"},Ne=Object.assign(Ie,{setup(e){const n=I(300),r=I(n.value),i=Oe(l=>{r.value=n.value},200);return(l,a)=>(U(),A("div",null,[xe,Se,_e,C(f("input",{type:"range",id:"showOnHoverTransition",min:"0",max:"1500","onUpdate:modelValue":a[0]||(a[0]=s=>n.value=s),onInput:a[1]||(a[1]=(...s)=>$(i)&&$(i)(...s))},null,544),[[D,n.value]]),je,f("div",null,"Transition duration "+R(n.value)+"ms",1),we,V(G,{"show-on-hover":parseInt(r.value)},null,8,["show-on-hover"])]))}});export{Ee as __pageData,Ne as default};
diff --git a/assets/examples_showOnHover.md.f7b0cd48.lean.js b/assets/examples_showOnHover.md.d4d5d25b.lean.js
similarity index 98%
rename from assets/examples_showOnHover.md.f7b0cd48.lean.js
rename to assets/examples_showOnHover.md.d4d5d25b.lean.js
index 325f0aa0b..32e9c7410 100644
--- a/assets/examples_showOnHover.md.f7b0cd48.lean.js
+++ b/assets/examples_showOnHover.md.d4d5d25b.lean.js
@@ -1 +1 @@
-import{h as I,o as U,c as A,a0 as C,a1 as D,k as f,l as $,t as R,H as V,a as F}from"./chunks/framework.5d4840f3.js";import{_ as G}from"./chunks/default.vue_vue_type_style_index_0_lang.03bc6c4f.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.60f2c13b.js";var J=typeof global=="object"&&global&&global.Object===Object&&global;const X=J;var q=typeof self=="object"&&self&&self.Object===Object&&self,z=X||q||Function("return this")();const N=z;var K=N.Symbol;const v=K;var P=Object.prototype,Q=P.hasOwnProperty,Y=P.toString,p=v?v.toStringTag:void 0;function Z(e){var n=Q.call(e,p),r=e[p];try{e[p]=void 0;var i=!0}catch{}var l=Y.call(e);return i&&(n?e[p]=r:delete e[p]),l}var ee=Object.prototype,ne=ee.toString;function te(e){return ne.call(e)}var re="[object Null]",oe="[object Undefined]",k=v?v.toStringTag:void 0;function ie(e){return e==null?e===void 0?oe:re:k&&k in Object(e)?Z(e):te(e)}function ae(e){return e!=null&&typeof e=="object"}var se="[object Symbol]";function le(e){return typeof e=="symbol"||ae(e)&&ie(e)==se}var ce=/\s/;function fe(e){for(var n=e.length;n--&&ce.test(e.charAt(n)););return n}var ue=/^\s+/;function de(e){return e&&e.slice(0,fe(e)+1).replace(ue,"")}function x(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var H=0/0,me=/^[-+]0x[0-9a-f]+$/i,be=/^0b[01]+$/i,pe=/^0o[0-7]+$/i,he=parseInt;function E(e){if(typeof e=="number")return e;if(le(e))return H;if(x(e)){var n=typeof e.valueOf=="function"?e.valueOf():e;e=x(n)?n+"":n}if(typeof e!="string")return e===0?e:+e;e=de(e);var r=be.test(e);return r||pe.test(e)?he(e.slice(2),r?2:8):me.test(e)?H:+e}var ve=function(){return N.Date.now()};const O=ve;var ge="Expected a function",Te=Math.max,ye=Math.min;function Oe(e,n,r){var i,l,a,s,o,u,d=0,S=!1,m=!1,g=!0;if(typeof e!="function")throw new TypeError(ge);n=E(n)||0,x(r)&&(S=!!r.leading,m="maxWait"in r,a=m?Te(E(r.maxWait)||0,n):a,g="trailing"in r?!!r.trailing:g);function T(t){var c=i,b=l;return i=l=void 0,d=t,s=e.apply(b,c),s}function B(t){return d=t,o=setTimeout(h,n),S?T(t):s}function W(t){var c=t-u,b=t-d,w=n-c;return m?ye(w,a-b):w}function _(t){var c=t-u,b=t-d;return u===void 0||c>=n||c<0||m&&b>=a}function h(){var t=O();if(_(t))return j(t);o=setTimeout(h,W(t))}function j(t){return o=void 0,g&&i?T(t):(i=l=void 0,s)}function L(){o!==void 0&&clearTimeout(o),d=0,i=u=l=o=void 0}function M(){return o===void 0?s:j(O())}function y(){var t=O(),c=_(t);if(i=arguments,l=this,u=t,c){if(o===void 0)return B(u);if(m)return clearTimeout(o),o=setTimeout(h,n),T(u)}return o===void 0&&(o=setTimeout(h,n)),s}return y.cancel=L,y.flush=M,y}const xe=f("h1",{id:"showonhover-example",tabindex:"-1"},[F("ShowOnHover example "),f("a",{class:"header-anchor",href:"#showonhover-example","aria-label":'Permalink to "ShowOnHover example"'},"​")],-1),Se=f("p",null,"Scrollbar can be visible only on hover, please hover onto list to show scrollbars",-1),_e=f("hr",null,null,-1),je=f("br",null,null,-1),we=f("hr",null,null,-1),Ee=JSON.parse('{"title":"ShowOnHover example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/showOnHover.md","filePath":"examples/showOnHover.md","lastUpdated":1698975321000}'),Ie={name:"examples/showOnHover.md"},Ne=Object.assign(Ie,{setup(e){const n=I(300),r=I(n.value),i=Oe(l=>{r.value=n.value},200);return(l,a)=>(U(),A("div",null,[xe,Se,_e,C(f("input",{type:"range",id:"showOnHoverTransition",min:"0",max:"1500","onUpdate:modelValue":a[0]||(a[0]=s=>n.value=s),onInput:a[1]||(a[1]=(...s)=>$(i)&&$(i)(...s))},null,544),[[D,n.value]]),je,f("div",null,"Transition duration "+R(n.value)+"ms",1),we,V(G,{"show-on-hover":parseInt(r.value)},null,8,["show-on-hover"])]))}});export{Ee as __pageData,Ne as default};
+import{h as I,o as U,c as A,a0 as C,a1 as D,k as f,l as $,t as R,H as V,a as F}from"./chunks/framework.5d4840f3.js";import{_ as G}from"./chunks/default.vue_vue_type_style_index_0_lang.03bc6c4f.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.60f2c13b.js";var J=typeof global=="object"&&global&&global.Object===Object&&global;const X=J;var q=typeof self=="object"&&self&&self.Object===Object&&self,z=X||q||Function("return this")();const N=z;var K=N.Symbol;const v=K;var P=Object.prototype,Q=P.hasOwnProperty,Y=P.toString,p=v?v.toStringTag:void 0;function Z(e){var n=Q.call(e,p),r=e[p];try{e[p]=void 0;var i=!0}catch{}var l=Y.call(e);return i&&(n?e[p]=r:delete e[p]),l}var ee=Object.prototype,ne=ee.toString;function te(e){return ne.call(e)}var re="[object Null]",oe="[object Undefined]",k=v?v.toStringTag:void 0;function ie(e){return e==null?e===void 0?oe:re:k&&k in Object(e)?Z(e):te(e)}function ae(e){return e!=null&&typeof e=="object"}var se="[object Symbol]";function le(e){return typeof e=="symbol"||ae(e)&&ie(e)==se}var ce=/\s/;function fe(e){for(var n=e.length;n--&&ce.test(e.charAt(n)););return n}var ue=/^\s+/;function de(e){return e&&e.slice(0,fe(e)+1).replace(ue,"")}function x(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var H=0/0,me=/^[-+]0x[0-9a-f]+$/i,be=/^0b[01]+$/i,pe=/^0o[0-7]+$/i,he=parseInt;function E(e){if(typeof e=="number")return e;if(le(e))return H;if(x(e)){var n=typeof e.valueOf=="function"?e.valueOf():e;e=x(n)?n+"":n}if(typeof e!="string")return e===0?e:+e;e=de(e);var r=be.test(e);return r||pe.test(e)?he(e.slice(2),r?2:8):me.test(e)?H:+e}var ve=function(){return N.Date.now()};const O=ve;var ge="Expected a function",Te=Math.max,ye=Math.min;function Oe(e,n,r){var i,l,a,s,o,u,d=0,S=!1,m=!1,g=!0;if(typeof e!="function")throw new TypeError(ge);n=E(n)||0,x(r)&&(S=!!r.leading,m="maxWait"in r,a=m?Te(E(r.maxWait)||0,n):a,g="trailing"in r?!!r.trailing:g);function T(t){var c=i,b=l;return i=l=void 0,d=t,s=e.apply(b,c),s}function B(t){return d=t,o=setTimeout(h,n),S?T(t):s}function W(t){var c=t-u,b=t-d,w=n-c;return m?ye(w,a-b):w}function _(t){var c=t-u,b=t-d;return u===void 0||c>=n||c<0||m&&b>=a}function h(){var t=O();if(_(t))return j(t);o=setTimeout(h,W(t))}function j(t){return o=void 0,g&&i?T(t):(i=l=void 0,s)}function L(){o!==void 0&&clearTimeout(o),d=0,i=u=l=o=void 0}function M(){return o===void 0?s:j(O())}function y(){var t=O(),c=_(t);if(i=arguments,l=this,u=t,c){if(o===void 0)return B(u);if(m)return clearTimeout(o),o=setTimeout(h,n),T(u)}return o===void 0&&(o=setTimeout(h,n)),s}return y.cancel=L,y.flush=M,y}const xe=f("h1",{id:"showonhover-example",tabindex:"-1"},[F("ShowOnHover example "),f("a",{class:"header-anchor",href:"#showonhover-example","aria-label":'Permalink to "ShowOnHover example"'},"​")],-1),Se=f("p",null,"Scrollbar can be visible only on hover, please hover onto list to show scrollbars",-1),_e=f("hr",null,null,-1),je=f("br",null,null,-1),we=f("hr",null,null,-1),Ee=JSON.parse('{"title":"ShowOnHover example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/showOnHover.md","filePath":"examples/showOnHover.md","lastUpdated":1699045364000}'),Ie={name:"examples/showOnHover.md"},Ne=Object.assign(Ie,{setup(e){const n=I(300),r=I(n.value),i=Oe(l=>{r.value=n.value},200);return(l,a)=>(U(),A("div",null,[xe,Se,_e,C(f("input",{type:"range",id:"showOnHoverTransition",min:"0",max:"1500","onUpdate:modelValue":a[0]||(a[0]=s=>n.value=s),onInput:a[1]||(a[1]=(...s)=>$(i)&&$(i)(...s))},null,544),[[D,n.value]]),je,f("div",null,"Transition duration "+R(n.value)+"ms",1),we,V(G,{"show-on-hover":parseInt(r.value)},null,8,["show-on-hover"])]))}});export{Ee as __pageData,Ne as default};
diff --git a/assets/examples_wrapperOutside.md.0eb68cc3.js b/assets/examples_wrapperOutside.md.b2200263.js
similarity index 98%
rename from assets/examples_wrapperOutside.md.0eb68cc3.js
rename to assets/examples_wrapperOutside.md.b2200263.js
index cb0dcba1b..730ba4736 100644
--- a/assets/examples_wrapperOutside.md.0eb68cc3.js
+++ b/assets/examples_wrapperOutside.md.b2200263.js
@@ -10,4 +10,4 @@ import{w as i,a as d,A as E,_ as y}from"./chunks/scrollbarTemplate.vue_vue_type_
     <div class="my-scrollbar light-scrollbar light-scrollbar-wrapper-inside">
         ...content
     </div>
-</div>
`,4),q=JSON.parse('{"title":"Wrapper outside example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/wrapperOutside.md","filePath":"examples/wrapperOutside.md","lastUpdated":1698975321000}'),k={name:"examples/wrapperOutside.md"},A=Object.assign(k,{setup(r){return(a,l)=>(p(),o("div",null,[b,f,w,n(v),F]))}});export{q as __pageData,A as default};
+</div>
`,4),q=JSON.parse('{"title":"Wrapper outside example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/wrapperOutside.md","filePath":"examples/wrapperOutside.md","lastUpdated":1699045364000}'),k={name:"examples/wrapperOutside.md"},A=Object.assign(k,{setup(r){return(a,l)=>(p(),o("div",null,[b,f,w,n(v),F]))}});export{q as __pageData,A as default};
diff --git a/assets/examples_wrapperOutside.md.0eb68cc3.lean.js b/assets/examples_wrapperOutside.md.b2200263.lean.js
similarity index 95%
rename from assets/examples_wrapperOutside.md.0eb68cc3.lean.js
rename to assets/examples_wrapperOutside.md.b2200263.lean.js
index d49087dd4..8fb83e234 100644
--- a/assets/examples_wrapperOutside.md.0eb68cc3.lean.js
+++ b/assets/examples_wrapperOutside.md.b2200263.lean.js
@@ -1 +1 @@
-import{w as i,a as d,A as E,_ as y}from"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.60f2c13b.js";import{d as u,h as m,j as _,o as p,c as o,H as n,F as g,k as s,a as t,Q as h}from"./chunks/framework.5d4840f3.js";const v=u({__name:"wrapperOutside",setup(r){const a=m(0);return _(()=>{const l=document.querySelector(".my-scrollbar");i(l,{wrapperPlacement:d.outside})}),(l,e)=>(p(),o(g,null,[n(E,{onClick:e[0]||(e[0]=c=>a.value+=c)}),n(y,{"additional-elements-number":a.value},null,8,["additional-elements-number"])],64))}});const b=s("h1",{id:"wrapper-outside-example",tabindex:"-1"},[t("Wrapper outside example "),s("a",{class:"header-anchor",href:"#wrapper-outside-example","aria-label":'Permalink to "Wrapper outside example"'},"​")],-1),f=s("p",null,[t("Example with settings, "),s("code",null,"wrapperPlacement: 'outside'")],-1),w=s("div",{class:"info custom-block"},[s("p",{class:"custom-block-title"},"STYLING"),s("p",null,"When applying styling such as padding or border will result in different result in position of scrollbar comparing to default (wrapper inside)")],-1),F=h("",4),q=JSON.parse('{"title":"Wrapper outside example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/wrapperOutside.md","filePath":"examples/wrapperOutside.md","lastUpdated":1698975321000}'),k={name:"examples/wrapperOutside.md"},A=Object.assign(k,{setup(r){return(a,l)=>(p(),o("div",null,[b,f,w,n(v),F]))}});export{q as __pageData,A as default};
+import{w as i,a as d,A as E,_ as y}from"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.60f2c13b.js";import{d as u,h as m,j as _,o as p,c as o,H as n,F as g,k as s,a as t,Q as h}from"./chunks/framework.5d4840f3.js";const v=u({__name:"wrapperOutside",setup(r){const a=m(0);return _(()=>{const l=document.querySelector(".my-scrollbar");i(l,{wrapperPlacement:d.outside})}),(l,e)=>(p(),o(g,null,[n(E,{onClick:e[0]||(e[0]=c=>a.value+=c)}),n(y,{"additional-elements-number":a.value},null,8,["additional-elements-number"])],64))}});const b=s("h1",{id:"wrapper-outside-example",tabindex:"-1"},[t("Wrapper outside example "),s("a",{class:"header-anchor",href:"#wrapper-outside-example","aria-label":'Permalink to "Wrapper outside example"'},"​")],-1),f=s("p",null,[t("Example with settings, "),s("code",null,"wrapperPlacement: 'outside'")],-1),w=s("div",{class:"info custom-block"},[s("p",{class:"custom-block-title"},"STYLING"),s("p",null,"When applying styling such as padding or border will result in different result in position of scrollbar comparing to default (wrapper inside)")],-1),F=h("",4),q=JSON.parse('{"title":"Wrapper outside example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/wrapperOutside.md","filePath":"examples/wrapperOutside.md","lastUpdated":1699045364000}'),k={name:"examples/wrapperOutside.md"},A=Object.assign(k,{setup(r){return(a,l)=>(p(),o("div",null,[b,f,w,n(v),F]))}});export{q as __pageData,A as default};
diff --git a/assets/getting-started.md.5d753e7a.js b/assets/getting-started.md.c64b3ae0.js
similarity index 91%
rename from assets/getting-started.md.5d753e7a.js
rename to assets/getting-started.md.c64b3ae0.js
index fb217fb59..8cf58d70a 100644
--- a/assets/getting-started.md.5d753e7a.js
+++ b/assets/getting-started.md.c64b3ae0.js
@@ -1 +1 @@
-import{_ as e,o as t,c as a,Q as o}from"./chunks/framework.5d4840f3.js";const _=JSON.parse('{"title":"Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1698975321000}'),r={name:"getting-started.md"},i=o('
Getting started ​
Hello traveler! Nice to see you here, I've created this plugin because there is no such functionality on the market. Usually plugins alter a lot DOM just to replace scrollbar so it would be customizable. I wanted to do smallest possible DOM change.
Still plugin need to wrap your container with another element, however there is no additional "real" elements for scrollbar itself, those are created with pseudo elements.
For instalation example and example code please go to INSTALLATION page. In order to check current api please navigate to API page.
Any contribution or filing feature or bug tickets will be highly apprecated. Thank you for using this plugin !.
FEATURES
Please let me know if you need any new feature or idea, that will be greatly appreciated ! 😃
',6),l=[i];function s(n,c,d,p,h,u){return t(),a("div",null,l)}const m=e(r,[["render",s]]);export{_ as __pageData,m as default};
+import{_ as e,o as t,c as a,Q as o}from"./chunks/framework.5d4840f3.js";const _=JSON.parse('{"title":"Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1699045364000}'),r={name:"getting-started.md"},i=o('
Getting started ​
Hello traveler! Nice to see you here, I've created this plugin because there is no such functionality on the market. Usually plugins alter a lot DOM just to replace scrollbar so it would be customizable. I wanted to do smallest possible DOM change.
Still plugin need to wrap your container with another element, however there is no additional "real" elements for scrollbar itself, those are created with pseudo elements.
For instalation example and example code please go to INSTALLATION page. In order to check current api please navigate to API page.
Any contribution or filing feature or bug tickets will be highly apprecated. Thank you for using this plugin !.
FEATURES
Please let me know if you need any new feature or idea, that will be greatly appreciated ! 😃
',6),l=[i];function s(n,c,d,p,h,u){return t(),a("div",null,l)}const m=e(r,[["render",s]]);export{_ as __pageData,m as default};
diff --git a/assets/getting-started.md.5d753e7a.lean.js b/assets/getting-started.md.c64b3ae0.lean.js
similarity index 70%
rename from assets/getting-started.md.5d753e7a.lean.js
rename to assets/getting-started.md.c64b3ae0.lean.js
index 2bf7dec65..77e96b7c4 100644
--- a/assets/getting-started.md.5d753e7a.lean.js
+++ b/assets/getting-started.md.c64b3ae0.lean.js
@@ -1 +1 @@
-import{_ as e,o as t,c as a,Q as o}from"./chunks/framework.5d4840f3.js";const _=JSON.parse('{"title":"Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1698975321000}'),r={name:"getting-started.md"},i=o("",6),l=[i];function s(n,c,d,p,h,u){return t(),a("div",null,l)}const m=e(r,[["render",s]]);export{_ as __pageData,m as default};
+import{_ as e,o as t,c as a,Q as o}from"./chunks/framework.5d4840f3.js";const _=JSON.parse('{"title":"Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1699045364000}'),r={name:"getting-started.md"},i=o("",6),l=[i];function s(n,c,d,p,h,u){return t(),a("div",null,l)}const m=e(r,[["render",s]]);export{_ as __pageData,m as default};
diff --git a/assets/index.md.96590e0c.js b/assets/index.md.107da1b8.js
similarity index 95%
rename from assets/index.md.96590e0c.js
rename to assets/index.md.107da1b8.js
index 331ca510f..f9be4abf1 100644
--- a/assets/index.md.96590e0c.js
+++ b/assets/index.md.107da1b8.js
@@ -1 +1 @@
-import{_ as t,o as e,c as i}from"./chunks/framework.5d4840f3.js";const g=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Light-scrollbar","text":"Small light custom scrollbar","tagline":"Light-scrollbar plugin is based on one wrap element and psuedo elements that creates scrollbar for X and Y axis, this provides the smallest alteration of DOM possible.","actions":[{"theme":"brand","text":"Get Started","link":"/getting-started"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/FRSOURCE/light-scrollbar"},{"theme":"alt","text":"View on NPM","link":"https://www.npmjs.com/package/@frsource/light-scrollbar"}]},"features":[{"icon":{"dark":"/icons/compass-dark.svg","light":"/icons/compass-light.svg"},"title":"Setup","details":"Easy setup, just one line to initilize whole plugin, bother no longer to understand how to replace your scrollbar.","link":"/instalation"},{"icon":{"dark":"/icons/settings-dark.svg","light":"/icons/settings-light.svg"},"title":"API","details":"Straightforward API, easy to understand where most of customization.","link":"api"},{"icon":{"dark":"/icons/feather-dark.svg","light":"/icons/feather-light.svg"},"title":"Light","details":"Super light plugin that weights around 2500B, with this size works exactly like native scrollbar but with possibility of customization."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1698975321000}'),s={name:"index.md"};function a(o,l,n,r,c,h){return e(),i("div")}const p=t(s,[["render",a]]);export{g as __pageData,p as default};
+import{_ as t,o as e,c as i}from"./chunks/framework.5d4840f3.js";const g=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Light-scrollbar","text":"Small light custom scrollbar","tagline":"Light-scrollbar plugin is based on one wrap element and psuedo elements that creates scrollbar for X and Y axis, this provides the smallest alteration of DOM possible.","actions":[{"theme":"brand","text":"Get Started","link":"/getting-started"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/FRSOURCE/light-scrollbar"},{"theme":"alt","text":"View on NPM","link":"https://www.npmjs.com/package/@frsource/light-scrollbar"}]},"features":[{"icon":{"dark":"/icons/compass-dark.svg","light":"/icons/compass-light.svg"},"title":"Setup","details":"Easy setup, just one line to initilize whole plugin, bother no longer to understand how to replace your scrollbar.","link":"/instalation"},{"icon":{"dark":"/icons/settings-dark.svg","light":"/icons/settings-light.svg"},"title":"API","details":"Straightforward API, easy to understand where most of customization.","link":"api"},{"icon":{"dark":"/icons/feather-dark.svg","light":"/icons/feather-light.svg"},"title":"Light","details":"Super light plugin that weights around 2500B, with this size works exactly like native scrollbar but with possibility of customization."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1699045364000}'),s={name:"index.md"};function a(o,l,n,r,c,h){return e(),i("div")}const p=t(s,[["render",a]]);export{g as __pageData,p as default};
diff --git a/assets/index.md.96590e0c.lean.js b/assets/index.md.107da1b8.lean.js
similarity index 95%
rename from assets/index.md.96590e0c.lean.js
rename to assets/index.md.107da1b8.lean.js
index 331ca510f..f9be4abf1 100644
--- a/assets/index.md.96590e0c.lean.js
+++ b/assets/index.md.107da1b8.lean.js
@@ -1 +1 @@
-import{_ as t,o as e,c as i}from"./chunks/framework.5d4840f3.js";const g=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Light-scrollbar","text":"Small light custom scrollbar","tagline":"Light-scrollbar plugin is based on one wrap element and psuedo elements that creates scrollbar for X and Y axis, this provides the smallest alteration of DOM possible.","actions":[{"theme":"brand","text":"Get Started","link":"/getting-started"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/FRSOURCE/light-scrollbar"},{"theme":"alt","text":"View on NPM","link":"https://www.npmjs.com/package/@frsource/light-scrollbar"}]},"features":[{"icon":{"dark":"/icons/compass-dark.svg","light":"/icons/compass-light.svg"},"title":"Setup","details":"Easy setup, just one line to initilize whole plugin, bother no longer to understand how to replace your scrollbar.","link":"/instalation"},{"icon":{"dark":"/icons/settings-dark.svg","light":"/icons/settings-light.svg"},"title":"API","details":"Straightforward API, easy to understand where most of customization.","link":"api"},{"icon":{"dark":"/icons/feather-dark.svg","light":"/icons/feather-light.svg"},"title":"Light","details":"Super light plugin that weights around 2500B, with this size works exactly like native scrollbar but with possibility of customization."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1698975321000}'),s={name:"index.md"};function a(o,l,n,r,c,h){return e(),i("div")}const p=t(s,[["render",a]]);export{g as __pageData,p as default};
+import{_ as t,o as e,c as i}from"./chunks/framework.5d4840f3.js";const g=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Light-scrollbar","text":"Small light custom scrollbar","tagline":"Light-scrollbar plugin is based on one wrap element and psuedo elements that creates scrollbar for X and Y axis, this provides the smallest alteration of DOM possible.","actions":[{"theme":"brand","text":"Get Started","link":"/getting-started"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/FRSOURCE/light-scrollbar"},{"theme":"alt","text":"View on NPM","link":"https://www.npmjs.com/package/@frsource/light-scrollbar"}]},"features":[{"icon":{"dark":"/icons/compass-dark.svg","light":"/icons/compass-light.svg"},"title":"Setup","details":"Easy setup, just one line to initilize whole plugin, bother no longer to understand how to replace your scrollbar.","link":"/instalation"},{"icon":{"dark":"/icons/settings-dark.svg","light":"/icons/settings-light.svg"},"title":"API","details":"Straightforward API, easy to understand where most of customization.","link":"api"},{"icon":{"dark":"/icons/feather-dark.svg","light":"/icons/feather-light.svg"},"title":"Light","details":"Super light plugin that weights around 2500B, with this size works exactly like native scrollbar but with possibility of customization."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1699045364000}'),s={name:"index.md"};function a(o,l,n,r,c,h){return e(),i("div")}const p=t(s,[["render",a]]);export{g as __pageData,p as default};
diff --git a/assets/instalation.md.58621e67.js b/assets/instalation.md.b3ab460f.js
similarity index 99%
rename from assets/instalation.md.58621e67.js
rename to assets/instalation.md.b3ab460f.js
index ac2fbc732..73a84f00a 100644
--- a/assets/instalation.md.58621e67.js
+++ b/assets/instalation.md.b3ab460f.js
@@ -1,4 +1,4 @@
-import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const u=JSON.parse('{"title":"Instalation","description":"","frontmatter":{},"headers":[],"relativePath":"instalation.md","filePath":"instalation.md","lastUpdated":1698975321000}'),o={name:"instalation.md"},e=l(`
Instalation ​
Light scrollbar was created for minumim DOM alteration. Wrapping element is still required, but this is only DOM change light-scrollbar do. Scrollbar itself is created based on pseudo elements after and before. What is special about light-scrollbar? that it can wrap scrollable container inside and outside (more in Examples page )
bash
# npm
+import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const u=JSON.parse('{"title":"Instalation","description":"","frontmatter":{},"headers":[],"relativePath":"instalation.md","filePath":"instalation.md","lastUpdated":1699045364000}'),o={name:"instalation.md"},e=l(`
Instalation ​
Light scrollbar was created for minumim DOM alteration. Wrapping element is still required, but this is only DOM change light-scrollbar do. Scrollbar itself is created based on pseudo elements after and before. What is special about light-scrollbar? that it can wrap scrollable container inside and outside (more in Examples page )
bash
# npm
 npm install @frsource/light-scrollbar
 
 # Yarn
diff --git a/assets/instalation.md.58621e67.lean.js b/assets/instalation.md.b3ab460f.lean.js
similarity index 84%
rename from assets/instalation.md.58621e67.lean.js
rename to assets/instalation.md.b3ab460f.lean.js
index 6297df095..3469c5d00 100644
--- a/assets/instalation.md.58621e67.lean.js
+++ b/assets/instalation.md.b3ab460f.lean.js
@@ -1 +1 @@
-import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const u=JSON.parse('{"title":"Instalation","description":"","frontmatter":{},"headers":[],"relativePath":"instalation.md","filePath":"instalation.md","lastUpdated":1698975321000}'),o={name:"instalation.md"},e=l("",7),p=[e];function t(c,r,i,y,E,d){return a(),n("div",null,p)}const m=s(o,[["render",t]]);export{u as __pageData,m as default};
+import{_ as s,o as a,c as n,Q as l}from"./chunks/framework.5d4840f3.js";const u=JSON.parse('{"title":"Instalation","description":"","frontmatter":{},"headers":[],"relativePath":"instalation.md","filePath":"instalation.md","lastUpdated":1699045364000}'),o={name:"instalation.md"},e=l("",7),p=[e];function t(c,r,i,y,E,d){return a(),n("div",null,p)}const m=s(o,[["render",t]]);export{u as __pageData,m as default};
diff --git a/examples.html b/examples.html
index 4d5d43e79..752da2bf8 100644
--- a/examples.html
+++ b/examples.html
@@ -11,13 +11,13 @@
     
     
     
-    
+    
     
     
   
   
-    
Light-scrollbar docs
Appearance
Examples ​
List of examples showing basic and advanced usecases for light-scrollbar plugin.
Released under the MIT License.
Copyright © 2022-present FRSOURCE - Szymon Dziewoński

-    
+    
Light-scrollbar docs
Appearance
Examples ​
List of examples showing basic and advanced usecases for light-scrollbar plugin.
Released under the MIT License.
Copyright © 2022-present FRSOURCE - Szymon Dziewoński

+    
     
   
 
\ No newline at end of file
diff --git a/examples/default.html b/examples/default.html
index 306d43ed4..83956e62d 100644
--- a/examples/default.html
+++ b/examples/default.html
@@ -13,7 +13,7 @@
     
     
     
-    
+    
     
     
   
@@ -30,8 +30,8 @@
     <div class="light-scrollbar light-scrollbar-wrapper-inside">
         ...content
     </div>
-</div>
- +</div> + \ No newline at end of file diff --git a/examples/showOnHover.html b/examples/showOnHover.html index 59459cafd..8d99ea73b 100644 --- a/examples/showOnHover.html +++ b/examples/showOnHover.html @@ -13,13 +13,13 @@ - + -
Light-scrollbar docs

Appearance

ShowOnHover example ​

Scrollbar can be visible only on hover, please hover onto list to show scrollbars


Transition duration 300ms
Extra element with longer content, and on hover expand,
showing that scrollbar is reactive
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content

Released under the MIT License.

Copyright © 2022-present FRSOURCE - Szymon Dziewoński

- +
Light-scrollbar docs

Appearance

ShowOnHover example ​

Scrollbar can be visible only on hover, please hover onto list to show scrollbars


Transition duration 300ms
Extra element with longer content, and on hover expand,
showing that scrollbar is reactive
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content

Released under the MIT License.

Copyright © 2022-present FRSOURCE - Szymon Dziewoński

+ \ No newline at end of file diff --git a/examples/wrapperOutside.html b/examples/wrapperOutside.html index 7ca290135..eeb9a38e9 100644 --- a/examples/wrapperOutside.html +++ b/examples/wrapperOutside.html @@ -12,7 +12,7 @@ - + @@ -29,8 +29,8 @@ <div class="my-scrollbar light-scrollbar light-scrollbar-wrapper-inside"> ...content </div> -</div> - +</div> + \ No newline at end of file diff --git a/getting-started.html b/getting-started.html index 228062f3a..f57fdc0bf 100644 --- a/getting-started.html +++ b/getting-started.html @@ -11,13 +11,13 @@ - + -
Light-scrollbar docs

Appearance

Getting started ​

Hello traveler! Nice to see you here, I've created this plugin because there is no such functionality on the market. Usually plugins alter a lot DOM just to replace scrollbar so it would be customizable. I wanted to do smallest possible DOM change.

Still plugin need to wrap your container with another element, however there is no additional "real" elements for scrollbar itself, those are created with pseudo elements.

For instalation example and example code please go to INSTALLATION page. In order to check current api please navigate to API page.

Any contribution or filing feature or bug tickets will be highly apprecated. Thank you for using this plugin !.

FEATURES

Please let me know if you need any new feature or idea, that will be greatly appreciated ! 😃

Released under the MIT License.

Copyright © 2022-present FRSOURCE - Szymon Dziewoński

- +
Light-scrollbar docs

Appearance

Getting started ​

Hello traveler! Nice to see you here, I've created this plugin because there is no such functionality on the market. Usually plugins alter a lot DOM just to replace scrollbar so it would be customizable. I wanted to do smallest possible DOM change.

Still plugin need to wrap your container with another element, however there is no additional "real" elements for scrollbar itself, those are created with pseudo elements.

For instalation example and example code please go to INSTALLATION page. In order to check current api please navigate to API page.

Any contribution or filing feature or bug tickets will be highly apprecated. Thank you for using this plugin !.

FEATURES

Please let me know if you need any new feature or idea, that will be greatly appreciated ! 😃

Released under the MIT License.

Copyright © 2022-present FRSOURCE - Szymon Dziewoński

+ \ No newline at end of file diff --git a/hashmap.json b/hashmap.json index 41f7bd50a..5a67e67fc 100644 --- a/hashmap.json +++ b/hashmap.json @@ -1 +1 @@ -{"api.md":"a1ff8b4d","examples_wrapperoutside.md":"0eb68cc3","instalation.md":"58621e67","api_attach_returns.md":"1247a272","examples.md":"26fa01ac","api_detach.md":"39b2ebe7","api_attach.md":"8ac326da","examples_showonhover.md":"f7b0cd48","getting-started.md":"5d753e7a","api_attach_arguments.md":"b49ad7cf","examples_default.md":"db17f13c","index.md":"96590e0c"} +{"examples_wrapperoutside.md":"b2200263","examples_default.md":"bcd041a6","examples_showonhover.md":"d4d5d25b","api.md":"fb5b486e","api_attach.md":"24750d40","api_attach_arguments.md":"6138ff7b","api_attach_returns.md":"f464ca91","api_detach.md":"96514bb4","examples.md":"8f353656","getting-started.md":"c64b3ae0","instalation.md":"b3ab460f","index.md":"107da1b8"} diff --git a/index.html b/index.html index 098af2b09..cfabcc7ec 100644 --- a/index.html +++ b/index.html @@ -11,13 +11,13 @@ - +
Light-scrollbar docs

Appearance

Light-scrollbar

Small light custom scrollbar

Light-scrollbar plugin is based on one wrap element and psuedo elements that creates scrollbar for X and Y axis, this provides the smallest alteration of DOM possible.

Get Started
View on GitHub
View on NPM

Setup

Easy setup, just one line to initilize whole plugin, bother no longer to understand how to replace your scrollbar.

API

Straightforward API, easy to understand where most of customization.

Light

Super light plugin that weights around 2500B, with this size works exactly like native scrollbar but with possibility of customization.

Released under the MIT License.

Copyright © 2022-present FRSOURCE - Szymon Dziewoński

- + \ No newline at end of file diff --git a/instalation.html b/instalation.html index 330382df6..003803940 100644 --- a/instalation.html +++ b/instalation.html @@ -11,7 +11,7 @@ - + @@ -36,8 +36,8 @@ const scrollingElement = document.querySelector("element-with-overflow-auto"); attach(scrollingElement);

UMD ​

js
const scrollingElement = document.querySelector("element-with-overflow-auto");
 window.lightScrollbar.attach(scrollingElement);
const scrollingElement = document.querySelector("element-with-overflow-auto");
-window.lightScrollbar.attach(scrollingElement);
- +window.lightScrollbar.attach(scrollingElement); + \ No newline at end of file