v0.2.2

- Fix context initialization when working with config input directives.

dist/isotope.js

@@ -1,5 +1,5 @@
 /*!
- * @isotope/core v0.2.1
+ * @isotope/core v0.2.2
  * (c) Arek Nawo <[email protected]> (areknawo.com)
  * Released under the MIT License.
  */
@@ -24,7 +24,7 @@
 	        if (typeof config === "string") {
 	            this.element.textContent = config;
 	        }
-	        else if (typeof config === "object" && !Array.isArray(config)) {
+	        else if (typeof config === "object") {
 	            if (config.attach) {
 	                this.childIndex = 0;
 	            }
@@ -41,9 +41,6 @@
 	                callback(this, config);
 	            });
 	        }
-	        else if (config) {
-	            this.$(config);
-	        }
 	        this.process();
 	    }
 	    /**
@@ -75,30 +72,28 @@
 	     */
 	    child(tag, config) {
 	        const shouldAttach = typeof this.childIndex !== "undefined";
+	        const isConfigDirective = typeof config === "function" || Array.isArray(config);
 	        let element = tag;
 	        if (shouldAttach) {
-	            const attachTarget = this.element.children[this.childIndex || 0];
+	            const index = this.childIndex || 0;
+	            const attachTarget = this.element.children[index];
 	            if (attachTarget) {
 	                element = attachTarget;
-	                this.childIndex = (this.childIndex || 0) + 1;
+	                this.childIndex = index + 1;
 	            }
 	        }
-	        const node = new IsotopeNode(element, config);
+	        const node = new IsotopeNode(element, isConfigDirective ? {} : config);
 	        this.element.appendChild(node.element);
 	        if (shouldAttach && !node.childIndex) {
 	            node.childIndex = 0;
 	        }
-	        if (this.context) {
-	            if (node.context) {
-	                node.context = Object.assign(node.context, this.context);
-	            }
-	            else {
-	                node.context = this.context;
-	            }
-	        }
+	        this.passContext(node);
 	        if (this.autoLink) {
 	            this.link(node);
 	        }
+	        if (isConfigDirective) {
+	            this.$(config);
+	        }
 	        return node;
 	    }
 	    /**
@@ -269,6 +264,21 @@
 	        }
 	        return element;
 	    }
+	    /**
+	     * Passes context to the child node.
+	     *
+	     * @param node - Node to pass the context to.
+	     */
+	    passContext(node) {
+	        if (this.context) {
+	            if (node.context) {
+	                node.context = Object.assign(node.context, this.context);
+	            }
+	            else {
+	                node.context = this.context;
+	            }
+	        }
+	    }
 	    /**
 	     * Processes and renders the Node.
 	     */

lib/node.d.ts

@@ -32,7 +32,7 @@ declare class IsotopeNode<S extends Indexable = any, C extends Indexable = any>
      * @param element -  The Node's HTML element or tag.
      * @param config - The Node's configuration.
      */
-    constructor(element: string | CustomElement | Element, config?: IsotopeNodeConfig<S, C> | string | Directive<S, C, void> | Array<Directive<S, C, void>>);
+    constructor(element: string | CustomElement | Element, config?: IsotopeNodeConfig<S, C> | string);
     /**
      * Executes the provided directive(s).
      *
@@ -136,6 +136,12 @@ declare class IsotopeNode<S extends Indexable = any, C extends Indexable = any>
      * @returns - Retrieved element.
      */
     protected getElement(element: string | CustomElement | Element, config?: IsotopeNodeConfig<S, C> | string | Directive<S, C, void> | Array<Directive<S, C, void>>): CustomElement;
+    /**
+     * Passes context to the child node.
+     *
+     * @param node - Node to pass the context to.
+     */
+    protected passContext(node: IsotopeNode): void;
     /**
      * Processes and renders the Node.
      */