Merge remote-tracking branch 'origin/master' into type-script

# Conflicts:
#	demo/dist/dc.min.js
#	demo/dist/dc.min.js.map
#	src/dc-factory.js

README.md

@@ -50,7 +50,7 @@ dcFactory.register(CollapsedComponent);
 
 
 // later after registering all your components, when your page is ready
-dcFactory.init();
+dcFactory.init(document.body);
 
 ```
 
@@ -72,13 +72,13 @@ Type: `string | CallableFunction: HTMLElement[]`
 
 CSS selector which will override searching by getNamespace() and be used for searching elements of given componentClass. 
 
-### dcFactory.init(root = document.body, withLazy = true)
+### dcFactory.init(root, withLazy = true)
 
 Starts the factory on a given root: finds and creates all registered components within the root
 
 #### root
 
-*Optional*<br>
+*Required*<br>
 Type: `HTMLElement`
 
 #### withLazy
@@ -100,4 +100,4 @@ Type: `HTMLElement`
 
 
 ## License
-[MIT](https://choosealicense.com/licenses/mit/)
+[MIT](https://choosealicense.com/licenses/mit/)

index.html

@@ -122,12 +122,12 @@ <h2>Simple example</h2>
 
             <p>
                 Call dcFactory.register with your components, and then starts the factory by calling
-                dcFactory.init()
+                dcFactory.init(document.body)
             </p>
 
             <script data-live-highlight>
                 dcFactory.register(CollapsedComponent);
-                dcFactory.init();
+                dcFactory.init(document.body);
             </script>
         </div>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deleteagency/dc",
-  "version": "2.0.2",
+  "version": "3.0.0-0",
   "description": "",
   "main": "src/index.ts",
   "files": [

src/dc-factory.ts

@@ -60,7 +60,7 @@ class DcFactory {
      * @param {HTMLElement} root
      * @param {boolean} withLazy - Whether or not initialize component which marked as lazy
      */
-    public init: (root?: HTMLElement, withLazy?: boolean) => void = (root = document.body, withLazy = true) => {
+    public init: (root?: HTMLElement, withLazy?: boolean) => void = (root = document.documentElement, withLazy = true) => {
         this._registeredComponents.forEach((rComponent) => {
             this._initComponent(root, rComponent, withLazy);
         });