@webqit/oohtml 1.10.2 → 1.10.4

package/src/state-api/index.js

@@ -1,142 +1,142 @@
-
-/**
- * @imports
- */
-import Observer from '@webqit/observer';
-import { _difference } from '@webqit/util/arr/index.js';
-import { _internals } from '@webqit/util/js/index.js';
-import domInit from '@webqit/browser-pie/src/dom/index.js';
-import { config } from '../util.js';
-
-/**
- * ---------------------------
- * The State API
- * ---------------------------
- */				
-
-/**
- * @init
- * 
- * @param Object config
- */
-export default function init( _config = {} ) {
-
-    const WebQit = domInit.call( this );
-    if ( _config.onDomReady ) {
-        WebQit.DOM.ready( () => {
-            init.call( this, { ..._config, onDomReady: false } );
-        } );
-        return;
-    }
-
-    const window = WebQit.window;
-    const document = WebQit.window.document;
-
-    const _meta = config.call(this, {
-        api: {state: 'state', setState: 'setState', clearState: 'clearState',},
-    }, _config.params );
-
-    const getOrCreateState = function(subject, newStateObject = null) {
-        if (!_internals(subject, 'oohtml').has('state') || newStateObject) {
-            const stateObject = newStateObject || Object.create(null);
-            const prevStateObject = _internals(subject, 'oohtml').get('state');
-            _internals(subject, 'oohtml').set('state', stateObject);
-            if (prevStateObject && Observer.unlink) {
-                Observer.unlink(subject, _meta.get('api.state'), prevStateObject);
-            }
-            if (Observer.link) {
-                let event = newStateObject ? {isUpdate: prevStateObject ? true : false, oldValue: prevStateObject} : null;
-                Observer.link(subject, _meta.get('api.state'), stateObject, event);
-            }
-        }
-        return _internals(subject, 'oohtml').get('state');
-    };
-
-    // ----------------------
-    // Define the "local" state property on Element.prototype
-    // ----------------------
-
-    if (_meta.get('api.state') in window.Element.prototype) {
-        throw new Error('The "Element" class already has a "' + _meta.get('api.state') + '" property!');
-    }
-	Object.defineProperty(window.Element.prototype, _meta.get('api.state'), {
-		get: function() {
-            return Observer.proxy(getOrCreateState(this));
-		}
-	});
-
-    // ----------------------
-
-    if (_meta.get('api.setState') in window.Element.prototype) {
-        throw new Error('The "Element" class already has a "' + _meta.get('api.setState') + '" property!');
-    }
-    Object.defineProperty(window.Element.prototype, _meta.get('api.setState'), {
-        value: function(stateObject, params = {}) {
-            if (!params.update) {
-                getOrCreateState(this, stateObject);
-            } else {
-                var currentStateObject = getOrCreateState(this);
-                if (params.update !== 'merge') {
-                    var outgoingKeys = _difference(Object.keys(currentStateObject), Object.keys(stateObject));
-                    Observer.deleteProperty(currentStateObject, outgoingKeys);
-                }
-                Observer.set(currentStateObject, stateObject);
-            }
-        }
-    });
-
-    // ----------------------
-
-    if (_meta.get('api.clearState') in window.Element.prototype) {
-        throw new Error('The "Element" class already has a "' + _meta.get('api.clearState') + '" property!');
-    }
-    Object.defineProperty(window.Element.prototype, _meta.get('api.clearState'), {
-        value: function() {
-            getOrCreateState(this, {});
-        }
-    });
-
-    // ----------------------
-    // Define the global "state" object
-    // ----------------------
-
-    if (_meta.get('api.state') in document) {
-        throw new Error('The "document" object already has a "' + _meta.get('api.state') + '" property!');
-    }
-	Object.defineProperty(document, _meta.get('api.state'), {
-		get: function() {
-            return Observer.proxy(getOrCreateState(document));
-		}
-	});
-
-    // ----------------------
-
-    if (_meta.get('api.setState') in document) {
-        throw new Error('The "document" object already has a "' + _meta.get('api.setState') + '" property!');
-    }
-    Object.defineProperty(document, _meta.get('api.setState'), {
-        value: function(stateObject, params = {}) {
-            if (!params.update) {
-                getOrCreateState(document, stateObject);
-            } else {
-                var currentStateObject = getOrCreateState(document);
-                if (params.update !== 'merge') {
-                    var outgoingKeys = _difference(Object.keys(currentStateObject), Object.keys(stateObject));
-                    Observer.deleteProperty(currentStateObject, outgoingKeys);
-                }
-                Observer.set(currentStateObject, stateObject);
-            }
-        }
-    });
-
-    // ----------------------
-
-    if (_meta.get('api.clearState') in document) {
-        throw new Error('The "document" object already has a "' + _meta.get('api.clearState') + '" property!');
-    }
-    Object.defineProperty(document, _meta.get('api.clearState'), {
-        value: function() {
-            getOrCreateState(document, {});
-        }
-    });
+
+/**
+ * @imports
+ */
+import Observer from '@webqit/observer';
+import { _difference } from '@webqit/util/arr/index.js';
+import { _internals } from '@webqit/util/js/index.js';
+import domInit from '@webqit/browser-pie/src/dom/index.js';
+import { config } from '../util.js';
+
+/**
+ * ---------------------------
+ * The State API
+ * ---------------------------
+ */				
+
+/**
+ * @init
+ * 
+ * @param Object config
+ */
+export default function init( _config = {} ) {
+
+    const WebQit = domInit.call( this );
+    if ( _config.onDomReady ) {
+        WebQit.DOM.ready( () => {
+            init.call( this, { ..._config, onDomReady: false } );
+        } );
+        return;
+    }
+
+    const window = WebQit.window;
+    const document = WebQit.window.document;
+
+    const _meta = config.call(this, {
+        api: {state: 'state', setState: 'setState', clearState: 'clearState',},
+    }, _config.params );
+
+    const getOrCreateState = function(subject, newStateObject = null) {
+        if (!_internals(subject, 'oohtml').has('state') || newStateObject) {
+            const stateObject = newStateObject || Object.create(null);
+            const prevStateObject = _internals(subject, 'oohtml').get('state');
+            _internals(subject, 'oohtml').set('state', stateObject);
+            if (prevStateObject && Observer.unlink) {
+                Observer.unlink(subject, _meta.get('api.state'), prevStateObject);
+            }
+            if (Observer.link) {
+                let event = newStateObject ? {isUpdate: prevStateObject ? true : false, oldValue: prevStateObject} : null;
+                Observer.link(subject, _meta.get('api.state'), stateObject, event);
+            }
+        }
+        return _internals(subject, 'oohtml').get('state');
+    };
+
+    // ----------------------
+    // Define the "local" state property on Element.prototype
+    // ----------------------
+
+    if (_meta.get('api.state') in window.Element.prototype) {
+        throw new Error('The "Element" class already has a "' + _meta.get('api.state') + '" property!');
+    }
+	Object.defineProperty(window.Element.prototype, _meta.get('api.state'), {
+		get: function() {
+            return Observer.proxy(getOrCreateState(this));
+		}
+	});
+
+    // ----------------------
+
+    if (_meta.get('api.setState') in window.Element.prototype) {
+        throw new Error('The "Element" class already has a "' + _meta.get('api.setState') + '" property!');
+    }
+    Object.defineProperty(window.Element.prototype, _meta.get('api.setState'), {
+        value: function(stateObject, params = {}) {
+            if (!params.update) {
+                getOrCreateState(this, stateObject);
+            } else {
+                var currentStateObject = getOrCreateState(this);
+                if (params.update !== 'merge') {
+                    var outgoingKeys = _difference(Object.keys(currentStateObject), Object.keys(stateObject));
+                    Observer.deleteProperty(currentStateObject, outgoingKeys);
+                }
+                Observer.set(currentStateObject, stateObject);
+            }
+        }
+    });
+
+    // ----------------------
+
+    if (_meta.get('api.clearState') in window.Element.prototype) {
+        throw new Error('The "Element" class already has a "' + _meta.get('api.clearState') + '" property!');
+    }
+    Object.defineProperty(window.Element.prototype, _meta.get('api.clearState'), {
+        value: function() {
+            getOrCreateState(this, {});
+        }
+    });
+
+    // ----------------------
+    // Define the global "state" object
+    // ----------------------
+
+    if (_meta.get('api.state') in document) {
+        throw new Error('The "document" object already has a "' + _meta.get('api.state') + '" property!');
+    }
+	Object.defineProperty(document, _meta.get('api.state'), {
+		get: function() {
+            return Observer.proxy(getOrCreateState(document));
+		}
+	});
+
+    // ----------------------
+
+    if (_meta.get('api.setState') in document) {
+        throw new Error('The "document" object already has a "' + _meta.get('api.setState') + '" property!');
+    }
+    Object.defineProperty(document, _meta.get('api.setState'), {
+        value: function(stateObject, params = {}) {
+            if (!params.update) {
+                getOrCreateState(document, stateObject);
+            } else {
+                var currentStateObject = getOrCreateState(document);
+                if (params.update !== 'merge') {
+                    var outgoingKeys = _difference(Object.keys(currentStateObject), Object.keys(stateObject));
+                    Observer.deleteProperty(currentStateObject, outgoingKeys);
+                }
+                Observer.set(currentStateObject, stateObject);
+            }
+        }
+    });
+
+    // ----------------------
+
+    if (_meta.get('api.clearState') in document) {
+        throw new Error('The "document" object already has a "' + _meta.get('api.clearState') + '" property!');
+    }
+    Object.defineProperty(document, _meta.get('api.clearState'), {
+        value: function() {
+            getOrCreateState(document, {});
+        }
+    });
 };

package/src/subscript/Element.js

@@ -1,103 +1,103 @@
-
-/**
- * @imports
- */
-import { SubscriptFunction, SubscriptClass } from '@webqit/subscript';
-import { _internals, _isNumeric, _isFunction } from '@webqit/util/js/index.js';
-
-/**
- * ---------------------------
- * Subscript Element
- * ---------------------------
- */
-
-export const Element  = BaseElement => class extends SubscriptClass( BaseElement ) {
-
-    /**
-     * @subscript Element
-     */
-
-    static get subscriptParams() {
-        return { globalsAutoObserve: [ 'document' ] };
-    }
-
-    static expose( element, subscriptFunction ) {
-        let subscriptInstances = _internals( element, 'oohtml', 'subscript', 'instances' );
-        let id = subscriptFunction.name;
-        if ( !id ) {
-            id = [ ...subscriptInstances.keys() ].filter( k => _isNumeric( k ) ).length;
-        }
-        subscriptInstances.set( id, subscriptFunction );
-        return subscriptFunction;
-    }
-    
-
-    static implementMethod( method, element ) {
-        let subscriptFunction = super.implementMethod( method, element );
-        return this.expose( element, subscriptFunction );
-    }
-
-    static implementScript( script, element ) {
-        let source = ( script.textContent || '' ).trim();
-        return this.expose( element, SubscriptFunction.call( element, source, { compilerParams: this.compilerParams, runtimeParams: this.runtimeParams } ) );
-    }
-
-    /**
-     * @disconnectedCallback()
-     */
-    static doConnectedCallback( instance ) {
-        if ( ( typeof WebQit === 'undefined' ) || !WebQit.Observer ) return;
-        const subscriptInstances = _internals( instance, 'oohtml', 'subscript', 'instances' );
-        const signals = ( mutations, evt, namespace = [] ) => {
-            subscriptInstances.forEach( api => api.thread( ...mutations.map( mu => namespace.concat( mu.path ) ) ) );
-        };
-        ( this.subscriptParams.globalsAutoObserve || [] ).forEach( identifier => {
-            WebQit.Observer.observe( globalThis[ identifier ], mutations => signals( mutations, null, [ identifier ] ), { 
-                subtree: true, diff: true, tags: [ instance, 'subscript-element', identifier ], unique: true
-            } );
-        } );
-        WebQit.Observer.observe( instance, mutations => signals( mutations, null, [ 'this' ] ), { 
-            subtree: true, diff: true, tags: [ instance, 'subscript-element', 'this' ], unique: true
-        } );
-    }
-
-    /**
-     * @disconnectedCallback()
-     */
-    static doDisconnectedCallback( instance ) {
-        if ( ( typeof WebQit === 'undefined' ) || !WebQit.Observer ) return;
-        ( this.subscriptParams.globalsAutoObserve || [] ).forEach( identifier => {
-            WebQit.Observer.unobserve( globalThis[ identifier ], null, null, { 
-                subtree: true, tags: [ instance, 'subscript-element', identifier ]
-            } );
-        } );
-        WebQit.Observer.unobserve( instance, null, null, { 
-            subtree: true, tags: [ instance, 'subscript-element', 'this' ]
-        } );
-    }
-
-    /**
-     * @connectedCallback()
-     */
-    connectedCallback() {
-        this.constructor.doConnectedCallback( this );
-        if ( super.connectedCallback ) {
-            super.connectedCallback();
-        }
-    }
-
-    /**
-     * @disconnectedCallback()
-     */
-    disconnectedCallback() {
-        this.constructor.doDisconnectedCallback( this );
-        if ( super.disconnectedCallback ) {
-            super.disconnectedCallback();
-        }
-    }
-
-    get subscript() {
-        return _internals( this, 'oohtml', 'subscript', 'instances' );
-    }
-
+
+/**
+ * @imports
+ */
+import { SubscriptFunction, SubscriptClass } from '@webqit/subscript';
+import { _internals, _isNumeric, _isFunction } from '@webqit/util/js/index.js';
+
+/**
+ * ---------------------------
+ * Subscript Element
+ * ---------------------------
+ */
+
+export const Element  = BaseElement => class extends SubscriptClass( BaseElement ) {
+
+    /**
+     * @subscript Element
+     */
+
+    static get subscriptParams() {
+        return { globalsAutoObserve: [ 'document' ] };
+    }
+
+    static expose( element, subscriptFunction ) {
+        let subscriptInstances = _internals( element, 'oohtml', 'subscript', 'instances' );
+        let id = subscriptFunction.name;
+        if ( !id ) {
+            id = [ ...subscriptInstances.keys() ].filter( k => _isNumeric( k ) ).length;
+        }
+        subscriptInstances.set( id, subscriptFunction );
+        return subscriptFunction;
+    }
+    
+
+    static implementMethod( method, element ) {
+        let subscriptFunction = super.implementMethod( method, element );
+        return this.expose( element, subscriptFunction );
+    }
+
+    static implementScript( script, element ) {
+        let source = ( script.textContent || '' ).trim();
+        return this.expose( element, SubscriptFunction.call( element, source, { compilerParams: this.compilerParams, runtimeParams: this.runtimeParams } ) );
+    }
+
+    /**
+     * @disconnectedCallback()
+     */
+    static doConnectedCallback( instance ) {
+        if ( ( typeof WebQit === 'undefined' ) || !WebQit.Observer ) return;
+        const subscriptInstances = _internals( instance, 'oohtml', 'subscript', 'instances' );
+        const signals = ( mutations, evt, namespace = [] ) => {
+            subscriptInstances.forEach( api => api.thread( ...mutations.map( mu => namespace.concat( mu.path ) ) ) );
+        };
+        ( this.subscriptParams.globalsAutoObserve || [] ).forEach( identifier => {
+            WebQit.Observer.observe( globalThis[ identifier ], mutations => signals( mutations, null, [ identifier ] ), { 
+                subtree: true, diff: true, tags: [ instance, 'subscript-element', identifier ], unique: true
+            } );
+        } );
+        WebQit.Observer.observe( instance, mutations => signals( mutations, null, [ 'this' ] ), { 
+            subtree: true, diff: true, tags: [ instance, 'subscript-element', 'this' ], unique: true
+        } );
+    }
+
+    /**
+     * @disconnectedCallback()
+     */
+    static doDisconnectedCallback( instance ) {
+        if ( ( typeof WebQit === 'undefined' ) || !WebQit.Observer ) return;
+        ( this.subscriptParams.globalsAutoObserve || [] ).forEach( identifier => {
+            WebQit.Observer.unobserve( globalThis[ identifier ], null, null, { 
+                subtree: true, tags: [ instance, 'subscript-element', identifier ]
+            } );
+        } );
+        WebQit.Observer.unobserve( instance, null, null, { 
+            subtree: true, tags: [ instance, 'subscript-element', 'this' ]
+        } );
+    }
+
+    /**
+     * @connectedCallback()
+     */
+    connectedCallback() {
+        this.constructor.doConnectedCallback( this );
+        if ( super.connectedCallback ) {
+            super.connectedCallback();
+        }
+    }
+
+    /**
+     * @disconnectedCallback()
+     */
+    disconnectedCallback() {
+        this.constructor.doDisconnectedCallback( this );
+        if ( super.disconnectedCallback ) {
+            super.disconnectedCallback();
+        }
+    }
+
+    get subscript() {
+        return _internals( this, 'oohtml', 'subscript', 'instances' );
+    }
+
 }

package/src/subscript/browser-entry.js

@@ -1,10 +1,10 @@
-
-/**
- * @imports
- */
-import init from './index.js';
-
-/**
- * @init
- */
+
+/**
+ * @imports
+ */
+import init from './index.js';
+
+/**
+ * @init
+ */
 init.call( window );

package/src/subscript/index.js

@@ -1,70 +1,70 @@
-
-/**
- * @imports
- */
-import { _internals } from '@webqit/util/js/index.js';
-import domInit from '@webqit/browser-pie/src/dom/index.js';
-import { Element } from './Element.js';
-import { config } from '../util.js';
-
-/**
- * @init
- * 
- * @param Object config
- */
-export default function init( _config = {} ) {
-
-    const WebQit = domInit.call( this );
-    if ( _config.onDomReady ) {
-        WebQit.DOM.ready( () => {
-            init.call( this, { ..._config, onDomReady: false } );
-        } );
-        return;
-    }
-
-    const mutations = WebQit.DOM.mutations;
-    const _meta = config.call( this, {
-        selectors: { script: 'script[type="subscript"]', },
-        api: { bind: 'bind', unbind: 'unbind', },
-        script: {},
-    }, _config.params );
-
-    const ContextifiableElement = BaseElement => class extends Element( BaseElement ) {
-        static get compilerParams() {
-            return _config.compilerParams || {};
-        }
-        static get runtimeParams() {
-            return _config.runtimeParams || {};
-        }
-    };
-    
-    const SubscriptElement = ContextifiableElement();
-    mutations.onPresent( _meta.get('selectors.script'), scriptElement => {
-
-        let ownerNode = scriptElement.parentNode;
-        if ( !ownerNode ) return;
-        let scriptTags = _internals( ownerNode, 'oohtml', 'subscript' ).get( 'script-tags' );
-        if ( !scriptTags ) {
-            scriptTags = new WeakSet;
-            _internals( ownerNode, 'oohtml', 'subscript' ).set( 'script-tags', scriptTags );
-        }
-        if ( scriptTags.has( scriptElement ) ) return;
-
-        SubscriptElement.implementScript( scriptElement, ownerNode )();
-        SubscriptElement.doConnectedCallback( ownerNode );
-        scriptTags.add( scriptElement );
-
-        let mo = mutations.onRemoved( ownerNode, () => {
-            SubscriptElement.doDisconnectedCallback( ownerNode );
-            scriptTags.delete( scriptElement );
-            mo.disconnect();
-        }, { ignoreTransients: true });
-
-    } );
-
-    if (!WebQit.OOHTML) {
-        WebQit.OOHTML = {};
-    }
-    WebQit.OOHTML.SubscriptElement = ContextifiableElement;
-
+
+/**
+ * @imports
+ */
+import { _internals } from '@webqit/util/js/index.js';
+import domInit from '@webqit/browser-pie/src/dom/index.js';
+import { Element } from './Element.js';
+import { config } from '../util.js';
+
+/**
+ * @init
+ * 
+ * @param Object config
+ */
+export default function init( _config = {} ) {
+
+    const WebQit = domInit.call( this );
+    if ( _config.onDomReady ) {
+        WebQit.DOM.ready( () => {
+            init.call( this, { ..._config, onDomReady: false } );
+        } );
+        return;
+    }
+
+    const mutations = WebQit.DOM.mutations;
+    const _meta = config.call( this, {
+        selectors: { script: 'script[type="subscript"]', },
+        api: { bind: 'bind', unbind: 'unbind', },
+        script: {},
+    }, _config.params );
+
+    const ContextifiableElement = BaseElement => class extends Element( BaseElement ) {
+        static get compilerParams() {
+            return _config.compilerParams || {};
+        }
+        static get runtimeParams() {
+            return _config.runtimeParams || {};
+        }
+    };
+    
+    const SubscriptElement = ContextifiableElement();
+    mutations.onPresent( _meta.get('selectors.script'), scriptElement => {
+
+        let ownerNode = scriptElement.parentNode;
+        if ( !ownerNode ) return;
+        let scriptTags = _internals( ownerNode, 'oohtml', 'subscript' ).get( 'script-tags' );
+        if ( !scriptTags ) {
+            scriptTags = new WeakSet;
+            _internals( ownerNode, 'oohtml', 'subscript' ).set( 'script-tags', scriptTags );
+        }
+        if ( scriptTags.has( scriptElement ) ) return;
+
+        SubscriptElement.implementScript( scriptElement, ownerNode )();
+        SubscriptElement.doConnectedCallback( ownerNode );
+        scriptTags.add( scriptElement );
+
+        let mo = mutations.onRemoved( ownerNode, () => {
+            SubscriptElement.doDisconnectedCallback( ownerNode );
+            scriptTags.delete( scriptElement );
+            mo.disconnect();
+        }, { ignoreTransients: true });
+
+    } );
+
+    if (!WebQit.OOHTML) {
+        WebQit.OOHTML = {};
+    }
+    WebQit.OOHTML.SubscriptElement = ContextifiableElement;
+
 }