Merge branch 'master' into feature/vue-example

Author: fieg

.github/workflows/main.yml

@@ -1,6 +1,6 @@
 name: Tests
 
-on: [push]
+on: [push, pull_request]
 
 jobs:
   lint:

docs/events.md

@@ -20,6 +20,10 @@ ias.once('appended', handler);
 
 ## Reference
 
+### ready
+
+This event is triggered when the DOM is ready. Right after this event Infinite Ajax Scroll will bind (unless the [`bind`](./options.md#bind) option is set to `false`).
+
 ### binded
 
 This event is triggered when Infinite Ajax Scroll binds to the scroll and resize events of the scroll container. This mostly happens right after the DOM is ready, but this can be configured with the `bind` option.

docs/options.md

@@ -95,10 +95,10 @@ See [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttp
 ## bind
 
 **Type:** `boolean`<br>
-**Default:** `false`<br>
+**Default:** `true`<br>
 **Required:** no
 
-By default Infinite Ajax Scroll binds to the scroll and resize events on document ready. If you want manual control over this behaviour you can set this option to `false`. To bind call the [`bind`](methods.md#bind) method.
+By default Infinite Ajax Scroll binds to the scroll and resize events on document ready. If you want to have manual control over this behaviour you can set this option to `false`. To bind manually you can call the [`bind`](methods.md#bind) method.
 
 ## scrollContainer
 

package-lock.json

@@ -39,7 +39,7 @@
     "build": "rollup -c",
     "watch": "rollup -c --watch",
     "cypress": "cypress open -d",
-    "start": "serve -l 8080 -n ./ &",
+    "start": "serve -l 8080 -n ./",
     "test": "cypress run",
     "lint": "eslint src test"
   },
@@ -50,7 +50,7 @@
     "tiny-emitter": "^2.1.0"
   },
   "devDependencies": {
-    "cypress": "^7.1.0",
+    "cypress": "^8.0.0",
     "eslint": "^7.3.1",
     "eslint-plugin-cypress": "^2.2.1",
     "rollup": "^2.0.3",

package.json

@@ -8,6 +8,7 @@ export const LOADED = 'loaded';
 export const ERROR = 'error';
 export const LAST = 'last';
 export const NEXT = 'next';
+export const READY = 'ready';
 export const SCROLLED = 'scrolled';
 export const RESIZED = 'resized';
 export const PAGE = 'page';
@@ -25,6 +26,7 @@ const events = {
   ERROR,
   LAST,
   NEXT,
+  READY,
   SCROLLED,
   RESIZED,
   PAGE,