@cocreate/scroll 1.20.0 → 2.0.1

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 +500 -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 +8 -8
  9. package/src/index.js +195 -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://gitlab.com/cocreatejs/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.20.0",
3
+ "version": "2.0.1",
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://gitlab.com/cocreatejs/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
- "@cocreate/actions": "^1.24.0",
40
- "@cocreate/observer": "^1.23.0"
39
+ "@cocreate/actions": "^2.0.0",
40
+ "@cocreate/observer": "^2.0.0"
41
41
  },
42
42
  "devDependencies": {
43
- "@cocreate/webpack": "^1.9.0"
43
+ "@cocreate/webpack": "^2.0.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,148 @@ 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 attribute
430
+ * @environment client
431
+ */
432
+
433
+ /**
434
+ *
435
+ * @name scroll-attribute
436
+ * @kind attribute
437
+ * @environment client
438
+ */
439
+
440
+ /**
441
+ *
442
+ * @name scroll-bottom
443
+ * @kind attribute
444
+ * @environment client
445
+ */
446
+
447
+ /**
448
+ *
449
+ * @name scroll-down
450
+ * @kind attribute
451
+ * @environment client
452
+ */
453
+
454
+ /**
455
+ *
456
+ * @name scroll-element
457
+ * @kind attribute
458
+ * @environment client
459
+ */
460
+
461
+ /**
462
+ *
463
+ * @name scroll-intersect
464
+ * @kind attribute
465
+ * @environment client
466
+ */
467
+
468
+ /**
469
+ *
470
+ * @name scroll-limbo
471
+ * @kind attribute
472
+ * @environment client
473
+ */
474
+
475
+ /**
476
+ *
477
+ * @name scroll-query
478
+ * @kind attribute
479
+ * @environment client
480
+ */
481
+
482
+ /**
483
+ *
484
+ * @name scroll-to
485
+ * @kind attribute
486
+ * @environment client
487
+ */
488
+
489
+ /**
490
+ *
491
+ * @name scroll-top
492
+ * @kind attribute
493
+ * @environment client
494
+ */
495
+
496
+ /**
497
+ *
498
+ * @name scroll-up
499
+ * @kind attribute
500
+ * @environment client
501
+ */
502
+
503
+ /**
504
+ *
505
+ * @name scroll-value
506
+ * @kind attribute
507
+ * @environment client
508
+ */
509
+
510
+ /**
511
+ *
512
+ * @name scrollable-x
513
+ * @kind attribute
514
+ * @environment client
515
+ */
516
+
517
+ /**
518
+ *
519
+ * @name scrollable-y
520
+ * @kind attribute
521
+ * @environment client
522
+ */
523
+
524
+ /**
525
+ *
526
+ * @name scrolling
527
+ * @kind attribute
528
+ * @environment client
529
+ */
530
+
531
+ /**
532
+ * A simple scroll component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.
533
+ *
534
+ * @module scroll
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
+ * "[scroll], [scroll-to], [scrollable-x], [scrollable-y], [scroll-up], [scroll-down], [scroll-top], [scroll-bottom], [scroll-limbo], [scroll-intersect], [scrolling]"
549
+ * ]
550
+ * ```
551
+ */
552
+
553
+ /**
554
+ * Declarative actions supported or registered by this module.
555
+ *
556
+ * @name declarative-actions
557
+ * @kind member
558
+ * @actions
559
+ * @environment client
560
+ * @example
561
+ * ```json
562
+ * [
563
+ * {
564
+ * "name": "scroll-to"
565
+ * }
566
+ * ]
567
+ * ```
568
+ */