@webqit/oohtml 2.1.9 → 2.1.12

package/src/html-modules/index.js

@@ -2,39 +2,33 @@
 /**
  * @imports
  */
-import wqDom from '@webqit/dom';
 import Observer from '@webqit/observer';
 import _HTMLImportsContext from './_HTMLImportsContext.js';
 import HTMLExportsManager from './HTMLExportsManager.js';
-import { _ } from '../util.js';
+import { _, _init } from '../util.js';
 
 /**
  * Initializes HTML Modules.
  * 
- * @param Object        $params 
+ * @param Object        $config 
  *
  * @return Void
  */
-export default function init( $params = {} ) {
-    const window = this, dom = wqDom.call( window );
-    if ( !window.wq ) { window.wq = {}; }
-    window.wq.Observer = Observer;
-    window.wq.HTMLImportsContext = class extends _HTMLImportsContext {
-        static get params() { return params; }
-    };
-    // -------
-    const params = dom.meta( 'oohtml' ).copyWithDefaults( $params, {
+export default function init( $config = {} ) {
+    const { config, window } = _init.call( this, 'html-modules', $config, {
         template: { attr: { exportid: 'exportid', extends: 'extends', inherits: 'inherits' }, api: { modules: 'modules', exportid: 'exportid' }, },
         context: { attr: { importscontext: 'importscontext', contextname: 'contextname' }, api: { modules: 'modules' }, },
         export: { attr: { exportid: 'exportid' }, },
         staticsensitivity: true,
     } );
-    params.window = window;
-    params.templateSelector = `template[${ window.CSS.escape( params.template.attr.exportid ) }]`;
-    params.ownerContextSelector = [ params.context.attr.contextname, params.context.attr.importscontext ].map( a => `[${ window.CSS.escape( a ) }]` ).join( ',' );
-    // -------
-    exposeModulesObjects.call( this, params );
-    realtime.call( this, params );
+    config.templateSelector = `template[${ window.CSS.escape( config.template.attr.exportid ) }]`;
+    config.ownerContextSelector = [ config.context.attr.contextname, config.context.attr.importscontext ].map( a => `[${ window.CSS.escape( a ) }]` ).join( ',' );
+    window.webqit.HTMLImportsContext = class extends _HTMLImportsContext {
+        static get config() { return config; }
+    };
+    window.webqit.Observer = Observer;
+    exposeModulesObjects.call( window, config );
+    realtime.call( window, config );
 }
 
 export { Observer }
@@ -64,37 +58,37 @@ export function getModulesObject( node, autoCreate = true ) {
 /**
  * Exposes HTML Modules with native APIs.
  *
- * @param Object        params
+ * @param Object        config
  *
  * @return Void
  */
-function exposeModulesObjects( params ) {
+function exposeModulesObjects( config ) {
     const window = this;
     // Assertions
-    if ( params.context.api.modules in window.document ) { throw new Error( `document already has a "${ params.context.api.modules }" property!` ); }
-    if ( params.template.api.modules in window.HTMLElement.prototype ) { throw new Error( `The "HTMLElement" class already has a "${ params.template.api.modules }" property!` ); }
-    if ( params.template.api.exportid in window.HTMLTemplateElement.prototype ) { throw new Error( `The "HTMLTemplateElement" class already has a "${ params.template.api.exportid }" property!` ); }
+    if ( config.context.api.modules in window.document ) { throw new Error( `document already has a "${ config.context.api.modules }" property!` ); }
+    if ( config.template.api.modules in window.HTMLElement.prototype ) { throw new Error( `The "HTMLElement" class already has a "${ config.template.api.modules }" property!` ); }
+    if ( config.template.api.exportid in window.HTMLTemplateElement.prototype ) { throw new Error( `The "HTMLTemplateElement" class already has a "${ config.template.api.exportid }" property!` ); }
     // Definitions
-    Object.defineProperty( window.document, params.context.api.modules, { get: function() {
+    Object.defineProperty( window.document, config.context.api.modules, { get: function() {
         return getModulesObject( window.document );
     } } );
-    Object.defineProperty( window.HTMLElement.prototype, params.template.api.modules, { get: function() {
+    Object.defineProperty( window.HTMLElement.prototype, config.template.api.modules, { get: function() {
         return getModulesObject( this );
     } } );
-    Object.defineProperty( window.HTMLTemplateElement.prototype, params.template.api.exportid, { get: function() {
-        return this.isConnected ? HTMLExportsManager.instance( this, params ).exportId : this.getAttribute( params.template.attr.exportid );
+    Object.defineProperty( window.HTMLTemplateElement.prototype, config.template.api.exportid, { get: function() {
+        return this.getAttribute( config.template.attr.exportid );
     } } );
 }
 
 /**
  * Performs realtime capture of elements and builds their contents graph.
  *
- * @param Object	    params
+ * @param Object	    config
  *
  * @return Void
  */
-function realtime( params ) {
-    const window = this, { dom, HTMLImportsContext } = window.wq;
+function realtime( config ) {
+    const window = this, { dom, HTMLImportsContext } = window.webqit;
     // ------------
     const attachImportsContext = host => {
         const contextId = HTMLImportsContext.createId( host );
@@ -103,15 +97,15 @@ function realtime( params ) {
     const detachImportsContext = ( host, force ) => {
         const contextId = HTMLImportsContext.createId( host );
         HTMLImportsContext.detachFrom( host, contextId, cx => {
-            return force || host.matches && !host.matches( params.ownerContextSelector ) && !Object.keys( cx.modules ).length;
+            return force || host.matches && !host.matches( config.ownerContextSelector ) && !Object.keys( cx.modules ).length;
         } );
     };
     // ------------
-    dom.realtime( window.document ).observe( [ params.templateSelector, params.ownerContextSelector ], record => {
+    dom.realtime( window.document ).observe( [ config.templateSelector, config.ownerContextSelector ], record => {
         record.entrants.forEach( entry => {
-            if ( entry.matches( params.templateSelector ) ) {
+            if ( entry.matches( config.templateSelector ) ) {
                 Object.defineProperty( entry, 'scoped', { value: entry.hasAttribute( 'scoped' ) } ); 
-                const moduleExport = new HTMLExportsManager( entry, params );
+                const moduleExport = new HTMLExportsManager( window, entry, config );
                 moduleExport.ownerContext = entry.scoped ? record.target : window.document;
                 const ownerContextModulesObj = getModulesObject( moduleExport.ownerContext );
                 if ( moduleExport.exportId ) { Observer.set( ownerContextModulesObj, moduleExport.exportId, entry ); }
@@ -124,8 +118,8 @@ function realtime( params ) {
             }
         } );
         record.exits.forEach( entry => {
-            if ( entry.matches( params.templateSelector ) ) {
-                const moduleExport = HTMLExportsManager.instance( entry, params );
+            if ( entry.matches( config.templateSelector ) ) {
+                const moduleExport = HTMLExportsManager.instance( window, entry, config );
                 const ownerContextModulesObj = getModulesObject( moduleExport.ownerContext );
                 if ( moduleExport.exportId ) { Observer.deleteProperty( ownerContextModulesObj, moduleExport.exportId ); }
                 detachImportsContext( moduleExport.ownerContext );
@@ -133,5 +127,5 @@ function realtime( params ) {
                 detachImportsContext( entry, true );
             }
         } );
-    }, { subtree: true, timing: 'sync', staticSensitivity: params.staticsensitivity } );
+    }, { subtree: true, timing: 'sync', staticSensitivity: config.staticsensitivity } );
 }

package/src/index.js

@@ -5,25 +5,23 @@
 import Observer from '@webqit/observer';
 import BindingsAPI from './bindings-api/index.js';
 import ContextAPI from './context-api/index.js';
+import NamespaceAPI from './namespace-api/index.js';
 import HTMLModules from './html-modules/index.js';
 import HTMLImports from './html-imports/index.js';
-import NamespacedHTML from './namespaced-html/index.js';
 import ScopedJS from './scoped-js/index.js';
 
 /**
  * @init
  */
 export default function init( configs = {} ) {
-    if ( !this.wq ) { this.wq = {}; }
-    if ( this.wq.oohtml ) return;
-    this.wq.oohtml = {};
+    if ( !this.webqit ) { this.webqit = {}; }
     // --------------
-    BindingsAPI.call(this, ( configs.BindingsAPI || {} ) );
-    ContextAPI.call( this, ( configs.ContextAPI || {} ) );
-    HTMLModules.call( this, ( configs.HTMLModules || {} ) );
-    HTMLImports.call( this, ( configs.HTMLImports || {} ) );
-    NamespacedHTML.call(this, ( configs.NamespacedHTML || {} ) );
-    ScopedJS.call( this, ( configs.ScopedJS || {} ) );
+    BindingsAPI.call(this, ( configs.BINDINGS_API || {} ) );
+    ContextAPI.call( this, ( configs.CONTEXT_API || {} ) );
+    NamespaceAPI.call(this, ( configs.NAMESPACE_API || {} ) );
+    HTMLModules.call( this, ( configs.HTML_MODULES || {} ) );
+    HTMLImports.call( this, ( configs.HTML_IMPORTS || {} ) );
+    ScopedJS.call( this, ( configs.SCOPED_JS || {} ) );
     // --------------
 }
 

package/src/{namespaced-html → namespace-api}/index.js

@@ -3,30 +3,25 @@
  * @imports
  */
 import Observer from '@webqit/observer';
-import wqDom from '@webqit/dom';
-import { _ } from '../util.js';
+import { _, _init } from '../util.js';
 
 /**
  * @init
  * 
- * @param Object $params
+ * @param Object $config
  */
-export default function init( $params = {} ) {
-	const window = this, dom = wqDom.call( window );
-    if ( !window.wq ) { window.wq = {}; }
-    window.wq.Observer = Observer;
-    // -------
-    const params = dom.meta( 'oohtml' ).copyWithDefaults( $params, {
+export default function init( $config = {} ) {
+    const { config, window } = _init.call( this, 'namespace-api', $config, {
 		attr: { namespace: 'namespace',  id: ':id', },
         api: { namespace: 'namespace', },
 		staticsensitivity: true,
 		eagermode: true,
     } );
-	params.idSelector = `[${ window.CSS.escape( params.attr.id ) }]`;
-	params.namespaceSelector = `[${ window.CSS.escape( params.attr.namespace ) }]`;
-    // -------
-    exposeNamespaceObjects.call( this, params );
-    realtime.call( this, params );
+	config.idSelector = `[${ window.CSS.escape( config.attr.id ) }]`;
+	config.namespaceSelector = `[${ window.CSS.escape( config.attr.namespace ) }]`;
+    window.webqit.Observer = Observer;
+    exposeNamespaceObjects.call( window, config );
+    realtime.call( window, config );
 }
 
 export { Observer }
@@ -34,21 +29,21 @@ export { Observer }
 /**
  * Exposes Namespaced HTML with native APIs.
  *
- * @param Object params
+ * @param Object config
  *
  * @return Void
  */
-function exposeNamespaceObjects( params ) {
+function exposeNamespaceObjects( config ) {
 	const window = this;
     // Assertions
-    if ( params.api.namespace in window.document ) { throw new Error( `document already has a "${ params.api.namespace }" property!` ); }
-    if ( params.api.namespace in window.Element.prototype ) { throw new Error( `The "Element" class already has a "${ params.api.namespace }" property!` ); }
+    if ( config.api.namespace in window.document ) { throw new Error( `document already has a "${ config.api.namespace }" property!` ); }
+    if ( config.api.namespace in window.Element.prototype ) { throw new Error( `The "Element" class already has a "${ config.api.namespace }" property!` ); }
     // Definitions
-    Object.defineProperty( window.document, params.api.namespace, { get: function() {
-        return Observer.proxy( getNamespaceObject.call( window, window.document, params ) );
+    Object.defineProperty( window.document, config.api.namespace, { get: function() {
+        return Observer.proxy( getNamespaceObject.call( window, window.document, config ) );
     } });
-    Object.defineProperty( window.Element.prototype, params.api.namespace, { get: function() {
-        return Observer.proxy( getNamespaceObject.call( window, this, params ) );
+    Object.defineProperty( window.Element.prototype, config.api.namespace, { get: function() {
+        return Observer.proxy( getNamespaceObject.call( window, this, config ) );
     } } );
 }
 
@@ -59,15 +54,15 @@ function exposeNamespaceObjects( params ) {
  *
  * @return Object
  */
-function getNamespaceObject( node, params ) {
+function getNamespaceObject( node, config ) {
 	const window = this;
 	if ( !_( node ).has( 'namespace' ) ) {
 		const namespaceObj = Object.create( null );
 		Observer.intercept( namespaceObj, 'get', ( event, receiver, next ) => {
-			if ( Observer.has( namespaceObj, event.key ) || !params.eagermode ) return next();
-			const selector = `[${ window.CSS.escape( params.attr.id ) }="${ event.key }"]`;
+			if ( Observer.has( namespaceObj, event.key ) || !config.eagermode ) return next();
+			const selector = `[${ window.CSS.escape( config.attr.id ) }="${ event.key }"]`;
 			const resultNode = Array.from( node.querySelectorAll( selector ) ).filter( idNode => {
-				const ownerRoot = idNode.parentNode.closest( params.namespaceSelector );
+				const ownerRoot = idNode.parentNode.closest( config.namespaceSelector );
 				if ( node === window.document ) {
 					// Only IDs without a scope actually belong to the document scope
 					return !ownerRoot;
@@ -85,17 +80,17 @@ function getNamespaceObject( node, params ) {
 /**
  * Performs realtime capture of elements and builds their relationships.
  *
- * @param Object params
+ * @param Object config
  *
  * @return Void
  */
-function realtime( params ) {
-	const window = this, { dom } = window.wq;
+function realtime( config ) {
+	const window = this, { dom } = window.webqit;
 	// ----------------
 	const handle = ( target, entry, incoming ) => {
-		const identifier = entry.getAttribute( params.attr.id );
-		const ownerRoot = target.closest( params.namespaceSelector ) || _( entry ).get( 'ownerNamespace' ) || window.document;
-		const namespaceObj = getNamespaceObject.call( window, ownerRoot, params );
+		const identifier = entry.getAttribute( config.attr.id );
+		const ownerRoot = target.closest( config.namespaceSelector ) || _( entry ).get( 'ownerNamespace' ) || window.document;
+		const namespaceObj = getNamespaceObject.call( window, ownerRoot, config );
 		if ( incoming ) {
 			if ( Observer.get( namespaceObj, identifier ) !== entry ) {
 				_( entry ).set( 'ownerNamespace', ownerRoot );
@@ -106,17 +101,17 @@ function realtime( params ) {
 			Observer.deleteProperty( namespaceObj, identifier );
 		}
 	};
-	dom.realtime( window.document ).observe( params.idSelector, record => {
+	dom.realtime( window.document ).observe( config.idSelector, record => {
         record.entrants.forEach( entry => handle( record.target, entry, true ) );
         record.exits.forEach( entry => handle( record.target, entry, false ) );
-	}, { subtree: true, timing: 'sync', staticSensitivity: params.staticsensitivity } );
+	}, { subtree: true, timing: 'sync', staticSensitivity: config.staticsensitivity } );
 	// ----------------
-	if ( params.staticsensitivity ) {
-		dom.realtime( window.document, 'attr' ).observe( params.namespaceSelector, record => {
-			const ownerRoot = record.target.parentNode?.closest( params.namespaceSelector ) || _( record.target ).get( 'ownerNamespace' ) || window.document;
-			const ownerRootNamespaceObj = getNamespaceObject.call( window, ownerRoot, params );
-			const namespaceObj = getNamespaceObject.call( window, record.target, params );
-			if ( record.target.matches( params.namespaceSelector ) ) {
+	if ( config.staticsensitivity ) {
+		dom.realtime( window.document, 'attr' ).observe( config.namespaceSelector, record => {
+			const ownerRoot = record.target.parentNode?.closest( config.namespaceSelector ) || _( record.target ).get( 'ownerNamespace' ) || window.document;
+			const ownerRootNamespaceObj = getNamespaceObject.call( window, ownerRoot, config );
+			const namespaceObj = getNamespaceObject.call( window, record.target, config );
+			if ( record.target.matches( config.namespaceSelector ) ) {
 				for ( const [ key, entry ] of Object.entries( ownerRootNamespaceObj ) ) {
 					if ( !record.target.contains( entry.parentNode ) ) continue;
 					Observer.deleteProperty( ownerRootNamespaceObj, key );

package/src/scoped-js/Compiler.js

@@ -25,11 +25,11 @@ export default class Compiler {
     }
 
     // Set window property
-    constructor( window, params, executeCallback ) {
+    constructor( window, config, executeCallback ) {
         this.window = window;
-        this.params = params;
+        this.config = config;
         // This is a global function
-        window.wq.oohtml.Script.run = ( execHash ) => {
+        window.webqit.oohtml.Script.run = ( execHash ) => {
             const exec = this.constructor.fromHash( execHash );
             if ( !exec ) throw new Error( `Argument must be a valid exec hash.` );
             const { script, compiledScript, thisContext } = exec;
@@ -37,7 +37,7 @@ export default class Compiler {
                 if ( !thisContext.scripts ) { Object.defineProperty( thisContext, 'scripts', { value: new Set } ); }
                 thisContext.scripts.add( script );
             }
-            switch ( params.script.retention ) {
+            switch ( config.script.retention ) {
                 case 'dispose':
                     script.remove();
                     break;
@@ -54,7 +54,7 @@ export default class Compiler {
     // Compile scipt
     compile( script, thisContext ) {
         const _static = this.constructor;
-        const { wq: { oohtml, SubscriptFunction } } = this.window;
+        const { webqit: { oohtml, SubscriptFunction } } = this.window;
         const cache = oohtml.Script.compileCache[ script.contract ? 0 : 1 ];
         const sourceHash = _static.toHash( script.textContent );
         // Script instances are parsed only once
@@ -72,7 +72,7 @@ export default class Compiler {
                 }
             }
             // Let's obtain a material functions
-            let _Function, { parserParams, compilerParams, runtimeParams } = this.params.config;
+            let _Function, { parserParams, compilerParams, runtimeParams } = this.config.advanced;
             if ( script.contract ) {
                 parserParams = { ...parserParams, allowAwaitOutsideFunction: script.type === 'module' };
                 runtimeParams = { ...runtimeParams, async: script.type === 'module' };
@@ -93,7 +93,7 @@ export default class Compiler {
             cache.set( sourceHash, compiledScript );
         }
         const execHash = _static.toHash( { script, compiledScript, thisContext } );
-        script.textContent = `wq.oohtml.Script.run('${ execHash }');`;
+        script.textContent = `webqit.oohtml.Script.run('${ execHash }');`;
     }
 
     // Match import statements

package/src/scoped-js/index.js

@@ -6,35 +6,30 @@ import { resolveParams } from '@webqit/subscript/src/params.js';
 import SubscriptFunction from '@webqit/subscript/src/SubscriptFunctionLite.js';
 import Observer from '@webqit/observer';
 import Compiler from './Compiler.js';
-import wqDom from '@webqit/dom';
+import { _init } from '../util.js';
 
 /**
  * @init
  * 
- * @param Object $params
+ * @param Object $config
  */
-export default function init( $params = {} ) {
-	const window = this, dom = wqDom.call( window );
-    if ( !window.wq ) { window.wq = {}; }
-    if ( !window.wq.oohtml ) { window.wq.oohtml = {}; }
-    window.wq.oohtml.Script = { compileCache: [ new Map, new Map, ] };
-    window.wq.SubscriptFunction = $params.SubscriptFunction/* allow for injection, e.g. from test runner */ || SubscriptFunction;
-    window.wq.Observer = Observer;
-    // -------
-    const params = dom.meta( 'oohtml' ).copyWithDefaults( $params, {
+export default function init( { advanced = {}, ...$config } ) {
+    const { config, window } = _init.call( this, 'scoped-js', $config, {
         script: { retention: 'retain', mimeType: '' },
-        config: resolveParams( {
-            parserParams: { allowReturnOutsideFunction: false, allowSuperOutsideMethod: false, ...( $params.parserParams || {} ) },
-            compilerParams: { globalsNoObserve: [ 'alert' ], ...( $params.compilerParams || {} ) },
-            runtimeParams: { apiVersion: 2, ...( $params.runtimeParams || {} ) },
+        advanced: resolveParams( advanced, {
+            parserParams: { allowReturnOutsideFunction: false, allowSuperOutsideMethod: false },
+            compilerParams: { globalsNoObserve: [ 'alert' ] },
+            runtimeParams: { apiVersion: 2 },
         } ),
     } );
-	params.scriptSelector = ( Array.isArray( params.script.mimeType ) ? params.script.mimeType : [ params.script.mimeType ] ).reduce( ( selector, mm ) => {
+	config.scriptSelector = ( Array.isArray( config.script.mimeType ) ? config.script.mimeType : [ config.script.mimeType ] ).reduce( ( selector, mm ) => {
         const qualifier = mm ? `[type=${ window.CSS.escape( mm ) }]` : '';
         return selector.concat( `script${ qualifier }[scoped],script${ qualifier }[contract]` );
     }, [] ).join( ',' );
-    // -------
-    realtime.call( this, params );
+    window.webqit.oohtml.Script = { compileCache: [ new Map, new Map, ] };
+    window.webqit.SubscriptFunction = $config.SubscriptFunction/* allow for injection, e.g. from test runner */ || SubscriptFunction;
+    window.webqit.Observer = Observer;
+    realtime.call( window, config );
 }
 
 export {
@@ -65,7 +60,7 @@ export function execute( compiledScript, thisContext, script ) {
             } );
         } );
     }
-    const window = this, { dom } = window.wq;
+    const window = this, { dom } = window.webqit;
     dom.realtime( window.document ).observe( thisContext, () => {
         if ( script.contract ) {
             // Rerending processes,,,
@@ -82,14 +77,14 @@ export function execute( compiledScript, thisContext, script ) {
 /**
  * Performs realtime capture of elements and builds their relationships.
  *
- * @param Object params
+ * @param Object config
  *
  * @return Void
  */
-function realtime( params ) {
-	const window = this, { dom } = window.wq;
-    const compiler = new Compiler( window, params, execute ), handled = () => {};
-	dom.realtime( window.document ).observe( params.scriptSelector, record => {
+function realtime( config ) {
+	const window = this, { dom } = window.webqit;
+    const compiler = new Compiler( window, config, execute ), handled = () => {};
+	dom.realtime( window.document ).observe( config.scriptSelector, record => {
         record.entrants.forEach( script => {
             if ( 'contract' in script ) return handled( script );
             Object.defineProperty( script, 'contract', { value: script.hasAttribute( 'contract' ) } ); 

package/src/targets.browser.js

@@ -10,5 +10,5 @@ import init, { Observer } from './index.js';
 init.call( window );
 
 // As globals
-if ( !self.wq ) { self.wq = {}; }
-self.wq.Observer = Observer;
+if ( !self.webqit ) { self.webqit = {}; }
+self.webqit.Observer = Observer;

package/src/util.js

@@ -2,11 +2,23 @@
 /**
  * @imports
  */
+import webqitDom from '@webqit/dom';
 import { _internals } from '@webqit/util/js/index.js';
+import { _inherit } from '@webqit/util/obj/index.js';
 
-export const _ = ( node, ...args ) => _internals( node, 'oohtml', ...args );
+export const _ = ( ...args ) => _internals( 'oohtml', ...args );
 
-export  const _compare = ( a, b, depth = 1, objectSizing = false ) => {
+export function _init( name, $config, $defaults ) {
+    const window = this, dom = webqitDom.call( window );
+    window.webqit || ( window.webqit = {} );
+    window.webqit.oohtml || ( window.webqit.oohtml = {} );
+    window.webqit.oohtml.configs || ( window.webqit.oohtml.configs = {} );
+    const config = _inherit( 1, dom.meta( name ).json(), $config, $defaults );
+    window.webqit.oohtml.configs[ name.toUpperCase().replace( '-', '_' ) ] = config;
+    return { config, dom, window };
+}
+
+export function _compare( a, b, depth = 1, objectSizing = false ) {
     if ( depth && typeof a === 'object' && a && typeof b === 'object' && b && ( !objectSizing || Object.keys( a ).length === Object.keys( b ).length ) ) {
         for ( let key in a ) {
             if ( !_compare( a[ key ], b[ key ], depth - 1, objectSizing ) ) return false;

package/test/index.js

@@ -7,7 +7,7 @@ import { createContext, compileFunction, runInContext } from 'vm';
 import jsdom from 'jsdom';
 import init, { Observer } from '../src/index.js';
 import { SubscriptFunction } from '@webqit/subscript';
-import wqDom from '@webqit/dom';
+import webqitDom from '@webqit/dom';
 
 /**
  * -------
@@ -16,7 +16,7 @@ import wqDom from '@webqit/dom';
  */
 
 export { Observer };
-export const _ = ( el, ...args ) => _internals( el, 'oohtml', ...args );
+export const _ = ( ...args ) => _internals( 'oohtml', ...args );
 export function delay( duration, callback = undefined ) {
     return new Promise( res => {
         setTimeout( () => res( callback && callback() ), duration );
@@ -35,7 +35,7 @@ export function createDocument( head = '', body = '', callback = null, ) {
         url: 'http://localhost',
         beforeParse( window ) {
             init.call( window );
-            if ( callback ) callback( window, window.wq.dom );
+            if ( callback ) callback( window, window.webqit.dom );
         }
     } );
     return instance.window;
@@ -55,16 +55,18 @@ export function createDocumentForScopedJS( head = '', body = '', callback = null
             window.testRecords = [];
             createContext( window );
             // Running advanced scripts
-            init.call( window, { ScopedJS: {
+            init.call( window, { SCOPED_JS: {
                 SubscriptFunction,
-                runtimeParams: {
-                    compileFunction: ( code, parameters ) => compileFunction( code, parameters, {
-                        parsingContext: window,
-                    } ),
+                advanced: {
+                    runtimeParams: {
+                        compileFunction: ( code, parameters ) => compileFunction( code, parameters, {
+                            parsingContext: window,
+                        } ),
+                    }
                 }
             } } );
             // Running basic scripts
-            const dom = wqDom.call( window );
+            const dom = webqitDom.call( window );
             if ( params.runScripts !== 'dangerously' ) {
                 dom.realtime( window.document ).observe( 'script', record => {
                     record.entrants.forEach( script => {
@@ -74,7 +76,7 @@ export function createDocumentForScopedJS( head = '', body = '', callback = null
                 }, { subtree: true } );
             }
             // Sync callback?
-            if ( callback ) callback( window, window.wq.dom );
+            if ( callback ) callback( window, window.webqit.dom );
         }
     } );
     return instance.window;

package/dist/namespaced-html.js

@@ -1,2 +0,0 @@
-(()=>{var Ye=Object.defineProperty;var Re=(r,e)=>{for(var n in e)Ye(r,n,{get:e[n],enumerable:!0})};var Te={};Re(Te,{apply:()=>Ee,batch:()=>gt,construct:()=>Ae,deep:()=>mt,defineProperties:()=>yt,defineProperty:()=>Oe,deleteProperty:()=>ve,get:()=>$,getOwnPropertyDescriptor:()=>xe,getOwnPropertyDescriptors:()=>ht,getPrototypeOf:()=>we,has:()=>fe,intercept:()=>pt,isExtensible:()=>be,observe:()=>dt,ownKeys:()=>se,preventExtensions:()=>Pe,set:()=>Q,setPrototypeOf:()=>Se});function x(r){return!Array.isArray(r)&&typeof r=="object"&&r}function B(r){return typeof r}function E(r,...e){globalThis.WebQitInternalsRegistry||(globalThis.WebQitInternalsRegistry=new Map);var n=globalThis.WebQitInternalsRegistry.get(r);if(!n){if(n=new Map,e[0]===!1)return n;globalThis.WebQitInternalsRegistry.set(r,n)}for(var t,i;t=e.shift();)if((i=n)&&!(n=n.get(t))){if(n=new Map,e[0]===!1)return n;i.set(t,n)}return n}function _(r){return Array.isArray(r)}function D(r){return typeof r=="function"}function le(r){return D(r)&&/^class\s?/.test(Function.prototype.toString.call(r))}function J(r){return r===null||r===""}function M(r){return arguments.length&&(r===void 0||typeof r>"u")}function v(r){return Array.isArray(r)||typeof r=="object"&&r||D(r)}function ae(r){return J(r)||M(r)||r===!1||r===0||v(r)&&!Object.keys(r).length}function b(r){return D(r)||r&&{}.toString.call(r)==="[object function]"}function X(r){return r instanceof Number||typeof r=="number"}function T(r){return X(r)||r!==!0&&r!==!1&&r!==null&&r!==""&&!isNaN(r*1)}function ne(r){return r instanceof String||typeof r=="string"&&r!==null}function me(r){return!ne(r)&&!M(r.length)}function ie(r,...e){return e.forEach(n=>{r.indexOf(n)<0&&r.push(n)}),r}function de(t,e){e=e||Object.prototype,e=e&&!_(e)?[e]:e;for(var n=[],t=t;t&&(!e||e.indexOf(t)<0)&&t.name!=="default";)n.push(t),t=t?Object.getPrototypeOf(t):null;return n}function pe(r,e){var n=[];return de(r,e).forEach(t=>{ie(n,...Object.getOwnPropertyNames(t))}),n}function I(r,e,n=!1,t=!1,i=!1){var o=0,s=r.shift();if((T(s)||s===!0||s===!1)&&(o=s,s=r.shift()),!r.length)throw new Error("_merge() requires two or more array/objects.");return r.forEach((l,f)=>{!v(l)&&!b(l)||(n?pe(l):Object.keys(l)).forEach(u=>{if(!!e(u,s,l,f)){var c=s[u],a=l[u];if((_(c)&&_(a)||x(c)&&x(a))&&(o===!0||o>0))s[u]=_(c)&&_(a)?[]:{},I([T(o)?o-1:o,s[u],c,a],e,n,t,i);else if(_(s)&&_(l))t?s[u]=a:s.push(a);else try{i?Object.defineProperty(s,u,Object.getOwnPropertyDescriptor(l,u)):s[u]=l[u]}catch{}}})}),s}function Y(...r){return I(r,(e,n,t)=>!0,!1,!1,!1)}function A(r,e=!0){return _(r)?r:!e&&x(r)?[r]:r!==!1&&r!==0&&ae(r)?[]:me(r)?Array.prototype.slice.call(r):x(r)?Object.values(r):[r]}var j=class{constructor(e,n){this.registry=e,Object.assign(this,{...n,target:e.target}),this.params.signal&&this.params.signal.addEventListener("abort",()=>this.remove())}remove(){return this.removed=!0,this.registry.removeRegistration(this)}};var Z=class extends j{constructor(){super(...arguments),Object.defineProperty(this,"abortController",{value:new AbortController}),Object.defineProperty(this,"signal",{value:this.abortController.signal})}remove(){this.abortController.abort(),super.remove()}fire(e){let n=e,t=this.filter;if(t!==1/0&&(t=A(t))&&(n=e.filter(i=>t.includes(i.key))),n.length)return this.filter===1/0||Array.isArray(this.filter)?this.handler(n,this):this.handler(n[0],this)}};var L=class{constructor(e){this.target=e,this.entries=[]}addRegistration(e){return this.entries.push(e),e}removeRegistration(e){this.entries=this.entries.filter(n=>n!==e)}static _getInstance(e,n,t=!0,i=this.__namespace){if(!v(n))throw new Error(`Subject must be of type object; "${B(n)}" given!`);let o=this;return i&&globalThis.WebQitObserverNamespaceRegistry.has(e+"-"+i)&&(o=globalThis.WebQitObserverNamespaceRegistry.get(e+"-"+i),e+="-"+i),!E(n,"observerApi").has(e)&&t&&E(n,"observerApi").set(e,new o(n)),E(n,"observerApi").get(e)}static _namespace(e,n,t=null){if(e+="-"+n,arguments.length===2)return globalThis.WebQitObserverNamespaceRegistry.get(e);if(!(t.prototype instanceof this))throw new Error(`The implementation of the namespace ${this.name}.${n} must be a subclass of ${this.name}.`);globalThis.WebQitObserverNamespaceRegistry.set(e,t),t.__namespace=n}};globalThis.WebQitObserverNamespaceRegistry||(globalThis.WebQitObserverNamespaceRegistry=new Map);var F=class extends L{static getInstance(e,n=!0,t=null){return super._getInstance("listeners",...arguments)}static namespace(e,n=null){return super._namespace("listeners",...arguments)}constructor(e){super(e),this.batches=[]}addRegistration(e,n,t){return super.addRegistration(new Z(this,{filter:e,handler:n,params:t}))}emit(e){if(this.batches.length){this.batches[0].events.push(...e);return}this.entries.forEach(n=>n.fire(e))}batch(e){this.batches.unshift({entries:[...this.entries],events:[]}),e();let n=this.batches.shift();!n.events.length||n.entries.forEach(t=>t.fire(n.events))}};var K=class extends j{exec(e,n,t){return this.running||!this.traps[e.type]?n(...Array.prototype.slice.call(arguments,2)):(this.running=!0,this.traps[e.type](e,t,(...i)=>(this.running=!1,n(...i))))}};var q=class extends L{static getInstance(e,n=!0,t=null){return super._getInstance("traps",...arguments)}static namespace(e,n=null){return super._namespace("traps",...arguments)}addRegistration(e){return super.addRegistration(new K(this,e))}emit(e,n=null){let t=this;return function i(o,...s){let l=t.entries[o];return l?l.exec(e,(...f)=>i(o+1,...f),...s):n?n(e,...s):s[0]}(0)}};var C=class{constructor(e,n){if(this.target=e,!n.type)throw new Error("Descriptor type must be given in definition!");Object.assign(this,n)}};var _e={};Re(_e,{accessorize:()=>ut,proxy:()=>at,unaccessorize:()=>lt,unproxy:()=>oe});function ut(r,e,n={}){r=ye(r);let t=E(r,"accessorizedProps");function i(f){let u,c=r;for(;!u&&(c=Object.getPrototypeOf(c));)u=Object.getOwnPropertyDescriptor(c,f);return u?{proto:c,descriptor:u}:{descriptor:{value:void 0}}}function o(f){if(t.has(f))return!0;let u=i(f);u.getValue=function(){return"get"in this.descriptor?this.descriptor.get():this.descriptor.value},u.setValue=function(g){return"set"in this.descriptor?this.descriptor.set(g):this.descriptor.value=g},u.intact=function(){let g=Object.getOwnPropertyDescriptor(r,f);return g.get===h.get&&g.set===h.set&&t.get(f)===this},u.restore=function(){return this.intact()?(this.proto!==r?delete r[f]:Object.defineProperty(r,f,this.descriptor),t.delete(f),!0):!1},t.set(f,u);let{enumerable:c=!0,configurable:a=!0}=u.descriptor,h={enumerable:c,configurable:a};["value","set"].some(g=>g in u.descriptor)&&(h.set=function(g){return Q(this,f,g,n)}),["value","get"].some(g=>g in u.descriptor)&&(h.get=function(){return $(this,f,n)});try{return Object.defineProperty(r,f,h),!0}catch{return t.delete(f),!1}}let l=(Array.isArray(e)?e:e===void 0?Object.keys(r):[e]).map(o);return e===void 0||Array.isArray(e)?l:l[0]}function lt(r,e,n={}){r=ye(r);let t=E(r,"accessorizedProps");function i(l){return t.has(l)?t.get(l).restore():!0}let s=(Array.isArray(e)?e:e===void 0?Object.keys(r):[e]).map(i);return e===void 0||Array.isArray(e)?s:s[0]}function at(r,e={}){r=ye(r);let n=new Proxy(r,{apply:(t,i,o)=>Ee(t,i,o,e),construct:(t,i,o=null)=>Ae(t,i,o,e),defineProperty:(t,i,o)=>Oe(t,i,o,e),deleteProperty:(t,i)=>ve(t,i,e),get:(t,i,o=null)=>{let s=$(t,i,{...e,receiver:o});return e.proxyAutoBinding!==!1&&b(s)&&!le(s)?s.bind(n):s},getOwnPropertyDescriptor:(t,i)=>xe(t,i,e),getPrototypeOf:t=>we(t,e),has:(t,i)=>fe(t,i,e),isExtensible:t=>be(t,e),ownKeys:t=>se(t,e),preventExtensions:t=>Pe(t,e),set:(t,i,o,s=null)=>Q(t,i,o,{...e,receiver:s}),setPrototypeOf:(t,i)=>Se(t,i,e)});return E(n).set(n,r),n}function oe(r){return E(r,!1).get(r)||r}function ye(r){if(!r||!v(r))throw new Error("Target must be of type object!");return oe(r)}function mt(r,e,n,t=o=>o,i={}){return function o(s,l,f){let u=l[f.level];return f.level<l.length-1?f={...f,preflight:!0}:f={...f,preflight:i.preflight},n(s,u,(c,...a)=>{let h=(p={})=>({...f,...p,level:f.level+1}),g=p=>{p instanceof C&&(p.path=[p.key],s instanceof C&&(p.path=s.path.concat(p.key),p.context=s))};if(ce(u)&&Array.isArray(c))return c.forEach(g),f.level===l.length-1||!c.length&&f.midwayResults?t(c,...a):c.map(p=>o(p,l,h(...a)));g(c);let m=v(V(c,!1));return f.level===l.length-1||!m&&f.midwayResults?t(c,...a):m&&o(c,l,h(...a))},f)}(r,e.slice(0),{...i,level:0})}function dt(r,e,n,t={}){if(r=V(r),b(arguments[1])&&([,n,t={}]=arguments,e=1/0),!b(n))throw new Error(`Handler must be a function; "${B(n)}" given!`);let i=De(r,e,n,t);return t.preflight?(t={...t,descripted:!0},delete t.live,$(r,e,i,t)):i()}function pt(r,e,n={}){return r=V(r),x(e)||([,,,n={}]=arguments,e={[arguments[1]]:arguments[2]}),q.getInstance(r,!0,n.namespace).addRegistration({traps:e,params:n})}function xe(r,e,n=i=>i,t={}){return R(r,"getOwnPropertyDescriptor",{key:e},n,t)}function ht(r,e,n=i=>i,t={}){return R(r,"getOwnPropertyDescriptors",{key:e},n,t)}function we(r,e=t=>t,n={}){return R(r,"getPrototypeOf",{},e,n)}function be(r,e=t=>t,n={}){return R(r,"isExtensible",{},e,n)}function se(r,e=t=>t,n={}){return R(r,"ownKeys",{},e,n)}function fe(r,e,n=i=>i,t={}){return R(r,"has",{key:e},n,t)}function $(r,e,n=i=>i,t={}){let i;return r=V(r),x(n)?[t,n]=[n,o=>o]:t.live&&(i=!0),_t(r,e,o=>{let s=[...o];return function l(f,u,c){if(!u.length)return c(f);let a=u.shift();function h(p,d=void 0){let y=S=>(p.value=S,l(f.concat(t.live||t.descripted?p:S),u,c));if(arguments.length>1)return y(d);let w=E(r,"accessorizedProps",!1),O=w&&w.get(p.key);return O&&O.intact()?y(O.getValue()):y(Reflect.get(r,p.key,...t.receiver?[t.receiver]:[]))}let g=new C(r,{type:"get",key:a,value:void 0,related:s}),m=q.getInstance(r,!1,t.namespace);return m?m.emit(g,h):h(g)}([],o.slice(0),l=>{let f=ce(e)?l:l[0];return i?De(r,e,n,t)(f):n(f)})})}function gt(r,e,n={}){return F.getInstance(r,!0,n.namespace).batch(e)}function Q(r,e,n,t=s=>s,i={},o=!1){r=V(r);let s=[[e,n]];x(e)&&([,,t=f=>f,i={},o=!1]=arguments,s=Object.entries(e)),x(t)&&([o,i,t]=[typeof i=="boolean"?i:!1,t,f=>f]);let l=s.map(([f])=>f);return function f(u,c,a){if(!c.length)return a(u);let[h,g]=c.shift();function m(d,y=void 0){let w=G=>(d.status=G,f(u.concat(d),c,a));if(arguments.length>1)return w(d,y);let O=E(r,"accessorizedProps",!1),S=O&&O.get(d.key);return d.type==="defineProperty"?(S&&!S.restore()&&w(!1),Object.defineProperty(r,d.key,d.value),w(!0)):S&&S.intact()?w(S.setValue(d.value)):w(Reflect.set(r,d.key,d.value))}function p(d,y){let w=new C(r,{type:o?"defineProperty":"set",key:h,value:g,isUpdate:d,oldValue:y,related:[...l],detail:i.detail}),O=q.getInstance(r,!1,i.namespace);return O?O.emit(w,m):m(w)}return fe(r,h,d=>!d||i.oldValue!==!0?p(d):$(r,h,y=>p(d,y),i),i)}([],s.slice(0),f=>{let u=F.getInstance(r,!1,i.namespace);return u&&u.emit(f),t(ce(e)?f.map(c=>c.status):f[0].status)})}function Oe(r,e,n,t=o=>o,i={}){return Q(r,e,n,t,i,!0)}function yt(r,e,n=i=>i,t={}){return Q(r,e,n,t,!0)}function ve(r,e,n=i=>i,t={}){r=V(r),x(n)&&([t,n]=[n,s=>s]);let i=A(e),o=[...i];return function s(l,f,u){if(!f.length)return u(l);let c=f.shift();function a(g,m=void 0){let p=w=>(g.status=w,s(l.concat(g),f,u));if(arguments.length>1)return p(g,m);let d=E(r,"accessorizedProps",!1),y=d&&d.get(g.key);return y&&!y.restore()&&p(!1),p(Reflect.deleteProperty(r,g.key))}function h(g){let m=new C(r,{type:"deleteProperty",key:c,oldValue:g,related:[...o],detail:t.detail}),p=q.getInstance(r,!1,t.namespace);return p?p.emit(m,a):a(m)}return t.oldValue===!1?h():$(r,c,h,t)}([],i.slice(0),s=>{let l=F.getInstance(r,!1,t.namespace);return l&&l.emit(s),n(ce(e)?s.map(f=>f.status):s[0].status)})}function Ae(r,e,n=null,t=o=>o,i={}){return R(r,"construct",arguments.length>2?{argumentsList:e,newTarget:n}:{argumentsList:e},t,i)}function Ee(r,e,n,t=o=>o,i={}){return R(r,"apply",{thisArgument:e,argumentsList:n},t,i)}function Se(r,e,n=i=>i,t={}){return R(r,"setPrototypeOf",{proto:e},n,t)}function Pe(r,e=t=>t,n={}){return R(r,"preventExtensions",{},e,n)}function De(r,e,n,t={}){let i;t.signal||(i=new AbortController,t={...t,signal:i.signal});let o=F.getInstance(r,!0,t.namespace);return function s(l,f=null){f?.remove();let c={signal:o.addRegistration(e,s,t).signal};return arguments.length&&n(l,c),i}}function R(r,e,n={},t=o=>o,i={}){r=V(r),x(t)&&([i,t]=[t,f=>f]);function o(f,u){return arguments.length>1?t(u):t(Reflect[e](r,...Object.values(n)))}let s=new C(r,{type:e,...n}),l=q.getInstance(r,!1,i.namespace);return l?l.emit(s,o):o(s)}function ce(r){return r===1/0||Array.isArray(r)}function V(r,e=!0){if((!r||!v(r))&&e)throw new Error(`Object must be of type object or array! "${B(r)}" given.`);return r instanceof C&&(r=r.value),r&&oe(r)}function _t(r,e,n){return e===1/0?se(r,n):n(A(e))}var xt={...Te,..._e},P=xt;function W(r,e,n={},t={}){e=A(e).slice();for(var i=r;!M(i)&&!J(i)&&e.length;){var o=e.shift();if(!(n.get?n.get(i,o):v(i)?o in i:i[o])){t.exists=!1;return}i=n.get?n.get(i,o):i[o]}return t.exists=!0,i}function Ce(r,e,n,t={},i={}){let o=(c,a,h)=>i.set?i.set(c,a,h):(T(e[l])&&_(c)?c.push(h):c[a]=h,!0);e=A(e);for(var s=r,l=0;l<e.length;l++)if(l<e.length-1){if(!s||!v(s)&&!b(s))return!1;var f=W(s,e[l],i);if(!v(f)){if(i.buildTree===!1)return!1;f=b(i.buildTree)?i.buildTree(l):T(e[l+1])?[]:{};var u=o(s,e[l],f);if(!u)return!1}s=f}else return o(s,e[l],n)}var je=r=>class{constructor(n=!0){Object.defineProperty(this,"window",{value:r}),Object.defineProperty(this,"readCallbacks",{value:new Set}),Object.defineProperty(this,"writeCallbacks",{value:new Set}),this.async=n,this.window.requestAnimationFrame?this._run():this.async=!1}_run(){this.window.requestAnimationFrame(()=>{this.readCallbacks.forEach(n=>{n()||this.readCallbacks.delete(n)}),this.writeCallbacks.forEach(n=>{n()||this.writeCallbacks.delete(n)}),this._run()})}onread(n,t=!1){if(t)return new Promise((i,o)=>{this.async===!1?n(i,o):this.readCallbacks.add(()=>{n(i,o)})});this.async===!1?n():this.readCallbacks.add(n)}onwrite(n,t=!1){if(t)return new Promise((i,o)=>{this.async===!1?n(i,o):this.writeCallbacks.add(()=>{n(i,o)})});this.async===!1?n():this.writeCallbacks.add(n)}cycle(n,t,i){this.onread(()=>{let o=n(i),s=l=>{l!==void 0&&this.onwrite(()=>{let f=t(l,i),u=c=>{c!==void 0&&this.cycle(n,t,c)};f instanceof Promise?f.then(u):u(f)})};o instanceof Promise?o.then(s):s(o)})}};var z=class{constructor(e,n,t){this.context=e,this.namespace=n,this.window=e.defaultView||e.ownerDocument?.defaultView||t,this.document=this.window.document,this.wq=this.window.wq,Object.defineProperty(this,"#",{value:{}})}resolveArgs(e){return b(e[0])?e=[[],...e]:x(e[0])&&e.length===1?e=[[],void 0,e[0]]:x(e[1])&&e.length===2?e=[A(e[0],!1),void 0,e[1]]:e[0]=A(e[0],!1),e}registry(...e){return E(this.window,"dom.realtime",this.namespace,...e)}createSignalGenerator(){return{generate(){return this.lastController?.abort(),this.lastController=new AbortController,{signal:this.lastController.signal}},disconnect(){this.lastController?.abort()}}}forEachMatchingContext(e,n,t){let{window:i}=this,o=Array.isArray(n)?n:[n],s=new Set;for(let[l,f]of this.registry(e))for(let[u,c]of f){let a=o.filter(h=>u.contains(h.target)?l==="subtree"||h.target===u:!1);if(!!a.length){Array.isArray(n)||(a=a[0]);for(let h of c)s.add([h,a,u])}}for(let[l,f,u]of s)t.call(this,l,f,u)}disconnectables(e,...n){let t={disconnect(){n.forEach(i=>i&&b(i.disconnect)&&i.disconnect()||b(i)&&i()||x(i)&&(i.disconnected=!0))}};return e&&e.addEventListener("abort",()=>t.disconnect()),t}};var N=class extends z{constructor(e,...n){super(e,"attr",...n)}get(e,n=void 0,t={}){let i=typeof e=="string";[e=[],n=void 0,t={}]=this.resolveArgs(arguments);let{context:o}=this,s=We(o,e),l=i?s[0]:s;if(!n)return l;let f=n&&t.lifecycleSignals&&this.createSignalGenerator(),u=f?.generate()||{};if(n(l,u,o),t.live){f&&(t={...t,signalGenerator:f});let c=this.observe(i?e[0]:e,n,{newValue:!0,...t});return this.disconnectables(t.signal,c)}}observe(e,n,t={}){let i=typeof e=="string";if([e=[],n,t={}]=this.resolveArgs(arguments),["sync","intercept"].includes(t.timing))return this.observeSync(i?e[0]:e,n,t);if(t.timing&&t.timing!=="async")throw new Error(`Timing option "${t.timing}" invalid.`);let{context:o,window:s,wq:l}=this;t.eventDetails&&!l.dom.attrInterceptionHooks?.intercepting&&$e.call(s,"intercept",()=>{});let f=new s.MutationObserver(h=>{h=Ve(h).map(g=>ze.call(s,g)),Le.call(s,a,h,o)}),u={attributes:!0,attributeOldValue:t.oldValue,subtree:t.subtree};e.length&&(u.attributeFilter=e),f.observe(o,u);let c=t.signalGenerator||t.lifecycleSignals&&this.createSignalGenerator(),a={context:o,filter:e,callback:n,params:t,atomics:new Map,originalFilterIsString:i,signalGenerator:c,disconnectable:f};return this.disconnectables(t.signal,f,c)}observeSync(e,n,t={}){let i=typeof e=="string";[e,n,t={}]=this.resolveArgs(arguments);let{context:o,window:s}=this;if(t.timing&&!["sync","intercept"].includes(t.timing))throw new Error(`Timing option "${t.timing}" invalid.`);let l=t.timing==="intercept"?"intercept":"sync",f=t.subtree?"subtree":"children";this.registry(l).size||$e.call(s,l,m=>{this.forEachMatchingContext(l,m,Le)});let u={disconnect(){g.delete(a),g.size||h.delete(o)}},c=t.signalGenerator||t.lifecycleSignals&&this.createSignalGenerator(),a={context:o,filter:e,callback:n,params:t,atomics:new Map,originalFilterIsString:i,signalGenerator:c,disconnectable:u},h=this.registry(l,f);h.has(o)||h.set(o,new Set);let g=h.get(o);return g.add(a),this.disconnectables(t.signal,u,c)}};function Ve(r){return r.reduce((e,n,t)=>e[t-1]?.attributeName===n.attributeName?e:e.concat(n),[])}function Le(r,e){let{context:n,filter:t,callback:i,params:o,atomics:s,originalFilterIsString:l,signalGenerator:f}=r;o.atomic&&!s.size&&(e=We(n,t,e)),o.newValue===null&&o.oldValue===null||(e=e.map(a=>{let h;return!o.oldValue&&"oldValue"in a&&({oldValue:h,...a}=a),!o.newValue&&"value"in a?{value:h,...a}=a:o.newValue&&typeof a.value>"u"&&(a={...a,value:a.target.getAttribute(a.name)}),a})),o.atomic&&(e.forEach(a=>s.set(a.name,a)),e=Array.from(s.entries()).map(([,a])=>a));let u=l?e[0]:e,c=f?.generate()||{};i(u,c,n)}function We(r,e,n=[]){let t={event:null,type:"attribute"};return e.length?e.map(o=>n.find(s=>s.name===o)||{target:r,name:o,value:r.getAttribute(o),...t}):Array.from(r.attributes).map(o=>n.find(s=>s.name===o.nodeName)||{target:r,name:o.nodeName,value:o.nodeValue,...t})}function ze({target:r,attributeName:e,value:n,oldValue:t}){let s=(this.wq.dom.attrInterceptionRecords?.get(r)||{})[e]||"mutation";return{target:r,name:e,value:n,oldValue:t,type:"observation",event:s}}function $e(r,e){let n=this,{wq:t,document:i,Element:o}=n;t.dom.attrInterceptionHooks||(t.dom.attrInterceptionHooks=new Map),t.dom.attrInterceptionHooks.has(r)||t.dom.attrInterceptionHooks.set(r,new Set),t.dom.attrInterceptionHooks.get(r).add(e);let s=()=>t.dom.attrInterceptionHooks.get(r).delete(e);if(t.dom.attrInterceptionHooks?.intercepting)return s;console.warn("Attr mutation APIs are now being intercepted."),t.dom.attrInterceptionHooks.intercepting=!0,t.dom.attrInterceptionRecords=new Map;let l=(c,a)=>{t.dom.attrInterceptionRecords.has(c.target)||t.dom.attrInterceptionRecords.set(c.target,{});let h=t.dom.attrInterceptionRecords.get(c.target);clearTimeout(h[c.name]?.timeout),h[c.name]=c.event;let g=setTimeout(()=>{delete h[c.name]},0);Object.defineProperty(c.event,"timeout",{value:g,configurable:!0}),t.dom.attrInterceptionHooks.get("intercept")?.forEach(p=>p([c]));let m=a();return t.dom.attrInterceptionHooks.get("sync")?.forEach(p=>p([c])),m};new n.MutationObserver(c=>{c=Ve(c).map(a=>ze.call(n,a)).filter((a,h)=>!Array.isArray(a.event)),c.length&&(t.dom.attrInterceptionHooks.get("intercept")?.forEach(a=>a(c)),t.dom.attrInterceptionHooks.get("sync")?.forEach(a=>a(c)))}).observe(i,{attributes:!0,subtree:!0,attributeOldValue:!0});let u=Object.create(null);return["setAttribute","removeAttribute","toggleAttribute"].forEach(c=>{u[c]=o.prototype[c],o.prototype[c]=function(...a){let h,g=this.getAttribute(a[0]);["setAttribute","toggleAttribute"].includes(c)&&(h=a[1]),c==="toggleAttribute"&&h===void 0&&(h=g===null);let m={target:this,name:a[0],value:h,oldValue:g,type:"interception",event:[this,c]};return l(m,()=>u[c].call(this,...a))}}),s}var U=class extends z{constructor(e,...n){super(e,"tree",...n)}attr(e,n=void 0,t={}){let{context:i,window:o}=this;return new N(i,o).get(...arguments)}query(e,n=void 0,t={}){[e,n=void 0,t={}]=this.resolveArgs(arguments);let{context:i}=this,o=new Map,s=u=>(o.has(u)||o.set(u,{target:u,entrants:[],exits:[],type:"query",event:null}),o.get(u));if((!t.generation||t.generation==="entrants")&&(e.length?e.every(u=>typeof u=="string")&&(e=e.join(","))&&(t.subtree?i.querySelectorAll(e):[...i.children].filter(c=>c.matches(e))).forEach(c=>s(c.parentNode||i).entrants.push(c)):[...i.children].forEach(u=>s(i).entrants.push(u))),!n)return o;let l={disconnected:!1},f=n&&t.lifecycleSignals&&this.createSignalGenerator();for(let[,u]of o){if(l.disconnected)break;let c=f?.generate()||{};n(u,c,i)}if(t.live){f&&(t={...t,signalGenerator:f});let u=this.observe(e,n,t);return this.disconnectables(t.signal,l,u)}return this.disconnectables(t.signal,l,f)}children(e,n=void 0,t={}){return[e,n=void 0,t={}]=this.resolveArgs(arguments),this.query(e,n,{...t,subtree:!1})}subtree(e,n=void 0,t={}){return[e,n=void 0,t={}]=this.resolveArgs(arguments),this.query(e,n,{...t,subtree:!0})}observe(e,n,t={}){if([e,n,t={}]=this.resolveArgs(arguments),["sync","intercept"].includes(t.timing))return this.observeSync(e,n,t);if(t.timing&&t.timing!=="async")throw new Error(`Timing option "${t.timing}" invalid.`);let{context:i,window:o,wq:s,document:l}=this;t.eventDetails&&(s.dom.domInterceptionRecordsAlwaysOn=!0),(l.readyState==="loading"||s.dom.domInterceptionRecordsAlwaysOn)&&!s.dom.domInterceptionHooks?.intercepting&&Qe.call(o,"sync",()=>{});let f=new o.MutationObserver(a=>a.forEach(h=>{Be.call(o,c,Ue.call(o,h),i)}));f.observe(i,{childList:!0,subtree:t.subtree});let u=t.signalGenerator||t.lifecycleSignals&&this.createSignalGenerator(),c={context:i,selectors:e,callback:n,params:t,signalGenerator:u,disconnectable:f};if(t.staticSensitivity){let a=Ge.call(o,c);return this.disconnectables(t.signal,f,u,a)}return this.disconnectables(t.signal,f,u)}observeSync(e,n,t={}){[e,n,t={}]=this.resolveArgs(arguments);let{context:i,window:o}=this;if(t.timing&&!["sync","intercept"].includes(t.timing))throw new Error(`Timing option "${t.timing}" invalid.`);let s=t.timing==="intercept"?"intercept":"sync",l=t.subtree?"subtree":"children";this.registry(s).size||Qe.call(o,s,g=>{this.forEachMatchingContext(s,g,Be)});let f={disconnect(){h.delete(c),h.size||a.delete(i)}},u=t.signalGenerator||t.lifecycleSignals&&this.createSignalGenerator(),c={context:i,selectors:e,callback:n,params:t,signalGenerator:u,disconnectable:f},a=this.registry(s,l);a.has(i)||a.set(i,new Set);let h=a.get(i);if(h.add(c),t.staticSensitivity){let g=Ge.call(o,c);return this.disconnectables(t.signal,f,u,g)}return this.disconnectables(t.signal,f,u)}};function Ge(r){let e=this,{context:n,selectors:t,callback:i,params:o,signalGenerator:s}=r,l=c=>[...c.matchAll(/\[([^\=\]]+)(\=[^\]]+)?\]/g)].map(a=>a[1]);if(!(r.$attrs=t.filter(c=>typeof c=="string"&&c.includes("[")).reduce((c,a)=>c.concat(l(a)),[])).length)return;let f=new Set,u=new Set;return f.push=c=>(u.delete(c),f.add(c)),u.push=c=>(f.delete(c),u.add(c)),r.$deliveryCache={entrants:f,exits:u},new N(n,e).observe(r.$attrs,c=>{let a=new Map,h=p=>(a.has(p)||a.set(p,{target:p,entrants:[],exits:[],type:"static",event:null}),a.get(p)),g=new WeakMap,m=p=>(g.has(p)||g.set(p,t.some(d=>p.matches(d))),g.get(p));for(let p of c)["entrants","exits"].forEach(d=>{o.generation&&d!==o.generation||r.$deliveryCache[d].has(p.target)||(d==="entrants"?!m(p.target):m(p.target))||(r.$deliveryCache[d].push(p.target),h(p.target)[d].push(p.target),h(p.target).event=p.event)});for(let[,p]of a){let d=s?.generate()||{};i(p,d,n)}},{subtree:o.subtree,timing:o.timing,eventDetails:o.eventDetails})}function Be(r,e){let{context:n,selectors:t,callback:i,params:o,signalGenerator:s,$deliveryCache:l}=r,f={...e,entrants:[],exits:[]};if(["entrants","exits"].forEach(c=>{if(!(o.generation&&c!==o.generation)&&(t.length?f[c]=vt(t,e[c],e.event!=="parse"):f[c]=[...e[c]],!!l))for(let a of f[c])l[c].push(a)}),!f.entrants.length&&!f.exits.length)return;let u=s?.generate()||{};i(f,u,n)}function vt(r,e,n){e=Array.isArray(e)?e:[...e];let t=(i,o)=>{if(i=i.filter(s=>s.matches),typeof o=="string"){let s=i.filter(l=>l.matches(o));if(n&&(s=i.reduce((l,f)=>[...l,...f.querySelectorAll(o)],s)),s.length)return s}else if(i.includes(o)||n&&i.some(s=>s.contains(o)))return[o]};return e.$$searchCache||(e.$$searchCache=new Map),r.reduce((i,o)=>{let s;return e.$$searchCache.has(o)?s=e.$$searchCache.get(o):(s=t(e,o)||[],x(o)&&e.$$searchCache.set(o,s)),i.concat(s)},[])}function Ue({target:r,addedNodes:e,removedNodes:n}){let t=this,i;return i=A(e).reduce((o,s)=>o||t.wq.dom.domInterceptionRecords?.get(s),null),i=A(n).reduce((o,s)=>o||t.wq.dom.domInterceptionRecords?.get(s),i),i=i||t.document.readyState==="loading"&&"parse"||"mutation",{target:r,entrants:e,exits:n,type:"observation",event:i}}function Qe(r,e){let n=this,{wq:t,document:i,Node:o,Element:s,HTMLElement:l,HTMLTemplateElement:f,DocumentFragment:u}=n;t.dom.domInterceptionHooks||(t.dom.domInterceptionHooks=new Map),t.dom.domInterceptionHooks.has(r)||t.dom.domInterceptionHooks.set(r,new Set),t.dom.domInterceptionHooks.get(r).add(e);let c=()=>t.dom.domInterceptionHooks.get(r).delete(e);if(t.dom.domInterceptionHooks?.intercepting)return c;console.warn("DOM mutation APIs are now being intercepted."),t.dom.domInterceptionHooks.intercepting=!0,t.dom.domInterceptionRecords=new Map;let a=()=>!0,h=(m,p)=>{a()?m.entrants.concat(m.exits).forEach(y=>{clearTimeout(t.dom.domInterceptionRecords.get(y)?.timeout),t.dom.domInterceptionRecords.set(y,m.event);let w=setTimeout(()=>{t.dom.domInterceptionRecords.delete(y)},0);Object.defineProperty(m.event,"timeout",{value:w,configurable:!0})}):t.dom.domInterceptionRecords.clear(),t.dom.domInterceptionHooks.get("intercept")?.forEach(y=>y(m));let d=p();return t.dom.domInterceptionHooks.get("sync")?.forEach(y=>y(m)),d};if(a()){let m=new n.MutationObserver(p=>p.forEach(d=>{Array.isArray((d=Ue.call(n,d)).event)||(t.dom.domInterceptionHooks.get("intercept")?.forEach(y=>y(d)),t.dom.domInterceptionHooks.get("sync")?.forEach(y=>y(d)))}));m.observe(i,{childList:!0,subtree:!0}),i.addEventListener("readystatechange",()=>!a()&&m.disconnect())}let g=Object.create(null);return["insertBefore","insertAdjacentElement","insertAdjacentHTML","setHTML","replaceChildren","replaceWith","remove","replaceChild","removeChild","before","after","append","prepend","appendChild"].forEach(m=>{let p=["insertBefore","replaceChild","removeChild","appendChild"].includes(m)?o:s;g[m]=p.prototype[m],g[m]&&(p.prototype[m]=function(...d){let y=()=>g[m].call(this,...d);if(!(this instanceof s||this instanceof u))return y();let w=[],O=[],S=this;["insertBefore"].includes(m)?O=[d[0]]:["insertAdjacentElement","insertAdjacentHTML"].includes(m)?(O=[d[1]],["beforebegin","afterend"].includes(d[0])&&(S=this.parentNode)):["setHTML","replaceChildren"].includes(m)?(w=[...this.childNodes],O=m==="replaceChildren"?[...d]:[d[0]]):["replaceWith","remove"].includes(m)?(w=[this],O=m==="replaceWith"?[...d]:[],S=this.parentNode):["replaceChild"].includes(m)?(w=[d[1]],O=[d[0]]):["removeChild"].includes(m)?w=[...d]:(O=[...d],["before","after"].includes(m)&&(S=this.parentNode));let G=m;if(["insertAdjacentHTML","setHTML"].includes(m)){let H=this.nodeName;if(m==="insertAdjacentHTML"&&["beforebegin","afterend"].includes(d[0])){if(!this.parentNode)return g[m].call(this,...d);H=this.parentNode.nodeName}let re=i.createElement(H);g.setHTML.call(re,O[0],m==="setHTML"?d[1]:{}),O=[...re.childNodes],m==="insertAdjacentHTML"?(G="insertAdjacentElement",d[1]=new u,d[1].______isTemp=!0,d[1].append(...re.childNodes)):(G="replaceChildren",d=[...re.childNodes])}return h({target:S,entrants:O,exits:w,type:"interception",event:[this,m]},()=>g[G].call(this,...d))})}),["outerHTML","outerText","innerHTML","innerText","textContent","nodeValue"].forEach(m=>{let p=["textContent","nodeValue"].includes(m)?o:["outerText","innerText"].includes(m)?l:s;g[m]=Object.getOwnPropertyDescriptor(p.prototype,m),Object.defineProperty(p.prototype,m,{...g[m],set:function(d){let y=()=>g[m].set.call(this,d);if(!(this instanceof s))return y();let w=[],O=[],S=this;if(["outerHTML","outerText"].includes(m)?(w=[this],S=this.parentNode):w=[...this.childNodes],["outerHTML","innerHTML"].includes(m)){let te=this.nodeName;if(m==="outerHTML"){if(!this.parentNode)return y();te=this.parentNode.nodeName}let H=i.createElement(te==="TEMPLATE"?"div":te);g[m].set.call(H,d),O=this instanceof f?[]:[...H.childNodes],m==="outerHTML"?(d=new u,d.______isTemp=!0,d.append(...H.childNodes),y=()=>g.replaceWith.call(this,d)):this instanceof f?y=()=>this.content.replaceChildren(...H.childNodes):y=()=>g.replaceChildren.call(this,...H.childNodes)}return h({target:S,entrants:O,exits:w,type:"interception",event:[this,m]},y)}})}),["append","prepend","replaceChildren"].forEach(m=>{[i,u.prototype].forEach(p=>{let d=p[m];p[m]=function(...y){if(this.______isTemp)return d.call(this,...y);let w=m==="replaceChildren"?[...this.childNodes]:[];return h({target:this,entrants:y,exits:w,type:"interception",event:[this,m]},()=>d.call(this,...y))}})}),c}function Je(){At.call(this),Et.call(this),St.call(this)}function At(){let r=this;r.CSS||(r.CSS={}),r.CSS.escape||(r.CSS.escape=e=>e.replace(/([\:@\~\$\&])/g,"\\$1"))}function Et(){let r=this;"isConnected"in r.Node.prototype||Object.defineProperty(r.Node.prototype,"isConnected",{get:function(){return!this.ownerDocument||!(this.ownerDocument.compareDocumentPosition(this)&this.DOCUMENT_POSITION_DISCONNECTED)}})}function St(){let r=this;r.Element.prototype.matches||(r.Element.prototype.matches=r.Element.prototype.matchesSelector||r.Element.prototype.mozMatchesSelector||r.Element.prototype.msMatchesSelector||r.Element.prototype.oMatchesSelector||r.Element.prototype.webkitMatchesSelector||function(e){for(var n=(this.document||this.ownerDocument).querySelectorAll(e),t=n.length;--t>=0&&n.item(t)!==this;);return t>-1})}function Xe(){let r=this;if(r.wq||(r.wq={}),r.wq.dom)return r.wq.dom;r.wq.dom={},Je.call(r);let e=je(r);return r.wq.dom.Reflow=new e,r.wq.dom.DOMRealtime=U,r.wq.dom.AttrRealtime=N,r.wq.dom.realtime=(n,t="tree")=>{if(t==="tree")return new U(n,r);if(t==="attr")return new N(n,r)},r.wq.dom.ready=Pt.bind(r),r.wq.dom.meta=Tt.bind(r),r.wq.dom}function Pt(r){let e=this;e.document.readyState==="complete"?r(e):(e.document.domReadyCallbacks||(e.document.domReadyCallbacks=[],e.document.addEventListener("DOMContentLoaded",()=>{e.document.domReadyCallbacks.splice(0).forEach(n=>n(e))},!1)),e.document.domReadyCallbacks.push(r))}function Tt(r,e=!1){let n=this,t={content:{}};return!(t.el=n.document.querySelector(`meta[name="${r}"]`))&&e&&(t.el=n.document.createElement("meta"),t.el.setAttribute("name",r),n.document.head.append(t.el)),t.el&&(t.content=(t.el.getAttribute("content")||"").split(";").filter(i=>i).reduce((i,o)=>{let s=o.split("=").map(l=>l.trim());return Ce(i,s[0].split("."),s[1]==="true"?!0:s[1]==="false"?!1:T(s[1])?parseInt(s[1]):s[1]),i},{})),t.get=function(i){return JSON.parse(JSON.stringify(W(this.content,i.split("."))))},t.copy=function(){return JSON.parse(JSON.stringify(this.content))},t.copyWithDefaults=function(...i){return i.length?Y(!0,{},...i.reverse().concat(this.content)):this.copy()},t}var k=(r,...e)=>E(r,"oohtml",...e);function Ie(r={}){let e=this,n=Xe.call(e);e.wq||(e.wq={}),e.wq.Observer=P;let t=n.meta("oohtml").copyWithDefaults(r,{attr:{namespace:"namespace",id:":id"},api:{namespace:"namespace"},staticsensitivity:!0,eagermode:!0});t.idSelector=`[${e.CSS.escape(t.attr.id)}]`,t.namespaceSelector=`[${e.CSS.escape(t.attr.namespace)}]`,Ct.call(this,t),It.call(this,t)}function Ct(r){let e=this;if(r.api.namespace in e.document)throw new Error(`document already has a "${r.api.namespace}" property!`);if(r.api.namespace in e.Element.prototype)throw new Error(`The "Element" class already has a "${r.api.namespace}" property!`);Object.defineProperty(e.document,r.api.namespace,{get:function(){return P.proxy(ee.call(e,e.document,r))}}),Object.defineProperty(e.Element.prototype,r.api.namespace,{get:function(){return P.proxy(ee.call(e,this,r))}})}function ee(r,e){let n=this;if(!k(r).has("namespace")){let t=Object.create(null);P.intercept(t,"get",(i,o,s)=>{if(P.has(t,i.key)||!e.eagermode)return s();let l=`[${n.CSS.escape(e.attr.id)}="${i.key}"]`,f=Array.from(r.querySelectorAll(l)).filter(u=>{let c=u.parentNode.closest(e.namespaceSelector);return r===n.document?!c:c===r})[0];return f&&P.set(t,i.key,f),s()}),k(r).set("namespace",t)}return k(r).get("namespace")}function It(r){let e=this,{dom:n}=e.wq,t=(i,o,s)=>{let l=o.getAttribute(r.attr.id),f=i.closest(r.namespaceSelector)||k(o).get("ownerNamespace")||e.document,u=ee.call(e,f,r);s?P.get(u,l)!==o&&(k(o).set("ownerNamespace",f),P.set(u,l,o)):P.get(u,l)===o&&(k(o).delete("ownerNamespace"),P.deleteProperty(u,l))};n.realtime(e.document).observe(r.idSelector,i=>{i.entrants.forEach(o=>t(i.target,o,!0)),i.exits.forEach(o=>t(i.target,o,!1))},{subtree:!0,timing:"sync",staticSensitivity:r.staticsensitivity}),r.staticsensitivity&&n.realtime(e.document,"attr").observe(r.namespaceSelector,i=>{let o=i.target.parentNode?.closest(r.namespaceSelector)||k(i.target).get("ownerNamespace")||e.document,s=ee.call(e,o,r),l=ee.call(e,i.target,r);if(i.target.matches(r.namespaceSelector))for(let[f,u]of Object.entries(s))!i.target.contains(u.parentNode)||(P.deleteProperty(s,f),P.set(l,f,u));else for(let[f,u]of Object.entries(l))P.deleteProperty(l,f),P.set(s,f,u)},{subtree:!0,timing:"sync"})}Ie.call(window);})();
-//# sourceMappingURL=namespaced-html.js.map