From 22b8568014991c415a0bbc5a35e9159ca7a9d8eb Mon Sep 17 00:00:00 2001 From: "renovate[bot]" Date: Fri, 3 Jan 2025 04:43:38 +0000 Subject: [PATCH] deploy: 6fe74c8651408ab61262ac56e2eebfd741d64656 --- 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.B3vDJBm0.js => api.md.LiWevygT.js} | 2 +- assets/{api.md.B3vDJBm0.lean.js => api.md.LiWevygT.lean.js} | 2 +- ...{api_attach.md.h75k0qsV.js => api_attach.md.BOCam0NT.js} | 2 +- ...h.md.h75k0qsV.lean.js => api_attach.md.BOCam0NT.lean.js} | 2 +- ...s.md.CZpIU51o.js => api_attach_arguments.md.HO96YErd.js} | 2 +- ...51o.lean.js => api_attach_arguments.md.HO96YErd.lean.js} | 2 +- ...rns.md.CV9QG-KF.js => api_attach_returns.md.6-cEaPwr.js} | 2 +- ...QG-KF.lean.js => api_attach_returns.md.6-cEaPwr.lean.js} | 2 +- ...{api_detach.md.BsuStS4b.js => api_detach.md.Miw_gC_n.js} | 2 +- ...h.md.BsuStS4b.lean.js => api_detach.md.Miw_gC_n.lean.js} | 2 +- assets/{examples.md.Cpf6sdx-.js => examples.md.C1ubK9Xg.js} | 2 +- ...les.md.Cpf6sdx-.lean.js => examples.md.C1ubK9Xg.lean.js} | 2 +- ...fault.md.BPP2Zg6M.js => examples_default.md.utrYXK7r.js} | 2 +- ...PP2Zg6M.lean.js => examples_default.md.utrYXK7r.lean.js} | 2 +- ...r.md.CGKBfgT6.js => examples_showOnHover.md.CRtjNIIN.js} | 2 +- ...gT6.lean.js => examples_showOnHover.md.CRtjNIIN.lean.js} | 2 +- ...d.IBdrsjxY.js => examples_wrapperOutside.md.unNDO5C0.js} | 2 +- ....lean.js => examples_wrapperOutside.md.unNDO5C0.lean.js} | 2 +- ...tarted.md.AxmQw7sZ.js => getting-started.md.B_OyXGjV.js} | 2 +- ...AxmQw7sZ.lean.js => getting-started.md.B_OyXGjV.lean.js} | 2 +- assets/{index.md.DHzklM6X.js => index.md.BdYBz-MP.js} | 2 +- ...{index.md.DHzklM6X.lean.js => index.md.BdYBz-MP.lean.js} | 2 +- ...nstalation.md.BVkeGI9H.js => instalation.md.DM5R7ItX.js} | 2 +- ....md.BVkeGI9H.lean.js => instalation.md.DM5R7ItX.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.B3vDJBm0.js => api.md.LiWevygT.js} (92%) rename assets/{api.md.B3vDJBm0.lean.js => api.md.LiWevygT.lean.js} (83%) rename assets/{api_attach.md.h75k0qsV.js => api_attach.md.BOCam0NT.js} (97%) rename assets/{api_attach.md.h75k0qsV.lean.js => api_attach.md.BOCam0NT.lean.js} (84%) rename assets/{api_attach_arguments.md.CZpIU51o.js => api_attach_arguments.md.HO96YErd.js} (99%) rename assets/{api_attach_arguments.md.CZpIU51o.lean.js => api_attach_arguments.md.HO96YErd.lean.js} (85%) rename assets/{api_attach_returns.md.CV9QG-KF.js => api_attach_returns.md.6-cEaPwr.js} (97%) rename assets/{api_attach_returns.md.CV9QG-KF.lean.js => api_attach_returns.md.6-cEaPwr.lean.js} (85%) rename assets/{api_detach.md.BsuStS4b.js => api_detach.md.Miw_gC_n.js} (98%) rename assets/{api_detach.md.BsuStS4b.lean.js => api_detach.md.Miw_gC_n.lean.js} (84%) rename assets/{examples.md.Cpf6sdx-.js => examples.md.C1ubK9Xg.js} (92%) rename assets/{examples.md.Cpf6sdx-.lean.js => examples.md.C1ubK9Xg.lean.js} (84%) rename assets/{examples_default.md.BPP2Zg6M.js => examples_default.md.utrYXK7r.js} (98%) rename assets/{examples_default.md.BPP2Zg6M.lean.js => examples_default.md.utrYXK7r.lean.js} (92%) rename assets/{examples_showOnHover.md.CGKBfgT6.js => examples_showOnHover.md.CRtjNIIN.js} (98%) rename assets/{examples_showOnHover.md.CGKBfgT6.lean.js => examples_showOnHover.md.CRtjNIIN.lean.js} (98%) rename assets/{examples_wrapperOutside.md.IBdrsjxY.js => examples_wrapperOutside.md.unNDO5C0.js} (98%) rename assets/{examples_wrapperOutside.md.IBdrsjxY.lean.js => examples_wrapperOutside.md.unNDO5C0.lean.js} (95%) rename assets/{getting-started.md.AxmQw7sZ.js => getting-started.md.B_OyXGjV.js} (91%) rename assets/{getting-started.md.AxmQw7sZ.lean.js => getting-started.md.B_OyXGjV.lean.js} (70%) rename assets/{index.md.DHzklM6X.js => index.md.BdYBz-MP.js} (95%) rename assets/{index.md.DHzklM6X.lean.js => index.md.BdYBz-MP.lean.js} (95%) rename assets/{instalation.md.BVkeGI9H.js => instalation.md.DM5R7ItX.js} (98%) rename assets/{instalation.md.BVkeGI9H.lean.js => instalation.md.DM5R7ItX.lean.js} (84%) diff --git a/404.html b/404.html index da2ea0516..a1d0dc742 100644 --- a/404.html +++ b/404.html @@ -15,7 +15,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 a5610b4a5..d350e24a5 100644 --- a/api.html +++ b/api.html @@ -12,13 +12,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 cfaae7498..01f524675 100644 --- a/api/attach.html +++ b/api/attach.html @@ -12,7 +12,7 @@ - + @@ -22,8 +22,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 20023ca15..7bfcbf8b6 100644 --- a/api/attach/arguments.html +++ b/api/attach/arguments.html @@ -12,7 +12,7 @@ - + @@ -38,8 +38,8 @@ };

className ​

ClassName used to target HTMLElement that has overflow: auto on it, meaning is scrollable container.

Default value

ts
className: "light-scrollbar",

Type

ts
className?: string;

disableFocusPrevent ​

By default emitting focus event is disabled, means when scroll is initialized from this container no focus event will be emitted.

Default value

ts
disableFocusPrevent: true,

Type

ts
disableFocusPrevent?: boolean;

wrapperPlacement ​

In order to create custom scrollbar, at this moment only possible solution is to wrap scrollable container with wrapper. This plugin can create wrapper inside your container and switch node and its all classes/attrs/listeners from original container to inner child, or create outside wrapper.

Default value

ts
wrapperPlacement: WrapperPlacement.inside,

Type

ts
wrapperPlacement?: WrapperPlacement;
ts
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;

showOnHover ​

Scrollbars can be visible only when hover on container.

Default value

ts
showOnHover: false,

Type

ts
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;

showOnHover ​

Scrollbars can be visible only when hover on container.

Default value

ts
showOnHover: false,

Type

ts
showOnHover?: number | false
+ \ No newline at end of file diff --git a/api/attach/returns.html b/api/attach/returns.html index 8aced397f..c373bb557 100644 --- a/api/attach/returns.html +++ b/api/attach/returns.html @@ -12,13 +12,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;

outerElement ​

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

Type

ts
outerElement: HTMLElement;

detach ​

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

Type

ts
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;

outerElement ​

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

Type

ts
outerElement: HTMLElement;

detach ​

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

Type

ts
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 d74eb9d7e..f27c2e6a9 100644 --- a/api/detach.html +++ b/api/detach.html @@ -12,7 +12,7 @@ - + @@ -27,8 +27,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.B3vDJBm0.js b/assets/api.md.LiWevygT.js similarity index 92% rename from assets/api.md.B3vDJBm0.js rename to assets/api.md.LiWevygT.js index b6c1973b2..850237f88 100644 --- a/assets/api.md.B3vDJBm0.js +++ b/assets/api.md.LiWevygT.js @@ -1 +1 @@ -import{_ as a,c as t,o as e,a1 as i}from"./chunks/framework.BzfhLAzQ.js";const u=JSON.parse('{"title":"Api","description":"","frontmatter":{},"headers":[],"relativePath":"api.md","filePath":"api.md","lastUpdated":1735620210000}'),l={name:"api.md"},r=i('

Api ​

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

Api ​

',2),c=[r];function s(h,o,_,n,p,d){return e(),t("div",null,c)}const f=a(l,[["render",s]]);export{u as __pageData,f as default}; diff --git a/assets/api.md.B3vDJBm0.lean.js b/assets/api.md.LiWevygT.lean.js similarity index 83% rename from assets/api.md.B3vDJBm0.lean.js rename to assets/api.md.LiWevygT.lean.js index 1f58b6c1a..8e09b85c0 100644 --- a/assets/api.md.B3vDJBm0.lean.js +++ b/assets/api.md.LiWevygT.lean.js @@ -1 +1 @@ -import{_ as a,c as t,o as e,a1 as i}from"./chunks/framework.BzfhLAzQ.js";const u=JSON.parse('{"title":"Api","description":"","frontmatter":{},"headers":[],"relativePath":"api.md","filePath":"api.md","lastUpdated":1735620210000}'),l={name:"api.md"},r=i("",2),c=[r];function s(h,o,_,n,p,d){return e(),t("div",null,c)}const f=a(l,[["render",s]]);export{u as __pageData,f as default}; +import{_ as a,c as t,o as e,a1 as i}from"./chunks/framework.BzfhLAzQ.js";const u=JSON.parse('{"title":"Api","description":"","frontmatter":{},"headers":[],"relativePath":"api.md","filePath":"api.md","lastUpdated":1735879295000}'),l={name:"api.md"},r=i("",2),c=[r];function s(h,o,_,n,p,d){return e(),t("div",null,c)}const f=a(l,[["render",s]]);export{u as __pageData,f as default}; diff --git a/assets/api_attach.md.h75k0qsV.js b/assets/api_attach.md.BOCam0NT.js similarity index 97% rename from assets/api_attach.md.h75k0qsV.js rename to assets/api_attach.md.BOCam0NT.js index b8c36c0f4..c363537ac 100644 --- a/assets/api_attach.md.h75k0qsV.js +++ b/assets/api_attach.md.BOCam0NT.js @@ -1,4 +1,4 @@ -import{_ as s,c as a,o as i,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"attach","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach.md","filePath":"api/attach.md","lastUpdated":1735620210000}'),l={name:"api/attach.md"},e=t(`

attach ​

Method used to initialize plugin.

e.g

ts
import { attach, WrapperPlacement } from "light-scrollbar";
+import{_ as s,c as a,o as i,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"attach","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach.md","filePath":"api/attach.md","lastUpdated":1735879295000}'),l={name:"api/attach.md"},e=t(`
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.h75k0qsV.lean.js b/assets/api_attach.md.BOCam0NT.lean.js
similarity index 84%
rename from assets/api_attach.md.h75k0qsV.lean.js
rename to assets/api_attach.md.BOCam0NT.lean.js
index 6ca1f0af7..427dd448c 100644
--- a/assets/api_attach.md.h75k0qsV.lean.js
+++ b/assets/api_attach.md.BOCam0NT.lean.js
@@ -1 +1 @@
-import{_ as s,c as a,o as i,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"attach","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach.md","filePath":"api/attach.md","lastUpdated":1735620210000}'),l={name:"api/attach.md"},e=t("",6),h=[e];function n(p,r,k,c,d,o){return i(),a("div",null,h)}const y=s(l,[["render",n]]);export{g as __pageData,y as default};
+import{_ as s,c as a,o as i,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"attach","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach.md","filePath":"api/attach.md","lastUpdated":1735879295000}'),l={name:"api/attach.md"},e=t("",6),h=[e];function n(p,r,k,c,d,o){return i(),a("div",null,h)}const y=s(l,[["render",n]]);export{g as __pageData,y as default};
diff --git a/assets/api_attach_arguments.md.CZpIU51o.js b/assets/api_attach_arguments.md.HO96YErd.js
similarity index 99%
rename from assets/api_attach_arguments.md.CZpIU51o.js
rename to assets/api_attach_arguments.md.HO96YErd.js
index 24c7e832d..9333bd5bf 100644
--- a/assets/api_attach_arguments.md.CZpIU51o.js
+++ b/assets/api_attach_arguments.md.HO96YErd.js
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as i,a1 as e}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"attach - arguments","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/arguments.md","filePath":"api/attach/arguments.md","lastUpdated":1735620210000}'),t={name:"api/attach/arguments.md"},n=e(`
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,c as a,o as i,a1 as e}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"attach - arguments","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/arguments.md","filePath":"api/attach/arguments.md","lastUpdated":1735879295000}'),t={name:"api/attach/arguments.md"},n=e(`
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.CZpIU51o.lean.js b/assets/api_attach_arguments.md.HO96YErd.lean.js
similarity index 85%
rename from assets/api_attach_arguments.md.CZpIU51o.lean.js
rename to assets/api_attach_arguments.md.HO96YErd.lean.js
index f22867511..12e6cd037 100644
--- a/assets/api_attach_arguments.md.CZpIU51o.lean.js
+++ b/assets/api_attach_arguments.md.HO96YErd.lean.js
@@ -1 +1 @@
-import{_ as s,c as a,o as i,a1 as e}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"attach - arguments","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/arguments.md","filePath":"api/attach/arguments.md","lastUpdated":1735620210000}'),t={name:"api/attach/arguments.md"},n=e("",39),p=[n];function l(h,r,k,o,d,c){return i(),a("div",null,p)}const u=s(t,[["render",l]]);export{g as __pageData,u as default};
+import{_ as s,c as a,o as i,a1 as e}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"attach - arguments","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/arguments.md","filePath":"api/attach/arguments.md","lastUpdated":1735879295000}'),t={name:"api/attach/arguments.md"},n=e("",39),p=[n];function l(h,r,k,o,d,c){return i(),a("div",null,p)}const u=s(t,[["render",l]]);export{g as __pageData,u as default};
diff --git a/assets/api_attach_returns.md.CV9QG-KF.js b/assets/api_attach_returns.md.6-cEaPwr.js
similarity index 97%
rename from assets/api_attach_returns.md.CV9QG-KF.js
rename to assets/api_attach_returns.md.6-cEaPwr.js
index 86ea9c44f..68d523a8e 100644
--- a/assets/api_attach_returns.md.CV9QG-KF.js
+++ b/assets/api_attach_returns.md.6-cEaPwr.js
@@ -1 +1 @@
-import{_ as e,c as t,o as a,a1 as s}from"./chunks/framework.BzfhLAzQ.js";const k=JSON.parse('{"title":"attach - returns","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/returns.md","filePath":"api/attach/returns.md","lastUpdated":1735620210000}'),n={name:"api/attach/returns.md"},i=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;
outerElement ​
Outer element of wrapped scrollable container, see example output code in example after mount section
Type
ts
outerElement: HTMLElement;
detach ​
Method that can be used to destroy/detach light-scrollbar from your element
Type
ts
detach: () => void
',14),r=[i];function l(o,p,h,c,d,u){return a(),t("div",null,r)}const g=e(n,[["render",l]]);export{k as __pageData,g as default};
+import{_ as e,c as t,o as a,a1 as s}from"./chunks/framework.BzfhLAzQ.js";const k=JSON.parse('{"title":"attach - returns","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/returns.md","filePath":"api/attach/returns.md","lastUpdated":1735879295000}'),n={name:"api/attach/returns.md"},i=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;
outerElement ​
Outer element of wrapped scrollable container, see example output code in example after mount section
Type
ts
outerElement: HTMLElement;
detach ​
Method that can be used to destroy/detach light-scrollbar from your element
Type
ts
detach: () => void
',14),r=[i];function l(o,p,h,c,d,u){return a(),t("div",null,r)}const g=e(n,[["render",l]]);export{k as __pageData,g as default};
diff --git a/assets/api_attach_returns.md.CV9QG-KF.lean.js b/assets/api_attach_returns.md.6-cEaPwr.lean.js
similarity index 85%
rename from assets/api_attach_returns.md.CV9QG-KF.lean.js
rename to assets/api_attach_returns.md.6-cEaPwr.lean.js
index ec559222d..c9917cd5a 100644
--- a/assets/api_attach_returns.md.CV9QG-KF.lean.js
+++ b/assets/api_attach_returns.md.6-cEaPwr.lean.js
@@ -1 +1 @@
-import{_ as e,c as t,o as a,a1 as s}from"./chunks/framework.BzfhLAzQ.js";const k=JSON.parse('{"title":"attach - returns","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/returns.md","filePath":"api/attach/returns.md","lastUpdated":1735620210000}'),n={name:"api/attach/returns.md"},i=s("",14),r=[i];function l(o,p,h,c,d,u){return a(),t("div",null,r)}const g=e(n,[["render",l]]);export{k as __pageData,g as default};
+import{_ as e,c as t,o as a,a1 as s}from"./chunks/framework.BzfhLAzQ.js";const k=JSON.parse('{"title":"attach - returns","description":"","frontmatter":{},"headers":[],"relativePath":"api/attach/returns.md","filePath":"api/attach/returns.md","lastUpdated":1735879295000}'),n={name:"api/attach/returns.md"},i=s("",14),r=[i];function l(o,p,h,c,d,u){return a(),t("div",null,r)}const g=e(n,[["render",l]]);export{k as __pageData,g as default};
diff --git a/assets/api_detach.md.BsuStS4b.js b/assets/api_detach.md.Miw_gC_n.js
similarity index 98%
rename from assets/api_detach.md.BsuStS4b.js
rename to assets/api_detach.md.Miw_gC_n.js
index e241ef6ce..bc048d5af 100644
--- a/assets/api_detach.md.BsuStS4b.js
+++ b/assets/api_detach.md.Miw_gC_n.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"detach","description":"","frontmatter":{},"headers":[],"relativePath":"api/detach.md","filePath":"api/detach.md","lastUpdated":1735620210000}'),n={name:"api/detach.md"},e=t(`
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,c as i,o as a,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"detach","description":"","frontmatter":{},"headers":[],"relativePath":"api/detach.md","filePath":"api/detach.md","lastUpdated":1735879295000}'),n={name:"api/detach.md"},e=t(`
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.BsuStS4b.lean.js b/assets/api_detach.md.Miw_gC_n.lean.js
similarity index 84%
rename from assets/api_detach.md.BsuStS4b.lean.js
rename to assets/api_detach.md.Miw_gC_n.lean.js
index 8a51c7d18..98c16d389 100644
--- a/assets/api_detach.md.BsuStS4b.lean.js
+++ b/assets/api_detach.md.Miw_gC_n.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"detach","description":"","frontmatter":{},"headers":[],"relativePath":"api/detach.md","filePath":"api/detach.md","lastUpdated":1735620210000}'),n={name:"api/detach.md"},e=t("",6),h=[e];function l(p,k,r,d,E,c){return a(),i("div",null,h)}const y=s(n,[["render",l]]);export{g as __pageData,y as default};
+import{_ as s,c as i,o as a,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const g=JSON.parse('{"title":"detach","description":"","frontmatter":{},"headers":[],"relativePath":"api/detach.md","filePath":"api/detach.md","lastUpdated":1735879295000}'),n={name:"api/detach.md"},e=t("",6),h=[e];function l(p,k,r,d,E,c){return a(),i("div",null,h)}const y=s(n,[["render",l]]);export{g as __pageData,y as default};
diff --git a/assets/examples.md.Cpf6sdx-.js b/assets/examples.md.C1ubK9Xg.js
similarity index 92%
rename from assets/examples.md.Cpf6sdx-.js
rename to assets/examples.md.C1ubK9Xg.js
index 68e4c8cf5..cd0bbb593 100644
--- a/assets/examples.md.Cpf6sdx-.js
+++ b/assets/examples.md.C1ubK9Xg.js
@@ -1 +1 @@
-import{_ as e,c as a,o as l,a1 as s}from"./chunks/framework.BzfhLAzQ.js";const x=JSON.parse('{"title":"Examples","description":"","frontmatter":{},"headers":[],"relativePath":"examples.md","filePath":"examples.md","lastUpdated":1735620210000}'),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 l(),a("div",null,o)}const f=e(t,[["render",i]]);export{x as __pageData,f as default};
+import{_ as e,c as a,o as l,a1 as s}from"./chunks/framework.BzfhLAzQ.js";const x=JSON.parse('{"title":"Examples","description":"","frontmatter":{},"headers":[],"relativePath":"examples.md","filePath":"examples.md","lastUpdated":1735879295000}'),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 l(),a("div",null,o)}const f=e(t,[["render",i]]);export{x as __pageData,f as default};
diff --git a/assets/examples.md.Cpf6sdx-.lean.js b/assets/examples.md.C1ubK9Xg.lean.js
similarity index 84%
rename from assets/examples.md.Cpf6sdx-.lean.js
rename to assets/examples.md.C1ubK9Xg.lean.js
index 43e3859c1..2fee122f0 100644
--- a/assets/examples.md.Cpf6sdx-.lean.js
+++ b/assets/examples.md.C1ubK9Xg.lean.js
@@ -1 +1 @@
-import{_ as e,c as a,o as l,a1 as s}from"./chunks/framework.BzfhLAzQ.js";const x=JSON.parse('{"title":"Examples","description":"","frontmatter":{},"headers":[],"relativePath":"examples.md","filePath":"examples.md","lastUpdated":1735620210000}'),t={name:"examples.md"},r=s("",3),o=[r];function i(p,c,n,_,m,d){return l(),a("div",null,o)}const f=e(t,[["render",i]]);export{x as __pageData,f as default};
+import{_ as e,c as a,o as l,a1 as s}from"./chunks/framework.BzfhLAzQ.js";const x=JSON.parse('{"title":"Examples","description":"","frontmatter":{},"headers":[],"relativePath":"examples.md","filePath":"examples.md","lastUpdated":1735879295000}'),t={name:"examples.md"},r=s("",3),o=[r];function i(p,c,n,_,m,d){return l(),a("div",null,o)}const f=e(t,[["render",i]]);export{x as __pageData,f as default};
diff --git a/assets/examples_default.md.BPP2Zg6M.js b/assets/examples_default.md.utrYXK7r.js
similarity index 98%
rename from assets/examples_default.md.BPP2Zg6M.js
rename to assets/examples_default.md.utrYXK7r.js
index 3700c388f..15dff47bd 100644
--- a/assets/examples_default.md.BPP2Zg6M.js
+++ b/assets/examples_default.md.utrYXK7r.js
@@ -4,4 +4,4 @@ import{_ as a}from"./chunks/default.vue_vue_type_style_index_0_lang.CZyO7aiP.js"
     <div class="light-scrollbar light-scrollbar-wrapper-inside">
         ...content
     </div>
-</div>
`,4),u=JSON.parse('{"title":"Default example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/default.md","filePath":"examples/default.md","lastUpdated":1735620210000}'),r={name:"examples/default.md"},y=Object.assign(r,{setup(d){return(E,o)=>(n(),t("div",null,[p,h,l(a),k]))}});export{u as __pageData,y as default};
+</div>
`,4),u=JSON.parse('{"title":"Default example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/default.md","filePath":"examples/default.md","lastUpdated":1735879295000}'),r={name:"examples/default.md"},y=Object.assign(r,{setup(d){return(E,o)=>(n(),t("div",null,[p,h,l(a),k]))}});export{u as __pageData,y as default};
diff --git a/assets/examples_default.md.BPP2Zg6M.lean.js b/assets/examples_default.md.utrYXK7r.lean.js
similarity index 92%
rename from assets/examples_default.md.BPP2Zg6M.lean.js
rename to assets/examples_default.md.utrYXK7r.lean.js
index 64101d9f7..ef56e0a26 100644
--- a/assets/examples_default.md.BPP2Zg6M.lean.js
+++ b/assets/examples_default.md.utrYXK7r.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/default.vue_vue_type_style_index_0_lang.CZyO7aiP.js";import{c as t,I as l,l as s,a as i,a1 as e,o as n}from"./chunks/framework.BzfhLAzQ.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.aGTgaa1W.js";const p=s("h1",{id:"default-example",tabindex:"-1"},[i("Default example "),s("a",{class:"header-anchor",href:"#default-example","aria-label":'Permalink to "Default example"'},"​")],-1),h=s("p",null,[i("Example with default settings, "),s("code",null,"wrapperPlacement: 'inner'")],-1),k=e("",4),u=JSON.parse('{"title":"Default example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/default.md","filePath":"examples/default.md","lastUpdated":1735620210000}'),r={name:"examples/default.md"},y=Object.assign(r,{setup(d){return(E,o)=>(n(),t("div",null,[p,h,l(a),k]))}});export{u as __pageData,y as default};
+import{_ as a}from"./chunks/default.vue_vue_type_style_index_0_lang.CZyO7aiP.js";import{c as t,I as l,l as s,a as i,a1 as e,o as n}from"./chunks/framework.BzfhLAzQ.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.aGTgaa1W.js";const p=s("h1",{id:"default-example",tabindex:"-1"},[i("Default example "),s("a",{class:"header-anchor",href:"#default-example","aria-label":'Permalink to "Default example"'},"​")],-1),h=s("p",null,[i("Example with default settings, "),s("code",null,"wrapperPlacement: 'inner'")],-1),k=e("",4),u=JSON.parse('{"title":"Default example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/default.md","filePath":"examples/default.md","lastUpdated":1735879295000}'),r={name:"examples/default.md"},y=Object.assign(r,{setup(d){return(E,o)=>(n(),t("div",null,[p,h,l(a),k]))}});export{u as __pageData,y as default};
diff --git a/assets/examples_showOnHover.md.CGKBfgT6.js b/assets/examples_showOnHover.md.CRtjNIIN.js
similarity index 98%
rename from assets/examples_showOnHover.md.CGKBfgT6.js
rename to assets/examples_showOnHover.md.CRtjNIIN.js
index af3b5c919..0cde6865b 100644
--- a/assets/examples_showOnHover.md.CGKBfgT6.js
+++ b/assets/examples_showOnHover.md.CRtjNIIN.js
@@ -1 +1 @@
-import{j as I,c as U,a2 as A,a3 as C,l as f,m as k,t as D,I as R,a as V,o as F}from"./chunks/framework.BzfhLAzQ.js";import{_ as G}from"./chunks/default.vue_vue_type_style_index_0_lang.CZyO7aiP.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.aGTgaa1W.js";var J=typeof global=="object"&&global&&global.Object===Object&&global,X=typeof self=="object"&&self&&self.Object===Object&&self,P=J||X||Function("return this")(),v=P.Symbol,$=Object.prototype,q=$.hasOwnProperty,z=$.toString,b=v?v.toStringTag:void 0;function K(e){var n=q.call(e,b),r=e[b];try{e[b]=void 0;var i=!0}catch{}var l=z.call(e);return i&&(n?e[b]=r:delete e[b]),l}var Q=Object.prototype,Y=Q.toString;function Z(e){return Y.call(e)}var ee="[object Null]",ne="[object Undefined]",H=v?v.toStringTag:void 0;function te(e){return e==null?e===void 0?ne:ee:H&&H in Object(e)?K(e):Z(e)}function re(e){return e!=null&&typeof e=="object"}var oe="[object Symbol]";function ie(e){return typeof e=="symbol"||re(e)&&te(e)==oe}var ae=/\s/;function se(e){for(var n=e.length;n--&&ae.test(e.charAt(n)););return n}var le=/^\s+/;function ce(e){return e&&e.slice(0,se(e)+1).replace(le,"")}function x(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var E=NaN,fe=/^[-+]0x[0-9a-f]+$/i,ue=/^0b[01]+$/i,de=/^0o[0-7]+$/i,me=parseInt;function N(e){if(typeof e=="number")return e;if(ie(e))return E;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=ce(e);var r=ue.test(e);return r||de.test(e)?me(e.slice(2),r?2:8):fe.test(e)?E:+e}var O=function(){return P.Date.now()},pe="Expected a function",be=Math.max,he=Math.min;function ve(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(pe);n=N(n)||0,x(r)&&(S=!!r.leading,m="maxWait"in r,a=m?be(N(r.maxWait)||0,n):a,g="trailing"in r?!!r.trailing:g);function T(t){var c=i,p=l;return i=l=void 0,d=t,s=e.apply(p,c),s}function B(t){return d=t,o=setTimeout(h,n),S?T(t):s}function W(t){var c=t-u,p=t-d,w=n-c;return m?he(w,a-p):w}function j(t){var c=t-u,p=t-d;return u===void 0||c>=n||c<0||m&&p>=a}function h(){var t=O();if(j(t))return _(t);o=setTimeout(h,W(t))}function _(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:_(O())}function y(){var t=O(),c=j(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 ge=f("h1",{id:"showonhover-example",tabindex:"-1"},[V("ShowOnHover example "),f("a",{class:"header-anchor",href:"#showonhover-example","aria-label":'Permalink to "ShowOnHover example"'},"​")],-1),Te=f("p",null,"Scrollbar can be visible only on hover, please hover onto list to show scrollbars",-1),ye=f("hr",null,null,-1),Oe=f("br",null,null,-1),xe=f("hr",null,null,-1),Ie=JSON.parse('{"title":"ShowOnHover example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/showOnHover.md","filePath":"examples/showOnHover.md","lastUpdated":1735620210000}'),Se={name:"examples/showOnHover.md"},ke=Object.assign(Se,{setup(e){const n=I(300),r=I(n.value),i=ve(l=>{r.value=n.value},200);return(l,a)=>(F(),U("div",null,[ge,Te,ye,A(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)=>k(i)&&k(i)(...s))},null,544),[[C,n.value]]),Oe,f("div",null,"Transition duration "+D(n.value)+"ms",1),xe,R(G,{"show-on-hover":parseInt(r.value)},null,8,["show-on-hover"])]))}});export{Ie as __pageData,ke as default};
+import{j as I,c as U,a2 as A,a3 as C,l as f,m as k,t as D,I as R,a as V,o as F}from"./chunks/framework.BzfhLAzQ.js";import{_ as G}from"./chunks/default.vue_vue_type_style_index_0_lang.CZyO7aiP.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.aGTgaa1W.js";var J=typeof global=="object"&&global&&global.Object===Object&&global,X=typeof self=="object"&&self&&self.Object===Object&&self,P=J||X||Function("return this")(),v=P.Symbol,$=Object.prototype,q=$.hasOwnProperty,z=$.toString,b=v?v.toStringTag:void 0;function K(e){var n=q.call(e,b),r=e[b];try{e[b]=void 0;var i=!0}catch{}var l=z.call(e);return i&&(n?e[b]=r:delete e[b]),l}var Q=Object.prototype,Y=Q.toString;function Z(e){return Y.call(e)}var ee="[object Null]",ne="[object Undefined]",H=v?v.toStringTag:void 0;function te(e){return e==null?e===void 0?ne:ee:H&&H in Object(e)?K(e):Z(e)}function re(e){return e!=null&&typeof e=="object"}var oe="[object Symbol]";function ie(e){return typeof e=="symbol"||re(e)&&te(e)==oe}var ae=/\s/;function se(e){for(var n=e.length;n--&&ae.test(e.charAt(n)););return n}var le=/^\s+/;function ce(e){return e&&e.slice(0,se(e)+1).replace(le,"")}function x(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var E=NaN,fe=/^[-+]0x[0-9a-f]+$/i,ue=/^0b[01]+$/i,de=/^0o[0-7]+$/i,me=parseInt;function N(e){if(typeof e=="number")return e;if(ie(e))return E;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=ce(e);var r=ue.test(e);return r||de.test(e)?me(e.slice(2),r?2:8):fe.test(e)?E:+e}var O=function(){return P.Date.now()},pe="Expected a function",be=Math.max,he=Math.min;function ve(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(pe);n=N(n)||0,x(r)&&(S=!!r.leading,m="maxWait"in r,a=m?be(N(r.maxWait)||0,n):a,g="trailing"in r?!!r.trailing:g);function T(t){var c=i,p=l;return i=l=void 0,d=t,s=e.apply(p,c),s}function B(t){return d=t,o=setTimeout(h,n),S?T(t):s}function W(t){var c=t-u,p=t-d,w=n-c;return m?he(w,a-p):w}function j(t){var c=t-u,p=t-d;return u===void 0||c>=n||c<0||m&&p>=a}function h(){var t=O();if(j(t))return _(t);o=setTimeout(h,W(t))}function _(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:_(O())}function y(){var t=O(),c=j(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 ge=f("h1",{id:"showonhover-example",tabindex:"-1"},[V("ShowOnHover example "),f("a",{class:"header-anchor",href:"#showonhover-example","aria-label":'Permalink to "ShowOnHover example"'},"​")],-1),Te=f("p",null,"Scrollbar can be visible only on hover, please hover onto list to show scrollbars",-1),ye=f("hr",null,null,-1),Oe=f("br",null,null,-1),xe=f("hr",null,null,-1),Ie=JSON.parse('{"title":"ShowOnHover example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/showOnHover.md","filePath":"examples/showOnHover.md","lastUpdated":1735879295000}'),Se={name:"examples/showOnHover.md"},ke=Object.assign(Se,{setup(e){const n=I(300),r=I(n.value),i=ve(l=>{r.value=n.value},200);return(l,a)=>(F(),U("div",null,[ge,Te,ye,A(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)=>k(i)&&k(i)(...s))},null,544),[[C,n.value]]),Oe,f("div",null,"Transition duration "+D(n.value)+"ms",1),xe,R(G,{"show-on-hover":parseInt(r.value)},null,8,["show-on-hover"])]))}});export{Ie as __pageData,ke as default};
diff --git a/assets/examples_showOnHover.md.CGKBfgT6.lean.js b/assets/examples_showOnHover.md.CRtjNIIN.lean.js
similarity index 98%
rename from assets/examples_showOnHover.md.CGKBfgT6.lean.js
rename to assets/examples_showOnHover.md.CRtjNIIN.lean.js
index af3b5c919..0cde6865b 100644
--- a/assets/examples_showOnHover.md.CGKBfgT6.lean.js
+++ b/assets/examples_showOnHover.md.CRtjNIIN.lean.js
@@ -1 +1 @@
-import{j as I,c as U,a2 as A,a3 as C,l as f,m as k,t as D,I as R,a as V,o as F}from"./chunks/framework.BzfhLAzQ.js";import{_ as G}from"./chunks/default.vue_vue_type_style_index_0_lang.CZyO7aiP.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.aGTgaa1W.js";var J=typeof global=="object"&&global&&global.Object===Object&&global,X=typeof self=="object"&&self&&self.Object===Object&&self,P=J||X||Function("return this")(),v=P.Symbol,$=Object.prototype,q=$.hasOwnProperty,z=$.toString,b=v?v.toStringTag:void 0;function K(e){var n=q.call(e,b),r=e[b];try{e[b]=void 0;var i=!0}catch{}var l=z.call(e);return i&&(n?e[b]=r:delete e[b]),l}var Q=Object.prototype,Y=Q.toString;function Z(e){return Y.call(e)}var ee="[object Null]",ne="[object Undefined]",H=v?v.toStringTag:void 0;function te(e){return e==null?e===void 0?ne:ee:H&&H in Object(e)?K(e):Z(e)}function re(e){return e!=null&&typeof e=="object"}var oe="[object Symbol]";function ie(e){return typeof e=="symbol"||re(e)&&te(e)==oe}var ae=/\s/;function se(e){for(var n=e.length;n--&&ae.test(e.charAt(n)););return n}var le=/^\s+/;function ce(e){return e&&e.slice(0,se(e)+1).replace(le,"")}function x(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var E=NaN,fe=/^[-+]0x[0-9a-f]+$/i,ue=/^0b[01]+$/i,de=/^0o[0-7]+$/i,me=parseInt;function N(e){if(typeof e=="number")return e;if(ie(e))return E;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=ce(e);var r=ue.test(e);return r||de.test(e)?me(e.slice(2),r?2:8):fe.test(e)?E:+e}var O=function(){return P.Date.now()},pe="Expected a function",be=Math.max,he=Math.min;function ve(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(pe);n=N(n)||0,x(r)&&(S=!!r.leading,m="maxWait"in r,a=m?be(N(r.maxWait)||0,n):a,g="trailing"in r?!!r.trailing:g);function T(t){var c=i,p=l;return i=l=void 0,d=t,s=e.apply(p,c),s}function B(t){return d=t,o=setTimeout(h,n),S?T(t):s}function W(t){var c=t-u,p=t-d,w=n-c;return m?he(w,a-p):w}function j(t){var c=t-u,p=t-d;return u===void 0||c>=n||c<0||m&&p>=a}function h(){var t=O();if(j(t))return _(t);o=setTimeout(h,W(t))}function _(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:_(O())}function y(){var t=O(),c=j(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 ge=f("h1",{id:"showonhover-example",tabindex:"-1"},[V("ShowOnHover example "),f("a",{class:"header-anchor",href:"#showonhover-example","aria-label":'Permalink to "ShowOnHover example"'},"​")],-1),Te=f("p",null,"Scrollbar can be visible only on hover, please hover onto list to show scrollbars",-1),ye=f("hr",null,null,-1),Oe=f("br",null,null,-1),xe=f("hr",null,null,-1),Ie=JSON.parse('{"title":"ShowOnHover example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/showOnHover.md","filePath":"examples/showOnHover.md","lastUpdated":1735620210000}'),Se={name:"examples/showOnHover.md"},ke=Object.assign(Se,{setup(e){const n=I(300),r=I(n.value),i=ve(l=>{r.value=n.value},200);return(l,a)=>(F(),U("div",null,[ge,Te,ye,A(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)=>k(i)&&k(i)(...s))},null,544),[[C,n.value]]),Oe,f("div",null,"Transition duration "+D(n.value)+"ms",1),xe,R(G,{"show-on-hover":parseInt(r.value)},null,8,["show-on-hover"])]))}});export{Ie as __pageData,ke as default};
+import{j as I,c as U,a2 as A,a3 as C,l as f,m as k,t as D,I as R,a as V,o as F}from"./chunks/framework.BzfhLAzQ.js";import{_ as G}from"./chunks/default.vue_vue_type_style_index_0_lang.CZyO7aiP.js";import"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.aGTgaa1W.js";var J=typeof global=="object"&&global&&global.Object===Object&&global,X=typeof self=="object"&&self&&self.Object===Object&&self,P=J||X||Function("return this")(),v=P.Symbol,$=Object.prototype,q=$.hasOwnProperty,z=$.toString,b=v?v.toStringTag:void 0;function K(e){var n=q.call(e,b),r=e[b];try{e[b]=void 0;var i=!0}catch{}var l=z.call(e);return i&&(n?e[b]=r:delete e[b]),l}var Q=Object.prototype,Y=Q.toString;function Z(e){return Y.call(e)}var ee="[object Null]",ne="[object Undefined]",H=v?v.toStringTag:void 0;function te(e){return e==null?e===void 0?ne:ee:H&&H in Object(e)?K(e):Z(e)}function re(e){return e!=null&&typeof e=="object"}var oe="[object Symbol]";function ie(e){return typeof e=="symbol"||re(e)&&te(e)==oe}var ae=/\s/;function se(e){for(var n=e.length;n--&&ae.test(e.charAt(n)););return n}var le=/^\s+/;function ce(e){return e&&e.slice(0,se(e)+1).replace(le,"")}function x(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var E=NaN,fe=/^[-+]0x[0-9a-f]+$/i,ue=/^0b[01]+$/i,de=/^0o[0-7]+$/i,me=parseInt;function N(e){if(typeof e=="number")return e;if(ie(e))return E;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=ce(e);var r=ue.test(e);return r||de.test(e)?me(e.slice(2),r?2:8):fe.test(e)?E:+e}var O=function(){return P.Date.now()},pe="Expected a function",be=Math.max,he=Math.min;function ve(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(pe);n=N(n)||0,x(r)&&(S=!!r.leading,m="maxWait"in r,a=m?be(N(r.maxWait)||0,n):a,g="trailing"in r?!!r.trailing:g);function T(t){var c=i,p=l;return i=l=void 0,d=t,s=e.apply(p,c),s}function B(t){return d=t,o=setTimeout(h,n),S?T(t):s}function W(t){var c=t-u,p=t-d,w=n-c;return m?he(w,a-p):w}function j(t){var c=t-u,p=t-d;return u===void 0||c>=n||c<0||m&&p>=a}function h(){var t=O();if(j(t))return _(t);o=setTimeout(h,W(t))}function _(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:_(O())}function y(){var t=O(),c=j(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 ge=f("h1",{id:"showonhover-example",tabindex:"-1"},[V("ShowOnHover example "),f("a",{class:"header-anchor",href:"#showonhover-example","aria-label":'Permalink to "ShowOnHover example"'},"​")],-1),Te=f("p",null,"Scrollbar can be visible only on hover, please hover onto list to show scrollbars",-1),ye=f("hr",null,null,-1),Oe=f("br",null,null,-1),xe=f("hr",null,null,-1),Ie=JSON.parse('{"title":"ShowOnHover example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/showOnHover.md","filePath":"examples/showOnHover.md","lastUpdated":1735879295000}'),Se={name:"examples/showOnHover.md"},ke=Object.assign(Se,{setup(e){const n=I(300),r=I(n.value),i=ve(l=>{r.value=n.value},200);return(l,a)=>(F(),U("div",null,[ge,Te,ye,A(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)=>k(i)&&k(i)(...s))},null,544),[[C,n.value]]),Oe,f("div",null,"Transition duration "+D(n.value)+"ms",1),xe,R(G,{"show-on-hover":parseInt(r.value)},null,8,["show-on-hover"])]))}});export{Ie as __pageData,ke as default};
diff --git a/assets/examples_wrapperOutside.md.IBdrsjxY.js b/assets/examples_wrapperOutside.md.unNDO5C0.js
similarity index 98%
rename from assets/examples_wrapperOutside.md.IBdrsjxY.js
rename to assets/examples_wrapperOutside.md.unNDO5C0.js
index 87adb9605..b35b9f163 100644
--- a/assets/examples_wrapperOutside.md.IBdrsjxY.js
+++ b/assets/examples_wrapperOutside.md.unNDO5C0.js
@@ -4,4 +4,4 @@ import{w as d,a as k,A as o,_ as E}from"./chunks/scrollbarTemplate.vue_vue_type_
     <div class="my-scrollbar light-scrollbar light-scrollbar-wrapper-inside">
         ...content
     </div>
-</div>
`,4),A=JSON.parse('{"title":"Wrapper outside example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/wrapperOutside.md","filePath":"examples/wrapperOutside.md","lastUpdated":1735620210000}'),C={name:"examples/wrapperOutside.md"},B=Object.assign(C,{setup(r){return(i,a)=>(l(),n("div",null,[b,v,f,t(y),F]))}});export{A as __pageData,B as default};
+</div>
`,4),A=JSON.parse('{"title":"Wrapper outside example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/wrapperOutside.md","filePath":"examples/wrapperOutside.md","lastUpdated":1735879295000}'),C={name:"examples/wrapperOutside.md"},B=Object.assign(C,{setup(r){return(i,a)=>(l(),n("div",null,[b,v,f,t(y),F]))}});export{A as __pageData,B as default};
diff --git a/assets/examples_wrapperOutside.md.IBdrsjxY.lean.js b/assets/examples_wrapperOutside.md.unNDO5C0.lean.js
similarity index 95%
rename from assets/examples_wrapperOutside.md.IBdrsjxY.lean.js
rename to assets/examples_wrapperOutside.md.unNDO5C0.lean.js
index b7a19d02c..7e32c4791 100644
--- a/assets/examples_wrapperOutside.md.IBdrsjxY.lean.js
+++ b/assets/examples_wrapperOutside.md.unNDO5C0.lean.js
@@ -1 +1 @@
-import{w as d,a as k,A as o,_ as E}from"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.aGTgaa1W.js";import{d as c,j as g,k as u,o as l,c as n,I as t,F as m,l as s,a as p,a1 as _}from"./chunks/framework.BzfhLAzQ.js";const y=c({__name:"wrapperOutside",setup(r){const i=g(0);return u(()=>{const a=document.querySelector(".my-scrollbar");d(a,{wrapperPlacement:k.outside})}),(a,e)=>(l(),n(m,null,[t(o,{onClick:e[0]||(e[0]=h=>i.value+=h)}),t(E,{"additional-elements-number":i.value},null,8,["additional-elements-number"])],64))}}),b=s("h1",{id:"wrapper-outside-example",tabindex:"-1"},[p("Wrapper outside example "),s("a",{class:"header-anchor",href:"#wrapper-outside-example","aria-label":'Permalink to "Wrapper outside example"'},"​")],-1),v=s("p",null,[p("Example with settings, "),s("code",null,"wrapperPlacement: 'outside'")],-1),f=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=_("",4),A=JSON.parse('{"title":"Wrapper outside example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/wrapperOutside.md","filePath":"examples/wrapperOutside.md","lastUpdated":1735620210000}'),C={name:"examples/wrapperOutside.md"},B=Object.assign(C,{setup(r){return(i,a)=>(l(),n("div",null,[b,v,f,t(y),F]))}});export{A as __pageData,B as default};
+import{w as d,a as k,A as o,_ as E}from"./chunks/scrollbarTemplate.vue_vue_type_script_setup_true_lang.aGTgaa1W.js";import{d as c,j as g,k as u,o as l,c as n,I as t,F as m,l as s,a as p,a1 as _}from"./chunks/framework.BzfhLAzQ.js";const y=c({__name:"wrapperOutside",setup(r){const i=g(0);return u(()=>{const a=document.querySelector(".my-scrollbar");d(a,{wrapperPlacement:k.outside})}),(a,e)=>(l(),n(m,null,[t(o,{onClick:e[0]||(e[0]=h=>i.value+=h)}),t(E,{"additional-elements-number":i.value},null,8,["additional-elements-number"])],64))}}),b=s("h1",{id:"wrapper-outside-example",tabindex:"-1"},[p("Wrapper outside example "),s("a",{class:"header-anchor",href:"#wrapper-outside-example","aria-label":'Permalink to "Wrapper outside example"'},"​")],-1),v=s("p",null,[p("Example with settings, "),s("code",null,"wrapperPlacement: 'outside'")],-1),f=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=_("",4),A=JSON.parse('{"title":"Wrapper outside example","description":"","frontmatter":{},"headers":[],"relativePath":"examples/wrapperOutside.md","filePath":"examples/wrapperOutside.md","lastUpdated":1735879295000}'),C={name:"examples/wrapperOutside.md"},B=Object.assign(C,{setup(r){return(i,a)=>(l(),n("div",null,[b,v,f,t(y),F]))}});export{A as __pageData,B as default};
diff --git a/assets/getting-started.md.AxmQw7sZ.js b/assets/getting-started.md.B_OyXGjV.js
similarity index 91%
rename from assets/getting-started.md.AxmQw7sZ.js
rename to assets/getting-started.md.B_OyXGjV.js
index 3c782b9b1..a1151d7de 100644
--- a/assets/getting-started.md.AxmQw7sZ.js
+++ b/assets/getting-started.md.B_OyXGjV.js
@@ -1 +1 @@
-import{_ as e,c as t,o as a,a1 as o}from"./chunks/framework.BzfhLAzQ.js";const _=JSON.parse('{"title":"Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1735620210000}'),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 a(),t("div",null,l)}const m=e(r,[["render",s]]);export{_ as __pageData,m as default};
+import{_ as e,c as t,o as a,a1 as o}from"./chunks/framework.BzfhLAzQ.js";const _=JSON.parse('{"title":"Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1735879295000}'),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 a(),t("div",null,l)}const m=e(r,[["render",s]]);export{_ as __pageData,m as default};
diff --git a/assets/getting-started.md.AxmQw7sZ.lean.js b/assets/getting-started.md.B_OyXGjV.lean.js
similarity index 70%
rename from assets/getting-started.md.AxmQw7sZ.lean.js
rename to assets/getting-started.md.B_OyXGjV.lean.js
index 22d41115a..52f50b85a 100644
--- a/assets/getting-started.md.AxmQw7sZ.lean.js
+++ b/assets/getting-started.md.B_OyXGjV.lean.js
@@ -1 +1 @@
-import{_ as e,c as t,o as a,a1 as o}from"./chunks/framework.BzfhLAzQ.js";const _=JSON.parse('{"title":"Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1735620210000}'),r={name:"getting-started.md"},i=o("",6),l=[i];function s(n,c,d,p,h,u){return a(),t("div",null,l)}const m=e(r,[["render",s]]);export{_ as __pageData,m as default};
+import{_ as e,c as t,o as a,a1 as o}from"./chunks/framework.BzfhLAzQ.js";const _=JSON.parse('{"title":"Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1735879295000}'),r={name:"getting-started.md"},i=o("",6),l=[i];function s(n,c,d,p,h,u){return a(),t("div",null,l)}const m=e(r,[["render",s]]);export{_ as __pageData,m as default};
diff --git a/assets/index.md.DHzklM6X.js b/assets/index.md.BdYBz-MP.js
similarity index 95%
rename from assets/index.md.DHzklM6X.js
rename to assets/index.md.BdYBz-MP.js
index b40095071..e4850a243 100644
--- a/assets/index.md.DHzklM6X.js
+++ b/assets/index.md.BdYBz-MP.js
@@ -1 +1 @@
-import{_ as t,c as e,o as i}from"./chunks/framework.BzfhLAzQ.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":1735620210000}'),s={name:"index.md"};function a(o,l,n,r,c,h){return i(),e("div")}const p=t(s,[["render",a]]);export{g as __pageData,p as default};
+import{_ as t,c as e,o as i}from"./chunks/framework.BzfhLAzQ.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":1735879295000}'),s={name:"index.md"};function a(o,l,n,r,c,h){return i(),e("div")}const p=t(s,[["render",a]]);export{g as __pageData,p as default};
diff --git a/assets/index.md.DHzklM6X.lean.js b/assets/index.md.BdYBz-MP.lean.js
similarity index 95%
rename from assets/index.md.DHzklM6X.lean.js
rename to assets/index.md.BdYBz-MP.lean.js
index b40095071..e4850a243 100644
--- a/assets/index.md.DHzklM6X.lean.js
+++ b/assets/index.md.BdYBz-MP.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o as i}from"./chunks/framework.BzfhLAzQ.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":1735620210000}'),s={name:"index.md"};function a(o,l,n,r,c,h){return i(),e("div")}const p=t(s,[["render",a]]);export{g as __pageData,p as default};
+import{_ as t,c as e,o as i}from"./chunks/framework.BzfhLAzQ.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":1735879295000}'),s={name:"index.md"};function a(o,l,n,r,c,h){return i(),e("div")}const p=t(s,[["render",a]]);export{g as __pageData,p as default};
diff --git a/assets/instalation.md.BVkeGI9H.js b/assets/instalation.md.DM5R7ItX.js
similarity index 98%
rename from assets/instalation.md.BVkeGI9H.js
rename to assets/instalation.md.DM5R7ItX.js
index f3a89a354..8a4c33ba5 100644
--- a/assets/instalation.md.BVkeGI9H.js
+++ b/assets/instalation.md.DM5R7ItX.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const E=JSON.parse('{"title":"Instalation","description":"","frontmatter":{},"headers":[],"relativePath":"instalation.md","filePath":"instalation.md","lastUpdated":1735620210000}'),n={name:"instalation.md"},l=t(`
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,c as i,o as a,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const E=JSON.parse('{"title":"Instalation","description":"","frontmatter":{},"headers":[],"relativePath":"instalation.md","filePath":"instalation.md","lastUpdated":1735879295000}'),n={name:"instalation.md"},l=t(`
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.BVkeGI9H.lean.js b/assets/instalation.md.DM5R7ItX.lean.js
similarity index 84%
rename from assets/instalation.md.BVkeGI9H.lean.js
rename to assets/instalation.md.DM5R7ItX.lean.js
index d38661bb5..c1689894d 100644
--- a/assets/instalation.md.BVkeGI9H.lean.js
+++ b/assets/instalation.md.DM5R7ItX.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const E=JSON.parse('{"title":"Instalation","description":"","frontmatter":{},"headers":[],"relativePath":"instalation.md","filePath":"instalation.md","lastUpdated":1735620210000}'),n={name:"instalation.md"},l=t("",7),e=[l];function h(p,r,o,k,d,c){return a(),i("div",null,e)}const y=s(n,[["render",h]]);export{E as __pageData,y as default};
+import{_ as s,c as i,o as a,a1 as t}from"./chunks/framework.BzfhLAzQ.js";const E=JSON.parse('{"title":"Instalation","description":"","frontmatter":{},"headers":[],"relativePath":"instalation.md","filePath":"instalation.md","lastUpdated":1735879295000}'),n={name:"instalation.md"},l=t("",7),e=[l];function h(p,r,o,k,d,c){return a(),i("div",null,e)}const y=s(n,[["render",h]]);export{E as __pageData,y as default};
diff --git a/examples.html b/examples.html
index 75c66127e..bf3a56b7d 100644
--- a/examples.html
+++ b/examples.html
@@ -12,13 +12,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 32b3635fe..5ac54e417 100644
--- a/examples/default.html
+++ b/examples/default.html
@@ -14,7 +14,7 @@
     
     
     
-    
+    
     
     
   
@@ -25,8 +25,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 fa05c6f5c..45d74942c 100644 --- a/examples/showOnHover.html +++ b/examples/showOnHover.html @@ -14,13 +14,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 eb3210c28..fbcaaf130 100644 --- a/examples/wrapperOutside.html +++ b/examples/wrapperOutside.html @@ -13,7 +13,7 @@ - + @@ -24,8 +24,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 f33f80504..226cdbd90 100644 --- a/getting-started.html +++ b/getting-started.html @@ -12,13 +12,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 28d642ff1..692c63a98 100644 --- a/hashmap.json +++ b/hashmap.json @@ -1 +1 @@ -{"api.md":"B3vDJBm0","api_attach.md":"h75k0qsV","api_attach_arguments.md":"CZpIU51o","api_attach_returns.md":"CV9QG-KF","api_detach.md":"BsuStS4b","examples.md":"Cpf6sdx-","examples_default.md":"BPP2Zg6M","examples_showonhover.md":"CGKBfgT6","examples_wrapperoutside.md":"IBdrsjxY","getting-started.md":"AxmQw7sZ","index.md":"DHzklM6X","instalation.md":"BVkeGI9H"} +{"api.md":"LiWevygT","api_attach.md":"BOCam0NT","api_attach_arguments.md":"HO96YErd","api_attach_returns.md":"6-cEaPwr","api_detach.md":"Miw_gC_n","examples.md":"C1ubK9Xg","examples_default.md":"utrYXK7r","examples_showonhover.md":"CRtjNIIN","examples_wrapperoutside.md":"unNDO5C0","getting-started.md":"B_OyXGjV","index.md":"BdYBz-MP","instalation.md":"DM5R7ItX"} diff --git a/index.html b/index.html index e4fb26492..403d9318b 100644 --- a/index.html +++ b/index.html @@ -12,13 +12,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 1b6821191..d9ef22333 100644 --- a/instalation.html +++ b/instalation.html @@ -12,7 +12,7 @@ - + @@ -27,8 +27,8 @@ pnpm add @frsource/light-scrollbar

Modern JS/Typescript ​

ts
import { attach } from "@frsource/light-scrollbar";
 const scrollingElement = document.querySelector("element-with-overflow-auto");
 attach(scrollingElement);

UMD ​

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