mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-05-17 06:59:40 +03:00
Code Issues Packages Projects Releases Wiki Activity

improve code

Browse Source
This commit is contained in:
Rene
2022-08-07 20:26:04 +02:00
parent 927d78e9d3
commit b001f5ac61
42 changed files with 3071 additions and 12158 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+138
View File
@@ -0,0 +1,138 @@
<p align="center">
<a href="https://kingsora.github.io/OverlayScrollbars">
<a href="https://kingsora.github.io/OverlayScrollbars"><img src="https://kingsora.github.io/OverlayScrollbars/design/logo.svg" width="200" height="133" alt="OverlayScrollbars"></a>
</a>
</p>
<h6 align="center">
<a href="https://www.npmjs.com/package/overlayscrollbars"><img src="https://img.shields.io/npm/dm/overlayscrollbars.svg?style=flat-square" alt="Downloads"></a>
<a href="https://www.npmjs.com/package/overlayscrollbars"><img src="https://img.shields.io/npm/v/overlayscrollbars.svg?style=flat-square" alt="Version"></a>
<a href="https://github.com/KingSora/OverlayScrollbars/blob/master/LICENSE"><img src="https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square" alt="License"></a>
</h6>
> OverlayScrollbars is a javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.
## Why
I've created this plugin because I hate ugly and space consuming scrollbars. Similar plugins haven't met my requirements in terms of features, quality, simplicity, license or browser support.
## Goals & Features
- Simple, powerful and good documented API
- High browser compatibility - <b>Firefox</b>, <b>Chrome</b>, <b>Opera</b>, <b>Edge</b>, <b>Safari 10+</b> and <b>IE 11</b>
- Tested on various devices - <b>Mobile</b>, <b>Desktop</b> and <b>Tablet</b>
- Tested with various (and mixed) inputs - <b>Mouse</b>, <b>touch</b> and <b>pen</b>
- Plugin based features with <b>Treeshaking</b> - bundle only what you really need
- Automatic update detection - <b>no polling</b>
- Usage of latest browser features - best <b>performance</b> in new browsers
- Bidirectional - LTR or RTL direction support
- Simple and effective scrollbar styling
- TypeScript support - fully written in TypeScript
## Getting started
#### npm & Node
OverlayScrollbars can be downloaded from [npm](https://www.npmjs.com/package/overlayscrollbars) or the package manager of your choice:
```sh
npm install overlayscrollbars
```
After installation it can be imported:
```js
import 'overlayscrollbars/overlayscrollbars.css';
import { OverlayScrollbars } from 'overlayscrollbars';
```
<details><summary><h6>Manual download & embedding</h6></summary>
You can use OverlayScrollbars without any bundler or package manager.
Simply download it from the [Releases](https://github.com/KingSora/OverlayScrollbars/releases) or use a [CDN](https://cdnjs.com/libraries/overlayscrollbars).
- Use the javascript files with the `.browser` extension.
- If you target old browsers use the `.es5` javascript file, for new browsers `.es6`.
- For production use the javascript / stylesheet files with the `.min` extension.
Embedd OverlayScrollbars manually in your HTML:
```html
<link type="text/css" href="path/to/overlayscrollbars.css" rel="stylesheet" />
<script type="text/javascript" src="path/to/overlayscrollbars.js" defer></script>
```
</details>
## Initialization
> __Note__ During initialization its expected that the <b>CSS file is loaded and parsed</b> by the browser.
You can initialize either directly with an `Element` or with an `Object` where you have more control over the initialization process.
```js
// simple initialization with an element
const osInstance = OverlayScrollbars(document.querySelector('#myElement'), {});
```
<details><summary><h6>Initialization with an Object</h6></summary>
> __Note__ For now please refer to the <b>TypeScript definitions</b> for a more detailed description of all possibilities.
The only required field is the `target` field. This is the field to which the plugin is applied to.
If you use the object initialization only with the `target` field, the outcome is equivalent to the element initialization:
```js
// Both initializations have the same outcome
OverlayScrollbars(document.querySelector('#myElement'), {});
OverlayScrollbars({ target: document.querySelector('#myElement') }, {});
```
In the initialization object you can specify how the library is handling generated elements.
For example you can appoint an existing element as the `viewport` element. Like this the library won't generate it but take the specified element instead:
```js
OverlayScrollbars({
target: document.querySelector('#target'),
viewport: document.querySelector('#viewport'),
}, {});
```
This is very useful if you have a fixed DOM structure and don't want OverlayScrollbars to generate its own elements. Those cases arise very often when you want an other library to work together with OverlayScrollbars.
You can now also decide to which element the scrollbars should be applied to:
```js
OverlayScrollbars({
target: document.querySelector('#target'),
scrollbarsSlot: document.querySelector('#target').parentElement,
}, {});
```
And last but not least you can decide when the library should cancel its initialization:
```js
OverlayScrollbars({
target: document.querySelector('#target'),
cancel: {
nativeScrollbarsOverlaid: true,
body: null,
}
}, {});
```
With this `cancel` object the initialization is canceled when the native scrollbars are overlaid or when your target is a `body` element and the plugin determined that a initialization to the `body` element would affect native functionality like `window.scrollTo`.
</details>
## Sponsors
<table>
<tr>
<td>
<a href="https://www.browserstack.com" target="_blank">
<img align="center" src="https://kingsora.github.io/OverlayScrollbars/img/browserstack.png" width="250">
</a>
</td>
<td>
Thanks to <a href="https://www.browserstack.com" target="_blank">BrowserStack</a> for sponsoring open source projects and letting me test OverlayScrollbars for free.
</td>
</tr>
</table>
local/browser-testing/dist/Resize.js
Vendored
+1 -1
View File
@@ -70,4 +70,4 @@ export const resize = (element) => {
},
};
};
//# sourceMappingURL=resize.js.map
//# sourceMappingURL=Resize.js.map
local/browser-testing/dist/Resize.js.map
Vendored
+1 -1
View File
@@ -1 +1 @@
{"version":3,"file":"resize.js","sourceRoot":"","sources":["../src/resize.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,EACL,SAAS,EACT,cAAc,EACd,MAAM,EACN,KAAK,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EAGR,UAAU,EACV,IAAI,GACL,MAAM,WAAW,CAAC;AAInB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,OAAoB,EAAE,EAAE;IAC7C,MAAM,eAAe,GAAqB,EAAE,CAAC;IAC7C,MAAM,sBAAsB,GAAG,sBAAsB,CAAC;IACtD,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAChD,MAAM,sBAAsB,GAAG,qBAAqB,CAAC;IACrD,MAAM,mBAAmB,GAAG,aAAa,CAAC;IAC1C,MAAM,aAAa,GAAe,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IACjD,MAAM,iBAAiB,GAAe,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IACrD,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAE7B,6DAA6D;IAC7D,IAAI,aAAsC,CAAC;IAC3C,IAAI,WAAoC,CAAC;IAEzC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;QACrC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;QACvD,MAAM,YAAY,GAAI,KAAoB,CAAC,OAAO,KAAK,SAAS,CAAC;QACjE,MAAM,iBAAiB,GAAG,YAAY;YACpC,CAAC,CAAE,KAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;YAClC,CAAC,CAAE,KAAoB,CAAC;QAE1B,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,aAAa,CAAC,CAAC,GAAG,iBAAiB,CAAC,KAAK,GAAG,iBAAiB,CAAC,CAAC;YACtE,MAAM,EAAE,aAAa,CAAC,CAAC,GAAG,iBAAiB,CAAC,KAAK,GAAG,iBAAiB,CAAC,CAAC;SACxE,CAAC;QAEF,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAE9B,IAAI,CAAC,eAAe,EAAE,CAAC,QAAwB,EAAE,EAAE;YACjD,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;aAC7C;QACH,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,GAAG,CAAC,QAAQ,EAAE,mBAAmB,EAAE,aAAa,CAAC,CAAC;QAClD,GAAG,CAAC,QAAQ,EAAE,sBAAsB,EAAE,aAAa,CAAC,CAAC;QACrD,GAAG,CAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,CAAC,CAAC;QAEpD,WAAW,GAAG,SAAS,CAAC;QACxB,aAAa,GAAG,SAAS,CAAC;IAC5B,CAAC,CAAC;IAEF,EAAE,CACA,SAAS,EACT,sBAAsB,EACtB,CAAC,KAA8B,EAAE,EAAE;QACjC,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;QAChC,MAAM,aAAa,GAAI,KAAoB,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC;QAC/E,MAAM,YAAY,GAAI,KAAoB,CAAC,OAAO,KAAK,SAAS,CAAC;QACjE,MAAM,iBAAiB,GAAG,YAAY;YACpC,CAAC,CAAE,KAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;YAClC,CAAC,CAAE,KAAoB,CAAC;QAE1B,IAAI,aAAa,IAAI,YAAY,EAAE;YACjC,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC;YAC9C,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC;YAE9C,aAAa,GAAG,aAA4B,CAAC;YAC7C,WAAW,GAAG,MAAM,CAAC,aAA4B,CAAgB,CAAC;YAElE,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;YAClC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAC1B,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAE1B,EAAE,CAAC,QAAQ,EAAE,mBAAmB,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;YACtE,EAAE,CAAC,QAAQ,EAAE,sBAAsB,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;YACzE,EAAE,CAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;YAExE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,KAAK,EAAE,CACpB,CAAC;IAEF,OAAO;QACL,iBAAiB,CAAC,QAAwB;YACxC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}
{"version":3,"file":"Resize.js","sourceRoot":"","sources":["../src/Resize.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,EACL,SAAS,EACT,cAAc,EACd,MAAM,EACN,KAAK,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EAGR,UAAU,EACV,IAAI,GACL,MAAM,WAAW,CAAC;AAInB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,OAAoB,EAAE,EAAE;IAC7C,MAAM,eAAe,GAAqB,EAAE,CAAC;IAC7C,MAAM,sBAAsB,GAAG,sBAAsB,CAAC;IACtD,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAChD,MAAM,sBAAsB,GAAG,qBAAqB,CAAC;IACrD,MAAM,mBAAmB,GAAG,aAAa,CAAC;IAC1C,MAAM,aAAa,GAAe,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IACjD,MAAM,iBAAiB,GAAe,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IACrD,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAE7B,6DAA6D;IAC7D,IAAI,aAAsC,CAAC;IAC3C,IAAI,WAAoC,CAAC;IAEzC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;QACrC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;QACvD,MAAM,YAAY,GAAI,KAAoB,CAAC,OAAO,KAAK,SAAS,CAAC;QACjE,MAAM,iBAAiB,GAAG,YAAY;YACpC,CAAC,CAAE,KAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;YAClC,CAAC,CAAE,KAAoB,CAAC;QAE1B,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,aAAa,CAAC,CAAC,GAAG,iBAAiB,CAAC,KAAK,GAAG,iBAAiB,CAAC,CAAC;YACtE,MAAM,EAAE,aAAa,CAAC,CAAC,GAAG,iBAAiB,CAAC,KAAK,GAAG,iBAAiB,CAAC,CAAC;SACxE,CAAC;QAEF,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAE9B,IAAI,CAAC,eAAe,EAAE,CAAC,QAAwB,EAAE,EAAE;YACjD,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;aAC7C;QACH,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,GAAG,CAAC,QAAQ,EAAE,mBAAmB,EAAE,aAAa,CAAC,CAAC;QAClD,GAAG,CAAC,QAAQ,EAAE,sBAAsB,EAAE,aAAa,CAAC,CAAC;QACrD,GAAG,CAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,CAAC,CAAC;QAEpD,WAAW,GAAG,SAAS,CAAC;QACxB,aAAa,GAAG,SAAS,CAAC;IAC5B,CAAC,CAAC;IAEF,EAAE,CACA,SAAS,EACT,sBAAsB,EACtB,CAAC,KAA8B,EAAE,EAAE;QACjC,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;QAChC,MAAM,aAAa,GAAI,KAAoB,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC;QAC/E,MAAM,YAAY,GAAI,KAAoB,CAAC,OAAO,KAAK,SAAS,CAAC;QACjE,MAAM,iBAAiB,GAAG,YAAY;YACpC,CAAC,CAAE,KAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;YAClC,CAAC,CAAE,KAAoB,CAAC;QAE1B,IAAI,aAAa,IAAI,YAAY,EAAE;YACjC,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC;YAC9C,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC;YAE9C,aAAa,GAAG,aAA4B,CAAC;YAC7C,WAAW,GAAG,MAAM,CAAC,aAA4B,CAAgB,CAAC;YAElE,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;YAClC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAC1B,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAE1B,EAAE,CAAC,QAAQ,EAAE,mBAAmB,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;YACtE,EAAE,CAAC,QAAQ,EAAE,sBAAsB,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;YACzE,EAAE,CAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;YAExE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,KAAK,EAAE,CACpB,CAAC;IAEF,OAAO;QACL,iBAAiB,CAAC,QAAwB;YACxC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}
local/browser-testing/dist/Select.js
Vendored
+1 -1
View File
@@ -72,4 +72,4 @@ export const iterateSelect = async (select, options) => {
}
}
};
//# sourceMappingURL=select.js.map
//# sourceMappingURL=Select.js.map
local/browser-testing/dist/Select.js.map
Vendored
+1 -1
View File
@@ -1 +1 @@
{"version":3,"file":"select.js","sourceRoot":"","sources":["../src/select.ts"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,GAAQ;IACvB,OAAO,GAAG,YAAY,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;AAC9C,CAAC;AAED,2BAA2B;AAC3B,MAAM,IAAI,GAAG,GAAS,EAAE;IACtB,OAAO,EAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,aAAgC,EAAE,EAAE,CAC5D,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,sBAAsB,GACjC,CACE,UAA8C,EAC9C,QAIQ,EACR,EAAE,CACJ,CAAC,KAAuC,EAAE,EAAE;IAC1C,MAAM,MAAM,GAA6B,OAAO,CAAC,KAAK,CAAC;QACrD,CAAC,CAAE,KAAK,CAAC,MAA4B;QACrC,CAAC,CAAC,KAAK,CAAC;IACV,IAAI,MAAM,EAAE;QACV,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC;QACpC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QAEtE,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACtB,IAAI,GAAG,EAAE;gBACP,QAAQ,CAAC,GAAG,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;aAC9C;QACH,CAAC,CAAC,CAAC;KACJ;AACH,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,UAA8C,EAAE,EAAE,CAClG,sBAAsB,CAAC,UAAU,EAAE,CAAC,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE;IACtF,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7E,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AACjD,CAAC,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,MAAgC,EAChC,cAA+B,EACtB,EAAE;IACX,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,KAAK,CAAC;KACd;IAED,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;IAE/B,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,OAAO,KAAK,CAAC;KACd;IAED,IAAI,OAAO,cAAc,KAAK,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QAC1E,MAAM,CAAC,KAAK,GAAG,cAAc,CAAC;KAC/B;SAAM,IACL,OAAO,cAAc,KAAK,QAAQ;QAClC,OAAO,CAAC,MAAM,GAAG,cAAc;QAC/B,cAAc,GAAG,CAAC,CAAC,EACnB;QACA,MAAM,CAAC,aAAa,GAAG,cAAc,CAAC;KACvC;IAED,IAAI,KAAK,CAAC;IACV,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;QAC/B,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;KAC7B;SAAM;QACL,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACtC,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;KACvC;IACD,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE5B,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EAChC,MAAgC,EAChC,OAKC,EACD,EAAE;IACF,IAAI,MAAM,EAAE;QACV,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,KAAK,GAAG,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;QACpF,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC/C,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC;QACjE,MAAM,cAAc,GAAG,CAAC,GAAG,aAAa,EAAE,GAAG,qBAAqB,CAAC,CAAC,MAAM,CACxE,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CACvB,CAAC;QACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC9C,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YACjC,2BAA2B;YAC3B,MAAM,aAAa,GAAM,MAAM,UAAU,EAAE,CAAC;YAC5C,IAAI,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE;gBAChC,2BAA2B;gBAC3B,MAAM,KAAK,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;gBACnC,2BAA2B;gBAC3B,MAAM,SAAS,EAAE,CAAC;aACnB;SACF;KACF;AACH,CAAC,CAAC"}
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.ts"],"names":[],"mappings":"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"}
local/browser-testing/dist/TestResult.js
Vendored
+1 -1
View File
@@ -27,4 +27,4 @@ export const waitForOrFailTest = (callback, options) => waitFor(callback, {
return error;
},
});
//# sourceMappingURL=testResult.js.map
//# sourceMappingURL=TestResult.js.map
local/browser-testing/dist/TestResult.js.map
Vendored
+1 -1
View File
@@ -1 +1 @@
{"version":3,"file":"testResult.js","sourceRoot":"","sources":["../src/testResult.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkB,MAAM,sBAAsB,CAAC;AAE/D,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAsB,EAAE,EAAE;IACtD,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAC/B,IAAI,GAAG,EAAE;QACP,IAAI,OAAO,MAAM,KAAK,SAAS,EAAE;YAC/B,IAAI,MAAM,EAAE;gBACV,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,QAAQ,EAAE;oBAC1C,OAAO;iBACR;aACF;YACD,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;SACzD;aAAM;YACL,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SAC9B;KACF;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAY,EAAE;IACtC,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAC/B,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAI,QAA8B,EAAE,OAAwB,EAAE,EAAE,CAC/F,OAAO,CAAC,QAAQ,EAAE;IAChB,GAAG,OAAO;IACV,SAAS,CAAC,KAAY;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;CACF,CAAC,CAAC"}
{"version":3,"file":"TestResult.js","sourceRoot":"","sources":["../src/TestResult.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkB,MAAM,sBAAsB,CAAC;AAE/D,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAsB,EAAE,EAAE;IACtD,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAC/B,IAAI,GAAG,EAAE;QACP,IAAI,OAAO,MAAM,KAAK,SAAS,EAAE;YAC/B,IAAI,MAAM,EAAE;gBACV,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,QAAQ,EAAE;oBAC1C,OAAO;iBACR;aACF;YACD,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;SACzD;aAAM;YACL,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SAC9B;KACF;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAY,EAAE;IACtC,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAC/B,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAI,QAA8B,EAAE,OAAwB,EAAE,EAAE,CAC/F,OAAO,CAAC,QAAQ,EAAE;IAChB,GAAG,OAAO;IACV,SAAS,CAAC,KAAY;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;CACF,CAAC,CAAC"}
local/browser-testing/dist/Timeout.js
Vendored
+1 -1
View File
@@ -1,4 +1,4 @@
export const timeout = (ms) => new Promise((resolve) => {
setTimeout(resolve, ms);
});
//# sourceMappingURL=timeout.js.map
//# sourceMappingURL=Timeout.js.map
local/browser-testing/dist/Timeout.js.map
Vendored
+1 -1
View File
@@ -1 +1 @@
{"version":3,"file":"timeout.js","sourceRoot":"","sources":["../src/timeout.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAU,EAAE,EAAE,CACpC,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IACtB,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAC1B,CAAC,CAAC,CAAC"}
{"version":3,"file":"Timeout.js","sourceRoot":"","sources":["../src/Timeout.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAU,EAAE,EAAE,CACpC,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IACtB,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAC1B,CAAC,CAAC,CAAC"}
local/config/src/jest.js
+1
View File
@@ -7,6 +7,7 @@ const resolve = require('./resolve');
module.exports = {
clearMocks: true,
coverageDirectory: './.coverage/jest',
coverageProvider: 'babel',
testEnvironment: 'jsdom',
moduleDirectories: resolve.directories,
moduleFileExtensions: resolve.extensions.map((ext) => ext.replace(/\./, '')),
package-lock.json
Generated
+1887 -11073
View File
File diff suppressed because it is too large Load Diff
package.json
+3 -3
View File
@@ -22,18 +22,18 @@
"@rollup/plugin-html": "^0.2.0",
"@rollup/plugin-node-resolve": "^13.3.0",
"@testing-library/dom": "^7.26.3",
"@types/jest": "^26.0.24",
"@types/jest": "^28.1.6",
"@typescript-eslint/eslint-plugin": "^5.31.0",
"@typescript-eslint/parser": "^5.31.0",
"autoprefixer": "^10.4.7",
"babel-jest": "^28.1.1",
"babel-jest": "^28.1.3",
"cssnano": "^5.1.12",
"esbuild": "^0.14.42",
"eslint": "^8.20.0",
"eslint-config-airbnb": "^19.0.4",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-import": "^2.26.0",
"eslint-plugin-jest": "^26.6.0",
"eslint-plugin-jest": "^26.8.0",
"eslint-plugin-json": "^3.1.0",
"eslint-plugin-jsx-a11y": "^6.6.1",
"eslint-plugin-prettier": "^4.2.1",
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es5.js
Vendored
+142 -134
View File
@@ -1162,13 +1162,17 @@ var OverlayScrollbars = function(r) {
y: 0 === d.y
};
var p = {
host: null,
padding: !g,
viewport: function viewport(r) {
return g && r === r.ownerDocument.body && r;
elements: {
host: null,
padding: !g,
viewport: function viewport(r) {
return g && r === r.ownerDocument.body && r;
},
content: false
},
scrollbars: {
slot: true
},
content: false,
scrollbarsSlot: true,
cancel: {
nativeScrollbarsOverlaid: false,
body: null
@@ -1281,111 +1285,113 @@ var OverlayScrollbars = function(r) {
var n = a.U, e = a.T;
var t = Ia()[cn];
var i = t && t.L;
var v = n(), o = v.host, u = v.viewport, f = v.padding, l = v.content;
var c = b(r);
var s = c ? {} : r;
var d = s.host, g = s.padding, h = s.viewport, p = s.content;
var w = c ? r : s.target;
var S = j(w, "textarea");
var C = w.ownerDocument;
var x = w === C.body;
var A = C.defaultView;
var P = yn.bind(0, [ w ]);
var z = Sn.bind(0, [ w ]);
var M = P(Hn, u, h);
var R = M === w;
var I = R && x;
var V = !R && A.top === A && C.activeElement === w;
var k = {
$: w,
J: S ? P(Hn, o, d) : w,
K: M,
rr: !R && z(Hn, f, g),
ar: !R && z(Hn, l, p),
nr: !R && !e && i && i(a),
er: I ? C.documentElement : M,
tr: I ? C : M,
ir: A,
vr: C,
ur: S,
Z: x,
lr: c,
cr: R,
var v = n(), o = v.elements;
var u = o.host, f = o.viewport, l = o.padding, c = o.content;
var s = b(r);
var d = s ? {} : r;
var g = d.elements;
var h = g || {}, p = h.host, w = h.padding, S = h.viewport, C = h.content;
var x = s ? r : d.target;
var A = j(x, "textarea");
var P = x.ownerDocument;
var z = x === P.body;
var M = P.defaultView;
var R = yn.bind(0, [ x ]);
var I = Sn.bind(0, [ x ]);
var V = R(Hn, f, S);
var k = V === x;
var q = k && z;
var U = !k && M.top === M && P.activeElement === x;
var N = {
$: x,
J: A ? R(Hn, u, p) : x,
K: V,
rr: !k && I(Hn, l, w),
ar: !k && I(Hn, c, C),
nr: !k && !e && i && i(a),
er: q ? P.documentElement : V,
tr: q ? P : V,
ir: M,
vr: P,
ur: A,
Z: z,
lr: s,
cr: k,
sr: function _viewportHasClass(r, a) {
return R ? H(M, na, a) : gr(M, r);
return k ? H(V, na, a) : gr(V, r);
},
dr: function _viewportAddRemoveClass(r, a, n) {
return R ? T(M, na, a, n) : (n ? pr : hr)(M, r);
return k ? T(V, na, a, n) : (n ? pr : hr)(V, r);
}
};
var q = E(k).reduce((function(r, a) {
var n = k[a];
var Z = E(N).reduce((function(r, a) {
var n = N[a];
return y(r, n && !F(n) ? n : false);
}), []);
var U = function elementIsGenerated(r) {
return r ? m(q, r) > -1 : null;
var $ = function elementIsGenerated(r) {
return r ? m(Z, r) > -1 : null;
};
var N = k.$, Z = k.J, $ = k.rr, J = k.K, K = k.ar, Q = k.nr;
var rr = [];
var ar = S && U(Z);
var nr = S ? N : B([ K, J, $, Z, N ].find((function(r) {
return false === U(r);
var J = N.$, K = N.J, Q = N.rr, rr = N.K, ar = N.ar, nr = N.nr;
var er = [];
var tr = A && $(K);
var ir = A ? J : B([ ar, rr, Q, K, J ].find((function(r) {
return false === $(r);
})));
var er = K || J;
var tr = function appendElements() {
var r = Mn(Z, R ? "viewport" : "host");
var a = pr($, ua);
var n = pr(J, !R && fa);
var t = pr(K, ca);
var i = x ? pr(F(w), sa) : Sr;
if (ar) {
G(N, Z);
y(rr, (function() {
G(Z, N);
X(Z);
var vr = ar || rr;
var or = function appendElements() {
var r = Mn(K, k ? "viewport" : "host");
var a = pr(Q, ua);
var n = pr(rr, !k && fa);
var t = pr(ar, ca);
var i = z ? pr(F(x), sa) : Sr;
if (tr) {
G(J, K);
y(er, (function() {
G(K, J);
X(K);
}));
}
Y(er, nr);
Y(Z, $);
Y($ || Z, !R && J);
Y(J, K);
y(rr, (function() {
Y(vr, ir);
Y(K, Q);
Y(Q || K, !k && rr);
Y(rr, ar);
y(er, (function() {
i();
r();
D(J, ea);
D(J, ta);
if (U(K)) {
Dn(K);
D(rr, ea);
D(rr, ta);
if ($(ar)) {
Dn(ar);
}
if (U(J)) {
Dn(J);
if ($(rr)) {
Dn(rr);
}
if (U($)) {
Dn($);
if ($(Q)) {
Dn(Q);
}
a();
n();
t();
}));
if (e && !R) {
y(rr, hr.bind(0, J, sa));
if (e && !k) {
y(er, hr.bind(0, rr, sa));
}
if (Q) {
W(J, Q);
y(rr, X.bind(0, Q));
if (nr) {
W(rr, nr);
y(er, X.bind(0, nr));
}
if (V) {
var v = L(J, Tn);
L(J, Tn, "-1");
J.focus();
var o = Ur(C, "pointerdown keydown", (function() {
v ? L(J, Tn, v) : D(J, Tn);
if (U) {
var v = L(rr, Tn);
L(rr, Tn, "-1");
rr.focus();
var o = Ur(P, "pointerdown keydown", (function() {
v ? L(rr, Tn, v) : D(rr, Tn);
o();
}));
}
nr = 0;
ir = 0;
};
return [ k, tr, O.bind(0, rr) ];
return [ N, or, O.bind(0, er) ];
};
var In = function createTrinsicUpdateSegment(r, a) {
var n = r.ar;
@@ -2410,105 +2416,107 @@ var OverlayScrollbars = function(r) {
};
var Ee = function createScrollbarsSetupElements(r, a, n) {
var e = wn(), t = e.U;
var i = t(), v = i.scrollbarsSlot;
var o = a.vr, u = a.$, f = a.J, l = a.K, s = a.lr, d = a.er;
var g = s ? {} : r, h = g.scrollbarsSlot;
var p = Sn([ u, f, l ], (function() {
return f;
}), v, h);
var b = function scrollbarStructureAddRemoveClass(r, a, n) {
var i = t(), v = i.scrollbars;
var o = v.slot;
var u = a.vr, f = a.$, l = a.J, s = a.K, d = a.lr, g = a.er;
var h = d ? {} : r, p = h.scrollbars;
var b = p || {}, w = b.slot;
var m = Sn([ f, l, s ], (function() {
return l;
}), o, w);
var S = function scrollbarStructureAddRemoveClass(r, a, n) {
var e = n ? pr : hr;
each(r, (function(r) {
e(r.Wr, a);
}));
};
var w = function scrollbarsHandleStyle(r, a) {
var x = function scrollbarsHandleStyle(r, a) {
each(r, (function(r) {
var n = a(r), e = n[0], t = n[1];
style(e, t);
}));
};
var m = function scrollbarStructureRefreshHandleLength(r, a, n) {
w(r, (function(r) {
var E = function scrollbarStructureRefreshHandleLength(r, a, n) {
x(r, (function(r) {
var e;
var t = r.Nr, i = r.Yr;
return [ t, (e = {}, e[n ? "width" : "height"] = (100 * Oe(t, i, n, a)).toFixed(3) + "%",
e) ];
}));
};
var S = function scrollbarStructureRefreshHandleOffset(r, a, n) {
var A = function scrollbarStructureRefreshHandleOffset(r, a, n) {
var e = n ? "X" : "Y";
w(r, (function(r) {
x(r, (function(r) {
var t = r.Nr, i = r.Yr, v = r.Wr;
var o = xe(t, i, d, a, zr(v), n);
var o = xe(t, i, g, a, zr(v), n);
var u = o === o;
return [ t, {
transform: u ? "translate" + e + "(" + (100 * o).toFixed(3) + "%)" : ""
} ];
}));
};
var x = [];
var E = [];
var A = [];
var P = function scrollbarsAddRemoveClass(r, a, n) {
var P = [];
var z = [];
var L = [];
var T = function scrollbarsAddRemoveClass(r, a, n) {
var e = c(n);
var t = e ? n : true;
var i = e ? !n : true;
t && b(E, r, a);
i && b(A, r, a);
t && S(z, r, a);
i && S(L, r, a);
};
var z = function refreshScrollbarsHandleLength(r) {
m(E, r, true);
m(A, r);
var H = function refreshScrollbarsHandleLength(r) {
E(z, r, true);
E(L, r);
};
var L = function refreshScrollbarsHandleOffset(r) {
S(E, r, true);
S(A, r);
var D = function refreshScrollbarsHandleOffset(r) {
A(z, r, true);
A(L, r);
};
var T = function generateScrollbarDOM(r) {
var M = function generateScrollbarDOM(r) {
var a = r ? Ca : Oa;
var e = r ? E : A;
var e = r ? z : L;
var t = C(e) ? za : "";
var i = Z(ya + " " + a + " " + t);
var v = Z(xa);
var u = Z(Ea);
var o = Z(Ea);
var f = {
Wr: i,
Yr: v,
Nr: u
Nr: o
};
Y(i, v);
Y(v, u);
Y(v, o);
y(e, f);
y(x, [ X.bind(0, i), n(f, P, o, d, r) ]);
y(P, [ X.bind(0, i), n(f, T, u, g, r) ]);
return f;
};
var H = T.bind(0, true);
var D = T.bind(0, false);
var M = function appendElements() {
Y(p, E[0].Wr);
Y(p, A[0].Wr);
var R = M.bind(0, true);
var I = M.bind(0, false);
var V = function appendElements() {
Y(m, z[0].Wr);
Y(m, L[0].Wr);
lr((function() {
P(za);
T(za);
}), 300);
};
H();
D();
R();
I();
return [ {
Gr: z,
Xr: L,
Zr: P,
Gr: H,
Xr: D,
Zr: T,
$r: {
Jr: E,
Kr: H,
Qr: w.bind(0, E)
Jr: z,
Kr: R,
Qr: x.bind(0, z)
},
ra: {
Jr: A,
Kr: D,
Qr: w.bind(0, A)
Jr: L,
Kr: I,
Qr: x.bind(0, L)
}
}, M, O.bind(0, x) ];
}, V, O.bind(0, P) ];
};
var Ae = function createSelfCancelTimeout(r) {
var a;
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es5.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es5.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es6.js
Vendored
+119 -111
View File
@@ -970,11 +970,15 @@ const OverlayScrollbars = function(t) {
y: 0 === i.y
};
const d = {
host: null,
padding: !a,
viewport: t => a && t === t.ownerDocument.body && t,
content: false,
scrollbarsSlot: true,
elements: {
host: null,
padding: !a,
viewport: t => a && t === t.ownerDocument.body && t,
content: false
},
scrollbars: {
slot: true
},
cancel: {
nativeScrollbarsOverlaid: false,
body: null
@@ -1071,103 +1075,105 @@ const OverlayScrollbars = function(t) {
const {Y: o, T: s} = n;
const e = getPlugins()[mt];
const c = e && e.A;
const {host: r, viewport: l, padding: i, content: a} = o();
const u = isHTMLElement(t);
const d = u ? {} : t;
const {host: f, padding: _, viewport: h, content: g} = d;
const v = u ? t : d.target;
const w = is(v, "textarea");
const p = v.ownerDocument;
const b = v === p.body;
const y = p.defaultView;
const m = staticInitializationElement.bind(0, [ v ]);
const S = dynamicInitializationElement.bind(0, [ v ]);
const x = m(Ot, l, h);
const $ = x === v;
const C = $ && b;
const T = !$ && y.top === y && p.activeElement === v;
const z = {
X: v,
J: w ? m(Ot, r, f) : v,
K: x,
Z: !$ && S(Ot, i, _),
tt: !$ && S(Ot, a, g),
nt: !$ && !s && c && c(n),
ot: C ? p.documentElement : x,
st: C ? p : x,
et: y,
ct: p,
rt: w,
W: b,
lt: u,
it: $,
ut: (t, n) => $ ? hasAttrClass(x, O, n) : hasClass(x, t),
dt: (t, n, o) => $ ? attrClass(x, O, n, o) : (o ? addClass : removeClass)(x, t)
const {elements: r} = o();
const {host: l, viewport: i, padding: a, content: u} = r;
const d = isHTMLElement(t);
const f = d ? {} : t;
const {elements: _} = f;
const {host: h, padding: g, viewport: v, content: w} = _ || {};
const p = d ? t : f.target;
const b = is(p, "textarea");
const y = p.ownerDocument;
const m = p === y.body;
const S = y.defaultView;
const x = staticInitializationElement.bind(0, [ p ]);
const $ = dynamicInitializationElement.bind(0, [ p ]);
const C = x(Ot, i, v);
const T = C === p;
const z = T && m;
const I = !T && S.top === S && y.activeElement === p;
const P = {
X: p,
J: b ? x(Ot, l, h) : p,
K: C,
Z: !T && $(Ot, a, g),
tt: !T && $(Ot, u, w),
nt: !T && !s && c && c(n),
ot: z ? y.documentElement : C,
st: z ? y : C,
et: S,
ct: y,
rt: b,
W: m,
lt: d,
it: T,
ut: (t, n) => T ? hasAttrClass(C, O, n) : hasClass(C, t),
dt: (t, n, o) => T ? attrClass(C, O, n, o) : (o ? addClass : removeClass)(C, t)
};
const I = keys(z).reduce(((t, n) => {
const o = z[n];
const R = keys(P).reduce(((t, n) => {
const o = P[n];
return push(t, o && !parent(o) ? o : false);
}), []);
const elementIsGenerated = t => t ? indexOf(I, t) > -1 : null;
const {X: P, J: R, Z: k, K: B, tt: V, nt: j} = z;
const Y = [];
const q = w && elementIsGenerated(R);
let F = w ? P : contents([ V, B, k, R, P ].find((t => false === elementIsGenerated(t))));
const G = V || B;
const elementIsGenerated = t => t ? indexOf(R, t) > -1 : null;
const {X: k, J: B, Z: V, K: j, tt: Y, nt: q} = P;
const F = [];
const G = b && elementIsGenerated(B);
let N = b ? k : contents([ Y, j, V, B, k ].find((t => false === elementIsGenerated(t))));
const U = Y || j;
const appendElements = () => {
const t = addDataAttrHost(R, $ ? "viewport" : "host");
const n = addClass(k, L);
const o = addClass(B, !$ && H);
const e = addClass(V, D);
const c = b ? addClass(parent(v), M) : noop;
if (q) {
insertAfter(P, R);
push(Y, (() => {
insertAfter(R, P);
removeElements(R);
const t = addDataAttrHost(B, T ? "viewport" : "host");
const n = addClass(V, L);
const o = addClass(j, !T && H);
const e = addClass(Y, D);
const c = m ? addClass(parent(p), M) : noop;
if (G) {
insertAfter(k, B);
push(F, (() => {
insertAfter(B, k);
removeElements(B);
}));
}
appendChildren(G, F);
appendChildren(R, k);
appendChildren(k || R, !$ && B);
appendChildren(U, N);
appendChildren(B, V);
push(Y, (() => {
appendChildren(V || B, !T && j);
appendChildren(j, Y);
push(F, (() => {
c();
t();
removeAttr(B, E);
removeAttr(B, A);
removeAttr(j, E);
removeAttr(j, A);
if (elementIsGenerated(Y)) {
unwrap(Y);
}
if (elementIsGenerated(j)) {
unwrap(j);
}
if (elementIsGenerated(V)) {
unwrap(V);
}
if (elementIsGenerated(B)) {
unwrap(B);
}
if (elementIsGenerated(k)) {
unwrap(k);
}
n();
o();
e();
}));
if (s && !$) {
push(Y, removeClass.bind(0, B, M));
if (s && !T) {
push(F, removeClass.bind(0, j, M));
}
if (j) {
insertBefore(B, j);
push(Y, removeElements.bind(0, j));
if (q) {
insertBefore(j, q);
push(F, removeElements.bind(0, q));
}
if (T) {
const t = attr(B, Ct);
attr(B, Ct, "-1");
B.focus();
const n = on(p, "pointerdown keydown", (() => {
t ? attr(B, Ct, t) : removeAttr(B, Ct);
if (I) {
const t = attr(j, Ct);
attr(j, Ct, "-1");
j.focus();
const n = on(y, "pointerdown keydown", (() => {
t ? attr(j, Ct, t) : removeAttr(j, Ct);
n();
}));
}
F = 0;
N = 0;
};
return [ z, appendElements, runEachAndClear.bind(0, Y) ];
return [ P, appendElements, runEachAndClear.bind(0, F) ];
};
const createTrinsicUpdateSegment = (t, n) => {
const {tt: o} = t;
@@ -2149,10 +2155,12 @@ const OverlayScrollbars = function(t) {
};
const createScrollbarsSetupElements = (t, n, o) => {
const {Y: s} = getEnvironment();
const {scrollbarsSlot: e} = s();
const {ct: c, X: r, J: l, K: i, lt: a, ot: u} = n;
const {scrollbarsSlot: d} = a ? {} : t;
const f = dynamicInitializationElement([ r, l, i ], (() => l), e, d);
const {scrollbars: e} = s();
const {slot: c} = e;
const {ct: r, X: l, J: i, K: a, lt: u, ot: d} = n;
const {scrollbars: f} = u ? {} : t;
const {slot: _} = f || {};
const g = dynamicInitializationElement([ l, i, a ], (() => i), c, _);
const scrollbarStructureAddRemoveClass = (t, n, o) => {
const s = o ? addClass : removeClass;
each(t, (t => {
@@ -2177,75 +2185,75 @@ const OverlayScrollbars = function(t) {
const s = o ? "X" : "Y";
scrollbarsHandleStyle(t, (t => {
const {qt: e, Ft: c, Gt: r} = t;
const l = getScrollbarHandleOffsetRatio(e, c, u, n, directionIsRTL(r), o);
const l = getScrollbarHandleOffsetRatio(e, c, d, n, directionIsRTL(r), o);
const i = l === l;
return [ e, {
transform: i ? `translate${s}(${(100 * l).toFixed(3)}%)` : ""
} ];
}));
};
const _ = [];
const g = [];
const v = [];
const w = [];
const p = [];
const scrollbarsAddRemoveClass = (t, n, o) => {
const s = isBoolean(o);
const e = s ? o : true;
const c = s ? !o : true;
e && scrollbarStructureAddRemoveClass(g, t, n);
c && scrollbarStructureAddRemoveClass(v, t, n);
e && scrollbarStructureAddRemoveClass(w, t, n);
c && scrollbarStructureAddRemoveClass(p, t, n);
};
const refreshScrollbarsHandleLength = t => {
scrollbarStructureRefreshHandleLength(g, t, true);
scrollbarStructureRefreshHandleLength(v, t);
scrollbarStructureRefreshHandleLength(w, t, true);
scrollbarStructureRefreshHandleLength(p, t);
};
const refreshScrollbarsHandleOffset = t => {
scrollbarStructureRefreshHandleOffset(g, t, true);
scrollbarStructureRefreshHandleOffset(v, t);
scrollbarStructureRefreshHandleOffset(w, t, true);
scrollbarStructureRefreshHandleOffset(p, t);
};
const generateScrollbarDOM = t => {
const n = t ? U : W;
const s = t ? g : v;
const s = t ? w : p;
const e = isEmptyArray(s) ? Q : "";
const r = createDiv(`${G} ${n} ${e}`);
const c = createDiv(`${G} ${n} ${e}`);
const l = createDiv(X);
const i = createDiv(J);
const a = {
Gt: r,
Gt: c,
Ft: l,
qt: i
};
appendChildren(r, l);
appendChildren(c, l);
appendChildren(l, i);
push(s, a);
push(_, [ removeElements.bind(0, r), o(a, scrollbarsAddRemoveClass, c, u, t) ]);
push(v, [ removeElements.bind(0, c), o(a, scrollbarsAddRemoveClass, r, d, t) ]);
return a;
};
const w = generateScrollbarDOM.bind(0, true);
const p = generateScrollbarDOM.bind(0, false);
const b = generateScrollbarDOM.bind(0, true);
const y = generateScrollbarDOM.bind(0, false);
const appendElements = () => {
appendChildren(f, g[0].Gt);
appendChildren(f, v[0].Gt);
appendChildren(g, w[0].Gt);
appendChildren(g, p[0].Gt);
h((() => {
scrollbarsAddRemoveClass(Q);
}), 300);
};
w();
p();
b();
y();
return [ {
Nt: refreshScrollbarsHandleLength,
Ut: refreshScrollbarsHandleOffset,
Wt: scrollbarsAddRemoveClass,
Xt: {
Jt: g,
Kt: w,
Zt: scrollbarsHandleStyle.bind(0, g)
Jt: w,
Kt: b,
Zt: scrollbarsHandleStyle.bind(0, w)
},
Qt: {
Jt: v,
Kt: p,
Zt: scrollbarsHandleStyle.bind(0, v)
Jt: p,
Kt: y,
Zt: scrollbarsHandleStyle.bind(0, p)
}
}, appendElements, runEachAndClear.bind(0, _) ];
}, appendElements, runEachAndClear.bind(0, v) ];
};
const createSelfCancelTimeout = t => {
let n;
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es6.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es6.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/overlayscrollbars.cjs.js
Vendored
+344 -336
View File
File diff suppressed because it is too large Load Diff
packages/overlayscrollbars/dist/overlayscrollbars.cjs.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/overlayscrollbars.cjs.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/overlayscrollbars.esm.js
Vendored
+119 -111
View File
@@ -1136,11 +1136,15 @@ const createEnvironment = () => {
y: 0 === l.y
};
const d = {
host: null,
padding: !a,
viewport: t => a && t === t.ownerDocument.body && t,
content: false,
scrollbarsSlot: true,
elements: {
host: null,
padding: !a,
viewport: t => a && t === t.ownerDocument.body && t,
content: false
},
scrollbars: {
slot: true
},
cancel: {
nativeScrollbarsOverlaid: false,
body: null
@@ -1254,103 +1258,105 @@ const createStructureSetupElements = t => {
const {Y: o, T: s} = n;
const e = getPlugins()[yt];
const c = e && e.A;
const {host: r, viewport: i, padding: l, content: a} = o();
const u = isHTMLElement(t);
const d = u ? {} : t;
const {host: f, padding: _, viewport: h, content: g} = d;
const v = u ? t : d.target;
const w = is(v, "textarea");
const p = v.ownerDocument;
const b = v === p.body;
const y = p.defaultView;
const m = staticInitializationElement.bind(0, [ v ]);
const S = dynamicInitializationElement.bind(0, [ v ]);
const x = m(Ct, i, h);
const $ = x === v;
const A = $ && b;
const T = !$ && y.top === y && p.activeElement === v;
const z = {
X: v,
J: w ? m(Ct, r, f) : v,
K: x,
Z: !$ && S(Ct, l, _),
tt: !$ && S(Ct, a, g),
nt: !$ && !s && c && c(n),
ot: A ? p.documentElement : x,
st: A ? p : x,
et: y,
ct: p,
rt: w,
W: b,
it: u,
lt: $,
ut: (t, n) => $ ? hasAttrClass(x, C, n) : hasClass(x, t),
dt: (t, n, o) => $ ? attrClass(x, C, n, o) : (o ? addClass : removeClass)(x, t)
const {elements: r} = o();
const {host: i, viewport: l, padding: a, content: u} = r;
const d = isHTMLElement(t);
const f = d ? {} : t;
const {elements: _} = f;
const {host: h, padding: g, viewport: v, content: w} = _ || {};
const p = d ? t : f.target;
const b = is(p, "textarea");
const y = p.ownerDocument;
const m = p === y.body;
const S = y.defaultView;
const x = staticInitializationElement.bind(0, [ p ]);
const $ = dynamicInitializationElement.bind(0, [ p ]);
const A = x(Ct, l, v);
const T = A === p;
const z = T && m;
const H = !T && S.top === S && y.activeElement === p;
const M = {
X: p,
J: b ? x(Ct, i, h) : p,
K: A,
Z: !T && $(Ct, a, g),
tt: !T && $(Ct, u, w),
nt: !T && !s && c && c(n),
ot: z ? y.documentElement : A,
st: z ? y : A,
et: S,
ct: y,
rt: b,
W: m,
it: d,
lt: T,
ut: (t, n) => T ? hasAttrClass(A, C, n) : hasClass(A, t),
dt: (t, n, o) => T ? attrClass(A, C, n, o) : (o ? addClass : removeClass)(A, t)
};
const H = keys(z).reduce(((t, n) => {
const o = z[n];
const R = keys(M).reduce(((t, n) => {
const o = M[n];
return push(t, o && !parent(o) ? o : false);
}), []);
const elementIsGenerated = t => t ? indexOf(H, t) > -1 : null;
const {X: M, J: R, Z: k, K: B, tt: V, nt: j} = z;
const Y = [];
const q = w && elementIsGenerated(R);
let F = w ? M : contents([ V, B, k, R, M ].find((t => false === elementIsGenerated(t))));
const G = V || B;
const elementIsGenerated = t => t ? indexOf(R, t) > -1 : null;
const {X: k, J: B, Z: V, K: j, tt: Y, nt: q} = M;
const F = [];
const G = b && elementIsGenerated(B);
let N = b ? k : contents([ Y, j, V, B, k ].find((t => false === elementIsGenerated(t))));
const U = Y || j;
const appendElements = () => {
const t = addDataAttrHost(R, $ ? "viewport" : "host");
const n = addClass(k, I);
const o = addClass(B, !$ && L);
const e = addClass(V, P);
const c = b ? addClass(parent(v), D) : noop;
if (q) {
insertAfter(M, R);
push(Y, (() => {
insertAfter(R, M);
removeElements(R);
const t = addDataAttrHost(B, T ? "viewport" : "host");
const n = addClass(V, I);
const o = addClass(j, !T && L);
const e = addClass(Y, P);
const c = m ? addClass(parent(p), D) : noop;
if (G) {
insertAfter(k, B);
push(F, (() => {
insertAfter(B, k);
removeElements(B);
}));
}
appendChildren(G, F);
appendChildren(R, k);
appendChildren(k || R, !$ && B);
appendChildren(U, N);
appendChildren(B, V);
push(Y, (() => {
appendChildren(V || B, !T && j);
appendChildren(j, Y);
push(F, (() => {
c();
t();
removeAttr(B, O);
removeAttr(B, E);
removeAttr(j, O);
removeAttr(j, E);
if (elementIsGenerated(Y)) {
unwrap(Y);
}
if (elementIsGenerated(j)) {
unwrap(j);
}
if (elementIsGenerated(V)) {
unwrap(V);
}
if (elementIsGenerated(B)) {
unwrap(B);
}
if (elementIsGenerated(k)) {
unwrap(k);
}
n();
o();
e();
}));
if (s && !$) {
push(Y, removeClass.bind(0, B, D));
if (s && !T) {
push(F, removeClass.bind(0, j, D));
}
if (j) {
insertBefore(B, j);
push(Y, removeElements.bind(0, j));
if (q) {
insertBefore(j, q);
push(F, removeElements.bind(0, q));
}
if (T) {
const t = attr(B, $t);
attr(B, $t, "-1");
B.focus();
const n = on(p, "pointerdown keydown", (() => {
t ? attr(B, $t, t) : removeAttr(B, $t);
if (H) {
const t = attr(j, $t);
attr(j, $t, "-1");
j.focus();
const n = on(y, "pointerdown keydown", (() => {
t ? attr(j, $t, t) : removeAttr(j, $t);
n();
}));
}
F = 0;
N = 0;
};
return [ z, appendElements, runEachAndClear.bind(0, Y) ];
return [ M, appendElements, runEachAndClear.bind(0, F) ];
};
const createTrinsicUpdateSegment = (t, n) => {
@@ -2374,10 +2380,12 @@ const getScrollbarHandleOffsetRatio = (t, n, o, s, e, c) => {
const createScrollbarsSetupElements = (t, n, o) => {
const {Y: s} = getEnvironment();
const {scrollbarsSlot: e} = s();
const {ct: c, X: r, J: i, K: l, it: a, ot: u} = n;
const {scrollbarsSlot: d} = a ? {} : t;
const f = dynamicInitializationElement([ r, i, l ], (() => i), e, d);
const {scrollbars: e} = s();
const {slot: c} = e;
const {ct: r, X: i, J: l, K: a, it: u, ot: d} = n;
const {scrollbars: f} = u ? {} : t;
const {slot: h} = f || {};
const g = dynamicInitializationElement([ i, l, a ], (() => l), c, h);
const scrollbarStructureAddRemoveClass = (t, n, o) => {
const s = o ? addClass : removeClass;
each(t, (t => {
@@ -2402,75 +2410,75 @@ const createScrollbarsSetupElements = (t, n, o) => {
const s = o ? "X" : "Y";
scrollbarsHandleStyle(t, (t => {
const {qt: e, Ft: c, Gt: r} = t;
const i = getScrollbarHandleOffsetRatio(e, c, u, n, directionIsRTL(r), o);
const i = getScrollbarHandleOffsetRatio(e, c, d, n, directionIsRTL(r), o);
const l = i === i;
return [ e, {
transform: l ? `translate${s}(${(100 * i).toFixed(3)}%)` : ""
} ];
}));
};
const h = [];
const g = [];
const v = [];
const w = [];
const p = [];
const scrollbarsAddRemoveClass = (t, n, o) => {
const s = isBoolean(o);
const e = s ? o : true;
const c = s ? !o : true;
e && scrollbarStructureAddRemoveClass(g, t, n);
c && scrollbarStructureAddRemoveClass(v, t, n);
e && scrollbarStructureAddRemoveClass(w, t, n);
c && scrollbarStructureAddRemoveClass(p, t, n);
};
const refreshScrollbarsHandleLength = t => {
scrollbarStructureRefreshHandleLength(g, t, true);
scrollbarStructureRefreshHandleLength(v, t);
scrollbarStructureRefreshHandleLength(w, t, true);
scrollbarStructureRefreshHandleLength(p, t);
};
const refreshScrollbarsHandleOffset = t => {
scrollbarStructureRefreshHandleOffset(g, t, true);
scrollbarStructureRefreshHandleOffset(v, t);
scrollbarStructureRefreshHandleOffset(w, t, true);
scrollbarStructureRefreshHandleOffset(p, t);
};
const generateScrollbarDOM = t => {
const n = t ? N : U;
const s = t ? g : v;
const s = t ? w : p;
const e = isEmptyArray(s) ? Z : "";
const r = createDiv(`${F} ${n} ${e}`);
const c = createDiv(`${F} ${n} ${e}`);
const i = createDiv(W);
const l = createDiv(X);
const a = {
Gt: r,
Gt: c,
Ft: i,
qt: l
};
appendChildren(r, i);
appendChildren(c, i);
appendChildren(i, l);
push(s, a);
push(h, [ removeElements.bind(0, r), o(a, scrollbarsAddRemoveClass, c, u, t) ]);
push(v, [ removeElements.bind(0, c), o(a, scrollbarsAddRemoveClass, r, d, t) ]);
return a;
};
const w = generateScrollbarDOM.bind(0, true);
const p = generateScrollbarDOM.bind(0, false);
const b = generateScrollbarDOM.bind(0, true);
const y = generateScrollbarDOM.bind(0, false);
const appendElements = () => {
appendChildren(f, g[0].Gt);
appendChildren(f, v[0].Gt);
appendChildren(g, w[0].Gt);
appendChildren(g, p[0].Gt);
_((() => {
scrollbarsAddRemoveClass(Z);
}), 300);
};
w();
p();
b();
y();
return [ {
Nt: refreshScrollbarsHandleLength,
Ut: refreshScrollbarsHandleOffset,
Wt: scrollbarsAddRemoveClass,
Xt: {
Jt: g,
Kt: w,
Zt: scrollbarsHandleStyle.bind(0, g)
Jt: w,
Kt: b,
Zt: scrollbarsHandleStyle.bind(0, w)
},
Qt: {
Jt: v,
Kt: p,
Zt: scrollbarsHandleStyle.bind(0, v)
Jt: p,
Kt: y,
Zt: scrollbarsHandleStyle.bind(0, p)
}
}, appendElements, runEachAndClear.bind(0, h) ];
}, appendElements, runEachAndClear.bind(0, v) ];
};
const createSelfCancelTimeout = t => {
packages/overlayscrollbars/dist/overlayscrollbars.esm.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/overlayscrollbars.esm.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/src/environment.ts
+10 -5
View File
@@ -153,11 +153,16 @@ const createEnvironment = (): InternalEnvironment => {
y: nativeScrollbarsSize.y === 0,
};
const staticDefaultInitialization: Initialization = {
host: null,
padding: !nativeScrollbarsHiding,
viewport: (target) => nativeScrollbarsHiding && target === target.ownerDocument.body && target,
content: false,
scrollbarsSlot: true,
elements: {
host: null,
padding: !nativeScrollbarsHiding,
viewport: (target) =>
nativeScrollbarsHiding && target === target.ownerDocument.body && target,
content: false,
},
scrollbars: {
slot: true,
},
cancel: {
nativeScrollbarsOverlaid: false,
body: null,
packages/overlayscrollbars/src/initialization.ts
+40 -32
View File
@@ -1,6 +1,4 @@
import { isFunction, isHTMLElement, isNull, isUndefined } from 'support';
import type { StructureInitialization } from 'setups/structureSetup';
import type { ScrollbarsInitialization } from 'setups/scrollbarsSetup';
import { getEnvironment } from 'environment';
import { DeepPartial } from 'typings';
import { StructureSetupElementsObj } from 'setups/structureSetup/structureSetup.elements';
@@ -8,13 +6,47 @@ import { StructureSetupElementsObj } from 'setups/structureSetup/structureSetup.
type StaticInitialization = HTMLElement | false | null;
type DynamicInitialization = HTMLElement | boolean | null;
export type Initialization = StructureInitialization &
ScrollbarsInitialization & {
cancel: {
nativeScrollbarsOverlaid: boolean;
body: boolean | null;
};
type FallbackInitializtationElement<
InitElm extends StaticInitializationElement<any> | DynamicInitializationElement<any>
> = Extract<InitElm, (...args: any[]) => any> extends (...args: infer P) => any
? (...args: P) => HTMLElement
: never;
/**
* Static elements are elements which MUST be present in the final DOM.
* With false, null or undefined the element will be generated, otherwise the specified element is taken.
*/
export type StaticInitializationElement<Args extends any[]> =
| ((...args: Args) => StaticInitialization)
| StaticInitialization;
/**
* Dynamic element are elements which CAN be present in the final DOM.
* If its a element the element will be taken as the repsective element.
* With true the element will be generated.
* With false, null or undefined the element won't be generated and wont be in the DOM.
*/
export type DynamicInitializationElement<Args extends any[]> =
| ((...args: Args) => DynamicInitialization)
| DynamicInitialization;
export type Initialization = {
elements: {
host: StaticInitializationElement<[target: InitializationTargetElement]>; // only relevant for textarea
viewport: StaticInitializationElement<[target: InitializationTargetElement]>;
padding: DynamicInitializationElement<[target: InitializationTargetElement]>;
content: DynamicInitializationElement<[target: InitializationTargetElement]>;
};
scrollbars: {
slot: DynamicInitializationElement<
[target: InitializationTargetElement, host: HTMLElement, viewport: HTMLElement]
>;
};
cancel: {
nativeScrollbarsOverlaid: boolean;
body: boolean | null;
};
};
export type InitializationTargetElement = HTMLElement | HTMLTextAreaElement;
@@ -24,30 +56,6 @@ export type InitializationTargetObject = DeepPartial<Initialization> & {
export type InitializationTarget = InitializationTargetElement | InitializationTargetObject;
/**
* Static elements MUST be present.
* With false, null or undefined the element will be generated, otherwise the specified element is taken.
*/
export type StaticInitializationElement<Args extends any[]> =
| ((...args: Args) => StaticInitialization)
| StaticInitialization;
/**
* Dynamic element CAN be present.
* If its a element the element will be taken as the repsective element.
* With true the element will be generated.
* With false, null or undefined the element won't be generated.
*/
export type DynamicInitializationElement<Args extends any[]> =
| ((...args: Args) => DynamicInitialization)
| DynamicInitialization;
export type FallbackInitializtationElement<
InitElm extends StaticInitializationElement<any> | DynamicInitializationElement<any>
> = Extract<InitElm, (...args: any[]) => any> extends (...args: infer P) => any
? (...args: P) => HTMLElement
: never;
const resolveInitialization = <T>(value: any, args: any): T =>
isFunction(value) ? value.apply(0, args) : value;
packages/overlayscrollbars/src/setups/scrollbarsSetup/index.ts
-1
View File
@@ -1,2 +1 @@
export * from 'setups/scrollbarsSetup/scrollbarsSetup';
export * from 'setups/scrollbarsSetup/scrollbarsSetup.initialization';
packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.elements.ts
+12 -14
View File
@@ -27,13 +27,13 @@ import {
getScrollbarHandleLengthRatio,
getScrollbarHandleOffsetRatio,
} from 'setups/scrollbarsSetup/scrollbarsSetup.calculations';
import type { InitializationTarget } from 'initialization';
import type {
Initialization,
InitializationTarget,
InitializationTargetObject,
} from 'initialization';
import type { StructureSetupElementsObj } from 'setups/structureSetup/structureSetup.elements';
import type { ScrollbarsSetupEvents } from 'setups/scrollbarsSetup/scrollbarsSetup.events';
import type {
ScrollbarsInitialization,
ScrollbarsDynamicInitializationElement,
} from 'setups/scrollbarsSetup/scrollbarsSetup.initialization';
import type { StyleObject } from 'typings';
import { StructureSetupState } from 'setups';
@@ -77,17 +77,15 @@ export const createScrollbarsSetupElements = (
scrollbarsSetupEvents: ScrollbarsSetupEvents
): ScrollbarsSetupElements => {
const { _getDefaultInitialization } = getEnvironment();
const { scrollbarsSlot: defaultScrollbarsSlot } = _getDefaultInitialization();
const { scrollbars: defaultInitScrollbars } = _getDefaultInitialization();
const { slot: defaultInitScrollbarsSlot } = defaultInitScrollbars;
const { _documentElm, _target, _host, _viewport, _targetIsElm, _scrollOffsetElement } =
structureSetupElements;
const { scrollbarsSlot } = (_targetIsElm ? {} : target) as ScrollbarsInitialization;
const evaluatedScrollbarSlot =
generalDynamicInitializationElement<ScrollbarsDynamicInitializationElement>(
[_target, _host, _viewport],
() => _host,
defaultScrollbarsSlot,
scrollbarsSlot
);
const { scrollbars: scrollbarsInit } = (_targetIsElm ? {} : target) as InitializationTargetObject;
const { slot: initScrollbarsSlot } = scrollbarsInit || {};
const evaluatedScrollbarSlot = generalDynamicInitializationElement<
Initialization['scrollbars']['slot']
>([_target, _host, _viewport], () => _host, defaultInitScrollbarsSlot, initScrollbarsSlot);
const scrollbarStructureAddRemoveClass = (
scrollbarStructures: ScrollbarStructure[],
classNames: string | false | null | undefined,
packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.initialization.ts
-17
View File
@@ -1,17 +0,0 @@
import type { InitializationTargetElement, DynamicInitializationElement } from 'initialization';
export type ScrollbarsDynamicInitializationElement = DynamicInitializationElement<
[target: InitializationTargetElement, host: HTMLElement, viewport: HTMLElement]
>;
/**
* Object for special initialization.
*
* If element is provided, the provided element takes all its responsibilities.
* DOM hierarchy isn't checked in this case, its assumed that hieararchy is correct in such a case.
*
* Null or Undefined means that the environment initialization strategy is used.
*/
export interface ScrollbarsInitialization {
scrollbarsSlot: ScrollbarsDynamicInitializationElement;
}
packages/overlayscrollbars/src/setups/structureSetup/index.ts
-1
View File
@@ -1,2 +1 @@
export * from 'setups/structureSetup/structureSetup';
export * from 'setups/structureSetup/structureSetup.initialization';
packages/overlayscrollbars/src/setups/structureSetup/structureSetup.elements.ts
+11 -14
View File
@@ -39,14 +39,11 @@ import {
dynamicInitializationElement as generalDynamicInitializationElement,
} from 'initialization';
import type {
Initialization,
InitializationTarget,
InitializationTargetElement,
InitializationTargetObject,
} from 'initialization';
import type {
StructureDynamicInitializationElement,
StructureStaticInitializationElement,
} from 'setups/structureSetup/structureSetup.initialization';
export type StructureSetupElements = [
targetObj: StructureSetupElementsObj,
@@ -97,34 +94,34 @@ export const createStructureSetupElements = (
| undefined;
const createUniqueViewportArrangeElement =
scrollbarsHidingPlugin && scrollbarsHidingPlugin._createUniqueViewportArrangeElement;
const { elements: defaultInitElements } = _getDefaultInitialization();
const {
host: defaultHostInitialization,
viewport: defaultViewportInitialization,
padding: defaultPaddingInitialization,
content: defaultContentInitialization,
} = _getDefaultInitialization();
} = defaultInitElements;
const targetIsElm = isHTMLElement(target);
const targetStructureInitialization = (targetIsElm ? {} : target) as InitializationTargetObject;
const { elements: initElements } = targetStructureInitialization;
const {
host: hostInitialization,
padding: paddingInitialization,
viewport: viewportInitialization,
content: contentInitialization,
} = targetStructureInitialization;
} = initElements || {};
const targetElement = targetIsElm ? target : targetStructureInitialization.target;
const isTextarea = is(targetElement, 'textarea');
const ownerDocument = targetElement.ownerDocument;
const isBody = targetElement === ownerDocument.body;
const wnd = ownerDocument.defaultView as Window;
const staticInitializationElement =
generalStaticInitializationElement<StructureStaticInitializationElement>.bind(0, [
targetElement,
]);
const dynamicInitializationElement =
generalDynamicInitializationElement<StructureDynamicInitializationElement>.bind(0, [
targetElement,
]);
const staticInitializationElement = generalStaticInitializationElement<
Initialization['elements']['viewport']
>.bind(0, [targetElement]);
const dynamicInitializationElement = generalDynamicInitializationElement<
Initialization['elements']['content']
>.bind(0, [targetElement]);
const viewportElement = staticInitializationElement(
createNewDiv,
defaultViewportInitialization,
packages/overlayscrollbars/src/setups/structureSetup/structureSetup.initialization.ts
-30
View File
@@ -1,30 +0,0 @@
import type {
InitializationTargetElement,
StaticInitializationElement,
DynamicInitializationElement,
} from 'initialization';
export type StructureStaticInitializationElement = StaticInitializationElement<
[target: InitializationTargetElement]
>;
export type StructureDynamicInitializationElement = DynamicInitializationElement<
[target: InitializationTargetElement]
>;
/**
* Object for special initialization.
*
* Target is always required, if element is not provided or undefined it will be generated.
*
* If element is provided, the provided element takes all its responsibilities.
* DOM hierarchy isn't checked in this case, its assumed that hieararchy is correct in such a case.
*
* undefined means that the default initialization strategy is used.
*/
export interface StructureInitialization {
host: StructureStaticInitializationElement; // only relevant for textarea
viewport: StructureStaticInitializationElement;
padding: StructureDynamicInitializationElement;
content: StructureDynamicInitializationElement;
}
packages/overlayscrollbars/src/support/dom/style.ts
-16
View File
@@ -90,22 +90,6 @@ export function style<CustomCssProps>(
elm && each(keys(styles), (key) => setCSSVal(elm, key, styles[key]));
}
/**
* Hides the passed element (display: none).
* @param elm The element which shall be hidden.
*/
export const hide = (elm: HTMLElement | false | null | undefined): void => {
style(elm, { display: 'none' });
};
/**
* Shows the passed element (display: block).
* @param elm The element which shall be shown.
*/
export const show = (elm: HTMLElement | false | null | undefined): void => {
style(elm, { display: 'block' });
};
export const directionIsRTL = (elm: HTMLElement | false | null | undefined): boolean =>
style(elm, 'direction') === 'rtl';
packages/overlayscrollbars/src/support/utils/index.ts
-1
View File
@@ -1,6 +1,5 @@
export * from 'support/utils/array';
export * from 'support/utils/equal';
export * from 'support/utils/function';
export * from 'support/utils/lexicon';
export * from 'support/utils/object';
export * from 'support/utils/types';
packages/overlayscrollbars/src/support/utils/lexicon.ts
-25
View File
@@ -1,25 +0,0 @@
interface GenericLexicon<T extends boolean> {
_widthHeight: T extends true ? 'width' : 'height';
_WidthHeight: T extends true ? 'Width' : 'Height';
_leftTop: T extends true ? 'left' : 'top';
_LeftTop: T extends true ? 'Left' : 'Top';
_xy: T extends true ? 'x' : 'y';
_XY: T extends true ? 'X' : 'Y';
_wh: T extends true ? 'w' : 'h';
_lt: T extends true ? 'l' : 't';
}
export type Lexicon<T extends boolean> = GenericLexicon<T>
export const getLexicon = <T extends boolean = false>(horizontal?: T): Lexicon<T> =>
({
_widthHeight: horizontal ? 'width' : 'height',
_WidthHeight: horizontal ? 'Width' : 'Height',
_leftTop: horizontal ? 'left' : 'top',
_LeftTop: horizontal ? 'Left' : 'Top',
_xy: horizontal ? 'x' : 'y',
_XY: horizontal ? 'X' : 'Y',
_wh: horizontal ? 'w' : 'h',
_lt: horizontal ? 'l' : 't',
// _inverted: getLexicon(!horizontal),
} as Lexicon<T>);
packages/overlayscrollbars/tests/jest/instances.test.ts
+1 -1
View File
@@ -1,5 +1,5 @@
import { addInstance, removeInstance, getInstance } from 'instances';
import { OverlayScrollbars } from 'overlayscrollbars';
import { OverlayScrollbars } from '../../src/overlayscrollbars';
const testElm = document.body;
const testInstance = OverlayScrollbars(document.body, {});
packages/overlayscrollbars/tests/jest/setups/structureSetup/structureSetup.elements.test.ts
+178 -107
View File
@@ -6,12 +6,11 @@ import {
StructureSetupElementsObj,
} from 'setups/structureSetup/structureSetup.elements';
import { addPlugin, scrollbarsHidingPlugin } from 'plugins';
import type { InitializationTarget } from 'initialization';
import type {
StructureInitialization,
StructureStaticInitializationElement,
StructureDynamicInitializationElement,
} from 'setups/structureSetup/structureSetup.initialization';
Initialization,
InitializationTarget,
InitializationTargetObject,
} from 'initialization';
const mockGetEnvironment = jest.fn();
jest.mock('environment', () => ({
@@ -35,6 +34,8 @@ interface StructureSetupElementsProxy {
}
type TargetType = 'element' | 'textarea' | 'body';
type StructureStaticInitializationElement = Initialization['elements']['viewport'];
type StructureDynamicInitializationElement = Initialization['elements']['content'];
const textareaId = 'textarea';
const textareaHostId = 'host';
@@ -132,9 +133,7 @@ const assertCorrectDOMStructure = (targetType: TargetType, viewportIsTarget: boo
}
};
const createStructureSetupProxy = (
target: InitializationTarget | StructureInitialization
): StructureSetupElementsProxy => {
const createStructureSetupProxy = (target: InitializationTarget): StructureSetupElementsProxy => {
const [elements, appendElements, destroy] = createStructureSetupElements(target);
appendElements();
return {
@@ -210,14 +209,15 @@ const assertCorrectSetupElements = (
expect(typeof destroy).toBe('function');
const { _nativeScrollbarsHiding, _cssCustomProperties, _getDefaultInitialization } = environment;
const { elements: defaultInitElements } = _getDefaultInitialization();
const {
host: hostInitStrategy,
viewport: viewportInitStrategy,
padding: paddingInitStrategy,
content: contentInitStrategy,
} = _getDefaultInitialization();
} = defaultInitElements;
const inputIsElement = isHTMLElement(input);
const inputAsObj = input as StructureInitialization;
const inputAsObj = input as InitializationTargetObject;
const styleElm = document.querySelector('style');
const checkStrategyDependendElements = (
elm: Element | null,
@@ -289,12 +289,13 @@ const assertCorrectSetupElements = (
checkStrategyDependendElements(viewport, undefined, true, viewportInitStrategy, 'viewport');
checkStrategyDependendElements(host, undefined, true, hostInitStrategy, 'host');
} else {
const { elements: inputElements } = inputAsObj;
const {
padding: inputPadding,
content: inputContent,
viewport: inputViewport,
host: inputHost,
} = inputAsObj;
} = inputElements || {};
checkStrategyDependendElements(padding, inputPadding, false, paddingInitStrategy, 'padding');
checkStrategyDependendElements(content, inputContent, false, contentInitStrategy, 'content');
checkStrategyDependendElements(viewport, inputViewport, true, viewportInitStrategy, 'viewport');
@@ -364,10 +365,13 @@ const envInitStrategyMin = {
...env,
_getDefaultInitialization: () => ({
...env._staticDefaultInitialization,
host: null,
viewport: () => null,
content: () => false,
padding: false,
elements: {
...env._staticDefaultInitialization.elements,
host: null,
viewport: () => null,
content: () => false,
padding: false,
},
}),
},
};
@@ -377,10 +381,13 @@ const envInitStrategyMax = {
...env,
_getDefaultInitialization: () => ({
...env._staticDefaultInitialization,
host: null,
viewport: null,
content: true,
padding: () => true,
elements: {
...env._staticDefaultInitialization.elements,
host: null,
viewport: null,
content: true,
padding: () => true,
},
}),
},
};
@@ -390,10 +397,13 @@ const envInitStrategyAssigned = {
...env,
_getDefaultInitialization: () => ({
...env._staticDefaultInitialization,
host: () => document.querySelector('#host1') as HTMLElement,
viewport: (target: HTMLElement) => target.querySelector('#viewport') as HTMLElement,
content: (target: HTMLElement) => target.querySelector<HTMLElement>('#content'),
padding: (target: HTMLElement) => target.querySelector<HTMLElement>('#padding'),
elements: {
...env._staticDefaultInitialization.elements,
host: () => document.querySelector('#host1') as HTMLElement,
viewport: (target: HTMLElement) => target.querySelector('#viewport') as HTMLElement,
content: (target: HTMLElement) => target.querySelector<HTMLElement>('#content'),
padding: (target: HTMLElement) => target.querySelector<HTMLElement>('#padding'),
},
}),
},
};
@@ -404,7 +414,10 @@ const envInitStrategyViewportIsTarget = {
_nativeScrollbarsHiding: true,
_getDefaultInitialization: () => ({
...env._staticDefaultInitialization,
viewport: (target: HTMLElement) => !is(target, 'textarea') && target,
elements: {
...env._staticDefaultInitialization.elements,
viewport: (target: HTMLElement) => !is(target, 'textarea') && target,
},
}),
},
};
@@ -464,9 +477,11 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: () => document.querySelector<HTMLElement>('#padding')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: () => document.querySelector<HTMLElement>('#padding'),
},
}),
currEnv
);
@@ -483,9 +498,11 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: () => document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
viewport: document.querySelector<HTMLElement>('#viewport')!,
elements: {
host: () => document.querySelector<HTMLElement>('#host'),
viewport: document.querySelector<HTMLElement>('#viewport'),
},
}),
currEnv
);
@@ -502,9 +519,11 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
content: document.querySelector<HTMLElement>('#content')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
content: document.querySelector<HTMLElement>('#content'),
},
}),
currEnv
);
@@ -523,11 +542,13 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: document.querySelector<HTMLElement>('#padding')!,
viewport: document.querySelector<HTMLElement>('#viewport')!,
content: () => document.querySelector<HTMLElement>('#content')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: document.querySelector<HTMLElement>('#padding'),
viewport: document.querySelector<HTMLElement>('#viewport'),
content: () => document.querySelector<HTMLElement>('#content'),
},
}),
currEnv
);
@@ -544,10 +565,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: () => document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: document.querySelector<HTMLElement>('#padding')!,
viewport: document.querySelector<HTMLElement>('#viewport')!,
elements: {
host: () => document.querySelector<HTMLElement>('#host'),
padding: document.querySelector<HTMLElement>('#padding'),
viewport: document.querySelector<HTMLElement>('#viewport'),
},
}),
currEnv
);
@@ -564,10 +587,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: () => document.querySelector<HTMLElement>('#padding')!,
content: document.querySelector<HTMLElement>('#content')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: () => document.querySelector<HTMLElement>('#padding'),
content: document.querySelector<HTMLElement>('#content'),
},
}),
currEnv
);
@@ -584,10 +609,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
viewport: document.querySelector<HTMLElement>('#viewport')!,
content: () => document.querySelector<HTMLElement>('#content')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
viewport: document.querySelector<HTMLElement>('#viewport'),
content: () => document.querySelector<HTMLElement>('#content'),
},
}),
currEnv
);
@@ -603,7 +630,9 @@ describe('structureSetup', () => {
targetType,
createStructureSetupProxy({
target: getTarget(targetType),
padding: false,
elements: {
padding: false,
},
}),
currEnv
);
@@ -617,7 +646,9 @@ describe('structureSetup', () => {
targetType,
createStructureSetupProxy({
target: getTarget(targetType),
content: () => false,
elements: {
content: () => false,
},
}),
currEnv
);
@@ -633,7 +664,9 @@ describe('structureSetup', () => {
targetType,
createStructureSetupProxy({
target: getTarget(targetType),
padding: () => true,
elements: {
padding: () => true,
},
}),
currEnv
);
@@ -647,7 +680,9 @@ describe('structureSetup', () => {
targetType,
createStructureSetupProxy({
target: getTarget(targetType),
content: true,
elements: {
content: true,
},
}),
currEnv
);
@@ -663,8 +698,10 @@ describe('structureSetup', () => {
targetType,
createStructureSetupProxy({
target: getTarget(targetType),
padding: false,
content: false,
elements: {
padding: false,
content: false,
},
}),
currEnv
);
@@ -680,8 +717,10 @@ describe('structureSetup', () => {
targetType,
createStructureSetupProxy({
target: getTarget(targetType),
padding: true,
content: true,
elements: {
padding: true,
content: true,
},
}),
currEnv
);
@@ -700,11 +739,13 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: false,
viewport: document.querySelector<HTMLElement>('#viewport')!,
content: false,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: false,
viewport: document.querySelector<HTMLElement>('#viewport'),
content: false,
},
}),
currEnv
);
@@ -721,11 +762,13 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: true,
viewport: document.querySelector<HTMLElement>('#viewport')!,
content: true,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: true,
viewport: document.querySelector<HTMLElement>('#viewport'),
content: true,
},
}),
currEnv
);
@@ -742,11 +785,13 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: () => false,
viewport: document.querySelector<HTMLElement>('#viewport')!,
content: () => true,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: () => false,
viewport: document.querySelector<HTMLElement>('#viewport'),
content: () => true,
},
}),
currEnv
);
@@ -763,11 +808,13 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: true,
viewport: () => document.querySelector<HTMLElement>('#viewport')!,
content: false,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: true,
viewport: () => document.querySelector<HTMLElement>('#viewport'),
content: false,
},
}),
currEnv
);
@@ -784,10 +831,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: false,
content: document.querySelector<HTMLElement>('#content')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: false,
content: document.querySelector<HTMLElement>('#content'),
},
}),
currEnv
);
@@ -804,10 +853,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: true,
content: document.querySelector<HTMLElement>('#content')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: true,
content: document.querySelector<HTMLElement>('#content'),
},
}),
currEnv
);
@@ -824,10 +875,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: () => false,
viewport: document.querySelector<HTMLElement>('#viewport')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: () => false,
viewport: document.querySelector<HTMLElement>('#viewport'),
},
}),
currEnv
);
@@ -844,10 +897,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: true,
viewport: document.querySelector<HTMLElement>('#viewport')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: true,
viewport: document.querySelector<HTMLElement>('#viewport'),
},
}),
currEnv
);
@@ -864,11 +919,13 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
viewport: document.querySelector<HTMLElement>('#viewport')!,
padding: false,
content: () => document.querySelector<HTMLElement>('#content')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
viewport: document.querySelector<HTMLElement>('#viewport'),
padding: false,
content: () => document.querySelector<HTMLElement>('#content'),
},
}),
currEnv
);
@@ -885,11 +942,13 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
viewport: () => document.querySelector<HTMLElement>('#viewport')!,
padding: true,
content: document.querySelector<HTMLElement>('#content')!,
elements: {
host: document.querySelector<HTMLElement>('#host'),
viewport: () => document.querySelector<HTMLElement>('#viewport'),
padding: true,
content: document.querySelector<HTMLElement>('#content'),
},
}),
currEnv
);
@@ -906,10 +965,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: document.querySelector<HTMLElement>('#padding')!,
content: false,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: document.querySelector<HTMLElement>('#padding'),
content: false,
},
}),
currEnv
);
@@ -926,10 +987,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: () => document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: document.querySelector<HTMLElement>('#padding')!,
content: true,
elements: {
host: () => document.querySelector<HTMLElement>('#host'),
padding: document.querySelector<HTMLElement>('#padding'),
content: true,
},
}),
currEnv
);
@@ -946,10 +1009,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
viewport: () => document.querySelector<HTMLElement>('#viewport')!,
content: false,
elements: {
host: document.querySelector<HTMLElement>('#host'),
viewport: () => document.querySelector<HTMLElement>('#viewport'),
content: false,
},
}),
currEnv
);
@@ -966,10 +1031,12 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
viewport: document.querySelector<HTMLElement>('#viewport')!,
content: true,
elements: {
host: document.querySelector<HTMLElement>('#host'),
viewport: document.querySelector<HTMLElement>('#viewport'),
content: true,
},
}),
currEnv
);
@@ -986,11 +1053,13 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: () => document.querySelector<HTMLElement>('#padding')!,
viewport: document.querySelector<HTMLElement>('#viewport')!,
content: () => false,
elements: {
host: document.querySelector<HTMLElement>('#host'),
padding: () => document.querySelector<HTMLElement>('#padding'),
viewport: document.querySelector<HTMLElement>('#viewport'),
content: () => false,
},
}),
currEnv
);
@@ -1007,11 +1076,13 @@ describe('structureSetup', () => {
const [elements, destroy] = assertCorrectSetupElements(
targetType,
createStructureSetupProxy({
host: () => document.querySelector<HTMLElement>('#host')!,
target: getTarget(targetType),
padding: document.querySelector<HTMLElement>('#padding')!,
viewport: () => document.querySelector<HTMLElement>('#viewport')!,
content: true,
elements: {
host: () => document.querySelector<HTMLElement>('#host'),
padding: document.querySelector<HTMLElement>('#padding'),
viewport: () => document.querySelector<HTMLElement>('#viewport'),
content: true,
},
}),
currEnv
);
packages/overlayscrollbars/tests/jest/support/dom/attribute.test.ts
+20 -2
View File
@@ -128,10 +128,19 @@ describe('dom attributes', () => {
setScrollLeft(0);
});
test('null', () => {
test('element null', () => {
expect(scrollLeft(null)).toBe(0);
expect(scrollLeft(null, 0)).toBe(undefined);
});
test('value null', () => {
scrollLeft(testElm, 100);
expect(scrollLeft(testElm)).toBe(100);
scrollLeft(testElm, null);
expect(scrollLeft(testElm)).toBe(100);
scrollLeft(testElm, 0);
expect(scrollLeft(testElm)).toBe(0);
});
});
describe('scrollTop', () => {
@@ -147,10 +156,19 @@ describe('dom attributes', () => {
setScrollTop(0);
});
test('null', () => {
test('element null', () => {
expect(scrollTop(null)).toBe(0);
expect(scrollTop(null, 0)).toBe(undefined);
});
test('value null', () => {
scrollTop(testElm, 100);
expect(scrollTop(testElm)).toBe(100);
scrollTop(testElm, null);
expect(scrollTop(testElm)).toBe(100);
scrollTop(testElm, 0);
expect(scrollTop(testElm)).toBe(0);
});
});
describe('val', () => {
packages/overlayscrollbars/tests/jest/support/dom/style.test.ts
+1 -25
View File
@@ -1,6 +1,6 @@
import { isEmptyObject } from 'support/utils/object';
import { isString, isPlainObject } from 'support/utils/types';
import { style, hide, show, topRightBottomLeft, directionIsRTL } from 'support/dom/style';
import { style, topRightBottomLeft, directionIsRTL } from 'support/dom/style';
describe('dom style', () => {
afterEach(() => {
@@ -80,30 +80,6 @@ describe('dom style', () => {
});
});
describe('hide', () => {
test('normal', () => {
expect(document.body.style.display).toBe('');
hide(document.body);
expect(document.body.style.display).toBe('none');
});
test('null', () => {
expect(hide(null)).toBe(undefined);
});
});
describe('show', () => {
test('normal', () => {
expect(document.body.style.display).toBe('');
show(document.body);
expect(document.body.style.display).toBe('block');
});
test('null', () => {
expect(show(null)).toBe(undefined);
});
});
describe('topRightBottomLeft', () => {
describe('without prefix and suffix', () => {
test('normal', () => {
packages/overlayscrollbars/tests/jest/support/utils/lexicon.test.ts
-27
View File
@@ -1,27 +0,0 @@
import { getLexicon } from 'support/utils/lexicon';
describe('getLexicon', () => {
test('Get vertical Lexicon', () => {
const lexicon = getLexicon();
expect(lexicon._widthHeight).toBe('height');
expect(lexicon._WidthHeight).toBe('Height');
expect(lexicon._leftTop).toBe('top');
expect(lexicon._LeftTop).toBe('Top');
expect(lexicon._xy).toBe('y');
expect(lexicon._XY).toBe('Y');
expect(lexicon._wh).toBe('h');
expect(lexicon._lt).toBe('t');
});
test('Get horizontal Lexicon', () => {
const lexicon = getLexicon(true);
expect(lexicon._widthHeight).toBe('width');
expect(lexicon._WidthHeight).toBe('Width');
expect(lexicon._leftTop).toBe('left');
expect(lexicon._LeftTop).toBe('Left');
expect(lexicon._xy).toBe('x');
expect(lexicon._XY).toBe('X');
expect(lexicon._wh).toBe('w');
expect(lexicon._lt).toBe('l');
});
});
packages/overlayscrollbars/tests/playwright/setups/structureSetup/nesting/index.browser.ts
+3 -3
View File
@@ -44,7 +44,7 @@ let bUpdateCount = 0;
let cUpdateCount = 0;
const rootInstance = OverlayScrollbars(
{ target: targetRoot!, padding: true },
{ target: targetRoot!, elements: { padding: true } },
{},
{
initialized() {
@@ -65,7 +65,7 @@ const rootInstance = OverlayScrollbars(
}
);
const aInstance = OverlayScrollbars(
{ target: targetA!, content: true },
{ target: targetA!, elements: { content: true } },
{},
{
initialized() {
@@ -107,7 +107,7 @@ const bInstance = OverlayScrollbars(
}
);
OverlayScrollbars(
{ target: targetC!, viewport: targetC! },
{ target: targetC!, elements: { viewport: targetC! } },
{},
{
initialized() {
packages/overlayscrollbars/types/overlayscrollbars.d.ts
Vendored
+26 -53
View File
@@ -70,7 +70,32 @@ declare const sizeObserverPlugin: Plugin<SizeObserverPluginInstance>;
declare type StaticInitialization = HTMLElement | false | null;
declare type DynamicInitialization = HTMLElement | boolean | null;
declare type Initialization = StructureInitialization & ScrollbarsInitialization & {
/**
* Static elements are elements which MUST be present in the final DOM.
* With false, null or undefined the element will be generated, otherwise the specified element is taken.
*/
declare type StaticInitializationElement<Args extends any[]> = ((...args: Args) => StaticInitialization) | StaticInitialization;
/**
* Dynamic element are elements which CAN be present in the final DOM.
* If its a element the element will be taken as the repsective element.
* With true the element will be generated.
* With false, null or undefined the element won't be generated and wont be in the DOM.
*/
declare type DynamicInitializationElement<Args extends any[]> = ((...args: Args) => DynamicInitialization) | DynamicInitialization;
declare type Initialization = {
elements: {
host: StaticInitializationElement<[target: InitializationTargetElement]>;
viewport: StaticInitializationElement<[target: InitializationTargetElement]>;
padding: DynamicInitializationElement<[target: InitializationTargetElement]>;
content: DynamicInitializationElement<[target: InitializationTargetElement]>;
};
scrollbars: {
slot: DynamicInitializationElement<[
target: InitializationTargetElement,
host: HTMLElement,
viewport: HTMLElement
]>;
};
cancel: {
nativeScrollbarsOverlaid: boolean;
body: boolean | null;
@@ -81,35 +106,6 @@ declare type InitializationTargetObject = DeepPartial<Initialization> & {
target: InitializationTargetElement;
};
declare type InitializationTarget = InitializationTargetElement | InitializationTargetObject;
/**
* Static elements MUST be present.
* With false, null or undefined the element will be generated, otherwise the specified element is taken.
*/
declare type StaticInitializationElement<Args extends any[]> = ((...args: Args) => StaticInitialization) | StaticInitialization;
/**
* Dynamic element CAN be present.
* If its a element the element will be taken as the repsective element.
* With true the element will be generated.
* With false, null or undefined the element won't be generated.
*/
declare type DynamicInitializationElement<Args extends any[]> = ((...args: Args) => DynamicInitialization) | DynamicInitialization;
declare type ScrollbarsDynamicInitializationElement = DynamicInitializationElement<[
target: InitializationTargetElement,
host: HTMLElement,
viewport: HTMLElement
]>;
/**
* Object for special initialization.
*
* If element is provided, the provided element takes all its responsibilities.
* DOM hierarchy isn't checked in this case, its assumed that hieararchy is correct in such a case.
*
* Null or Undefined means that the environment initialization strategy is used.
*/
interface ScrollbarsInitialization {
scrollbarsSlot: ScrollbarsDynamicInitializationElement;
}
interface StructureSetupState {
_padding: TRBL;
@@ -123,29 +119,6 @@ interface StructureSetupState {
_directionIsRTL: boolean;
}
declare type StructureStaticInitializationElement = StaticInitializationElement<[
target: InitializationTargetElement
]>;
declare type StructureDynamicInitializationElement = DynamicInitializationElement<[
target: InitializationTargetElement
]>;
/**
* Object for special initialization.
*
* Target is always required, if element is not provided or undefined it will be generated.
*
* If element is provided, the provided element takes all its responsibilities.
* DOM hierarchy isn't checked in this case, its assumed that hieararchy is correct in such a case.
*
* undefined means that the default initialization strategy is used.
*/
interface StructureInitialization {
host: StructureStaticInitializationElement;
viewport: StructureStaticInitializationElement;
padding: StructureDynamicInitializationElement;
content: StructureDynamicInitializationElement;
}
interface ViewportOverflowState {
_scrollbarsHideOffset: XY<number>;
_scrollbarsHideOffsetArrange: XY<boolean>;