@webqit/oohtml 4.3.2 → 4.3.4

package/package.json

@@ -14,7 +14,7 @@
     "wicg-proposal"
   ],
   "homepage": "https://webqit.io/tooling/oohtml",
-  "version": "4.3.2",
+  "version": "4.3.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@webqit/quantum-js": "^4.5.11",
-    "@webqit/realdom": "^2.1.31",
+    "@webqit/realdom": "^2.1.32",
     "@webqit/util": "^0.8.11"
   },
   "devDependencies": {

package/src/html-imports/_HTMLImportElement.js

@@ -63,7 +63,6 @@ export default function() {
                     } );
                 }, { live: true, timing: 'sync', lifecycleSignals: true } );
                 priv.autoDestroyRealtime = realdom.realtime( window.document ).track( parentNode, () => {
-                    this.state = null;
                     priv.die();
                 }, { subtree: 'cross-roots', timing: 'sync', generation: 'exits' } );
             };
@@ -98,8 +97,9 @@ export default function() {
                 const restore = () => {
                     if (this.el.isConnected) return;
                     this.el.setAttribute( 'data-nodecount', 0 );
-                    this.state = 'restored';
+                    priv.internalMutation = true;
                     priv.anchorNode.replaceWith( this.el );
+                    priv.internalMutation = false;
                     priv.setAnchorNode( null );
                 };
                 if ( !priv.slottedElements.size ) return restore();
@@ -119,12 +119,12 @@ export default function() {
             };
 
             priv.connectedCallback = () => {
-                if ( this.state === 'restored' ) return;
+                if ( priv.internalMutation ) return;
                 priv.live( fragments => this.fill( fragments ) );
             };
 
             priv.disconnectedCallback = () => {
-                if ( this.state === 'resolved' ) return;
+                if ( priv.internalMutation ) return;
                 priv.die();
             };
         }
@@ -175,8 +175,9 @@ export default function() {
                 // not the import element itslef - but all only when we have slottableElements.size
                 if ( slottableElements.size && this.el.isConnected ) {
                     const newAnchorNode = this[ '#' ].setAnchorNode( this.createAnchorNode() );
-                    this.state = 'resolved';
+                    this[ '#' ].internalMutation = true;
                     this.el.replaceWith( newAnchorNode );
+                    this[ '#' ].internalMutation = false;
                 }
                 // Insert slottables now
                 slottableElements.forEach( slottableElement => {

package/src/html-imports/index.js

@@ -162,7 +162,7 @@ function realtime(config) {
                 detachImportsContext(entry);
             }
         });
-    }, { id: 'imports:template/importscontext', live: true, subtree: 'cross-roots', timing: 'sync', staticSensitivity: true, recursiveOk: true, eventDetails: true });
+    }, { id: 'imports:template/importscontext', live: true, subtree: 'cross-roots', timing: 'sync', staticSensitivity: true, eventDetails: true });
 
     // ------------
     // IMPORTS
@@ -170,7 +170,7 @@ function realtime(config) {
     realdom.realtime(window.document).query(config.elements.import, record => {
         record.entrants.forEach(node => handleRealtime(node, true, record));
         record.exits.forEach(node => handleRealtime(node, false, record));
-    }, { id: 'imports:import', live: true, subtree: 'cross-roots', timing: 'sync', recursiveOk: true });
+    }, { id: 'imports:import', live: true, subtree: 'cross-roots', timing: 'sync', deferred: true });
     function handleRealtime(entry, connectedState) {
         const elInstance = HTMLImportElement.instance(entry);
         if (connectedState) { elInstance['#'].connectedCallback(); }
@@ -193,5 +193,5 @@ function realtime(config) {
             }
             HTMLImportElement.instance(importEl)['#'].hydrate(anchorNode, slottedElements);
         });
-    }, { id: 'imports:hydration', live: true, subtree: 'cross-roots', timing: 'sync', recursiveOk: true });
+    }, { id: 'imports:hydration', live: true, subtree: 'cross-roots', timing: 'sync' });
 }

package/src/namespaced-html/index.js

@@ -341,7 +341,6 @@ function realtime( config ) {
     }, { id: 'namespace-html:namespace', live: true, subtree: 'cross-roots', timing: 'sync', staticSensitivity: true, eventDetails: true } );
 
 	// DOM realtime
-	// ISSUE implied elements that are direct chidren of shadow roots not caught. Maybe try testing with params.recursiveOk to see.
 	realdom.realtime( window.document ).query( `[${ attrList.map( attrName => window.CSS.escape( attrName ) ).join( '],[' ) }]`, record => {
 		// We do some caching to prevent redundanct lookups
 		const namespaceNodesToTest = { forID: new Map, forOther: new Map, };