@cocreate/scroll 1.18.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.
Files changed (9) hide show
  1. package/.github/FUNDING.yml +1 -1
  2. package/.github/workflows/automated.yml +18 -7
  3. package/CHANGELOG.md +493 -463
  4. package/CONTRIBUTING.md +6 -6
  5. package/README.md +17 -17
  6. package/demo/index.html +14 -14
  7. package/docs/index.html +7 -7
  8. package/package.json +7 -7
  9. package/src/index.js +210 -1
package/CONTRIBUTING.md CHANGED
@@ -1,19 +1,19 @@
1
1
  # Contributing to CoCreate-scroll
2
2
 
3
- This project is work of [many contributors](https://github.com/CoCreate-app/CoCreate-scroll/graphs/contributors).
4
- You're encouraged to submit [pull requests](https://github.com/CoCreate-app/CoCreate-scroll/pulls),
5
- [propose features and discuss issues](https://github.com/CoCreate-app/CoCreate-scroll/issues).
3
+ This project is work of [many contributors](https://github.com/CoCreateJS/scroll/graphs/contributors).
4
+ You're encouraged to submit [pull requests](https://github.com/CoCreateJS/scroll/pulls),
5
+ [propose features and discuss issues](https://github.com/CoCreateJS/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/CoCreate-app/CoCreate-scroll) and check out your copy.
11
+ Fork the [project on Github](https://github.com/CoCreateJS/scroll) and check out your copy.
12
12
 
13
13
  ```
14
14
  git scroll https://github.com/contributor/CoCreate-scroll.git
15
15
  cd CoCreate-scroll
16
- git remote add upstream https://github.com/CoCreate-app/CoCreate-scroll.git
16
+ git remote add upstream https://github.com/CoCreateJS/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/CoCreate-app/CoCreate-scroll](https://github.com/CoCreate-app/CoCreate-scroll) and select your feature branch.
78
+ Go to [https://github.com/CoCreateJS/scroll](https://github.com/CoCreateJS/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
@@ -1,28 +1,28 @@
1
1
  # CoCreate-scroll
2
2
 
3
- A simple scroll component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API. Take it for a spin in our [playground!](https://cocreate.app/docs/scroll)
3
+ A simple scroll component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API. Take it for a spin in our [playground!](https://CoCreateJS.com/docs/scroll)
4
4
 
5
- ![minified](https://img.badgesize.io/https://cdn.cocreate.app/scroll/latest/CoCreate-scroll.min.js?style=flat-square&label=minified&color=orange)
6
- ![gzip](https://img.badgesize.io/https://cdn.cocreate.app/scroll/latest/CoCreate-scroll.min.js?compression=gzip&style=flat-square&label=gzip&color=yellow)
7
- ![brotli](https://img.badgesize.io/https://cdn.cocreate.app/scroll/latest/CoCreate-scroll.min.js?compression=brotli&style=flat-square&label=brotli)
8
- ![GitHub latest release](https://img.shields.io/github/v/release/CoCreate-app/CoCreate-scroll?style=flat-square)
9
- ![License](https://img.shields.io/github/license/CoCreate-app/CoCreate-scroll?style=flat-square)
5
+ ![minified](https://img.badgesize.io/https://cdn.CoCreateJS.com/scroll/latest/CoCreate-scroll.min.js?style=flat-square&label=minified&color=orange)
6
+ ![gzip](https://img.badgesize.io/https://cdn.CoCreateJS.com/scroll/latest/CoCreate-scroll.min.js?compression=gzip&style=flat-square&label=gzip&color=yellow)
7
+ ![brotli](https://img.badgesize.io/https://cdn.CoCreateJS.com/scroll/latest/CoCreate-scroll.min.js?compression=brotli&style=flat-square&label=brotli)
8
+ ![GitHub latest release](https://img.shields.io/github/v/release/CoCreateJS/scroll?style=flat-square)
9
+ ![License](https://img.shields.io/github/license/CoCreateJS/scroll?style=flat-square)
10
10
  ![Hiring](https://img.shields.io/static/v1?style=flat-square&label=&message=Hiring&color=blueviolet)
11
11
 
12
- ![CoCreate-scroll](https://cdn.cocreate.app/docs/CoCreate-scroll.gif)
12
+ ![CoCreate-scroll](https://cdn.CoCreateJS.com/docs/CoCreate-scroll.gif)
13
13
 
14
- ## [Docs & Demo](https://cocreate.app/docs/scroll)
14
+ ## [Docs & Demo](https://CoCreateJS.com/docs/scroll)
15
15
 
16
- For a complete guide and working demo refer to the [doumentation](https://cocreate.app/docs/scroll)
16
+ For a complete guide and working demo refer to the [doumentation](https://CoCreateJS.com/docs/scroll)
17
17
 
18
18
  ## CDN
19
19
 
20
20
  ```html
21
- <script src="https://cdn.cocreate.app/scroll/latest/CoCreate-scroll.min.js"></script>
21
+ <script src="https://cdn.CoCreateJS.com/scroll/latest/CoCreate-scroll.min.js"></script>
22
22
  ```
23
23
 
24
24
  ```html
25
- <script src="https://cdn.cocreate.app/scroll/latest/CoCreate-scroll.min.css"></script>
25
+ <script src="https://cdn.CoCreateJS.com/scroll/latest/CoCreate-scroll.min.css"></script>
26
26
  ```
27
27
 
28
28
  ## NPM
@@ -50,13 +50,13 @@ $ yarn install @cocreate/scroll
50
50
 
51
51
  # Announcements
52
52
 
53
- All updates to this library are documented in our [CHANGELOG](https://github.com/CoCreate-app/CoCreate-scroll/blob/master/CHANGELOG.md) and [releases](https://github.com/CoCreate-app/CoCreate-scroll/releases). You may also subscribe to email for releases and breaking changes.
53
+ All updates to this library are documented in our [CHANGELOG](https://github.com/CoCreateJS/scroll/blob/master/CHANGELOG.md) and [releases](https://github.com/CoCreateJS/scroll/releases). You may also subscribe to email for releases and breaking changes.
54
54
 
55
55
  <a name="roadmap"></a>
56
56
 
57
57
  # Roadmap
58
58
 
59
- If you are interested in the future direction of this project, please take a look at our open [issues](https://github.com/CoCreate-app/CoCreate-scroll/issues) and [pull requests](https://github.com/CoCreate-app/CoCreate-scroll/pulls). We would love to hear your feedback.
59
+ If you are interested in the future direction of this project, please take a look at our open [issues](https://github.com/CoCreateJS/scroll/issues) and [pull requests](https://github.com/CoCreateJS/scroll/pulls). We would love to hear your feedback.
60
60
 
61
61
  <a name="about"></a>
62
62
 
@@ -64,7 +64,7 @@ If you are interested in the future direction of this project, please take a loo
64
64
 
65
65
  CoCreate-scroll is guided and supported by the CoCreate Developer Experience Team.
66
66
 
67
- Please Email the Developer Experience Team [here](mailto:develop@cocreate.app) in case of any queries.
67
+ Please Email the Developer Experience Team [here](mailto:develop@CoCreateJS.com) in case of any queries.
68
68
 
69
69
  CoCreate-scroll is maintained and funded by CoCreate. The names and logos for CoCreate are trademarks of CoCreate, LLC.
70
70
 
@@ -72,9 +72,9 @@ CoCreate-scroll is maintained and funded by CoCreate. The names and logos for Co
72
72
 
73
73
  # How to Contribute
74
74
 
75
- We encourage contribution to our libraries (you might even score some nifty swag), please see our [CONTRIBUTING](https://github.com/CoCreate-app/CoCreate-scroll/blob/master/CONTRIBUTING.md) guide for details.
75
+ We encourage contribution to our libraries (you might even score some nifty swag), please see our [CONTRIBUTING](https://github.com/CoCreateJS/scroll/blob/master/CONTRIBUTING.md) guide for details.
76
76
 
77
- We want this library to be community-driven, and CoCreate led. We need your help to realize this goal. To help make sure we are building the right things in the right order, we ask that you create [issues](https://github.com/CoCreate-app/CoCreate-scroll/issues) and [pull requests](https://github.com/CoCreate-app/CoCreate-scroll/pulls) or merely upvote or comment on existing issues or pull requests.
77
+ We want this library to be community-driven, and CoCreate led. We need your help to realize this goal. To help make sure we are building the right things in the right order, we ask that you create [issues](https://github.com/CoCreateJS/scroll/issues) and [pull requests](https://github.com/CoCreateJS/scroll/pulls) or merely upvote or comment on existing issues or pull requests.
78
78
 
79
79
  We appreciate your continued support, thank you!
80
80
 
@@ -82,4 +82,4 @@ We appreciate your continued support, thank you!
82
82
  <a name="license"></a>
83
83
  # License
84
84
 
85
- [The MIT License (MIT)](https://github.com/CoCreate-app/CoCreate-scroll/blob/master/LICENSE)
85
+ [The MIT License (MIT)](https://github.com/CoCreateJS/scroll/blob/master/LICENSE)
package/demo/index.html CHANGED
@@ -73,7 +73,7 @@
73
73
  class="margin:0px_15px display:flex flex-wrap:wrap justify-content:space-between flex-direction:row align-items:center width:100%">
74
74
  <div class="logo-box">
75
75
  <a href="/">
76
- <img src="https://cocreate.app/assets/logo.png" />
76
+ <img src="https://CoCreateJS.com/assets/logo.png" />
77
77
  </a>
78
78
  </div>
79
79
 
@@ -94,7 +94,7 @@
94
94
  <a href="">Features</a>
95
95
  </div>
96
96
  <div class="margin-left:25px">
97
- <a href="https://server.cocreate.app/documentation/"
97
+ <a href="https://server.CoCreateJS.com/documentation/"
98
98
  >Documentation</a
99
99
  >
100
100
  </div>
@@ -127,7 +127,7 @@
127
127
  <div class="flex-grow:1 min-width:300px width:50%">
128
128
  <video loop autoplay muted class="width:100%">
129
129
  <source
130
- src="https://cocreate.app/assets/dashboard-video.mp4"
130
+ src="https://CoCreateJS.com/assets/dashboard-video.mp4"
131
131
  type="video/mp4" />
132
132
  </video>
133
133
  </div>
@@ -157,37 +157,37 @@
157
157
  class="padding:25px_0px display:flex flex-wrap:wrap justify-content:space-between flex-direction:row align-items:center">
158
158
  <div class="padding:0px_10px">
159
159
  <img
160
- src="https://cocreate.app/assets/client-01.png"
160
+ src="https://CoCreateJS.com/assets/client-01.png"
161
161
  class="max-height:60px width:auto" />
162
162
  </div>
163
163
  <div class="padding:0px_10px">
164
164
  <img
165
- src="https://cocreate.app/assets/client-02.png"
165
+ src="https://CoCreateJS.com/assets/client-02.png"
166
166
  class="max-height:60px width:auto" />
167
167
  </div>
168
168
  <div class="padding:0px_10px">
169
169
  <img
170
- src="https://cocreate.app/assets/client-03.png"
170
+ src="https://CoCreateJS.com/assets/client-03.png"
171
171
  class="max-height:60px width:auto" />
172
172
  </div>
173
173
  <div class="padding:0px_10px">
174
174
  <img
175
- src="https://cocreate.app/assets/client-04.png"
175
+ src="https://CoCreateJS.com/assets/client-04.png"
176
176
  class="max-height:60px width:auto" />
177
177
  </div>
178
178
  <div class="padding:0px_10px">
179
179
  <img
180
- src="https://cocreate.app/assets/client-05.png"
180
+ src="https://CoCreateJS.com/assets/client-05.png"
181
181
  class="max-height:60px width:auto" />
182
182
  </div>
183
183
  <div class="padding:0px_10px">
184
184
  <img
185
- src="https://cocreate.app/assets/client-06.png"
185
+ src="https://CoCreateJS.com/assets/client-06.png"
186
186
  class="max-height:60px width:auto" />
187
187
  </div>
188
188
  <div class="padding:0px_10px">
189
189
  <img
190
- src="https://cocreate.app/assets/client-07.png"
190
+ src="https://CoCreateJS.com/assets/client-07.png"
191
191
  class="max-height:60px width:auto" />
192
192
  </div>
193
193
  </div>
@@ -200,7 +200,7 @@
200
200
  <video loop muted class="width:100%">
201
201
  <source
202
202
  type="video/mp4"
203
- src="https://cocreate.app/assets/on-board-video.webm" />
203
+ src="https://CoCreateJS.com/assets/on-board-video.webm" />
204
204
  </video>
205
205
  </div>
206
206
  <div
@@ -235,7 +235,7 @@
235
235
  scroll-intersect="testing">
236
236
  <source
237
237
  type="video/mp4"
238
- src="https://cocreate.app/assets/cards.webm" />
238
+ src="https://CoCreateJS.com/assets/cards.webm" />
239
239
  </video>
240
240
  </div>
241
241
  <div
@@ -259,7 +259,7 @@
259
259
  id="spreadtheword"
260
260
  class="padding:100px_0px background-size:cover background-position:center position:relative color:white"
261
261
  style="
262
- background-image: url(https://cocreate.app/assets/banner.png);
262
+ background-image: url(https://CoCreateJS.com/assets/banner.png);
263
263
  ">
264
264
  <div class="position:relative max-width:90% margin:0px_auto">
265
265
  <h1 class="text-align:center padding-bottom:20px">
@@ -351,6 +351,6 @@
351
351
  </ul>
352
352
  </div>
353
353
 
354
- <script src="https://CoCreate.app/dist/CoCreate.js"></script>
354
+ <script src="https://CoCreateJS.com/dist/CoCreate.js"></script>
355
355
  </body>
356
356
  </html>
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://cocreate.app/images/favicon.ico" />
12
+ href="https://CoCreateJS.com/images/favicon.ico" />
13
13
  <meta
14
14
  name="description"
15
15
  content="A simple HTML5 and pure javascript component. Easy configuration using HTML5 attributes or Javscript api and highly styleable." />
@@ -19,7 +19,7 @@
19
19
  <meta name="robots" content="index,follow" />
20
20
  <meta
21
21
  property="og:image"
22
- content="https://cdn.cocreate.app/docs/scroll.png" />
22
+ content="https://cdn.CoCreateJS.com/docs/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.cocreate.app/docs/scroll.png"
76
+ share-media="https://cdn.CoCreateJS.com/docs/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/CoCreate-app/overflow:auto"
107
+ href="https://github.com/CoCreateJS/overflow:auto"
108
108
  target="_blank"
109
109
  class="margin-right:15px"
110
110
  ><i src="/assets/svg/github.svg"></i
@@ -141,7 +141,7 @@
141
141
  <p class="padding:10px_0px line-height:1.5">
142
142
  Or you can use cdn link:
143
143
  </p>
144
- <pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/scroll/latest/overflow:auto.min.js&lt;/script&gt;</code></pre>
144
+ <pre><code class="language-html">&lt;script&gt;https://cdn.CoCreateJS.com/scroll/latest/overflow:auto.min.js&lt;/script&gt;</code></pre>
145
145
 
146
146
  <div
147
147
  id="scroll-usage"
@@ -397,13 +397,13 @@
397
397
  </div>
398
398
  </div>
399
399
  <button
400
- href="https://github.com/CoCreate-app/overflow:auto/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..."
400
+ href="https://github.com/CoCreateJS/overflow:auto/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..."
401
401
  target="_blank"
402
402
  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)">
403
403
  <i src="../assets/svg/pencil-alt.svg"></i>
404
404
  </button>
405
405
  </main>
406
406
 
407
- <script src="https://CoCreate.app/dist/CoCreate.js"></script>
407
+ <script src="https://CoCreateJS.com/dist/CoCreate.js"></script>
408
408
  </body>
409
409
  </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/scroll",
3
- "version": "1.18.0",
3
+ "version": "2.0.0",
4
4
  "description": "A simple scroll component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
5
5
  "keywords": [
6
6
  "scroll",
@@ -22,25 +22,25 @@
22
22
  },
23
23
  "repository": {
24
24
  "type": "git",
25
- "url": "git+https://github.com/CoCreate-app/CoCreate-scroll.git"
25
+ "url": "git+https://github.com/CoCreateJS/scroll.git"
26
26
  },
27
27
  "author": "CoCreate LLC",
28
28
  "license": "MIT",
29
29
  "bugs": {
30
- "url": "https://github.com/CoCreate-app/CoCreate-scroll/issues"
30
+ "url": "https://github.com/CoCreateJS/scroll/issues"
31
31
  },
32
- "homepage": "https://cocreate.app/docs/scroll",
32
+ "homepage": "https://CoCreateJS.com/docs/scroll",
33
33
  "funding": {
34
34
  "type": "GitHub Sponsors ❤",
35
- "url": "https://github.com/sponsors/CoCreate-app"
35
+ "url": "https://github.com/sponsors/CoCreateJS"
36
36
  },
37
37
  "main": "./src/index.js",
38
38
  "dependencies": {
39
39
  "@cocreate/actions": "^1.24.0",
40
- "@cocreate/observer": "^1.22.0"
40
+ "@cocreate/observer": "^1.23.0"
41
41
  },
42
42
  "devDependencies": {
43
- "@cocreate/webpack": "^1.8.0"
43
+ "@cocreate/webpack": "^1.9.0"
44
44
  },
45
45
  "allowScripts": {
46
46
  "@cocreate/actions@1.21.4": true,
package/src/index.js CHANGED
@@ -5,21 +5,46 @@ const selector =
5
5
  "[scroll], [scroll-to], [scrollable-x], [scrollable-y], [scroll-up], [scroll-down], [scroll-top], [scroll-bottom], [scroll-limbo], [scroll-intersect], [scrolling]";
6
6
 
7
7
  const CoCreateScroll = {
8
+ /**
9
+ *
10
+ * @public
11
+ * @environment client
12
+ */
8
13
  delta: 3,
14
+ /**
15
+ *
16
+ * @public
17
+ * @environment client
18
+ */
9
19
  observer: null,
10
20
  // timer: null, // Removed: Timer needs to be instance-specific, not global
11
21
  firedEvents: new Map(),
12
22
 
23
+ /**
24
+ *
25
+ * @public
26
+ * @environment client
27
+ */
13
28
  init: function () {
14
29
  let elements = document.querySelectorAll(selector);
15
30
  this.__initIntersectionObserver();
16
31
  this.initElements(elements);
17
32
  },
18
33
 
34
+ /**
35
+ *
36
+ * @public
37
+ * @environment client
38
+ */
19
39
  initElements: function (elements) {
20
40
  for (let el of elements) this.initElement(el);
21
41
  },
22
42
 
43
+ /**
44
+ *
45
+ * @public
46
+ * @environment client
47
+ */
23
48
  initElement: function (element) {
24
49
  const self = this;
25
50
  const upSize = this.__getSize(element.getAttribute("scroll-up"));
@@ -95,6 +120,11 @@ const CoCreateScroll = {
95
120
  }
96
121
  },
97
122
 
123
+ /**
124
+ *
125
+ * @public
126
+ * @environment client
127
+ */
98
128
  _scrollEvent: function (elements, element, scrollInfo, scrollableEl) {
99
129
  const self = this;
100
130
  if (!element.scrollStatus) return;
@@ -125,6 +155,11 @@ const CoCreateScroll = {
125
155
  }, 500);
126
156
  },
127
157
 
158
+ /**
159
+ *
160
+ * @public
161
+ * @environment client
162
+ */
128
163
  setScrollPosition: function (element, scrollTo) {
129
164
  if (!scrollTo) return;
130
165
  if (scrollTo.includes("top")) {
@@ -140,6 +175,11 @@ const CoCreateScroll = {
140
175
  }
141
176
  },
142
177
 
178
+ /**
179
+ *
180
+ * @public
181
+ * @environment client
182
+ */
143
183
  __initIntersectionObserver: function () {
144
184
  const self = this;
145
185
  this.observer = new IntersectionObserver((entries) => {
@@ -175,6 +215,11 @@ const CoCreateScroll = {
175
215
  });
176
216
  },
177
217
 
218
+ /**
219
+ *
220
+ * @public
221
+ * @environment client
222
+ */
178
223
  __setScrolling: function (element, info, stopped = false) {
179
224
  const { scrolling, attrName } = info;
180
225
  if (stopped) {
@@ -184,6 +229,11 @@ const CoCreateScroll = {
184
229
  }
185
230
  },
186
231
 
232
+ /**
233
+ *
234
+ * @public
235
+ * @environment client
236
+ */
187
237
  __runScrollEvent: function (element, info, scrollableEl) {
188
238
  if (!element.scrollStatus) return;
189
239
  const currentPos = element.scrollStatus.currentPos;
@@ -371,4 +421,163 @@ Actions.init({
371
421
 
372
422
  CoCreateScroll.init();
373
423
 
374
- export default CoCreateScroll;
424
+ export default CoCreateScroll;
425
+
426
+ /**
427
+ *
428
+ * @name scroll
429
+ * @kind member
430
+ * @attribute
431
+ * @environment client
432
+ */
433
+
434
+ /**
435
+ *
436
+ * @name scroll-attribute
437
+ * @kind member
438
+ * @attribute
439
+ * @environment client
440
+ */
441
+
442
+ /**
443
+ *
444
+ * @name scroll-bottom
445
+ * @kind member
446
+ * @attribute
447
+ * @environment client
448
+ */
449
+
450
+ /**
451
+ *
452
+ * @name scroll-down
453
+ * @kind member
454
+ * @attribute
455
+ * @environment client
456
+ */
457
+
458
+ /**
459
+ *
460
+ * @name scroll-element
461
+ * @kind member
462
+ * @attribute
463
+ * @environment client
464
+ */
465
+
466
+ /**
467
+ *
468
+ * @name scroll-intersect
469
+ * @kind member
470
+ * @attribute
471
+ * @environment client
472
+ */
473
+
474
+ /**
475
+ *
476
+ * @name scroll-limbo
477
+ * @kind member
478
+ * @attribute
479
+ * @environment client
480
+ */
481
+
482
+ /**
483
+ *
484
+ * @name scroll-query
485
+ * @kind member
486
+ * @attribute
487
+ * @environment client
488
+ */
489
+
490
+ /**
491
+ *
492
+ * @name scroll-to
493
+ * @kind member
494
+ * @attribute
495
+ * @environment client
496
+ */
497
+
498
+ /**
499
+ *
500
+ * @name scroll-top
501
+ * @kind member
502
+ * @attribute
503
+ * @environment client
504
+ */
505
+
506
+ /**
507
+ *
508
+ * @name scroll-up
509
+ * @kind member
510
+ * @attribute
511
+ * @environment client
512
+ */
513
+
514
+ /**
515
+ *
516
+ * @name scroll-value
517
+ * @kind member
518
+ * @attribute
519
+ * @environment client
520
+ */
521
+
522
+ /**
523
+ *
524
+ * @name scrollable-x
525
+ * @kind member
526
+ * @attribute
527
+ * @environment client
528
+ */
529
+
530
+ /**
531
+ *
532
+ * @name scrollable-y
533
+ * @kind member
534
+ * @attribute
535
+ * @environment client
536
+ */
537
+
538
+ /**
539
+ *
540
+ * @name scrolling
541
+ * @kind member
542
+ * @attribute
543
+ * @environment client
544
+ */
545
+
546
+ /**
547
+ * A simple scroll component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.
548
+ *
549
+ * @module scroll
550
+ * @environment client
551
+ */
552
+
553
+ /**
554
+ * Declarative selectors recognized by this module.
555
+ *
556
+ * @name declarative-selectors
557
+ * @kind member
558
+ * @selectors
559
+ * @environment client
560
+ * @example
561
+ * ```json
562
+ * [
563
+ * "[scroll], [scroll-to], [scrollable-x], [scrollable-y], [scroll-up], [scroll-down], [scroll-top], [scroll-bottom], [scroll-limbo], [scroll-intersect], [scrolling]"
564
+ * ]
565
+ * ```
566
+ */
567
+
568
+ /**
569
+ * Declarative actions supported or registered by this module.
570
+ *
571
+ * @name declarative-actions
572
+ * @kind member
573
+ * @actions
574
+ * @environment client
575
+ * @example
576
+ * ```json
577
+ * [
578
+ * {
579
+ * "name": "scroll-to"
580
+ * }
581
+ * ]
582
+ * ```
583
+ */