5 vuotta sitten · 9c4a932702
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 
				 {
			
 
				-    "/project-x.js": "/project-x.js?id=c71aaeb90e1486c6278a",
			
 
				-    "/project-x.min.js": "/project-x.min.js?id=c4fab9eee62bbe35e148"
			
 
				+    "/project-x.js": "/project-x.js?id=6a940bba5ac7fd0b68e1",
			
 
				+    "/project-x.min.js": "/project-x.min.js?id=39ed1c431c27b0184930"
			
 
				 }
			
--- a/dist/project-x.js
+++ b/dist/project-x.js
@@ -1417,12 +1417,13 @@ function isTesting() {
 
				   return navigator.userAgent, navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom");
			
 
				 }
			
 
				 function walkSkippingNestedComponents(el, callback) {
			
 
				+  var isRoot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
			
 
				+  if (el.hasAttribute('x-data') && !isRoot) return;
			
 
				   callback(el);
			
 
				   var node = el.firstElementChild;
			
 
				 
			
 
				   while (node) {
			
 
				-    if (node.hasAttribute('x-data')) return;
			
 
				-    walkSkippingNestedComponents(node, callback);
			
 
				+    walkSkippingNestedComponents(node, callback, false);
			
 
				     node = node.nextElementSibling;
			
 
				   }
			
 
				 }
			
--- a/dist/project-x.min.js
+++ b/dist/project-x.min.js
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
 
				             [x-cloak] { display: none; }
			
 
				         </style>
			
 
				 
			
 
				-        <script src="https://cdn.jsdelivr.net/gh/calebporzio/project-x@v0.4.2/dist/project-x.min.js" defer></script>
			
 
				+        <script src="https://cdn.jsdelivr.net/gh/calebporzio/project-x@v0.4.3/dist/project-x.min.js" defer></script>
			
 
				     </head>
			
 
				     <body>
			
 
				         <table>
			
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 
				 {
			
 
				   "main": "dist/project-x.js",
			
 
				   "name": "project-x",
			
 
				-  "version": "0.4.2",
			
 
				+  "version": "0.4.3",
			
 
				   "repository": {
			
 
				     "type": "git",
			
 
				     "url": "git://github.com/calebporzio/project-x.git"
			
--- a/src/utils.js
+++ b/src/utils.js
@@ -16,15 +16,16 @@ export function isTesting() {
 
				         || navigator.userAgent.includes("jsdom")
			
 
				 }
			
 
				 
			
 
				-export function walkSkippingNestedComponents(el, callback) {
			
 
				+export function walkSkippingNestedComponents(el, callback, isRoot = true) {
			
 
				+    if (el.hasAttribute('x-data') && ! isRoot) return
			
 
				+
			
 
				     callback(el)
			
 
				 
			
 
				     let node = el.firstElementChild
			
 
				 
			
 
				     while (node) {
			
 
				-        if (node.hasAttribute('x-data')) return
			
 
				+        walkSkippingNestedComponents(node, callback, false)
			
 
				 
			
 
				-        walkSkippingNestedComponents(node, callback)
			
 
				         node = node.nextElementSibling
			
 
				     }
			
 
				 }
			
--- a/test/nesting.spec.js
+++ b/test/nesting.spec.js
@@ -27,3 +27,19 @@ test('can nest components', async () => {
 
				 
			
 
				     await wait(() => { expect(document.querySelector('span').innerText).toEqual('bar') })
			
 
				 })
			
 
				+
			
 
				+test('can access parent properties after nested components', async () => {
			
 
				+    document.body.innerHTML = `
			
 
				+        <div x-data="{ foo: 'bar' }">
			
 
				+            <div x-data="{ foo: 'bob' }">
			
 
				+                <button x-on:click="foo = 'baz'">Something</button>
			
 
				+            </div>
			
 
				+
			
 
				+            <span x-text="foo"></span>
			
 
				+        </div>
			
 
				+    `
			
 
				+
			
 
				+    projectX.start()
			
 
				+
			
 
				+    expect(document.querySelector('span').innerText).toEqual('bar')
			
 
				+})