@cocreate/scrollbar 1.16.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/FUNDING.yml +1 -1
- package/.github/workflows/automated.yml +18 -7
- package/CHANGELOG.md +449 -419
- package/CONTRIBUTING.md +6 -6
- package/README.md +5 -5
- package/docs/index.html +7 -7
- package/package.json +5 -5
- package/src/index.js +77 -1
package/CONTRIBUTING.md
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
# Contributing to CoCreate-overlay-scroll
|
|
2
2
|
|
|
3
|
-
This project is work of [many contributors](https://github.com/
|
|
4
|
-
You're encouraged to submit [pull requests](https://github.com/
|
|
5
|
-
[propose features and discuss issues](https://github.com/
|
|
3
|
+
This project is work of [many contributors](https://github.com/CoCreateJS/overlay-scroll/graphs/contributors).
|
|
4
|
+
You're encouraged to submit [pull requests](https://github.com/CoCreateJS/overlay-scroll/pulls),
|
|
5
|
+
[propose features and discuss issues](https://github.com/CoCreateJS/overlay-scroll/issues).
|
|
6
6
|
|
|
7
7
|
In the examples below, substitute your Github username for `contributor` in URLs.
|
|
8
8
|
|
|
9
9
|
## Fork the Project
|
|
10
10
|
|
|
11
|
-
Fork the [project on Github](https://github.com/
|
|
11
|
+
Fork the [project on Github](https://github.com/CoCreateJS/overlay-scroll) and check out your copy.
|
|
12
12
|
|
|
13
13
|
```
|
|
14
14
|
git overlay-scroll https://github.com/contributor/CoCreate-overlay-scroll.git
|
|
15
15
|
cd CoCreate-overlay-scroll
|
|
16
|
-
git remote add upstream https://
|
|
16
|
+
git remote add upstream https://github.com/CoCreateJS/overlay-scroll.git
|
|
17
17
|
```
|
|
18
18
|
|
|
19
19
|
## Create a Topic Branch
|
|
@@ -75,7 +75,7 @@ git push origin my-feature-branch
|
|
|
75
75
|
|
|
76
76
|
## Make a Pull Request
|
|
77
77
|
|
|
78
|
-
Go to [https://github.com/
|
|
78
|
+
Go to [https://github.com/CoCreateJS/overlay-scroll](https://github.com/CoCreateJS/overlay-scroll) and select your feature branch.
|
|
79
79
|
Click the 'Pull Request' button and fill out the form. Pull requests are usually reviewed within a few days.
|
|
80
80
|
|
|
81
81
|
## Rebase
|
package/README.md
CHANGED
|
@@ -138,11 +138,11 @@ The stylesheet also includes `theme-indigo`, `theme-emerald`, `theme-rose`,
|
|
|
138
138
|
|
|
139
139
|
## Project links
|
|
140
140
|
|
|
141
|
-
- [Documentation](https://
|
|
142
|
-
- [Issues](https://github.com/
|
|
143
|
-
- [Releases](https://github.com/
|
|
144
|
-
- [Contributing](https://github.com/
|
|
141
|
+
- [Documentation](https://CoCreateJS.com/docs/scrollbar)
|
|
142
|
+
- [Issues](https://github.com/CoCreateJS/scrollbar/issues)
|
|
143
|
+
- [Releases](https://github.com/CoCreateJS/scrollbar/releases)
|
|
144
|
+
- [Contributing](https://github.com/CoCreateJS/scrollbar/blob/master/CONTRIBUTING.md)
|
|
145
145
|
|
|
146
146
|
## License
|
|
147
147
|
|
|
148
|
-
[MIT](https://github.com/
|
|
148
|
+
[MIT](https://github.com/CoCreateJS/scrollbar/blob/master/LICENSE)
|
package/docs/index.html
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
rel="icon"
|
|
10
10
|
type="image/png"
|
|
11
11
|
sizes="32x32"
|
|
12
|
-
href="https://
|
|
12
|
+
href="https://CoCreateJS.com/images/favicon.ico" />
|
|
13
13
|
<meta
|
|
14
14
|
name="description"
|
|
15
15
|
content="A simple yet powerful drag-and-drop solution powered by javascript." />
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
<meta name="robots" content="index,follow" />
|
|
20
20
|
<meta
|
|
21
21
|
property="og:image"
|
|
22
|
-
content="https://cdn.
|
|
22
|
+
content="https://cdn.CoCreateJS.com/docs/CoCreate-overlay-scroll.png" />
|
|
23
23
|
|
|
24
24
|
<link
|
|
25
25
|
rel="stylesheet"
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
share-title="testing im a title"
|
|
74
74
|
share-height="600"
|
|
75
75
|
share-width="700"
|
|
76
|
-
share-media="https://cdn.
|
|
76
|
+
share-media="https://cdn.CoCreateJS.com/docs/overlay-scroll.png"
|
|
77
77
|
hover="display:block!important"
|
|
78
78
|
hover-query=".social-networks">
|
|
79
79
|
<div class="display:none social-networks">
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
></a>
|
|
105
105
|
</div>
|
|
106
106
|
<a
|
|
107
|
-
href="https://github.com/
|
|
107
|
+
href="https://github.com/CoCreateJS/CoCreate-dnd"
|
|
108
108
|
target="_blank"
|
|
109
109
|
class=""
|
|
110
110
|
><i src="/assets/svg/github.svg"></i
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
<p class="padding:10px_0px line-height:1.5">
|
|
144
144
|
Or you can use cdn link:
|
|
145
145
|
</p>
|
|
146
|
-
<pre><code class="language-html"><script>https://cdn.
|
|
146
|
+
<pre><code class="language-html"><script>https://cdn.CoCreateJS.com/overlay-scroll/latest/CoCreate-overlay-scroll.min.js</script></code></pre>
|
|
147
147
|
<!-- <p class="padding:10px_0px line-height:1.5">for styling please refer to #id-style</p> -->
|
|
148
148
|
|
|
149
149
|
<div
|
|
@@ -427,13 +427,13 @@
|
|
|
427
427
|
</div>
|
|
428
428
|
</div>
|
|
429
429
|
<button
|
|
430
|
-
href="https://github.com/
|
|
430
|
+
href="https://github.com/CoCreateJS/CoCreate-overlay-scroll/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..."
|
|
431
431
|
target="_blank"
|
|
432
432
|
class="display:flex justify-content:center align-items:center position:fixed bottom:15px right:15px height:50px width:50px border-radius:50% box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
|
|
433
433
|
<i src="../assets/svg/pencil-alt.svg"></i>
|
|
434
434
|
</button>
|
|
435
435
|
</main>
|
|
436
436
|
|
|
437
|
-
<script src="https://
|
|
437
|
+
<script src="https://CoCreateJS.com/dist/CoCreate.js"></script>
|
|
438
438
|
</body>
|
|
439
439
|
</html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cocreate/scrollbar",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "A declarative custom scrollbar for native scroll containers with configurable axes, track positions, visibility, and automatic DOM lifecycle handling.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"scrollbar",
|
|
@@ -22,17 +22,17 @@
|
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|
|
25
|
-
"url": "git+https://
|
|
25
|
+
"url": "git+https://github.com/CoCreateJS/scrollbar.git"
|
|
26
26
|
},
|
|
27
27
|
"author": "CoCreate LLC",
|
|
28
28
|
"license": "MIT",
|
|
29
29
|
"bugs": {
|
|
30
|
-
"url": "https://github.com/
|
|
30
|
+
"url": "https://github.com/CoCreateJS/scrollbar/issues"
|
|
31
31
|
},
|
|
32
|
-
"homepage": "https://
|
|
32
|
+
"homepage": "https://CoCreateJS.com/docs/scrollbar",
|
|
33
33
|
"funding": {
|
|
34
34
|
"type": "GitHub Sponsors ❤",
|
|
35
|
-
"url": "https://github.com/sponsors/
|
|
35
|
+
"url": "https://github.com/sponsors/CoCreateJS"
|
|
36
36
|
},
|
|
37
37
|
"main": "./src/index.js",
|
|
38
38
|
"dependencies": {
|
package/src/index.js
CHANGED
|
@@ -19,7 +19,9 @@ const CoCreateScrollbar = (function () {
|
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
21
|
* Core ScrollInstance Class
|
|
22
|
-
|
|
22
|
+
* @private
|
|
23
|
+
* @environment client
|
|
24
|
+
*/
|
|
23
25
|
function ScrollInstance(el, config) {
|
|
24
26
|
this.element = el;
|
|
25
27
|
this.options = Object.assign({
|
|
@@ -83,6 +85,11 @@ const CoCreateScrollbar = (function () {
|
|
|
83
85
|
this.update();
|
|
84
86
|
};
|
|
85
87
|
|
|
88
|
+
/**
|
|
89
|
+
*
|
|
90
|
+
* @public
|
|
91
|
+
* @environment client
|
|
92
|
+
*/
|
|
86
93
|
ScrollInstance.prototype.init = function () {
|
|
87
94
|
this.parseAttributes();
|
|
88
95
|
|
|
@@ -348,6 +355,11 @@ const CoCreateScrollbar = (function () {
|
|
|
348
355
|
}
|
|
349
356
|
};
|
|
350
357
|
|
|
358
|
+
/**
|
|
359
|
+
*
|
|
360
|
+
* @public
|
|
361
|
+
* @environment client
|
|
362
|
+
*/
|
|
351
363
|
ScrollInstance.prototype.destroy = function () {
|
|
352
364
|
clearTimeout(this.scrollTimer);
|
|
353
365
|
if (this.resizeObserver) this.resizeObserver.disconnect();
|
|
@@ -414,6 +426,11 @@ const CoCreateScrollbar = (function () {
|
|
|
414
426
|
return created.length === 1 ? created[0] : created;
|
|
415
427
|
},
|
|
416
428
|
|
|
429
|
+
/**
|
|
430
|
+
*
|
|
431
|
+
* @public
|
|
432
|
+
* @environment client
|
|
433
|
+
*/
|
|
417
434
|
get: function (el) {
|
|
418
435
|
return instances.get(el);
|
|
419
436
|
},
|
|
@@ -423,6 +440,11 @@ const CoCreateScrollbar = (function () {
|
|
|
423
440
|
if (inst) inst.destroy();
|
|
424
441
|
},
|
|
425
442
|
|
|
443
|
+
/**
|
|
444
|
+
*
|
|
445
|
+
* @public
|
|
446
|
+
* @environment client
|
|
447
|
+
*/
|
|
426
448
|
initAll: function () {
|
|
427
449
|
if (typeof document === 'undefined') return;
|
|
428
450
|
var targets = document.querySelectorAll(selector);
|
|
@@ -473,3 +495,57 @@ Observer.init({
|
|
|
473
495
|
CoCreateScrollbar.initAll();
|
|
474
496
|
|
|
475
497
|
export default CoCreateScrollbar;
|
|
498
|
+
|
|
499
|
+
/**
|
|
500
|
+
*
|
|
501
|
+
* @name scrollbar
|
|
502
|
+
* @kind member
|
|
503
|
+
* @attribute
|
|
504
|
+
* @environment client
|
|
505
|
+
*/
|
|
506
|
+
|
|
507
|
+
/**
|
|
508
|
+
*
|
|
509
|
+
* @name scrollbar-pos
|
|
510
|
+
* @kind member
|
|
511
|
+
* @attribute
|
|
512
|
+
* @environment client
|
|
513
|
+
*/
|
|
514
|
+
|
|
515
|
+
/**
|
|
516
|
+
*
|
|
517
|
+
* @name scrollbar-type
|
|
518
|
+
* @kind member
|
|
519
|
+
* @attribute
|
|
520
|
+
* @environment client
|
|
521
|
+
*/
|
|
522
|
+
|
|
523
|
+
/**
|
|
524
|
+
*
|
|
525
|
+
* @name scrollbar-visible
|
|
526
|
+
* @kind member
|
|
527
|
+
* @attribute
|
|
528
|
+
* @environment client
|
|
529
|
+
*/
|
|
530
|
+
|
|
531
|
+
/**
|
|
532
|
+
* A declarative custom scrollbar for native scroll containers with configurable axes, track positions, visibility, and automatic DOM lifecycle handling.
|
|
533
|
+
*
|
|
534
|
+
* @module scrollbar
|
|
535
|
+
* @environment client
|
|
536
|
+
*/
|
|
537
|
+
|
|
538
|
+
/**
|
|
539
|
+
* Declarative selectors recognized by this module.
|
|
540
|
+
*
|
|
541
|
+
* @name declarative-selectors
|
|
542
|
+
* @kind member
|
|
543
|
+
* @selectors
|
|
544
|
+
* @environment client
|
|
545
|
+
* @example
|
|
546
|
+
* ```json
|
|
547
|
+
* [
|
|
548
|
+
* "[scrollbar]"
|
|
549
|
+
* ]
|
|
550
|
+
* ```
|
|
551
|
+
*/
|